{"version":3,"sources":["webpack:///./src/views/OrientalCard.vue","webpack:///./src/views/OrientalCard.vue?c712","webpack:///./node_modules/swiper/esm/components/controller/controller.js","webpack:///./src/utils/productsColors.js","webpack:///./src/views/OrientalCard.vue?01ab"],"names":["class","activeThemeIndex","src","cover","images","url","alt","cover2","cover3","header","title","subTitle","slides-per-view","space-between","centered-slides","centered-slides-bounds","autoplay","setControlledSwiper","onSlideChange","slider1","image","key","id","slider1a","slider1b","count","length","activeIndex","color","themeColor","slideTo","setControlledSwiper2","onSlide2Change","slider2","slider2a","slider2b","activeIndex2","slide2To","plan","items","item","name","theme","description","price","contents","colors","onChangeThemeColor","use","components","Swiper","SwiperSlide","Bullets","setup","store","enabledMenuId","state","coverId","cover2Id","cover3Id","headerId","slider1Id","slider2Id","slider1aId","slider2aId","slider1bId","slider2bId","specId","planId","spec","controlledSwiper","controlledSwiper2","idTitleObjArray","swiper","value","index","numberWithCommas","num","toString","replace","productsColors","orientalcard","activeTheme","find","c","indexOf","menuBlocks","slider","content","priceList","render","__scopeId","_extends","Object","assign","target","i","arguments","source","prototype","hasOwnProperty","call","apply","this","Controller","LinearSpline","x","y","i1","i3","binarySearch","maxIndex","minIndex","guess","array","val","lastIndex","interpolate","x2","getInterpolateFunction","controller","spline","params","loop","slidesGrid","snapGrid","setTranslate","_setTranslate","byController","multiplier","controlledTranslate","controlled","control","constructor","setControlledTranslate","translate","rtlTranslate","by","maxTranslate","minTranslate","inverse","updateProgress","updateActiveIndex","updateSlidesClasses","Array","isArray","setTransition","duration","setControlledTransition","transitionStart","autoHeight","updateAutoHeight","$wrapperEl","transitionEnd","loopFix","undefined","create","on","update","resize","observerUpdate"],"mappings":"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","file":"js/dashboard10.70058eee.js","sourcesContent":["<template>\n\t<div class=\"products container mx-auto px-8 lg:px-0\">\n\t\t<div class=\"products-top-block flex flex-col lg:flex-none lg:grid grid-rows-1 grid-cols-5 gap-4 lg:px-0\">\n\t\t\t<div class=\"products-top-block-left lg:col-span-2 xl:col-span-1 flex flex-col justify-center lg:justify-between relative order-2 lg:order-first pt-4 lg:pt-0\">\n\t\t\t\t<template v-if=\"activeThemeIndex == 0\">\n\t\t\t\t\t<img\n\t\t\t\t\t\t:src=\"cover.images ? cover.images[0]?.url : ''\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t</template>\n\t\t\t\t<template v-if=\"activeThemeIndex == 1\">\n\t\t\t\t\t<img\n\t\t\t\t\t\t:src=\"cover2.images ? cover2.images[0]?.url : ''\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t</template>\n\t\t\t\t<template v-if=\"activeThemeIndex == 2\">\n\t\t\t\t\t<img\n\t\t\t\t\t\t:src=\"cover3.images ? cover3.images[0]?.url : ''\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t>\n\t\t\t\t</template>\n\t\t\t\t<div class=\"products-header absolute text-secondary lg:bottom-0 flex flex-col text-left font-bold font-header p-8 lg:h-72 w-full items-center justify-start\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h1\n\t\t\t\t\t\t\tclass=\"text-lg leading-loose tracking-wider\"\n\t\t\t\t\t\t\tv-html=\"header.title\"\n\t\t\t\t\t\t></h1>\n\t\t\t\t\t\t<p>-</p>\n\t\t\t\t\t\t<h1\n\t\t\t\t\t\t\tclass=\"text-lg leading-loose tracking-wider\"\n\t\t\t\t\t\t\tv-html=\"header.subTitle\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t<!-- <p\n\t\t\t\t\t\t\tclass=\"text-base font-normal leading-loose tracking-widest pt-6 font-body\"\n\t\t\t\t\t\t\tv-html=\"header.description\"\n\t\t\t\t\t\t\tv-if=\"header.description\"\n\t\t\t\t\t\t></p> -->\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"products-top-block-right lg:col-span-3 xl:col-span-4 relative\">\n\t\t\t\t<!-- top swiper -->\n\t\t\t\t<swiper\n\t\t\t\t\t:slides-per-view=\"1\"\n\t\t\t\t\t:space-between=\"0\"\n\t\t\t\t\t:centered-slides=\"true\"\n\t\t\t\t\t:centered-slides-bounds=\"true\"\n\t\t\t\t\t:autoplay=\"{\n  'delay': 5000,\n'disableOnInteraction': false\n}\"\n\t\t\t\t\t@swiper=\"setControlledSwiper\"\n\t\t\t\t\t@slideChange=\"onSlideChange\"\n\t\t\t\t>\n\t\t\t\t\t<template v-if=\"activeThemeIndex == 0\">\n\n\t\t\t\t\t\t<swiper-slide\n\t\t\t\t\t\t\tv-for=\"image in slider1?.images\"\n\t\t\t\t\t\t\t:key=\"image.id\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t:src=\"image.url\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</swiper-slide>\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-if=\"activeThemeIndex == 1\">\n\t\t\t\t\t\t<swiper-slide\n\t\t\t\t\t\t\tv-for=\"image in slider1a?.images\"\n\t\t\t\t\t\t\t:key=\"image.id\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t:src=\"image.url\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</swiper-slide>\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-if=\"activeThemeIndex == 2\">\n\t\t\t\t\t\t<swiper-slide\n\t\t\t\t\t\t\tv-for=\"image in slider1b?.images\"\n\t\t\t\t\t\t\t:key=\"image.id\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t:src=\"image.url\"\n\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t</swiper-slide>\n\t\t\t\t\t</template>\n\t\t\t\t</swiper>\n\t\t\t\t<bullets\n\t\t\t\t\t:count=\"slider1?.images?.length\"\n\t\t\t\t\t:activeIndex=\"activeIndex\"\n\t\t\t\t\t:color=\"themeColor\"\n\t\t\t\t\t@bulletIndex=\"slideTo\"\n\t\t\t\t\tclass=\"flex absolute -right-0 -bottom-6\"\n\t\t\t\t></bullets>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"products-bottom-block pt-12 lg:pt-36\">\n\t\t\t<div class=\"hidden lg:block products-header container mx-auto relative\">\n\t\t\t\t<div class=\"header-text text-left text-2xl font-title font-normal leading-tight tracking-wide absolute top-0 left-0 z-10 mt-6 ml-6\">\n\t\t\t\t\t<p>-</p>\n\t\t\t\t\t<h1\n\t\t\t\t\t\tclass=\"header-text-top text-left \"\n\t\t\t\t\t\t:class=\"`text-${themeColor}`\"\n\t\t\t\t\t>Cultural and</h1>\n\t\t\t\t\t<h1 class=\"header-text-bottom text-left text-secondary\">Creative</h1>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"products-content flex flex-col lg:flex-none lg:grid grid-cols-14 grid-rows-1 h-full lg:px-0\">\n\t\t\t\t<div class=\"products-content-slider-left col-span-8 h-full relative\">\n\t\t\t\t\t<!-- top swiper -->\n\t\t\t\t\t<swiper\n\t\t\t\t\t\t:slides-per-view=\"1\"\n\t\t\t\t\t\t:space-between=\"0\"\n\t\t\t\t\t\t:centered-slides=\"true\"\n\t\t\t\t\t\t:centered-slides-bounds=\"true\"\n\t\t\t\t\t\t:autoplay=\"{\n  'delay': 5000,\n'disableOnInteraction': false\n}\"\n\t\t\t\t\t\t@swiper=\"setControlledSwiper2\"\n\t\t\t\t\t\t@slideChange=\"onSlide2Change\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<template v-if=\"activeThemeIndex == 0\">\n\n\t\t\t\t\t\t\t<swiper-slide\n\t\t\t\t\t\t\t\tv-for=\"image in slider2?.images\"\n\t\t\t\t\t\t\t\t:key=\"image.id\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t:src=\"image.url\"\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</swiper-slide>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"activeThemeIndex == 1\">\n\n\t\t\t\t\t\t\t<swiper-slide\n\t\t\t\t\t\t\t\tv-for=\"image in slider2a?.images\"\n\t\t\t\t\t\t\t\t:key=\"image.id\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t:src=\"image.url\"\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</swiper-slide>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"activeThemeIndex == 2\">\n\t\t\t\t\t\t\t<swiper-slide\n\t\t\t\t\t\t\t\tv-for=\"image in slider2b?.images\"\n\t\t\t\t\t\t\t\t:key=\"image.id\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t:src=\"image.url\"\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t</swiper-slide>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</swiper>\n\t\t\t\t\t<bullets\n\t\t\t\t\t\t:count=\"slider2?.images?.length\"\n\t\t\t\t\t\t:activeIndex=\"activeIndex2\"\n\t\t\t\t\t\t:color=\"themeColor\"\n\t\t\t\t\t\t@bulletIndex=\"slide2To\"\n\t\t\t\t\t\tclass=\"flex absolute -right-0 -bottom-6 z-10\"\n\t\t\t\t\t></bullets>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content-text col-start-10 col-span-5 flex flex-col h-full text-left py-4 lg:py-0  justify-between w-full\">\n\t\t\t\t\t<div class=\"products-plan\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"plan flex flex-col\"\n\t\t\t\t\t\t\tv-for=\"item in plan?.items\"\n\t\t\t\t\t\t\t:key=\"item.id\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<template v-if=\"item.name == theme.name\">\n\t\t\t\t\t\t\t\t<div class=\"plan-content mt-8 lg:mt-0 flex flex-col justify-center font-body tracking-widest leading-loose\">\n\t\t\t\t\t\t\t\t\t<h2\n\t\t\t\t\t\t\t\t\t\tclass=\"content-subtitle text-left font-bold text-lg \"\n\t\t\t\t\t\t\t\t\t\t:class=\"`content-title-color-${themeColor}`\"\n\t\t\t\t\t\t\t\t\t>{{ plan.title }}</h2>\n\t\t\t\t\t\t\t\t\t<h2 class=\"content-title text-left font-bold text-xl\">{{ plan.description }} <span :class=\"`content-title-color content-title-color-${themeColor}`\">【{{ item.name }}】</span></h2>\n\t\t\t\t\t\t\t\t\t<h1 class=\"content-price text-left text-2xl font-bold\"><span class=\"text-2xl\">$</span> {{ item.price }} </h1>\n\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\tclass=\"content-description text-left text-secondary text-md\"\n\t\t\t\t\t\t\t\t\t\tv-html=\"item.contents\"\n\t\t\t\t\t\t\t\t\t></p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</template>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"products-spec mt-8 lg:mt-0 grid grid-flow-row grid-cols-6 grid-rows-2 font-body tracking-wider\">\n\t\t\t\t\t\t<!-- <div class=\"spec-buy col-span-7 row-span-2 flex justify-center items-center\">\n\t\t\t\t\t\t\t<a :href=\"spec.title\">\n\t\t\t\t\t\t\t\t<el-button\n\t\t\t\t\t\t\t\t\tclass=\"spec-button spec-button-buy text-md\"\n\t\t\t\t\t\t\t\t\ticon=\"el-icon-shopping-bag-1\"\n\t\t\t\t\t\t\t\t\t:class=\"`spec-button-${themeColor}`\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t選購請聯絡我們\n\t\t\t\t\t\t\t\t</el-button>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"spec-name col-span-1 row-span-2\">色系</div>\n\t\t\t\t\t\t<div class=\"spec-info col-span-4 row-span-2\">{{ spec.subTitle }}</div>\n\t\t\t\t\t\t<div class=\"spec-name col-span-1 row-span-2\">紙質</div>\n\t\t\t\t\t\t<div class=\"spec-ingredient col-span-1 row-span-2 text-md\">{{ spec.description }}</div> -->\n\t\t\t\t\t\t<!-- <div class=\"spec-name col-span-1 row-span-2\"></div> -->\n\t\t\t\t\t\t<div class=\"spec-colors col-span-6 row-span-2\"><button\n\t\t\t\t\t\t\t\tv-for=\"color in colors\"\n\t\t\t\t\t\t\t\t:key=\"color.id\"\n\t\t\t\t\t\t\t\tclass=\"spec-button\"\n\t\t\t\t\t\t\t\t:class=\"`spec-button-${color.color}`\"\n\t\t\t\t\t\t\t\t@click=\"onChangeThemeColor(color.color)\"\n\t\t\t\t\t\t\t>{{color.name}}款</button></div>\n\t\t\t\t\t\t<!-- <div class=\"spec-name col-span-1 row-span-1\">尺寸</div>\n\t\t\t\t\t\t<div class=\"spec-size col-span-6 row-span-1\">{{ spec.subDescription }}</div> -->\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t</div>\n</template>\n\n<script>\nimport { ref, reactive, onMounted } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { fetchData } from \"../utils/fetchApi\";\nimport SwiperCore, {\n\tNavigation,\n\tPagination,\n\tAutoplay,\n\tController,\n} from \"swiper\";\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport \"swiper/swiper.scss\";\nimport \"swiper/components/navigation/navigation.scss\";\nimport \"swiper/components/pagination/pagination.scss\";\nimport Bullets from \"../components/Bullets.vue\";\nimport { productsColors } from \"../utils/productsColors\";\n\nSwiperCore.use([Navigation, Pagination, Autoplay, Controller]);\n\nexport default {\n\tcomponents: {\n\t\tSwiper,\n\t\tSwiperSlide,\n\t\tBullets,\n\t},\n\tsetup() {\n\t\tconst store = useStore();\n\t\tconst enabledMenuId = store.state.enabledMenuId;\n\t\t// define all refs of blocks id\n\t\tconst coverId = ref(null);\n\t\tconst cover2Id = ref(null);\n\t\tconst cover3Id = ref(null);\n\t\tconst headerId = ref(null);\n\t\tconst slider1Id = ref(null);\n\t\tconst slider2Id = ref(null);\n\t\tconst slider1aId = ref(null);\n\t\tconst slider2aId = ref(null);\n\t\tconst slider1bId = ref(null);\n\t\tconst slider2bId = ref(null);\n\t\tconst specId = ref(null);\n\t\tconst planId = ref(null);\n\n\t\t// define all forms reactive fields\n\t\tconst cover = reactive({});\n\t\tconst cover2 = reactive({});\n\t\tconst cover3 = reactive({});\n\t\tconst header = reactive({});\n\t\tconst slider1 = reactive({});\n\t\tconst slider2 = reactive({});\n\t\tconst slider1a = reactive({});\n\t\tconst slider2a = reactive({});\n\t\tconst slider1b = reactive({});\n\t\tconst slider2b = reactive({});\n\t\tconst spec = reactive({});\n\t\tconst plan = reactive({});\n\n\t\t// set swiper instances ref\n\t\tconst controlledSwiper = ref(null);\n\t\tconst controlledSwiper2 = ref(null);\n\n\t\tconst idTitleObjArray = [\n\t\t\t{ id: headerId, title: \"orientalcard header\" },\n\t\t\t{ id: coverId, title: \"orientalcard purple cover\" },\n\t\t\t{ id: slider1Id, title: \"orientalcard purple display1\" },\n\t\t\t{ id: slider2Id, title: \"orientalcard purple display2\" },\n\t\t\t{ id: cover2Id, title: \"orientalcard red cover\" },\n\t\t\t{ id: slider1aId, title: \"orientalcard red display1\" },\n\t\t\t{ id: slider2aId, title: \"orientalcard red display2\" },\n\t\t\t{ id: cover3Id, title: \"orientalcard green cover\" },\n\t\t\t{ id: slider1bId, title: \"orientalcard green display1\" },\n\t\t\t{ id: slider2bId, title: \"orientalcard green display2\" },\n\t\t\t{ id: planId, title: \"orientalcard list\" },\n\t\t\t{ id: specId, title: \"orientalcard specification\" },\n\t\t];\n\n\t\t// set @swiper instances\n\t\tconst setControlledSwiper = (swiper) =>\n\t\t\t(controlledSwiper.value = swiper);\n\t\tconst setControlledSwiper2 = (swiper) =>\n\t\t\t(controlledSwiper2.value = swiper);\n\n\t\t// set Bullets slide to @bulletsIndex\n\t\tconst slideTo = (index) => {\n\t\t\tcontrolledSwiper.value.slideTo(index);\n\t\t};\n\t\tconst slide2To = (index) => {\n\t\t\tcontrolledSwiper2.value.slideTo(index);\n\t\t};\n\n\t\t// set current slide index on <swiper>\n\t\tconst activeIndex = ref(0);\n\t\tconst activeIndex2 = ref(0);\n\t\tconst onSlideChange = (swiper) => {\n\t\t\tif (swiper.activeIndex == null) return;\n\t\t\tactiveIndex.value = swiper.activeIndex;\n\t\t};\n\t\tconst onSlide2Change = (swiper) => {\n\t\t\tif (swiper.activeIndex == null) return;\n\t\t\tactiveIndex2.value = swiper.activeIndex;\n\t\t};\n\n\t\tconst numberWithCommas = (num) => {\n\t\t\treturn num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n\t\t};\n\n\t\tconst colors = productsColors.orientalcard;\n\n\t\t// define theme color\n\t\tconst themeColor = ref(\"purple\");\n\t\tconst theme = ref(colors[0]);\n\t\tconst activeThemeIndex = ref(0);\n\n\t\tconst onChangeThemeColor = (color) => {\n\t\t\tconst activeTheme = colors.find((c) => c.color == color);\n\t\t\ttheme.value = activeTheme;\n\t\t\tthemeColor.value = activeTheme.color;\n\t\t\tactiveThemeIndex.value = colors.indexOf(activeTheme);\n\t\t};\n\n\t\tonMounted(async () => {\n\t\t\tawait fetchData.menuBlocks(enabledMenuId, idTitleObjArray);\n\n\t\t\tawait fetchData.slider(coverId, cover);\n\t\t\tawait fetchData.slider(cover2Id, cover2);\n\t\t\tawait fetchData.slider(cover3Id, cover3);\n\t\t\tawait fetchData.content(headerId, header);\n\t\t\tawait fetchData.slider(slider1Id, slider1);\n\t\t\tawait fetchData.slider(slider2Id, slider2);\n\t\t\tawait fetchData.slider(slider1aId, slider1a);\n\t\t\tawait fetchData.slider(slider2aId, slider2a);\n\t\t\tawait fetchData.slider(slider1bId, slider1b);\n\t\t\tawait fetchData.slider(slider2bId, slider2b);\n\t\t\tawait fetchData.content(specId, spec);\n\t\t\tawait fetchData.priceList(planId, plan);\n\t\t});\n\n\t\treturn {\n\t\t\tcover,\n\t\t\tcover2,\n\t\t\tcover3,\n\t\t\theader,\n\t\t\tslider1,\n\t\t\tslider2,\n\t\t\tslider1a,\n\t\t\tslider2a,\n\t\t\tslider1b,\n\t\t\tslider2b,\n\t\t\tspec,\n\t\t\tplan,\n\t\t\tactiveIndex,\n\t\t\tactiveIndex2,\n\t\t\tcontrolledSwiper,\n\t\t\tcontrolledSwiper2,\n\t\t\tsetControlledSwiper,\n\t\t\tsetControlledSwiper2,\n\t\t\tslideTo,\n\t\t\tslide2To,\n\t\t\tonSlideChange,\n\t\t\tonSlide2Change,\n\t\t\tnumberWithCommas,\n\t\t\tcolors,\n\t\t\ttheme,\n\t\t\tthemeColor,\n\t\t\tonChangeThemeColor,\n\t\t\tactiveThemeIndex,\n\t\t};\n\t},\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/scss/styles.scss\";\n\n.products {\n\t&-top-block {\n\t\theight: 40rem;\n\t\t@media (max-width: 1024px) {\n\t\t\theight: auto;\n\t\t}\n\t\t&-left {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\t@media (max-width: 1024px) {\n\t\t\t\theight: 15rem;\n\t\t\t}\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: cover;\n\t\t\t\tobject-position: top;\n\t\t\t\t@media (max-width: 1024px) {\n\t\t\t\t\tobject-position: bottom;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t&-bottom-block {\n\t\theight: auto;\n\t}\n\t&-spec {\n\t\tborder: 1px solid $gray;\n\t\tbackground: $white;\n\t\t& > div {\n\t\t\tpadding-top: 0.1rem;\n\t\t\tpadding-bottom: 0.1rem;\n\t\t\tborder: 0.5px solid $gray;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t}\n}\n\n.spec {\n\t&-button {\n\t\tborder-radius: 5px;\n\t\tpadding-top: 0.5rem;\n\t\tpadding-bottom: 0.5rem;\n\t\tpadding-left: 1.5rem;\n\t\tpadding-right: 1.5rem;\n\t\tmargin-left: 0.5rem;\n\t\tmargin-right: 0.5rem;\n\t\t@apply font-body tracking-widest;\n\t\t&-purple {\n\t\t\tcolor: $white;\n\t\t\tbackground: $purple;\n\t\t}\n\t\t&-red {\n\t\t\tcolor: $white;\n\t\t\tbackground: $red2;\n\t\t}\n\t\t&-green {\n\t\t\tcolor: $white;\n\t\t\tbackground: $green;\n\t\t}\n\t\t&-buy {\n\t\t\tborder-radius: 0;\n\t\t\tborder: 2px solid $about;\n\t\t}\n\t}\n}\n\n.products-spec {\n\t& > * {\n\t\t@apply font-body tracking-wider;\n\t}\n}\n.content-title {\n\t&-color {\n\t\t&-red {\n\t\t\tcolor: $red2;\n\t\t}\n\t\t&-purple {\n\t\t\tcolor: $purple;\n\t\t}\n\t\t&-green {\n\t\t\tcolor: $green;\n\t\t}\n\t}\n}\n.swiper-container {\n\theight: 100%;\n}\n.swiper-slide {\n\t// width: 80% !important;\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-fit: cover;\n\t}\n}\n\n.swiper-wrapper {\n\theight: 100% !important;\n\talign-items: center !important;\n}\n.spec {\n\t&-info,\n\t&-size,\n\t&-ingredient {\n\t\tpadding-left: 0.5rem;\n\t\tpadding-right: 0.5rem;\n\t}\n}\n</style>","import { render } from \"./OrientalCard.vue?vue&type=template&id=102bf485&scoped=true\"\nimport script from \"./OrientalCard.vue?vue&type=script&lang=js\"\nexport * from \"./OrientalCard.vue?vue&type=script&lang=js\"\n\nimport \"./OrientalCard.vue?vue&type=style&index=0&id=102bf485&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-102bf485\"\n\nexport default script","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\n/* eslint no-bitwise: [\"error\", { \"allow\": [\">>\"] }] */\nimport { nextTick, bindModuleMethods } from '../../utils/utils';\nvar Controller = {\n  LinearSpline: function LinearSpline(x, y) {\n    var binarySearch = function search() {\n      var maxIndex;\n      var minIndex;\n      var guess;\n      return function (array, val) {\n        minIndex = -1;\n        maxIndex = array.length;\n\n        while (maxIndex - minIndex > 1) {\n          guess = maxIndex + minIndex >> 1;\n\n          if (array[guess] <= val) {\n            minIndex = guess;\n          } else {\n            maxIndex = guess;\n          }\n        }\n\n        return maxIndex;\n      };\n    }();\n\n    this.x = x;\n    this.y = y;\n    this.lastIndex = x.length - 1; // Given an x value (x2), return the expected y2 value:\n    // (x1,y1) is the known point before given value,\n    // (x3,y3) is the known point after given value.\n\n    var i1;\n    var i3;\n\n    this.interpolate = function interpolate(x2) {\n      if (!x2) return 0; // Get the indexes of x1 and x3 (the array indexes before and after given x2):\n\n      i3 = binarySearch(this.x, x2);\n      i1 = i3 - 1; // We have our indexes i1 & i3, so we can calculate already:\n      // y2 := ((x2−x1) × (y3−y1)) ÷ (x3−x1) + y1\n\n      return (x2 - this.x[i1]) * (this.y[i3] - this.y[i1]) / (this.x[i3] - this.x[i1]) + this.y[i1];\n    };\n\n    return this;\n  },\n  // xxx: for now i will just save one spline function to to\n  getInterpolateFunction: function getInterpolateFunction(c) {\n    var swiper = this;\n\n    if (!swiper.controller.spline) {\n      swiper.controller.spline = swiper.params.loop ? new Controller.LinearSpline(swiper.slidesGrid, c.slidesGrid) : new Controller.LinearSpline(swiper.snapGrid, c.snapGrid);\n    }\n  },\n  setTranslate: function setTranslate(_setTranslate, byController) {\n    var swiper = this;\n    var controlled = swiper.controller.control;\n    var multiplier;\n    var controlledTranslate;\n    var Swiper = swiper.constructor;\n\n    function setControlledTranslate(c) {\n      // this will create an Interpolate function based on the snapGrids\n      // x is the Grid of the scrolled scroller and y will be the controlled scroller\n      // it makes sense to create this only once and recall it for the interpolation\n      // the function does a lot of value caching for performance\n      var translate = swiper.rtlTranslate ? -swiper.translate : swiper.translate;\n\n      if (swiper.params.controller.by === 'slide') {\n        swiper.controller.getInterpolateFunction(c); // i am not sure why the values have to be multiplicated this way, tried to invert the snapGrid\n        // but it did not work out\n\n        controlledTranslate = -swiper.controller.spline.interpolate(-translate);\n      }\n\n      if (!controlledTranslate || swiper.params.controller.by === 'container') {\n        multiplier = (c.maxTranslate() - c.minTranslate()) / (swiper.maxTranslate() - swiper.minTranslate());\n        controlledTranslate = (translate - swiper.minTranslate()) * multiplier + c.minTranslate();\n      }\n\n      if (swiper.params.controller.inverse) {\n        controlledTranslate = c.maxTranslate() - controlledTranslate;\n      }\n\n      c.updateProgress(controlledTranslate);\n      c.setTranslate(controlledTranslate, swiper);\n      c.updateActiveIndex();\n      c.updateSlidesClasses();\n    }\n\n    if (Array.isArray(controlled)) {\n      for (var i = 0; i < controlled.length; i += 1) {\n        if (controlled[i] !== byController && controlled[i] instanceof Swiper) {\n          setControlledTranslate(controlled[i]);\n        }\n      }\n    } else if (controlled instanceof Swiper && byController !== controlled) {\n      setControlledTranslate(controlled);\n    }\n  },\n  setTransition: function setTransition(duration, byController) {\n    var swiper = this;\n    var Swiper = swiper.constructor;\n    var controlled = swiper.controller.control;\n    var i;\n\n    function setControlledTransition(c) {\n      c.setTransition(duration, swiper);\n\n      if (duration !== 0) {\n        c.transitionStart();\n\n        if (c.params.autoHeight) {\n          nextTick(function () {\n            c.updateAutoHeight();\n          });\n        }\n\n        c.$wrapperEl.transitionEnd(function () {\n          if (!controlled) return;\n\n          if (c.params.loop && swiper.params.controller.by === 'slide') {\n            c.loopFix();\n          }\n\n          c.transitionEnd();\n        });\n      }\n    }\n\n    if (Array.isArray(controlled)) {\n      for (i = 0; i < controlled.length; i += 1) {\n        if (controlled[i] !== byController && controlled[i] instanceof Swiper) {\n          setControlledTransition(controlled[i]);\n        }\n      }\n    } else if (controlled instanceof Swiper && byController !== controlled) {\n      setControlledTransition(controlled);\n    }\n  }\n};\nexport default {\n  name: 'controller',\n  params: {\n    controller: {\n      control: undefined,\n      inverse: false,\n      by: 'slide' // or 'container'\n\n    }\n  },\n  create: function create() {\n    var swiper = this;\n    bindModuleMethods(swiper, {\n      controller: _extends({\n        control: swiper.params.controller.control\n      }, Controller)\n    });\n  },\n  on: {\n    update: function update(swiper) {\n      if (!swiper.controller.control) return;\n\n      if (swiper.controller.spline) {\n        swiper.controller.spline = undefined;\n        delete swiper.controller.spline;\n      }\n    },\n    resize: function resize(swiper) {\n      if (!swiper.controller.control) return;\n\n      if (swiper.controller.spline) {\n        swiper.controller.spline = undefined;\n        delete swiper.controller.spline;\n      }\n    },\n    observerUpdate: function observerUpdate(swiper) {\n      if (!swiper.controller.control) return;\n\n      if (swiper.controller.spline) {\n        swiper.controller.spline = undefined;\n        delete swiper.controller.spline;\n      }\n    },\n    setTranslate: function setTranslate(swiper, translate, byController) {\n      if (!swiper.controller.control) return;\n      swiper.controller.setTranslate(translate, byController);\n    },\n    setTransition: function setTransition(swiper, duration, byController) {\n      if (!swiper.controller.control) return;\n      swiper.controller.setTransition(duration, byController);\n    }\n  }\n};","export const productsColors = {\n  //   postcard: [{ color: 'purple', name: '紫藤' }],\n  //   orientalcard: [\n  //     { color: 'yellow', name: '尊黃' },\n  //     { color: 'teal', name: '艾綠' },\n  //   ],\n  orientalcard: [\n    { color: 'purple', name: '紫藤' },\n    { color: 'red', name: '赤紅' },\n    { color: 'green', name: '竹青' },\n  ],\n  //   calendars: [\n  //     { color: 'yellow', name: '尊黃' },\n  //     { color: 'teal', name: '艾綠' },\n  //   ],\n};\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./OrientalCard.vue?vue&type=style&index=0&id=102bf485&lang=scss&scoped=true\""],"sourceRoot":""}