{"version":3,"sources":["webpack:///./src/pages/home.page.vue?4e81","webpack:///./src/components/CarouselCategories.vue?7d2b","webpack:///./node_modules/core-js/internals/create-html.js","webpack:///./src/pages/home.page.vue?ce77","webpack:///src/components/nft/NFTCarousel.vue","webpack:///./src/components/nft/NFTCarousel.vue?a58c","webpack:///./src/components/nft/NFTCarousel.vue","webpack:///./src/components/nft/NFTCarousel.vue?aa39","webpack:///src/components/CarouselCategories.vue","webpack:///./src/components/CarouselCategories.vue?1884","webpack:///./src/components/CarouselCategories.vue","webpack:///./src/components/CarouselCategories.vue?5b65","webpack:///src/pages/home.page.vue","webpack:///./src/pages/home.page.vue?bc17","webpack:///./src/pages/home.page.vue","webpack:///./src/components/nft/NFTCarousel.vue?fc33","webpack:///./src/services/top_banner.js","webpack:///./node_modules/core-js/modules/es.string.link.js","webpack:///./node_modules/core-js/internals/string-html-forced.js"],"names":["uncurryThis","requireObjectCoercible","toString","quot","replace","module","exports","string","tag","attribute","value","S","p1","name","props","data","type","default","selected","slideIntervalPC","slideIntervalSmartPhone","currentSlide","mounted","this","autoSlide","computed","mapState","locale","isEnd","isSoldOut","Number","canNotBuy","methods","clearInterval","setInterval","t","generateCalendarLink","publicSaleCalendarUrl","item","window","presaleCalendarUrl","onChange","index","handleClick","setTimeout","localizedName","name_ja","goToLinkPlace","destroyed","m","component","_vm","_h","$createElement","_c","_self","staticClass","length","staticStyle","ref","attrs","_l","key","id","class","pc_banner_url","on","$event","_e","active","smartphone_banner_url","numberOfPicture","object_category","watch","name_en","selectSlide","thumbnail_url","$router","push","path","_v","_s","components","NFTCarousel","CategoriesCarousel","RecommendedProjectsCarousel","CardListNFT","loading","top_banners","notice","categories","creators","promote","page","created","metaInfo","title","list","localizedNotice","content","content_jp","localizedPromote","mapActions","clearHeaderCondition","fetchMarketplace","getTop_banners","alert","getNotice","getCategories","recommendation_top_as_project","is_deleted","items","getCreators","onPageChange","fetchNewPage","limit","offset","search","status","hierarchy","recommendation_top","getPRFrame","$t","domProps","$sanitize","staticRenderFns","http","get","API_VERSION_1_PREFIX","response","addBanner","formData","a","post","deleteBanner","bannerId","delete","$","createHTML","target","proto","forced","forcedStringHTMLMethod","link","url","fails","METHOD_NAME","test","toLowerCase","split"],"mappings":"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","file":"js/chunk-39227602.211d8f7a.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!./home.page.vue?vue&type=style&index=0&id=b29cd5b8&scoped=true&lang=scss&\"","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!./CarouselCategories.vue?vue&type=style&index=0&id=df7d4cd4&lang=scss&scoped=true&\"","var uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar toString = require('../internals/to-string');\n\nvar quot = /\"/g;\nvar replace = uncurryThis(''.replace);\n\n// `CreateHTML` abstract operation\n// https://tc39.es/ecma262/#sec-createhtml\nmodule.exports = function (string, tag, attribute, value) {\n  var S = toString(requireObjectCoercible(string));\n  var p1 = '<' + tag;\n  if (attribute !== '') p1 += ' ' + attribute + '=\"' + replace(toString(value), quot, '&quot;') + '\"';\n  return p1 + '>' + S + '</' + tag + '>';\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"custom-background overflow-x-hidden\"},[_c('a-spin',{attrs:{\"spinning\":_vm.loading}},[_c('div',[_c('NFTCarousel',{staticClass:\"carousel\",attrs:{\"data\":this.top_banners}}),_c('div',{staticClass:\"width-1140-no-padding mx-auto hide-on-mobile add-margin-mobile\"},[_c('div',{staticClass:\"flex flex-wrap justify-between items-center\"},[_c('a',{staticClass:\"w-full md:w-1/3 px-2 py-4\",attrs:{\"href\":\"https://zaif-ino.net/members-wallet-card/\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"object-contain w-full h-auto\",attrs:{\"src\":\"http://api.zaif-ino.com/static/bnr_small_zaifinowalletcard.jpg\"}})]),_c('a',{staticClass:\"w-full md:w-1/3 px-2 py-4\",attrs:{\"href\":\"https://zaif-ino.com/media/nft-manga/\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"object-contain w-full h-auto\",attrs:{\"src\":\"http://api.zaif-ino.com/static/thumbnail_7a650c09d22840c88aeaaab62369832d.jpg\"}})]),_c('a',{staticClass:\"w-full md:w-1/3 px-2 py-4\",attrs:{\"href\":\"https://zaif-ino.com/media/nft-card-business/\",\"target\":\"_blank\"}},[_c('img',{staticClass:\"object-contain w-full h-auto\",attrs:{\"src\":\"http://api.zaif-ino.com/static/banner_small_nftcard.jpg\"}})])])]),_c('div',{staticClass:\"width-1140-no-padding mt-4 py-2 px-0 mx-auto\"},[_c('div',{staticClass:\"title custom-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_CATEGORY_SECTION_TITLE'))+\" \")])]),_c('CategoriesCarousel',{staticClass:\"mb-0 width-1140-no-padding mx-auto\",attrs:{\"data\":this.categories,\"numberOfPicture\":4}}),_c('div',{staticClass:\"width-1140-no-padding mt-4 py-2 px-0 mx-auto custom-background\"},[_c('div',{staticClass:\"title custom-title\"},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_RECOMMENDED_CREATOR_SECTION_TITLE'))+\" \")])]),_c('RecommendedProjectsCarousel',{staticClass:\"mb-4 custom-background width-1140-no-padding mx-auto\",attrs:{\"data\":this.creators,\"numberOfPicture\":4}}),_c('div',{staticClass:\"width-1140-no-padding py-0 mx-auto custom-background\"},[_c('div',{staticClass:\"home-breadcrumb flex width-1240 mx-auto\"},[_c('div',{staticClass:\"title custom-title text-top w-full\"},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_RECOMMENDED_NFT_SECTION_TITLE'))+\" \")])]),(_vm.list && _vm.list.length > 0)?_c('div',{staticClass:\"mx-auto width-1140 mt-0\"},[_c('CardListNFT',{attrs:{\"data\":_vm.list},on:{\"onPageChange\":_vm.onPageChange}})],1):_c('a-empty',{staticClass:\"mt-32\"})],1),(_vm.localizedPromote)?_c('div',{staticClass:\"width-1140 mx-auto mt-10 text-center v-html-style\",domProps:{\"innerHTML\":_vm._s(_vm.$sanitize(_vm.localizedPromote))}}):_vm._e()],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"nft-carousel bg-transparent relative z-30\">\n    <!-- ↓ データが有る場合 ↓ -------+---------+---------+---------+------ -->\n    <div\n      v-if=\"data && data.length > 0\"\n      class=\"mx-auto\"\n    >\n      <!-- ↓ PC用カルーセル本体 ↓ ---+---------+---------+---------+------ -->\n      <!-- 640px未満スマホで非表示。640px以上の大きな画面では表示。 -->\n      <div  class=\"hidden sm:block w-full h-full\" style=\"background-color: #000000;\">\n        <a-carousel\n          ref=\"carouselPC\"\n          class=\"mx-auto bg-disabled\"\n          arrows\n          :afterChange=\"onChange\"\n          :dots=\"false\"\n          :slidesToShow=\"1\"\n          :centerMode=\"true\"\n          :centerPadding=\"data.length === 1 ? '60%' : '0'\"\n        >\n          <div v-for=\"item in data\" :key=\"item.id\"  :class=\"['text-white md:text-lg text-sm relative h-full md:cursor-pointer custom-background', canNotBuy ? 'cursor-not-allowed' : '', data.length === 1 ? 'single-slide' : '']\">\n            <div class=\"image-wrapper\">\n              <img\n                v-if=\"item.pc_banner_url\"\n                class=\"w-full h-full object-contain\"\n                :src=\"item.pc_banner_url\"\n                @click=\"goToLinkPlace(item)\"\n              />\n            </div>\n          </div>\n        </a-carousel>\n        <div class=\"dot-container flex justify-center mt-2\">\n          <span v-for=\"(item, index) in data\" :key=\"index\" class=\"dot\" :class=\"{ active: index === currentSlide }\"></span>\n        </div>\n      </div>\n      <!-- PC用カルーセル含むdiv終了 -->\n      <!-- ↑ PC用カルーセル本体 ↑ ---+---------+---------+---------+------ -->\n      <!-- ↓ スマートフォン用カルーセル本体 ↓ -+---------+---------+------ -->\n      <!-- 640px未満スマホで表示。640px以上の大きな画面では非表示。 -->\n      <div class=\"visible w-full h-full sm:hidden\" style=\"background-color: #000000;\">\n        <a-carousel\n          ref=\"carouselSmartPhone\"\n          class=\"mx-auto bg-disabled\"\n          arrows\n          :afterChange=\"onChange\"\n          :dots=\"false\"\n          :swipe=\"false\"\n          :slidesToShow=\"1\"\n          :centerMode=\"true\"\n          :centerPadding=\"data.length === 1 ? '60%' : '0'\"\n        >\n          <!-- ↓ 画像を v-for で設定 ↓ -->\n          <!--@click=\"() => (canNotBuy ? null : $router.push(`/NFT/${item.id}`))\"-->\n          <div\n            v-for=\"item in data\"\n            :key=\"item.id\"\n            :class=\"[\n              'text-white md:text-lg text-sm relative h-full md:cursor-pointer',\n              canNotBuy ? 'cursor-not-allowed' : '',\n            ]\"\n          >\n          <div class=\"image-wrapper\">\n              <img\n                v-if=\"item.smartphone_banner_url\"\n                class=\"w-full h-full object-contain\"\n                :src=\"item.smartphone_banner_url\"\n                @touchend=\"goToLinkPlace(item)\"\n                style=\"pointer-events: auto;\" \n              />\n              <!--<div class=\"mt-28\">{{ item.id }}: {{ localizedName(item) }} </div>-->\n            </div>\n          </div>\n          <!-- ↑ 画像を v-for で設定 ↑ -->\n        </a-carousel>\n        <div class=\"dot-container flex justify-center mt-2\">\n          <span v-for=\"(item, index) in data\" :key=\"index\" class=\"dot\" :class=\"{ active: index === currentSlide }\"></span>\n        </div>\n      </div>\n      <!-- ↑ スマートフォン用カルーセル本体 ↑ -+---------+---------+------ -->\n    </div>\n    <!-- ↑ データが有る場合 ↑ -------+---------+---------+---------+------ -->\n    <!-- ↓ データが無い場合 ↓ -------+---------+---------+---------+------ -->\n    <a-empty\n      v-else\n      class=\"empty-symbol\"\n    ></a-empty>\n    <!-- ↑ データが無い場合 ↑ -------+---------+---------+---------+------ -->\n</div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport { mapState } from 'vuex';\nimport { generateCalendarLink } from '@/utils/link.util';\nimport { SITE_URL } from '@/env';\n//-------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n  name: 'NFTCarousel',\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  props: {\n    data: {\n      type: Array,\n      default: () => [],\n    },\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  data() {\n    return {\n      selected: 0,\n      slideIntervalPC: null,\n      slideIntervalSmartPhone: null,\n      currentSlide: 0, \n    };\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  mounted() {\n    this.autoSlide();\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  computed: {\n    // 日本語、英語切り替えに関するもの\n    ...mapState({\n      locale: (state) => state?.setting.locale,\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ＮＦＴが販売終了なら true。\n    isEnd() {\n      return this.data[this.selected]?.status_code === 'FINISHED';\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ＮＦＴが売り切れなら true。\n    isSoldOut() {\n      return (\n        Number(this.data[this.selected].presale_amount) +\n          Number(this.data[this.selected].publicsale_amount) ===\n        Number(this.data[this.selected].presale_sold_amount) +\n          Number(this.data[this.selected].publicsale_sold_amount)\n      );\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ＮＦＴ販売終了や売り切れで購入できない場合は true。\n    canNotBuy() {\n      return this.isEnd || this.isSoldOut;\n    },\n  }, // End of computed: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  methods: {\n    autoSlide() {\n      clearInterval(this.slideIntervalPC);\n      // +---------+---------+---------+---------+---------+---------+---------E\n      this.slideIntervalPC = setInterval(() => {\n        if (this.$refs?.carouselPC) {\n          this.$refs.carouselPC.next();\n        }\n      }, 5000);\n      // +---------+---------+---------+---------+---------+---------+---------E\n      clearInterval(this.slideIntervalSmartPhone);\n      // +---------+---------+---------+---------+---------+---------+---------E\n      this.slideIntervalSmartPhone = setInterval(() => {\n        if (this.$refs?.carouselSmartPhone) {\n          this.$refs.carouselSmartPhone.next();\n        }\n      }, 5000);\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    generateCalendarLink,\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    publicSaleCalendarUrl(item) {\n      const startTime = item.publicsale_start_time;\n      const endTime = item.publicsale_end_time;\n      const { description, name, id } = item;\n      const refLink = `${SITE_URL}/NFT/${id}`;\n      window.open(\n        this.generateCalendarLink(name, 'Public sale', startTime, endTime, description, refLink),\n        '_blank'\n      );\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    presaleCalendarUrl(item) {\n      const startTime = item.presale_start_time;\n      const endTime = item.presale_end_time;\n      const { description, name, id } = item;\n      const refLink = `${SITE_URL}/NFT/${id}`;\n      window.open(\n        this.generateCalendarLink(name, 'Presale', startTime, endTime, description, refLink),\n        '_blank'\n      );\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    onChange(index) {\n      this.selected = index ? index : 0;\n      this.currentSlide = index; // スライドが変更された時のインデックスを更新\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    handleClick() {\n      clearInterval(this.slideInterval);\n      setTimeout(() => {\n        this.autoSlide();\n      }, 7000);\n    },\n    //---+---------+---------+---------+---------+---------+---------+---------E\n    // クリエイター名を、英語モードなら英語で、日本語モードなら日本語で返す。\n    localizedName(item) {\n      return this.locale === 'en' ? item.name : item.name_ja;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // item.link の URL を開く。一番上のカルーセル画面をクリックしたときの処理。\n    goToLinkPlace(item) {\n      window.open(item.link, '_blank');\n    },\n   }, // End of methods: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  destroyed() {\n    clearInterval(this.slideInterval);\n  },\n};\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  lang=\"scss\"\n  scoped\n>\n::v-deep.nft-carousel {\n  /* height: 300px; */ /* カルーセルの高さ */\n  height: 15rem; /* カルーセルの高さ */\n  font-family: 'Lato', 'Poppins', sans-serif;\n  .ant-carousel {\n  @screen md {\n     width: 45%;\n    }\n    @media (min-width: 1600px) {\n      width: 45%;\n    }\n    @media (min-width: 1920px) {\n    width: 35%;\n    }\n    @media (min-width: 2680px) {\n      width: 25%;\n    }\n    height: 100%;\n      .slick-slider {\n      width: 100%;\n      height: 100%;\n    }\n    .slick-slider {\n      width: 100%;\n      margin:0 auto;\n      position:relative;\n      overflow: visible; /* スライダーの画像が見切れても表示 */ \n      margin-bottom:30px;\n      border-radius: 0px;\n    }\n    .slick-slider .slick-slide img {\n     opacity: 0.5; /* 画像の透明度を50%に設定 */\n      transition: opacity 0.5;\n     transform: scale(0.55);\n     display: flex !important;\n     justify-content: center;\n     align-items: center;\n     border-radius: 10px;\n    }\n    .slick-slider .slick-center img{\n      opacity:1;/*中央の1枚のみ明るく表示。左右は暗いまま*/\n      transform: scale(0.9);\n      border-radius: 10px;\n    }\n    \n    .slick-list {\n       margin: -30px;\n      overflow: visible; /* スライダー全体の画像が見切れても表示 */\n\n\n      background-color: #000000; \n      margin-left: -70px;/*PC画面各画像間の位置を調整*/\n      margin-right: -70px;/*PC画面各画像間の位置を調整*/\n    }\n    .slick-prev {\n      position: absolute; /* 絶対位置指定 */\n      left: -12.1%; /* 左から12%の位置 */\n      z-index: 10; /* 前面表示 */\n      top: 50%; /* 上から50%の位置（中央に近づける） */\n      transform: translateY(-50%); /* Y軸方向の中心を補正 */\n    }\n\n    .slick-next {\n      position: absolute; /* 絶対位置指定 */\n\n      right: -12.1%; /* 右から12%の位置 */\n      z-index: 10; /* 前面表示 */\n      top: 50%; /* 上から50%の位置（中央に近づける） */\n      transform: translateY(-50%); /* Y軸方向の中心を補正 */\n    }\n    .slick-prev, .slick-next {\n      @apply bg-white; /* 背景色を白に設定 */\n\n      @apply p-2; /* パディングを増やして四角形を形成 */\n      @apply w-10 h-10; /* 四角形の幅と高さの調整 */\n      @apply flex justify-center items-center; /* 中央に矢印を配置 */\n      @apply border; /* 境界線を追加 */\n      @apply border-black; /* 境界線の色を黒に */\n      @apply rounded-md; /* 角を丸く */\n    }\n    .slick-prev:before, .slick-next:before {\n      @apply text-lg; /* 矢印のサイズを大きくする場合、ここを調整 */\n      color: black; /* 矢印の色を黒に設定 */\n    }\n\n    .single-slide {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      border-radius: 10px;\n    }\n\n    .single-slide img {\n      width: auto;\n      height: 100%;\n      border-radius: 10px;\n    }\n\n    .image-wrapper {\n      border-radius: 10px;\n    margin: 0 40px; /* 左右のマージンを適用 */\n    // スマートフォン向けのスタイル調整\n      @media (max-width: 639px) {\n         border-radius: 10px;\n        margin: 0 -88px; \n        margin-top: 25px; // 画像の上方向に25pxの余白を追加\n         margin-left: 10px;/*各画像間の位置を調整*/\n         margin-right: 10px;/*各画像間の位置を調整*/\n      }\n\n      @media (max-width: 500px) {\n        border-radius: 10px;\n        margin: 0 -45px; \n        margin-top: 17px; // 画像の上方向に17pxの余白を追加\n        Margin-bottom:10px;\n      }\n    }\n  \n    .custom-background {\n      margin-top: 30px;\n      background-color: #000000\n    }\n    @media (max-width: 639px) { /* 640px未満の画面で適用 */\n      height: 21rem; /* カルーセルの高さを21remに設定 */\n      width: 38%;\n      background-color: #000000;\n      .image-wrapper img {\n        width: 90%; /* 画像の幅をカルーセルの90%に設定 */\n        height: auto; /* 高さを自動調整 */\n        margin: 0 auto; /* 画像を中央に配置 */\n        object-fit: contain; /* 画像が領域に収まるように調整 */\n        display: block; /* 画像をブロック要素として表示 */\n        touch-action: manipulation;\n        border-radius: 10px;/*バナーの画像に丸みを帯びさせる*/\n      }\n      .slick-list {\n       margin: 0 -60px;\n      overflow: visible; /* スライダー全体の画像が見切れても表示 */\n      background-color: #000000; \n      }\n      .slick-prev {\n        left: -32%; /* 左矢印の位置を左に32%調整 */\n      }\n      .slick-next {\n        right: -32%; /* 右矢印の位置を右に32%調整 */\n      }\n    }\n    @media (max-width: 500px) { /* 500px未満の画面で適用 */\n      height: 18rem; /* カルーセルの高さを18remに設定 */\n      width: 50%;\n      margin:0 auto;\n      background-color: #000000;\n      Margin-bottom:15px;\n       .image-wrapper img {\n        width: 68%; /* 画像の幅をカルーセルの70%に設定 */\n        height: auto; /* 高さを自動調整 */\n        margin: 0 auto; /* 画像を中央に配置 */\n        object-fit: contain; /* 画像が領域に収まるように調整 */\n        display: block; /* 画像をブロック要素として表示 */\n        touch-action: manipulation;\n        border-radius: 10px;/*バナーの画像に丸みを帯びさせる*/\n       \n      }\n     .slick-list {\n      margin: 0 -25px;\n      overflow: visible; /* スライダー全体の画像が見切れても表示 */\n      background-color: #000000; \n      border-radius: 10px;\n      }\n      .slick-prev {\n        left: -25%; /* 左矢印の位置を左に25%調整 */\n      }\n      .slick-next {\n        right: -25%; /* 右矢印の位置を右に25%調整 */\n      }\n    }\n    @media (max-width: 399px) { /* 400px未満の画面で適用 */\n      height: 15.5rem; /* カルーセルの高さを15.5remに設定 */\n      .slick-track{\n        display:flex;\n        align-items:center;\n        justify-content:center;\n      }\n      width: 60%;/*バナーの画像すべての大きさ変更*/\n      background-color: #000000;\n      Margin-bottom:20px;\n      .image-wrapper img {\n        width: 73%; /* 画像の幅をカルーセルの73%に設定 */\n        height: auto; /* 高さを自動調整 */\n        margin: 0 auto; /* 画像を中央に配置 */\n        object-fit: contain; /* 画像が領域に収まるように調整 */\n        display: block;  /* 画像をブロック要素として表示 */\n        touch-action: manipulation;\n        border-radius: 10px;/*バナーの画像に丸みを帯びさせる*/\n      }\n      .slick-prev {\n        left: -15%; /* 左矢印の位置を左に15%調整 */\n      }\n      .slick-next {\n        right: -15%; /* 右矢印の位置を右に15%調整 */\n      }\n\n    .slick-list {\n       margin: 0 5px;\n      overflow: visible; /* スライダー全体の画像が見切れても表示 */\n      background-color: #000000; \n      }\n      \n    }\n  }\n  .empty-symbol {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n  .tba-time {\n    @screen 2xl {\n      min-width: 245px;\n    }\n  }\n  .property {\n    min-width: 120px;\n  }\n\n  .sale-section {\n    @apply xxs:px-8 pr-8;\n    &-title {\n      @apply text-xl font-semibold;\n    }\n  }\n .dot-container .dot {\n  height: 10px;\n  width: 10px;\n  margin: 0 4px;\n  margin-bottom: 20px; /* 下部に20pxの余白を追加 */\n  background-color: #FFFFFF; /* 白色 */\n  border-radius: 50%;\n  display: inline-block;\n  transition: background-color 0.3s; /* 色変更のアニメーションを滑らかにする */\n}\n\n.dot-container .active {\n  background-color: #800080; /* 紫色 */\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!./NFTCarousel.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!./NFTCarousel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NFTCarousel.vue?vue&type=template&id=cc0e640a&scoped=true&\"\nimport script from \"./NFTCarousel.vue?vue&type=script&lang=js&\"\nexport * from \"./NFTCarousel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NFTCarousel.vue?vue&type=style&index=0&id=cc0e640a&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  \"cc0e640a\",\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-carousel bg-transparent relative z-30\"},[(_vm.data && _vm.data.length > 0)?_c('div',{staticClass:\"mx-auto\"},[_c('div',{staticClass:\"hidden sm:block w-full h-full\",staticStyle:{\"background-color\":\"#000000\"}},[_c('a-carousel',{ref:\"carouselPC\",staticClass:\"mx-auto bg-disabled\",attrs:{\"arrows\":\"\",\"afterChange\":_vm.onChange,\"dots\":false,\"slidesToShow\":1,\"centerMode\":true,\"centerPadding\":_vm.data.length === 1 ? '60%' : '0'}},_vm._l((_vm.data),function(item){return _c('div',{key:item.id,class:['text-white md:text-lg text-sm relative h-full md:cursor-pointer custom-background', _vm.canNotBuy ? 'cursor-not-allowed' : '', _vm.data.length === 1 ? 'single-slide' : '']},[_c('div',{staticClass:\"image-wrapper\"},[(item.pc_banner_url)?_c('img',{staticClass:\"w-full h-full object-contain\",attrs:{\"src\":item.pc_banner_url},on:{\"click\":function($event){return _vm.goToLinkPlace(item)}}}):_vm._e()])])}),0),_c('div',{staticClass:\"dot-container flex justify-center mt-2\"},_vm._l((_vm.data),function(item,index){return _c('span',{key:index,staticClass:\"dot\",class:{ active: index === _vm.currentSlide }})}),0)],1),_c('div',{staticClass:\"visible w-full h-full sm:hidden\",staticStyle:{\"background-color\":\"#000000\"}},[_c('a-carousel',{ref:\"carouselSmartPhone\",staticClass:\"mx-auto bg-disabled\",attrs:{\"arrows\":\"\",\"afterChange\":_vm.onChange,\"dots\":false,\"swipe\":false,\"slidesToShow\":1,\"centerMode\":true,\"centerPadding\":_vm.data.length === 1 ? '60%' : '0'}},_vm._l((_vm.data),function(item){return _c('div',{key:item.id,class:[\n              'text-white md:text-lg text-sm relative h-full md:cursor-pointer',\n              _vm.canNotBuy ? 'cursor-not-allowed' : '' ]},[_c('div',{staticClass:\"image-wrapper\"},[(item.smartphone_banner_url)?_c('img',{staticClass:\"w-full h-full object-contain\",staticStyle:{\"pointer-events\":\"auto\"},attrs:{\"src\":item.smartphone_banner_url},on:{\"touchend\":function($event){return _vm.goToLinkPlace(item)}}}):_vm._e()])])}),0),_c('div',{staticClass:\"dot-container flex justify-center mt-2\"},_vm._l((_vm.data),function(item,index){return _c('span',{key:index,staticClass:\"dot\",class:{ active: index === _vm.currentSlide }})}),0)],1)]):_c('a-empty',{staticClass:\"empty-symbol\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- --+---------+---------+---------+---------+---------+---------+------ -->\n  <!-- ↓ 複数画面カルーセル ↓ -->\n  <!-- --+---------+---------+---------+---------+---------+---------+------ -->\n  <div class=\"carouselPluralPictures bg-transparent relative\">\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--↓ 幅640px以上画面（PC等）で表示。幅640px未満（スマホ等）で非表示。↓-->\n    <!--↓ 画像が4枚以下の場合                                             ↓-->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- bc-disabled で画面が無い時灰色になる -->\n    <div v-if=\"data.length <= 4\" class=\"hidden sm:block\">\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 広い画面用カルーセル ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-carousel\n        ref=\"carouselPC\"\n        class=\"mx-auto bg-disabled custom-background\"\n        :arrows=\"false\"\n        :dots=\"false\"\n        :slidesToShow=\"numberOfPicture\"\n      >\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 広い画面用カルーセルの（画像とキャプション）複数 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n          v-for=\"(item, index) in numberOfPicture\" :key=\"index\"\n          class=\"carousel-slide text-white text-lg relative h-full cursor-pointer\"\n        >\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ 一枚の画像とキャプション ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"w-full h-full\">\n            <!-- データが存在する場合 -->\n            <div v-if=\"data[index]\">\n              <!-- 一枚の画像 -->\n              <img\n                class=\"rounded-3xl cursor-pointer mb-3\"\n                @click=\"$router.push({ path: `/Category/${data[index].id}` })\"\n                @touchend=\"$router.push({ path: `/Category/${data[index].id}` })\"\n                :src=\"data[index].thumbnail_url\"\n              />\n              <!-- キャプション -->\n              <div class=\"custom-text flex justify-center\">\n                {{ localizedName(data[index]) }}\n              </div>\n            </div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ 一枚の画像とキャプション ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 広い画面用カルーセルの（画像とキャプション）複数 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </a-carousel>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 広い画面用カルーセル ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--↑ 幅640px以上画面（PC等）で表示。幅640px未満（スマホ等）で非表示。↑-->\n    <!--↑ 画像が4枚以下の場合                                             ↑-->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--↓ 幅640px以上画面（PC等）で表示。幅640px未満（スマホ等）で非表示。↓-->\n    <!--↓ 画像が5枚以上の場合。                                           ↓-->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <div v-else class=\"hidden sm:block\">\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 広い画面用カルーセル ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-carousel\n        ref=\"carouselPC\"\n        class=\"mx-auto bg-disabled custom-background\"\n        :arrows=\"true\"  \n        :dots=\"false\"\n        :slidesToShow=\"numberOfPicture\"\n      >\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 広い画面用カルーセルの（画像とキャプション）複数 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n          v-for=\"(item, index) in data\" :key=\"index\"\n          class=\"carousel-slide text-white text-lg relative h-full cursor-pointer\"\n        >\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ 広い画面用カルーセルの一枚の画像とキャプション ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"w-full h-full\">\n            <!-- 広い画面用カルーセルの一枚の画像 -->\n            <img\n              class=\"rounded-3xl cursor-pointer mb-3\"\n              @click=\"$router.push({ path: `/Category/${item.id}` })\"\n              @touchend=\"$router.push({ path: `/Category/${item.id}` })\"\n              :src=\"item.thumbnail_url\"\n            />\n            <!-- 広い画面用カルーセルのキャプション -->\n            <div class=\"custom-text flex justify-center\">\n              {{ localizedName(item) }}\n            </div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ 広い画面用カルーセルの一枚の画像とキャプション ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 広い画面用カルーセルの（画像とキャプション）複数 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </a-carousel>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 広い画面用カルーセル ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--↑ 幅640px以上画面（PC等）で表示。幅640px未満（スマホ等）で非表示。↑-->\n    <!--↑ 画像が5枚以上の場合。                                           ↑-->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--↓ 幅640px未満画面（スマホ等）で表示。幅640px以上（PC等）で非表示。↓-->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- bc-disabled で画面が無い時灰色になる -->\n    <div class=\"visible w-7/12 h-full mx-auto sm:hidden\">\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 狭い画面用カルーセル ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-carousel\n        ref=\"carouselSmartPhone\"\n        class=\"mx-auto bg-disabled custom-background\"\n        arrows\n        :afterChange=\"onChange\"\n        :dots=\"false\"\n        :slidesToShow=1\n        :swipe=\"false\"\n        v-if=\"data && data.length > 0\"\n      >\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 狭い画面用カルーセルの（画像とキャプション）複数 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n          v-for=\"item in data\" :key=\"item.id\"\n          class=\"text-white text-sm relative h-full\"\n        >\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ 狭い画面用カルーセルの一枚の画像とキャプション ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"w-full h-full mx-auto\">\n            <!-- 狭い画面用カルーセルの一枚の画像 -->\n            <img\n              class=\"rounded-3xl cursor-pointer flex mx-auto\"\n              @click=\"$router.push({path: `/Category/${item.id}`,})\"\n              @touchend=\"$router.push({path: `/Category/${item.id}`,})\"\n              v-if=\"item.thumbnail_url\"\n              :src=\"item.thumbnail_url\"\n            />\n            <!-- 狭い画面用カルーセルのキャプション -->\n            <div class=\"custom-text flex justify-center mt-3\">{{ localizedName(item) }} </div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ 狭い画面用カルーセルの一枚の画像とキャプション ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 狭い画面用カルーセルの（画像とキャプション）複数 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </a-carousel>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 狭い画面用カルーセル ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--↑ 幅640px未満画面（スマホ等）で表示。幅640px以上（PC等）で非表示。↑-->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓ データが無い場合 ↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <a-empty\n      v-if=\"!(data && data.length > 0)\"\n      class=\"empty-symbol\"\n    ></a-empty>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑ データが無い場合 ↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n  </div>\n  <!-- ↑ 複数画面カルーセル ↑ -->\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport { mapState } from 'vuex';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n  name: 'carouselPluralPictures',\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  props: {\n    data: {\n      type: Array,\n      default: () => [],\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    numberOfPicture: {\n      type: Number,\n      default: () => 1,\n    },\n  }, // End of props: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  data() {\n    return {\n      slideIntervalPC: null,\n      slideIntervalSmartPhone: null,\n    }; // End of retgurn {...}\n  }, // End of data() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  computed: {\n    ...mapState({\n      // state にセットした、ヘッダのカテゴリ選択コンボボックスの選択値。\n      object_category: (state) => state.extractcondition.object_category,\n      // state にセットした言語モード（日本語モード／英語モード）。\n      locale: (state) => state?.setting.locale,\n    }),\n  }, // End of computed: {...}\n  // ==+=========+=========+=========+=========+=========+=========+=========E\n  watch: {\n      // ヘッダのカテゴリ選択コンボボックスの選択値が変わったら、\n      // カルーセルの選択画像もそれに合わせる。\n      // 例えば、「ゲーム」が選択されたら、スマホのカルーセル画面もゲームに\n      // する。ＰＣのカルーセルは左端画像をゲームにする。\n      object_category: function() {this.selectSlide()},\n  }, // End of watch: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  mounted() {\n    this.autoSlide();\n  }, // End of mounted() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  methods: {\n    autoSlide() {\n      //-+---------+---------+---------+---------+---------+---------+---------E\n      // ↓ for PC ↓\n      //-+---------+---------+---------+---------+---------+---------+---------E\n      clearInterval(this.slideIntervalPC);\n      this.slideIntervalPC = setInterval(() => {\n        if (this.$refs?.carouselPC) {\n          //alert(`this.$refs?.carouselPC=${this.$refs?.carouselPC._uid}`);\n          //alert(`this.$refs?.carouselPC=${Object.keys(this.$refs?.carouselPC)}`);\n          this.$refs.carouselPC.next();\n        } // End of if (this.$refs?.carouselPC) {...}\n      }, 100000000000000); // End of this.slideIntervalPC = setInterval(() => {...}...)\n      //-+---------+---------+---------+---------+---------+---------+---------E\n      // ↑ for PC ↑\n      //-+---------+---------+---------+---------+---------+---------+---------E\n      //-+---------+---------+---------+---------+---------+---------+---------E\n      // ↓ for Smart Phone ↓\n      //-+---------+---------+---------+---------+---------+---------+---------E\n      clearInterval(this.slideIntervalSmartPhone);\n      this.slideIntervalSmartPhone = setInterval(() => {\n        if (this.$refs?.carouselSmartPhone) {\n          this.$refs.carouselSmartPhone.next();\n        }\n      }, 100000000000000); // End of this.slideIntervalSmartPhone = setInterval(() => {...}...)\n      //-+---------+---------+---------+---------+---------+---------+---------E\n      // ↑ for Smart Phone ↑\n      //-+---------+---------+---------+---------+---------+---------+---------E\n    }, // End of autoSlide() {...}\n    //---+---------+---------+---------+---------+---------+---------+---------E\n    handleClick() {\n      clearInterval(this.slideIntervalPC);\n      clearInterval(this.slideIntervalSmartPhone);\n      setTimeout(() => {\n        this.autoSlide();\n      }, 5000);\n    }, // End of handleClick() {...}\n    //---+---------+---------+---------+---------+---------+---------+---------E\n    // カテゴリ名を、英語モードなら英語で、日本語モードなら日本語で返す。\n    localizedName(item) {\n      return this.locale === 'en' ? item.name_en : item.name_ja;\n    },\n    //---+---------+---------+---------+---------+---------+---------+---------E\n    // カルーセルの表示画像を指定。ＰＣだと左端画像、スマホだと表示画像。\n    //---+---------+---------+---------+---------+---------+---------+---------E\n    selectSlide() {\n      // ＰＣのカルーセル左端画像を指定。\n      if (this.$refs?.carouselPC) {\n          this.$refs.carouselPC.goTo(\n              this.object_category.category_sequence, true\n          );\n      } // End of if (this.$refs?.carouselPC) {...}\n      // スマホのカルーセル表示画像を指定。\n      if (this.$refs?.carouselSmartPhone) {\n          this.$refs.carouselSmartPhone.goTo(\n              this.object_category.category_sequence, true\n          );\n      } // End of if (this.$refs?.carouselSmartPhone) {...}\n    }, // End of selectSlide() {...}\n  }, // methods: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  lang=\"scss\"\n  scoped\n>\n::v-deep.carouselPluralPictures {\n  height: auto; /* カルーセルの高さ */\n  @media (max-width: 768px) {\n    height: auto;\n  }\n  font-family: 'Noto Sans CJK JP','Lato', 'Poppins', sans-serif;\n  .ant-carousel {\n    @screen md { /* 760px以上 */\n      width: 100%;\n    }\n    @screen 3xl {\n      width: 1366px;\n    }\n    height: 100%;\n    .slick-slider {\n      width: 100%;\n      height: 100%;\n    }\n    .slick-prev, .slick-next {\n      @apply bg-white; /* 背景色を白に設定 */\n\n      @apply p-2; /* パディングを増やして四角形を形成 */\n      @apply w-10 h-10; /* 四角形の幅と高さの調整 */\n      @apply flex justify-center items-center; /* 中央に矢印を配置 */\n      @apply border; /* 境界線を追加 */\n      @apply border-black; /* 境界線の色を黒に */\n      @apply rounded-md; /* 角を丸く */\n      top:35%;\n      background-color: black;\n      z-index: 10;\n      border-radius: 100000px;  /* 丸みを帯びた角の設定 */\n    }\n    .slick-prev:before, .slick-next:before {\n      @apply text-lg; /* 矢印のサイズを大きくする場合、ここを調整 */\n      color: rgb(255, 255, 255); /* 矢印の色を黒に設定 */\n    }\n    .slick-next:before {\n      content: \">\";\n    }\n    .slick-prev:before {\n      content: \"<\";\n    }\n    .slick-list {\n      height: 100%;\n      .slick-track {\n        height: 100%;\n        .slick-slide div div img {\n          height: auto;\n          width: auto;\n        }\n      }\n      .slick-slide,\n      .slick-slide > div {\n        height: 100%;\n      }\n      .carousel-slide {\n        padding-left: 20px;  /* 左のスペース */\n        padding-right: 20px; /* 右のスペース */\n      }\n      .carousel-img {\n        overflow: hidden;  /* はみ出した画像を隠す */\n        border: 0.3px solid black;  /* ボーダーを追加 */\n      }\n    }\n  }\n  .empty-symbol {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n  .tba-time {\n    @screen 2xl {\n      min-width: 245px;\n    }\n  }\n  .property {\n    min-width: 120px;\n  }\n  .custom-background {\n    background-color:white;\n  }\n  .custom-text{\n    color: black;\n    font-size: 18px;\n    font-weight: bold;\n  }\n\n  .sale-section {\n    @apply xxs:px-8 pr-8;\n    &-title {\n      @apply text-xl font-semibold;\n    }\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!./CarouselCategories.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!./CarouselCategories.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CarouselCategories.vue?vue&type=template&id=df7d4cd4&scoped=true&\"\nimport script from \"./CarouselCategories.vue?vue&type=script&lang=js&\"\nexport * from \"./CarouselCategories.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CarouselCategories.vue?vue&type=style&index=0&id=df7d4cd4&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  \"df7d4cd4\",\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:\"carouselPluralPictures bg-transparent relative\"},[(_vm.data.length <= 4)?_c('div',{staticClass:\"hidden sm:block\"},[_c('a-carousel',{ref:\"carouselPC\",staticClass:\"mx-auto bg-disabled custom-background\",attrs:{\"arrows\":false,\"dots\":false,\"slidesToShow\":_vm.numberOfPicture}},_vm._l((_vm.numberOfPicture),function(item,index){return _c('div',{key:index,staticClass:\"carousel-slide text-white text-lg relative h-full cursor-pointer\"},[_c('div',{staticClass:\"w-full h-full\"},[(_vm.data[index])?_c('div',[_c('img',{staticClass:\"rounded-3xl cursor-pointer mb-3\",attrs:{\"src\":_vm.data[index].thumbnail_url},on:{\"click\":function($event){return _vm.$router.push({ path: (\"/Category/\" + (_vm.data[index].id)) })},\"touchend\":function($event){return _vm.$router.push({ path: (\"/Category/\" + (_vm.data[index].id)) })}}}),_c('div',{staticClass:\"custom-text flex justify-center\"},[_vm._v(\" \"+_vm._s(_vm.localizedName(_vm.data[index]))+\" \")])]):_vm._e()])])}),0)],1):_c('div',{staticClass:\"hidden sm:block\"},[_c('a-carousel',{ref:\"carouselPC\",staticClass:\"mx-auto bg-disabled custom-background\",attrs:{\"arrows\":true,\"dots\":false,\"slidesToShow\":_vm.numberOfPicture}},_vm._l((_vm.data),function(item,index){return _c('div',{key:index,staticClass:\"carousel-slide text-white text-lg relative h-full cursor-pointer\"},[_c('div',{staticClass:\"w-full h-full\"},[_c('img',{staticClass:\"rounded-3xl cursor-pointer mb-3\",attrs:{\"src\":item.thumbnail_url},on:{\"click\":function($event){return _vm.$router.push({ path: (\"/Category/\" + (item.id)) })},\"touchend\":function($event){return _vm.$router.push({ path: (\"/Category/\" + (item.id)) })}}}),_c('div',{staticClass:\"custom-text flex justify-center\"},[_vm._v(\" \"+_vm._s(_vm.localizedName(item))+\" \")])])])}),0)],1),_c('div',{staticClass:\"visible w-7/12 h-full mx-auto sm:hidden\"},[(_vm.data && _vm.data.length > 0)?_c('a-carousel',{ref:\"carouselSmartPhone\",staticClass:\"mx-auto bg-disabled custom-background\",attrs:{\"arrows\":\"\",\"afterChange\":_vm.onChange,\"dots\":false,\"slidesToShow\":1,\"swipe\":false}},_vm._l((_vm.data),function(item){return _c('div',{key:item.id,staticClass:\"text-white text-sm relative h-full\"},[_c('div',{staticClass:\"w-full h-full mx-auto\"},[(item.thumbnail_url)?_c('img',{staticClass:\"rounded-3xl cursor-pointer flex mx-auto\",attrs:{\"src\":item.thumbnail_url},on:{\"click\":function($event){return _vm.$router.push({path: (\"/Category/\" + (item.id)),})},\"touchend\":function($event){return _vm.$router.push({path: (\"/Category/\" + (item.id)),})}}}):_vm._e(),_c('div',{staticClass:\"custom-text flex justify-center mt-3\"},[_vm._v(_vm._s(_vm.localizedName(item))+\" \")])])])}),0):_vm._e()],1),(!(_vm.data && _vm.data.length > 0))?_c('a-empty',{staticClass:\"empty-symbol\"}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"custom-background overflow-x-hidden\">\n    <a-spin :spinning=\"loading\">\n      <div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ＴＯＰ画面上のカルーセル -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <NFTCarousel\n          class=\"carousel\"\n          :data=\"this.top_banners\"\n        ></NFTCarousel>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ キービジュアル３画像１行 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"width-1140-no-padding mx-auto hide-on-mobile add-margin-mobile\">\n          <div class=\"flex flex-wrap justify-between items-center\">\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ キービジュアル左端 ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <a href=\"https://zaif-ino.net/members-wallet-card/\" target=\"_blank\" class=\"w-full md:w-1/3 px-2 py-4\">\n              <img\n                class=\"object-contain w-full h-auto\"\n                src=\"http://api.zaif-ino.com/static/bnr_small_zaifinowalletcard.jpg\"\n              />\n            </a>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ キービジュアル左端 ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ キービジュアル中央 ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <a href=\"https://zaif-ino.com/media/nft-manga/\" target=\"_blank\" class=\"w-full md:w-1/3 px-2 py-4\">\n              <img\n                class=\"object-contain w-full h-auto\"\n                src=\"http://api.zaif-ino.com/static/thumbnail_7a650c09d22840c88aeaaab62369832d.jpg\"\n              />\n            </a>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ キービジュアル中央 ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ キービジュアル右端 ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <a href=\"https://zaif-ino.com/media/nft-card-business/\" target=\"_blank\" class=\"w-full md:w-1/3 px-2 py-4\">\n              <img\n                class=\"object-contain w-full h-auto\"\n                src=\"http://api.zaif-ino.com/static/banner_small_nftcard.jpg\"\n              />\n            </a>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ キービジュアル右端 ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ キービジュアル３画像１行 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--「カテゴリ」セクションタイトル -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"width-1140-no-padding mt-4 py-2 px-0 mx-auto\">\n          <div class=\"title custom-title\">\n            {{ $t('PROJECT_CATEGORY_SECTION_TITLE') }}\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--「カテゴリ」カルーセル -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <CategoriesCarousel\n          class=\"mb-0 width-1140-no-padding mx-auto\"\n          :data=\"this.categories\"\n          :numberOfPicture=\"4\"\n        ></CategoriesCarousel>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--「お勧めプロジェクト」セクションタイトル  -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"width-1140-no-padding mt-4 py-2 px-0 mx-auto custom-background\">\n          <div class=\"title custom-title\">\n            {{ $t('PROJECT_RECOMMENDED_CREATOR_SECTION_TITLE') }}\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--「お勧めプロジェクト」カルーセル -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <RecommendedProjectsCarousel\n          class=\"mb-4 custom-background width-1140-no-padding mx-auto\"\n          :data=\"this.creators\"\n          :numberOfPicture=\"4\"\n        ></RecommendedProjectsCarousel>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ お勧めＮＦＴ一ページ分表示 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"width-1140-no-padding py-0 mx-auto custom-background\">\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--↓「NFT一覧」セクションタイトル & ステイタス選択コンボボックス↓-->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"home-breadcrumb flex width-1240 mx-auto\">\n            <!-- ----+---------+---------+---------+---------+---------+------ -->\n            <!--「NFT一覧」セクションタイトル -->\n            <!-- ----+---------+---------+---------+---------+---------+------ -->\n            <div class=\"title custom-title text-top w-full\">\n              {{ $t('PROJECT_RECOMMENDED_NFT_SECTION_TITLE') }}\n            </div>\n            <!-- ----+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ ステイタス選択コンボボックス右端 ↓ -->\n            <!-- ----+---------+---------+---------+---------+---------+------ -->\n            <!--<div class=\"text-right text-top mt-3 md:top-0\">-->\n            <!--<div class=\"relative top-1.5 md:top-0\">-->\n            <!--\n            2024/10/02wed ステイタス選択コンボボックス廃止。\n            <div class=\"relative mt-3 top-1.5 md:top-0\">\n                <a-select\n                v-model=\"selectedStatus\"\n                @change=\"handleChange(selectedStatus)\"\n                suffixIcon=\"▼\"\n                :showArrow=\"true\"\n              >\n                <a-select-option\n                  v-for=\"item in statuses\"\n                  :key=\"item.value\"\n                  :value=\"item.value\"\n                >\n                  {{ $t(item.key) }}\n                </a-select-option>\n              </a-select>\n            </div>\n            -->\n            <!-- ----+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ ステイタス選択コンボボックス右端 ↑ -->\n            <!-- ----+---------+---------+---------+---------+---------+------ -->\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--↑「NFT一覧」セクションタイトル & ステイタス選択コンボボックス↑-->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓「NFT一覧」１２画像 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div\n            v-if=\"list && list.length > 0\"\n            class=\"mx-auto width-1140 mt-0\"\n          >\n            <CardListNFT\n              @onPageChange=\"onPageChange\"\n              :data=\"list\"\n            ></CardListNFT>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑「NFT一覧」１２画像 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ お勧めＮＦＴが無い場合 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <a-empty\n            class=\"mt-32\"\n            v-else\n          ></a-empty>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ お勧めＮＦＴが無い場合 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ お勧めＮＦＴ一ページ分表示 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ お勧めＮＦＴの下の販促情報 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n          v-if=\"localizedPromote\"\n          v-html=\"$sanitize(localizedPromote)\"\n          class=\"width-1140 mx-auto mt-10 text-center v-html-style\"\n        ></div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ お勧めＮＦＴの下の販促情報 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </div>\n    </a-spin>\n  </section>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport { PICTURE_PER_PAGE } from '@/constants/common.constant';\nimport { mapActions, mapState } from 'vuex';\nimport NFTCarousel from '@/components/nft/NFTCarousel.vue';\nimport CategoriesCarousel from '@/components/CarouselCategories.vue';\nimport RecommendedProjectsCarousel\n                          from '@/components/CarouselCreators.vue';\n// ＮＦＴページ表示に必要。\nimport CardListNFT from '@/components/nft/CardList/index.vue';\nimport { getTop_banners } from '@/services/top_banner';\nimport { getNotice, getPRFrame } from '@/services/projects';\nimport { getCategories } from '@/services/categories';\n// import { SITE_URL } from \"@/env\";\n// ======+=========+=========+=========+=========+=========+=========+=========E\nexport default {\n  name: 'page-home',\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  components: { NFTCarousel,\n                CategoriesCarousel, RecommendedProjectsCarousel, CardListNFT\n  },\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  data() {\n    return {\n      // statuses: [\n      //   {\n      //     key: 'SELECT_STATUS_ALL',\n      //     value: 'ALL',\n      //   },\n      //   {\n      //     key: 'SELECT_STATUS_COMING_SOON',\n      //     value: 'COMING_SOON',\n      //   },\n      //   {\n      //     key: 'SELECT_STATUS_ON_ALL_SALE',\n      //     value: 'ON_ALL_SALE',\n      //   },\n      //   {\n      //     key: 'SELECT_STATUS_FINISHED',\n      //     value: 'FINISHED',\n      //   },\n      // ], // End of statuses: [...]\n      // selectedStatus: 'ALL',\n      loading: false,\n      top_banners: [],\n      notice: '',\n      categories: [],\n      creators: [],\n      promote: '',\n      page: 1,\n    }; // End of return {...}\n  }, // End of data() {...}\n  // ==+=========+=========+=========+=========+=========+=========+=========E\n  created() { // 2024/09/17tue現在、何もしない。\n    // alert(`START: created: home.page.vue`);\n    // 最初は、ステイタス選択コンボボックスの値は「全て」とする。\n    // this.selectedStatus = 'ALL',\n    // this.setStatusInHomePage('ALL');\n    // alert(`END  : created: home.page.vue`);\n  }, // End of created() {...}\n  // ==+=========+=========+=========+=========+=========+=========+=========E\n  destroyed() { // 2024/09/17tue現在、何もしない。\n    // ページ離脱時にステイタス選択コンボボックスの値を初期化。\n    // this.setStatusInHomePage('ALL');\n  },\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    //         property: \"og:site\",\n    //         content: \"Zaif INO\",\n    //         vmid: \"og:site\",\n    //     },\n    //     {\n    //         property: \"og:description\",\n    //         content:\n    //             \"ブロックチェーンゲーム・GameFi専門のNFT1次販売ローンチパッドのZaif INO。事前審査制導入で取り扱いNFTのクオリティを担保し、パブリックチェーンで海外プロジェクトの取り扱いも行います。\",\n    //         vmid: \"og:description\",\n    //     },\n    //     {\n    //         property: \"og:url\",\n    //         content: \"zaif-ino.com/\",\n    //         vmid: \"og:url\",\n    //     },\n    //     {\n    //         property: \"og:site_name\",\n    //         content: \"BCG・GameFi 専門のNFTローンチパッド（１次販売）- Zaif INO\",\n    //         vmid: \"og:site_name\",\n    //     },\n    //     {\n    //         property: \"og:image\",\n    //         content: `${SITE_URL}/ogp.png`,\n    //         vmid: \"og:image\",\n    //     },\n    //     {\n    //         name: \"twitter:site\",\n    //         content: \"https://mobile.twitter.com/zaif_ino\",\n    //         vmid: \"twitter:site\",\n    //     },\n    //     {\n    //         name: \"twitter:card\",\n    //         content: \"summary\",\n    //         vmid: \"twitter:card\",\n    //     },\n    //     {\n    //         name: \"twitter:image\",\n    //         content: `${SITE_URL}/ogp.png`,\n    //         vmid: \"twitter:image\",\n    //     },\n    // ],\n  }, // metaInfo: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  computed: {\n    ...mapState({\n      // store にセットした、言語モード（日本語／英語）。\n      locale: (state) => state?.setting.locale,\n      // store にセットした、ステイタス選択コンボボックスの選択値。\n      // string_status: (state) => state.extractcondition.string_status,\n      // store にセットした、マーケットプレイスのＮＦＴ情報。\n      list: (state) => state.marketplace.marketplaceList,\n      //total: (state) => state.marketplace.totalItems || 0,\n    }), // End of ...mapState({...})\n    // ------+---------+---------+---------+---------+---------+---------+-----E\n    localizedNotice() {\n      return this.locale === 'en' ? this.notice.content : this.notice.content_jp;\n    },\n    // ------+---------+---------+---------+---------+---------+---------+-----E\n    localizedPromote() {\n      return this.locale === 'en' ? this.promote.content : this.promote.content_jp;\n    },\n  }, // End of computed: {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  async mounted() {\n    // alert(`START: mounted: home.page.vue`);\n    await this.getTop_banners();\n    await this.getNotice();\n    await this.getCategories();\n    await this.getCreators();\n    // ヘッダのカテゴリ選択コンボボックスと検索テキストボックスを初期化。\n    this.clearHeaderCondition();\n    // store してあるステイタス値をステイタス選択コンボボックスの値にセット。\n    // this.selectedStatus = this.string_status;\n    // このページのNFT一覧を取得。\n    // alert(`BEFORE fetchNewPage(page=${this.page}): mounted: home.page.vue`);\n    await this.fetchNewPage(this.page);\n    // alert(`AFTER  fetchNewPage(page=${this.page}): mounted: home.page.vue`);\n    await this.getPRFrame();\n    // alert(`END  : mounted: home.page.vue`);\n  }, // End of async mounted() {...}\n  // ====+=========+=========+=========+=========+=========+=========+=========E\n  methods: {\n    ...mapActions({\n      // store にある、ヘッダのカテゴリコンボボックスと検索テキストボックスの\n      // 値をクリア。\n      clearHeaderCondition: 'extractcondition/clearHeaderCondition',\n      // home.page.vue のステイタス選択コンボボックスの値を store にセット。\n      // setStatusInHomePage: 'extractcondition/setStatusInHomePage',\n      // store にマーケットプレイスのＮＦＴ情報をセット。\n      fetchMarketplace: 'marketplace/fetchMarketplaceList',\n    }),// End of ...mapActions({...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // テーブル top_banner の全レコードを配列にしたものを取得。\n    // 配列の要素は一レコードをオブジェクト化したもの。\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async getTop_banners() {\n      try {\n        this.top_banners = await getTop_banners();\n      } catch(error) {\n        alert(error);\n      } // End of async getTop_banners() {...}\n    }, // End of async getTop_banners() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async getNotice() {\n      this.notice = await getNotice();\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル categories からカテゴリ情報を\n    // 取得し this.categories に取り込む。内容は一レコード一オブジェクトの配列。\n    // カテゴリカルーセルに渡す。\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async getCategories() {\n      const {items: items} = await getCategories({\n        type: 0, // カテゴリ。comic, art etc.\n        recommendation_top_as_project: 1,\n        is_deleted: 0, // 論理削除されていないカテゴリのみ取得。\n      }); // End of const {items: items} = await getCategories({...})\n      this.categories = items;\n    }, // End of async getCategories() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // バックエンド mint-nft-backend DB テーブル categories からクリエイター情報\n    // を取得し this.creators に取り込む。内容は一レコード一オブジェクトの配列。\n    // おすすめプロジェクトカルーセルに渡す。\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async getCreators() {\n      const {items: items} = await getCategories({\n        type: 1, // クリエイターを表す。\n        recommendation_top_as_project: 1,\n        is_deleted: 0, // 論理削除されていないクリエイターのみ取得。\n      }); // End of const {items: items} = await getCategories({...})\n      this.creators = items;\n    }, // End of async getCreators() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ページが切り替わったら実行。\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async onPageChange(page) {\n      this.page = page;\n      await this.fetchNewPage(page);\n    }, // End of async onPageChange(page) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // ステイタス選択コンボボックスの選択肢が変更されたら実行。\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // async handleChange(selectedStatus) {\n      // alert(`handleChange(selectedStatus=${selectedStatus}): home.page.vue`);\n      // ステイタス選択コンボボックスの値を store にセット。\n      // this.setStatusInHomePage(selectedStatus);\n      // alert(`this.string_status=${this.string_status}: handleChange: home.page.vue`);\n      // マーケットプレイスのＮＦＴ情報を store に取得。\n      // await this.fetchNewPage(1);\n    // }, // End of async handleChange(selectedStatus) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // マーケットプレイスのＮＦＴ情報を store に取得。\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async fetchNewPage(page) {\n      // alert(`START: fetchNewPage(page=${page}): home.page.vue`);\n      this.loading = true;\n      await this.fetchMarketplace({\n        limit : PICTURE_PER_PAGE,\n        offset: PICTURE_PER_PAGE * (page - 1),\n        search: '',\n        // 2024/10/02wed ステイタス選択コンボボックス廃止。\n        // status: this.string_status === 'ALL' ? undefined : this.string_status,\n        status: undefined,\n        hierarchy: undefined,\n        recommendation_top: 1,\n      }); // End of await this.fetchMarketplace({...}\n      this.loading = false;\n      // alert(`END  : fetchNewPage(page=${page}): home.page.vue`);\n    }, // End of async fetchNewPage(page) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async getPRFrame() {\n      this.promote = await getPRFrame();\n    },\n  }, // End of methods: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  scoped\n  lang=\"scss\"\n>\n\n/deep/ .v-html-style > p > a > img {\n  margin: auto; display: block;\n}\n\n.overall{\n  background-color:white !important;\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.width-1240-no-padding {\n  @screen xl {\n    width: 1240px;\n  }\n}\n.custom-background {\n    background-color: white;\n    color:black;\n}\n\n.carousel{\n  height: auto;\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: black; /* テキストカラー */\n  margin-bottom: 20px; /* 下余白 */\n  padding: 10px 10px; /* 上下パディング */\n}\n\n/* 特定のセクション用のカスタムスタイル */\n.custom-title {\n  /*background-color: #f0f0f0; 背景色 */\n  border-radius: 8px; /* 角の丸み */\n  text-align: left; /* テキストを中央揃えに */\n}\n\n.hide-on-mobile {\n  display: block; /* デフォルトでは表示 */\n}\n\n.add-margin-mobile {\n  margin-bottom: 0;\n}\n\n@media (max-width: 768px) {\n  .hide-on-mobile {\n    display: none; /* スマホサイズでは非表示 */\n  }\n  .add-margin-mobile + * {/*.add-margin-mobileクラスを持つ要素の直後にある要素に適用*/\n    margin-top: 20px;\n  }\n}\n.localizedNotice{\n  border: 1px solid rgb(169, 169, 169);\n  border-radius: 50px;\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  color: blue;\n  @apply font-semibold;\n  &-arrow {\n    color: black;\n  }\n  &-selection {\n    background-color: transparent;\n    border: 1px solid gray;\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</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!./home.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!./home.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./home.page.vue?vue&type=template&id=b29cd5b8&scoped=true&\"\nimport script from \"./home.page.vue?vue&type=script&lang=js&\"\nexport * from \"./home.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./home.page.vue?vue&type=style&index=0&id=b29cd5b8&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  \"b29cd5b8\",\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!./NFTCarousel.vue?vue&type=style&index=0&id=cc0e640a&lang=scss&scoped=true&\"","import http from './axios';\nimport { API_VERSION_1_PREFIX } from '@/env';\n//-------+---------+---------+---------+---------+---------+---------+---------E\n// バックエンド mint-nft-backend DB テーブル top_banner からクリエイター情報を取得\n// する。結果は一レコード一オブジェクトの配列。\nexport const getTop_banners = async () => {\n  try {\n    const response = await http.get(`${API_VERSION_1_PREFIX}/top_banner`\n      // 2024/04/04現在、抽出条件なし、テーブル top_banner の全レコード取得。\n      // , {\n      //   params: {\n      //     id: objectAboutTopBanner?.id,\n      //   }\n      // }\n    );\n    if (!response) throw 'No content found';\n    return response;\n  } catch (err) {\n    return [];\n  } // End of try {...} catch (...) {...}\n}; // End of export const getTop_banners = async (objectAboutTopBanner) => {...}\nexport const addBanner = async (formData) => {\n  const data = await http.post(`${API_VERSION_1_PREFIX}/top_banner`, formData);\n  return data;\n};\n\nexport const deleteBanner = async (bannerId) => {\n  const data = await http.delete(`${API_VERSION_1_PREFIX}/top_banner/${bannerId}`);\n  return data;\n};\n","'use strict';\nvar $ = require('../internals/export');\nvar createHTML = require('../internals/create-html');\nvar forcedStringHTMLMethod = require('../internals/string-html-forced');\n\n// `String.prototype.link` method\n// https://tc39.es/ecma262/#sec-string.prototype.link\n$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {\n  link: function link(url) {\n    return createHTML(this, 'a', 'href', url);\n  }\n});\n","var fails = require('../internals/fails');\n\n// check the existence of a method, lowercase\n// of a tag and escaping quotes in arguments\nmodule.exports = function (METHOD_NAME) {\n  return fails(function () {\n    var test = ''[METHOD_NAME]('\"');\n    return test !== test.toLowerCase() || test.split('\"').length > 3;\n  });\n};\n"],"sourceRoot":""}