{"version":3,"sources":["webpack:///./src/pages/edition.page.vue?dc45","webpack:///./src/pages/edition.page.vue?1544","webpack:///src/pages/edition.page.vue","webpack:///./src/pages/edition.page.vue?bc5d","webpack:///./src/pages/edition.page.vue"],"names":["name","components","CardList","data","id","loading","edition","creators","metaInfo","title","computed","mapState","locale","list","total","hierarchy","name_en","localizedDescription","mounted","name_ja","methods","mapActions","clearHeaderCondition","fetchMarketplace","setHierarchy","onPageChange","page","getEdition","getCategories","type","items","fetchNewPage","offset","PICTURE_PER_PAGE","limit","goToLinkPlace","component","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","banner_url","on","$event","domProps","_s","$sanitize","_e","staticStyle","_v","$t","staticRenderFns"],"mappings":"4GAAA,W,yCCAA,I,8FC0Fe,GACbA,KAAMA,eAENC,WAAYA,CAAdC,cAEEC,KALF,WAMI,MAAO,CACLC,GAANA,sBACMC,WACAC,QAANA,GACMC,SAAUA,KAIdC,SAAUA,CACRC,MAAOA,2CAgBTC,SAAUA,2BACZC,aAEIC,OAAJA,YAAM,OAAN,iCAEIC,KAAJA,YAAM,OAAN,+BACIC,MAAJA,YAAM,OAAN,6BAEIC,UAAJA,YAAM,OAAN,uBACIC,QAAJA,YAAM,OAAN,wBATA,IAaIC,qBAbJ,WAiBM,MAHN,+CACA,+BAMEC,QApDF,WAoDA,2JAEA,yBAFA,SAIA,mBAJA,uBAMA,kBANA,OAQA,gBAAAH,8BACgBC,QAAhBA,kBACgBG,QAAhBA,oBAVA,8CAcEC,QAASA,2BACXC,aAGIC,qBAAJA,wCAEIC,iBAAJA,mCAEIC,aAAJA,4BARA,IAYIC,aAZJ,SAYAC,GAAA,oKACA,kBADA,8CAMIC,WAlBJ,SAkBAvB,GAAA,8KACAwB,aACAC,OACAzB,OAHA,mBACAU,EADA,EACAA,MAAAgB,EADA,EACAA,MAIAhB,KALA,gCAOA,8BAPA,OASA,eATA,8CAeIiB,aAjCJ,SAiCAL,GAAA,iKAEA,aACAM,EAAAC,UAHA,SAIA,oBACAC,UACAF,SACAjB,0BACA,+CARA,OAWA,aAXA,8CAgBIoB,cAjDJ,gBC5JsV,I,wBCQlVC,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,6CAA6C,CAACF,EAAG,SAAS,CAACG,MAAM,CAAC,SAAWP,EAAIhC,UAAU,CAACoC,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,oEAAoE,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6BC,MAAM,CAAC,IAAMP,EAAI/B,QAAQuC,YAAYC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIF,0BAA0BM,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACE,YAAY,oEAAoE,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAAC,IAAMP,EAAI/B,QAAQuC,YAAYC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIF,0BAA2BE,EAAwB,qBAAEI,EAAG,MAAM,CAACE,YAAY,uFAAuFK,SAAS,CAAC,UAAYX,EAAIY,GAAGZ,EAAIa,UAAUb,EAAIpB,0BAA0BoB,EAAIc,KAAKV,EAAG,MAAM,CAACE,YAAY,qCAAqCS,YAAY,CAAC,MAAQ,WAAW,CAACX,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIgB,GAAGhB,EAAIY,GAAGZ,EAAIiB,GAAG,wCAAwCb,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,KAAOP,EAAIxB,MAAMiC,GAAG,CAAC,aAAeT,EAAIZ,iBAAiB,QAAQ,KACh5C,IGUpB8B,EAEA,KACA,WACA,MAIa,UAAAnB,E","file":"js/chunk-184f2f8a.c2077ab7.js","sourcesContent":["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!./edition.page.vue?vue&type=style&index=0&id=3319591a&scoped=true&lang=scss&\"","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.edition.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.edition.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 text-black description-CSS\",domProps:{\"innerHTML\":_vm._s(_vm.$sanitize(_vm.localizedDescription))}}):_vm._e(),_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('CardList',{attrs:{\"data\":_vm.list},on:{\"onPageChange\":_vm.onPageChange}})],1)])])],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=\"edition.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=\"edition.banner_url\"\n                @click=\"goToLinkPlace()\"\n              />\n            </div>\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ スマートフォンのような幅 640 px 未満の画面で表示 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\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 text-black description-CSS\"\n        ></div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓「NFT一覧」セクションタイトルとNFT一覧 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\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\">{{ $t('PROJECT_NFT_LIST_SECTION_TITLE') }}</div> <!-- ＮＦＴ一覧 -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ NFT一覧 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n          class=\"mx-auto width-1140\"\n        >\n          <CardList\n            @onPageChange=\"onPageChange\"\n            :data=\"list\"\n          ></CardList>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ NFT一覧 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑「NFT一覧」セクションタイトルとNFT一覧 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </div>\n    </a-spin>\n  </section>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\n// １ページに表示する画像数。\nimport { PICTURE_PER_PAGE     } from '@/constants/common.constant';\n// NFT一覧表示用。\nimport CardList                 from '@/components/nft/CardList/index.vue';\nimport { mapActions, mapState } from 'vuex';\n// エディション詳細情報を取得するための関数。\nimport { getCategories        } from '@/services/categories';\n// ======+=========+=========+=========+=========+=========+=========+=========E\nexport default {\n  name: 'page-edition',\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  components: { CardList },\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  data() {\n    return {\n      id      : this.$route.params.id,\n      loading : false,\n      edition : '',\n      creators: [],\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      // state にセットした、言語モード（日本語／英語）。\n      locale: (state) => state?.setting.locale,\n      // state にセットした、マーケットプレイスのＮＦＴ情報。\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    // NFT詳細説明。英語モードと日本語モードが有る。\n    localizedDescription() {\n      const result = (this.locale === 'en'  ? this.edition.description_en\n                                            : this.edition.description_ja\n      );\n      return result;\n    }, // End of localizedDescription() {...}\n  }, // End of computed: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  async mounted() {\n    // ヘッダのカテゴリ選択コンボボックスと検索テキストボックスを初期化。\n    this.clearHeaderCondition();\n    // エディション情報を取得。\n    await this.getEdition(this.id);\n    // NFT一覧情報を取得。\n    await this.fetchNewPage(1);\n    // パンくずリストをヘッダに書くためのコード。現在未使用。\n    this.setHierarchy({hierarchy: this.edition.hierarchy,\n                         name_en: this.edition.name_en,\n                         name_ja: this.edition.name_ja,\n    });\n  }, // End of  async mounted() {...}\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    }), // ...mapActions({...})\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ページが切り替わったら実行。\n    async onPageChange(page) {\n      await this.fetchNewPage(page);\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル categories から\n    // エディション情報（オブジェクト）を一つ取得し this.edition に取り込む。\n    async getEdition(id) {\n      const {total: total, items: items} = await getCategories({\n        type:  3,\n        id  : id,\n      });\n      if (total==0) {\n        // データが取得できなかったらエラーページに遷移。\n        await this.$router.push(`/ERROR_PAGE`)\n      }\n      this.edition = items[0];\n    }, // End of async getEdition(id) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル projects から\n    // レコード情報（オブジェクト）を一ページ分 12 個取得。store に反映。\n    // 「階層」hierarchy がこの画面のシリーズの画像情報のみ取得。\n    async fetchNewPage(page) {\n      // alert(`*** START: fetchNewPage: edition.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,\n        hierarchy: JSON.stringify([\n          this.edition.hierarchy + '\\\\' + this.edition.name_en\n        ]),\n      }); // End of await this.fetchMarketplace({...})\n      this.loading = false;\n      // alert(`*** END  : fetchNewPage: edition.page.vue ***`);\n    }, // End of async fetchNewPage(page) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // this.edition.link の URL を開く。一番上の画面をクリックしたときの処理。\n    goToLinkPlace() {\n      // window.open(this.edition.link, '_blank');\n    },\n  }, // End of methods: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  scoped\n  lang=\"scss\"\n>\n.custom-background {\n    background-color: white; /* ここで好きな色を指定 */\n} \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  margin-bottom: 20px; /* 下余白 */\n  padding: 10px 10px; /* 上下パディング */\n}\n\n/* 特定のセクション用のカスタムスタイル */\n.custom-title {\n  border-radius: 8px; /* 角の丸み */\n  text-align: left; /* テキストを中央揃えに */\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\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</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!./edition.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!./edition.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./edition.page.vue?vue&type=template&id=3319591a&scoped=true&\"\nimport script from \"./edition.page.vue?vue&type=script&lang=js&\"\nexport * from \"./edition.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./edition.page.vue?vue&type=style&index=0&id=3319591a&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  \"3319591a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}