{"version":3,"sources":["webpack:///./src/components/common/IframeWithLoading.vue?78a1","webpack:///./src/components/edition/EditionCardList/index.vue?89fa","webpack:///./src/pages/series.page.vue?2e39","webpack:///src/components/edition/EditionCardItem/index.vue","webpack:///./src/components/edition/EditionCardItem/index.vue?2df9","webpack:///./src/components/edition/EditionCardItem/index.vue","webpack:///./src/components/edition/EditionCardItem/index.vue?3f4d","webpack:///src/components/edition/EditionCardList/index.vue","webpack:///./src/components/edition/EditionCardList/index.vue?46cf","webpack:///./src/components/edition/EditionCardList/index.vue?aebd","webpack:///./src/components/edition/EditionCardList/index.vue?d0cf","webpack:///src/components/common/IframeWithLoading.vue","webpack:///./src/components/common/IframeWithLoading.vue?123c","webpack:///./src/components/common/IframeWithLoading.vue?8a91","webpack:///./src/components/common/IframeWithLoading.vue?30d1","webpack:///src/pages/series.page.vue","webpack:///./src/pages/series.page.vue?8903","webpack:///./src/pages/series.page.vue","webpack:///./src/components/edition/EditionCardItem/index.vue?447e","webpack:///./src/pages/series.page.vue?31db"],"names":["name","components","props","data","type","required","CHAIN_INFO","computationRefreshKey","endTimeMilli","SITE_URL","computed","mapState","locale","showName","this","name_ja","name_en","showDescription","description_ja","methods","htmlToFormattedText","component","_vm","_h","$createElement","_c","_self","staticClass","on","$router","push","attrs","thumbnail_url","_v","_s","CardItem","Pagination","default","numberOfCard","pageSize","currentPage","onChange","page","$emit","_l","card","key","src","loading","mounted","window","beforeDestroy","onIframeLoad","handleMessage","event","iframe","directives","rawName","value","expression","ref","CardListEdition","CardListNFT","IframeWithLoading","id","series","editions","numberOfEditions","metaInfo","title","list","hierarchy","localizedDescription","mapActions","clearHeaderCondition","fetchMarketplace","setHierarchy","onPageChange","getSeries","getCategories","total","items","getEditions","objectAboutEdition","limit","offset","is_deleted","fetchNewPage","PICTURE_PER_PAGE","goToLinkPlace","banner_url","$event","domProps","$sanitize","_e","wordpress_link","show_nftlist","length","staticStyle","$t","staticRenderFns"],"mappings":"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","file":"js/chunk-5664cd2a.96a88e21.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IframeWithLoading.vue?vue&type=style&index=0&id=f11c0904&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"custom-background pb-12 overflow-x-hidden\"},[_c('a-spin',{attrs:{\"spinning\":_vm.loading}},[_c('div',[_c('div',{staticClass:\"hidden sm:block\"},[_c('div',{staticClass:\"mx-auto w-8/12 z-30 relative\"},[_c('div',{staticClass:\"w-full h-full object-scale-down flex items-center justify-center\"},[_c('img',{staticClass:\"rounded-3xl cursor-pointer\",attrs:{\"src\":_vm.series.banner_url},on:{\"click\":function($event){return _vm.goToLinkPlace()}}})])])]),_c('div',{staticClass:\"visible sm:hidden\"},[_c('div',{staticClass:\"mx-auto w-full z-30 relative\"},[_c('div',{staticClass:\"w-full h-full object-scale-down flex items-center justify-center\"},[_c('img',{staticClass:\"cursor-pointer\",attrs:{\"src\":_vm.series.banner_url},on:{\"click\":function($event){return _vm.goToLinkPlace()}}})])])]),(_vm.localizedDescription)?_c('div',{staticClass:\"width-1140-no-padding py-2 px-4 mx-auto mt-8 mb-4 text-lg black-text description-CSS\",domProps:{\"innerHTML\":_vm._s(_vm.$sanitize(_vm.localizedDescription))}}):_vm._e(),(_vm.series.wordpress_link)?_c('IframeWithLoading',{attrs:{\"src\":_vm.series.wordpress_link}}):_vm._e(),(_vm.series.show_nftlist == 0)?_c('div',[(_vm.editions && _vm.editions.length > 0)?_c('div',{staticClass:\"mx-auto width-1140 mt-10\"},[_c('CardListEdition',{attrs:{\"data\":_vm.editions,\"numberOfCard\":_vm.numberOfEditions},on:{\"onPageChange\":_vm.onPageChange}})],1):_vm._e()]):_c('div',[_c('div',{staticClass:\"mx-auto w-full z-30 relative mt-10\",staticStyle:{\"width\":\"1140px\"}},[_c('div',{staticClass:\"title custom-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_NFT_LIST_SECTION_TITLE'))+\" \")])]),_c('div',{staticClass:\"mx-auto width-1140\"},[_c('CardListNFT',{attrs:{\"data\":_vm.list},on:{\"onPageChange\":_vm.onPageChange}})],1)])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"nft-card-detail text-white\">\n    <section\n      @click=\"() => ($router.push(`/Edition/${data.id}`))\"\n      class=\"nft-card-detail__img-container relative cursor-pointer\"\n    >\n      <div class=\"cursor-pointer w-full h-full\">\n        <img\n          class=\"w-full h-full object-cover thumbnail_shadow\"\n          :src=\"data.thumbnail_url\"\n        />\n        <!--\n        <div class=\"w-full h-full object-scale-down flex items-center justify-center\">\n          <img\n            class=\"rounded-3xl cursor-pointer\"\n            :src=\"data.thumbnail_url\"\n          />\n        </div>\n        -->\n        <div class=\"flex justify-center text-black mt-3 custom-text\"> {{ showName }} </div>\n     </div>\n    </section>\n    <div class=\"grid-cols-1 px-6 py-4 rounded-b-xl\">\n    </div>\n  </div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\n// import { CHAIN_INFO, TOKEN_SYMBOLS } from '@/constants/chains.constant';\nimport { CHAIN_INFO } from '@/constants/chains.constant';\nimport { SITE_URL } from '@/env';\n// import moment from 'moment';\n// import { generateCalendarLink } from '@/utils/link.util';\nimport htmlToFormattedText from 'html-to-formatted-text';\nimport { mapState } from 'vuex';\nexport default {\n  name: 'EditionCardItem',\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  components: {\n    // CardTag,\n    // GlobalIcon,\n    // CalendarIcon,\n    // TwitterIcon,\n    // CryptoIcon,\n  },\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  props: {\n    data: {\n      type: Object,\n      required: true,\n    },\n  },\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  data() {\n    return {\n      CHAIN_INFO,\n      computationRefreshKey: false,\n      endTimeMilli: 0,\n      SITE_URL,\n    }; // End of return {...}\n  }, // End of data() {...}\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  //created() {\n  //  this.getTime();\n  //},\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  computed: {\n    ...mapState({\n      locale: (state) => state?.setting.locale,\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showName() {\n      return this.locale === 'ja' && this.data.name_ja ? this.data.name_ja : this.data.name_en;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showDescription() {\n      return this.locale === 'ja' && this.data.description_ja\n        ? this.data.description_ja\n        : this.data.description;\n    },\n  }, // End of computed: {...}\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  methods: {\n    htmlToFormattedText,\n  },\n};\n</script>\n\n<style\n  lang=\"scss\"\n  scoped\n>\n.tight-leading {\n  line-height: 0.9rem;\n}\n.nft-card-detail {\n  @screen md {\n    width: 245px;\n  }\n  width: 95%;\n  margin: auto;\n  &__img-container {\n    aspect-ratio: 1 / 1;\n    .can-not-buy-btns {\n      @apply absolute top-1/2 left-1/2;\n      transform: translate(-50%, -50%);\n    }\n  }\n  &__body {\n    @apply bg-card-item-bg;\n    .card-section {\n      @apply py-2;\n      .property {\n        @apply text-card-item-label;\n      }\n    }\n  }\n  &__info {\n    height: 84px;\n    overflow: hidden;\n\n    .description {\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      line-height: 0.9rem;\n    }\n  }\n}\n.timer {\n  font-family: 'Lato', 'Poppins', sans-serif;\n  font-variant-numeric: tabular-nums;\n  .time-unit-box {\n    @apply w-1/5;\n  }\n  .colon-box {\n    width: 7%;\n  }\n}\n\n.custom-text {\n  color: black;\n  font-size: 18px;\n  font-weight: bold;\n\n  @media (max-width:768px) {\n    font-size: 14px;\n  }\n}\n.thumbnail_shadow {\n  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1); /* 通常時の影 */\n  transition: box-shadow 0.3s ease, transform 0.3s ease; /* ホバー時のスムーズな変化 */\n}\n\n.thumbnail_shadow:hover {\n  box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2); /* ホバー時に大きな影 */\n  transform: translateY(-4px); /* 画像が少し浮き上がる */\n}\n\n.icon-scale {\n  @apply w-7 h-7;\n  @screen xxs {\n    @apply w-10 h-10;\n  }\n  @screen xs {\n    @apply w-12 h-12;\n  }\n  @screen md {\n    @apply w-7 h-7;\n  }\n}\n.button-scale {\n  @apply w-28 h-7;\n  @screen xxs {\n    @apply w-48 h-10;\n  }\n  @screen xs {\n    @apply w-64 h-12;\n  }\n  @screen sm {\n    @apply w-80 h-12;\n  }\n  @screen md {\n    @apply w-28 h-7;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=ca06969c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=ca06969c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ca06969c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"nft-card-detail text-white\"},[_c('section',{staticClass:\"nft-card-detail__img-container relative cursor-pointer\",on:{\"click\":function () { return (_vm.$router.push((\"/Edition/\" + (_vm.data.id)))); }}},[_c('div',{staticClass:\"cursor-pointer w-full h-full\"},[_c('img',{staticClass:\"w-full h-full object-cover thumbnail_shadow\",attrs:{\"src\":_vm.data.thumbnail_url}}),_c('div',{staticClass:\"flex justify-center text-black mt-3 custom-text\"},[_vm._v(\" \"+_vm._s(_vm.showName)+\" \")])])]),_c('div',{staticClass:\"grid-cols-1 px-6 py-4 rounded-b-xl\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"nft-card-list\">\n    <div\n      class=\"list grid xl:grid-cols-4 md:grid-cols-2 grid-cols-2 gap-12 w-full border border-gray-300\"\n    >\n      <div\n        class=\"justify-self-center z-30 w-full\"\n        v-for=\"card in data\"\n        :key=\"`nft-card-list-${card.id}`\"\n      >\n        <CardItem :data=\"card\"></CardItem>\n      </div>\n    </div>\n    <Pagination\n      class=\"text-center mt-24 mb-24\"\n      :total=\"numberOfCard\"\n      :pageSize=\"pageSize\"\n      :current=\"currentPage\"\n      @onChange=\"onChange\"\n      :showQuickJumper=\"false\"\n    ></Pagination>\n    <!-- <div class=\"text-center mt-8\">\n      <a\n        target=\"_blank\"\n        href=\"https://forms.gle/tPJ1NLKTc1tyPozZ6\"\n        class=\"font-medium border border-white whitespace-nowrap xxs:text-3xl text-2xl bg-transparent rounded-lg xxs:px-16 px-4 py-2 text-white h-18\"\n        >Apply for publication</a\n      >\n    </div> -->\n  </div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport { PICTURE_PER_PAGE } from '@/constants/common.constant';\nimport Pagination from '@/components/common/Pagination.vue';\nimport CardItem from '@/components/edition/EditionCardItem/index.vue';\n//import { mapState } from 'vuex';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n  name: 'EditionCardList',\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  components: {\n    CardItem,\n    Pagination,\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  props: {\n    // テーブル categories から抽出した、当該シリーズ配下のエディション一ページ分の\n    // レコードオブジェクトの配列。\n    data: {\n      type: Array,\n      default: () => [],\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // テーブル categories から抽出した、当該シリーズ配下の全エディションの\n    // レコードの数。\n    numberOfCard: {\n      type: Number,\n    },\n  }, // End of props: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  data() {\n    return {\n      pageSize: PICTURE_PER_PAGE,\n      currentPage: 1,\n    };\n  }, // End of data() {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  //computed: {\n  //  ...mapState({\n  //    total: (state) => state.marketplace.totalItems || 0,\n  //  }),\n  //},\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  methods: {\n    onChange(page) {\n      this.currentPage = page;\n      this.$emit('onPageChange', page);\n    },\n  }, // End of methods: {...}\n}; // End of export default {...}\n</script>\n\n<style>\n.list{\n  padding-top: 60px;\n  padding-bottom: 60px;\n  padding-left: 30px;\n  padding-right: 30px;\n  @media (max-width:798px){\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=26b03252&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"nft-card-list\"},[_c('div',{staticClass:\"list grid xl:grid-cols-4 md:grid-cols-2 grid-cols-2 gap-12 w-full border border-gray-300\"},_vm._l((_vm.data),function(card){return _c('div',{key:(\"nft-card-list-\" + (card.id)),staticClass:\"justify-self-center z-30 w-full\"},[_c('CardItem',{attrs:{\"data\":card}})],1)}),0),_c('Pagination',{staticClass:\"text-center mt-24 mb-24\",attrs:{\"total\":_vm.numberOfCard,\"pageSize\":_vm.pageSize,\"current\":_vm.currentPage,\"showQuickJumper\":false},on:{\"onChange\":_vm.onChange}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"iframe-container\">\n    <a-spin :spinning=\"loading\">\n      <iframe\n        v-show=\"!loading\"\n        :src=\"src\"\n        ref=\"childIframe\"\n        @load=\"onIframeLoad\"\n        class=\"iframe-content\"\n        scrolling=\"no\"\n      ></iframe>\n    </a-spin>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    src: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      loading: true,\n    };\n  },\n  mounted() {\n    window.addEventListener('message', this.handleMessage);\n  },\n  beforeDestroy() {\n    window.removeEventListener('message', this.handleMessage);\n  },\n  methods: {\n    onIframeLoad() {\n      this.loading = false;\n    },\n    handleMessage(event) {\n      const iframe = this.$refs.childIframe;\n      iframe.style.height = `${event.data}px`;\n    },\n  },\n};\n</script>\n\n<style scoped>\n.iframe-container {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.iframe-content {\n  width: 100%;\n  height: 100%;\n  border: none;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IframeWithLoading.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IframeWithLoading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IframeWithLoading.vue?vue&type=template&id=f11c0904&scoped=true&\"\nimport script from \"./IframeWithLoading.vue?vue&type=script&lang=js&\"\nexport * from \"./IframeWithLoading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IframeWithLoading.vue?vue&type=style&index=0&id=f11c0904&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f11c0904\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"iframe-container\"},[_c('a-spin',{attrs:{\"spinning\":_vm.loading}},[_c('iframe',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loading),expression:\"!loading\"}],ref:\"childIframe\",staticClass:\"iframe-content\",attrs:{\"src\":_vm.src,\"scrolling\":\"no\"},on:{\"load\":_vm.onIframeLoad}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"custom-background pb-12 overflow-x-hidden\">\n    <a-spin :spinning=\"loading\">\n      <div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ ヘッダ直下の画像 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ ＰＣのような幅 640 px 以上の画面で表示 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div  class=\"hidden sm:block\">\n          <div class=\"mx-auto w-8/12 z-30 relative\">\n            <div class=\"w-full h-full object-scale-down flex items-center justify-center\">\n              <img\n                class=\"rounded-3xl cursor-pointer\"\n                :src=\"series.banner_url\"\n                @click=\"goToLinkPlace()\"\n              />\n            </div>\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ ＰＣのような幅 640 px 以上の画面で表示 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ スマートフォンのような幅 640 px 未満の画面で表示 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div  class=\"visible sm:hidden\">\n          <div class=\"mx-auto w-full z-30 relative\">\n            <div class=\"w-full h-full object-scale-down flex items-center justify-center\">\n              <img\n                class=\"cursor-pointer\"\n                :src=\"series.banner_url\"\n                @click=\"goToLinkPlace()\"\n              />\n            </div>\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ スマートフォンのような幅 640 px 未満の画面で表示 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ ヘッダ直下の画像 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- プロジェクトシリーズ紹介テキスト ---+---------+---------+------ -->\n        <!--\n        <div style=\"width: 1140px\" class=\"mx-auto w-full z-30 relative mt-10\">\n          <div class=\"title custom-title\">{{ $t('PROJECT_ABOUT_SERIES_SECTION_TITLE') }}</div>\n        </div>\n        -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- シリーズ紹介テキスト -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n              v-if=\"localizedDescription\"\n              v-html=\"$sanitize(localizedDescription)\"\n              class=\"width-1140-no-padding py-2 px-4 mx-auto mt-8 mb-4 text-lg black-text description-CSS\"\n        ></div>\n        <!-- 外部サイトのURLを埋め込み表示 (wordpressで構築したサイトを表示する想定)-+---------+---------+---------+------ -->\n         <IframeWithLoading v-if=\"series.wordpress_link\" :src=\"series.wordpress_link\"></IframeWithLoading>\n        <!-- エディション表示の場合と、ＮＦＴ表示の場合がある -------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ show_nftlist==0 エディション一ページ分表示 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div v-if=\"series.show_nftlist == 0\">\n          <div\n            v-if=\"editions && editions.length > 0\"\n            class=\"mx-auto width-1140 mt-10\"\n          >\n            <CardListEdition\n              @onPageChange=\"onPageChange\"\n              :data=\"editions\"\n              :numberOfCard=\"numberOfEditions\"\n              ></CardListEdition>\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ show_nftlist==0 エディション一ページ分表示 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+-----  -->\n        <!-- ↓ show_nftlist≠0 ＮＦＴ一ページ分表示 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+-----  -->\n        <div v-else>\n          <!--  ---+---------+---------+---------+---------+---------+-----  -->\n          <!-- 「NFT一覧」セクションタイトル -->\n          <!--  ---+---------+---------+---------+---------+---------+-----  -->\n          <div style=\"width: 1140px\" class=\"mx-auto w-full z-30 relative mt-10\">\n            <div class=\"title custom-title\">\n              {{ $t('PROJECT_NFT_LIST_SECTION_TITLE') }} <!-- 「ＮＦＴ一覧」 -->\n            </div>\n          </div>\n          <!--  ---+---------+---------+---------+---------+---------+-----  -->\n          <!-- ↓ NFT一覧 ↓ -->\n          <!--  ---+---------+---------+---------+---------+---------+-----  -->\n          <div\n            class=\"mx-auto width-1140\"\n          >\n            <CardListNFT\n              @onPageChange=\"onPageChange\"\n              :data=\"list\"\n            ></CardListNFT>\n          </div>\n          <!--  ---+---------+---------+---------+---------+---------+-----  -->\n          <!-- ↑ NFT一覧 ↑ -->\n          <!--  ---+---------+---------+---------+---------+---------+-----  -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+-----  -->\n        <!-- ↑ show_nftlist≠0 ＮＦＴ一ページ分表示 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+-----  -->\n      </div>\n      <!-- 外部サイトのURLを埋め込み表示              -->\n      <!-- (wordpressで構築したサイトを表示する想定)。-->\n      <!-- 企画チーム確認用としてid133のみ表示。      -->\n      <!--\n      <iframe v-if=\"series.wordpress_link\"\n        ref=\"childIframe\"\n        style=\"width:100%;\"\n        :src=\"series.wordpress_link\"\n        scrolling=\"no\">\n      </iframe>\n      -->\n    </a-spin>\n  </section>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\n// １ページに表示する画像数。\nimport { PICTURE_PER_PAGE     } from '@/constants/common.constant';\n// エディション一覧表示用。\nimport CardListEdition    from '@/components/edition/EditionCardList/index.vue';\n// NFT一覧表示用。\nimport CardListNFT              from '@/components/nft/CardList/index.vue';\nimport { mapActions, mapState } from 'vuex';\nimport { getCategories        } from '@/services/categories';\nimport IframeWithLoading        from '@/components/common/IframeWithLoading.vue'\n// ======+=========+=========+=========+=========+=========+=========+=========E\nexport default {\n  name: 'page-series',\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  components: { CardListEdition, CardListNFT, IframeWithLoading},\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  data() {\n    return {\n      id: this.$route.params.id,\n      loading: false,\n      series: '',\n      editions: [],\n      numberOfEditions: 0,\n    }; // End of  return {...}\n  }, // End of data() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  metaInfo: {\n    title: 'BCG・GameFi 専門のNFT1次販売ローンチパッド - Zaif INO',\n    // meta: [\n    //     {\n    //         vmid: \"description\",\n    //         property: \"description\",\n    //         content:\n    //             \"ブロックチェーンゲーム・GameFi専門のNFT1次販売ローンチパッドのZaif INO。事前審査制導入で取り扱いNFTのクオリティを担保し、パブリックチェーンで海外プロジェクトの取り扱いも行います。\",\n    //     },\n    //     {\n    //         property: \"og:title\",\n    //         content: \"BCG・GameFi 専門のNFT1次販売ローンチパッド - Zaif INO\",\n    //         vmid: \"og:title\",\n    //     },\n    // ],\n  }, // End of metaInfo: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  computed: {\n    ...mapState({\n      // store にセットした、言語モード（日本語／英語）。\n      locale: (state) => state?.setting.locale,\n      // store にセットした、マーケットプレイスのＮＦＴ情報。\n      list: (state) => state.marketplace.marketplaceList,\n      //total: (state) => state.marketplace.totalItems || 1,\n      // パンくずリストをヘッダに書くためのコード。現在未使用。\n      hierarchy: (state) => state.hierarchy.hierarchy,\n      name_en  : (state) => state.hierarchy.name_en,\n    }), // End of ...mapState({...})\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    localizedDescription() {\n      const result = (this.locale === 'en'  ? this.series.description_en\n                                            : this.series.description_ja\n      );\n      return result;\n    }, // End of localizedDescription() {...}\n  }, // End of computed: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  async mounted() {\n    //alert(`START: mounted: series.page.vue`);\n    // ヘッダのカテゴリ選択コンボボックスと検索テキストボックスを初期化。\n    this.clearHeaderCondition();\n    // シリーズ情報取得。\n    await this.getSeries(this.id);\n    if (this.series.show_nftlist == 0) {\n      await this.getEditions(1); // 1 はページ。\n    } else {\n      await this.fetchNewPage(1);\n    } // End of if (this.series.show_nftlist == 0) {...} else {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // パンくずリストをヘッダに書くためのコード。現在未使用。\n    this.setHierarchy({hierarchy: this.series.hierarchy,\n                         name_en: this.series.name_en,\n                         name_ja: this.series.name_ja,\n    });\n    window.addEventListener('message', this.handleMessage);\n  }, // End of async mounted() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  // beforeDestroy() {\n  //   window.removeEventListener('message', this.handleMessage);\n  // },\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  methods: {\n    ...mapActions({\n      // store にある、ヘッダのカテゴリコンボボックスと検索テキストボックスの\n      // 値をクリア。\n      clearHeaderCondition: 'extractcondition/clearHeaderCondition',\n      // store にマーケットプレイスのＮＦＴ情報をセット。\n      fetchMarketplace: 'marketplace/fetchMarketplaceList',\n      // パンくずリストをヘッダに書くためのコード。現在未使用。\n      setHierarchy: 'hierarchy/setHierarchy',\n    }), // End of ...mapActions({...})\n    handleMessage(event) {\n      const iframe = this.$refs.childIframe;\n      iframe.style.height = `${event.data}px`;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ページが切り替わったら実行。下記の二つの場合があり、処理が異なる。\n    //   ・show_nftlist=0のエディション＆ＮＦＴ表示\n    //   ・show_nftlist=1のＮＦＴのみ表示。\n    async onPageChange(page) {\n      if (this.series.show_nftlist == 0) {\n        await this.getEditions(page);\n      } else {\n        await this.fetchNewPage(page);\n      } // End of if (this.series.show_nftlist == 0) {...} else {...}\n    }, // End of async onPageChange(page) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル categories から\n    // シリーズ情報（オブジェクト）を一つ取得し this.series に取り込む。\n    async getSeries(id) {\n      const {total: total, items: items} = await getCategories({\n        type:  2,\n        id  : id,\n      });\n      if (total==0) {\n        // データが取得できなかったらエラーページに遷移。\n        await this.$router.push(`/ERROR_PAGE`)\n      }\n       this.series = items[0];\n    }, // End of async getSeries(id) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル categories から当該シリーズの\n    // エディション情報（オブジェクト）を一ページ分取得し this.editions に\n    // 取り込む。\n    async getEditions(page) {\n      const objectAboutEdition = {\n        type: 3, // テーブル categories のエディションレコードを指定。\n        limit: PICTURE_PER_PAGE, // 取得エディション数。現在 12。\n        offset: PICTURE_PER_PAGE * (page - 1), // １ページなら0、２ページなら12。\n        hierarchy: this.series.hierarchy + '\\\\' + this.series.name_en,\n        is_deleted: 0, // 論理削除されていないエディションのみ取得。\n      }; // End of const objectAboutEdition = {...}\n      // alert(`objectAboutEdition=${JSON.stringify(objectAboutEdition)}: getEditions(page=${page}): series.page.vue`);\n      // +---------+---------+---------+---------+---------+---------+---------E\n      const {total: total, items: items} =\n          await getCategories(objectAboutEdition);\n      this.numberOfEditions = total;\n      this.editions = items;\n    }, // End of async getSeries(objectAboutEdition) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル projects から\n    // レコード情報（オブジェクト）を一ページ分 12 個取得。store に反映。\n    // 「階層」hierarchy がこの画面のシリーズの画像情報のみ取得。\n    async fetchNewPage(page) {\n      // alert(`*** START: fetchNewPage: series.page.vue ***`);\n      this.loading = true;\n      const offset = PICTURE_PER_PAGE * (page - 1);\n      await this.fetchMarketplace({\n        limit    : PICTURE_PER_PAGE,\n        offset   : offset,\n        //hierarchy: this.series.hierarchy + '\\\\' + this.series.name_en,\n        hierarchy: JSON.stringify([\n          this.series.hierarchy + '\\\\' + this.series.name_en,\n          this.series.hierarchy + '\\\\' + this.series.name_en + '\\\\%',\n        ]),\n      }); // End of await this.fetchMarketplace({...})\n      this.loading = false;\n      // alert(`*** END  : fetchNewPage: series.page.vue ***`);\n    }, // End of async fetchNewPage(page) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // this.series.link の URL を開く。一番上の画面をクリックしたときの処理。\n    goToLinkPlace() {\n      // window.open(this.series.link, '_blank');\n    },\n  }, // End of methods: {...}\n}; // End of methods: {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  scoped\n  lang=\"scss\"\n>\n.custom-background {\n    background-color: white; /* ここで好きな色を指定 */\n} \n::v-deep .category-detail-page {\n  @apply overflow-hidden;\n  @apply px-4;\n  @screen md {\n    @apply px-4;\n  }\n  @screen xl {\n    width: 1140px;\n    @apply px-0;\n  }\n  .description {\n    a {\n      color: #40a9ff;\n    }\n  }\n  &-breadcrumb {\n    .ant-breadcrumb {\n      span {\n        .ant-breadcrumb-link {\n          @apply text-white;\n          @apply font-medium;\n        }\n        .ant-breadcrumb-separator {\n          color: #fff;\n        }\n      }\n    }\n  }\n  .combined-target-bar {\n    @screen xxs {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n    @screen md {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n    @apply px-1;\n    @apply mb-4;\n  }\n}\n\n\n.width-1140 {\n  @apply px-2;\n  @screen md {\n    @apply px-4;\n  }\n  @screen xl {\n    width: 1140px;\n    @apply px-0;\n  }\n}\n.width-1140-no-padding {\n  @screen xl {\n    width: 1140px;\n  }\n}\n\n.text-top {\n  @apply text-2xl;\n  @screen xxs {\n    @apply text-3xl;\n  }\n  @screen md {\n    @apply text-base;\n  }\n}\n  /* タイトル用の基本スタイル */\n  .title {\n  display: block;\n  font-size: 24px; /* フォントサイズを大きく */\n  font-weight: bold; /* フォントを太字に */\n  /* color: #FFFFFF; テキストカラー 白 */\n  color: #000000; /* テキストカラー 黒 */\n\n  margin-bottom: 20px; /* 下余白 */\n  padding: 10px 10px; /* 上下パディング */\n}\n.black-text {\n  color: black;\n}\n\n/* 特定のセクション用のカスタムスタイル */\n.custom-title {\n  border-radius: 8px; /* 角の丸み */\n  text-align: left; /* テキストを中央揃えに */\n}\n\n::v-deep .ant-breadcrumb {\n  span {\n    .ant-breadcrumb-link {\n      @apply text-white;\n      @apply font-medium;\n    }\n  }\n}\n::v-deep .ant-select {\n  color: #fff;\n  @apply font-semibold;\n  &-arrow {\n    color: white;\n  }\n  &-selection {\n    background-color: transparent;\n    border: 1px solid white;\n    @apply rounded-xl;\n    @apply w-32 h-6;\n    @apply text-xs;\n    &__rendered {\n      @apply mx-0;\n      @apply w-full h-full;\n      .ant-select-selection-selected-value {\n        @apply w-full h-full text-center relative -top-1;\n      }\n    }\n  }\n}\n/*以下カテゴリ紹介文内のCSSに適用 */\n::v-deep .description-CSS p {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 80%;\n}\n\n::v-deep .description-CSS img {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 80%;\n}\n\n::v-deep .description-CSS a > img {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 80%;\n}\n@media (max-width: 768px) {\n  ::v-deep .description-CSS p {\n    max-width: 100%;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./series.page.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./series.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./series.page.vue?vue&type=template&id=35d874f4&scoped=true&\"\nimport script from \"./series.page.vue?vue&type=script&lang=js&\"\nexport * from \"./series.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./series.page.vue?vue&type=style&index=0&id=35d874f4&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35d874f4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=ca06969c&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./series.page.vue?vue&type=style&index=0&id=35d874f4&scoped=true&lang=scss&\""],"sourceRoot":""}