{"version":3,"sources":["webpack:///./src/components/module/EImage.vue?2424","webpack:///src/components/module/EImage.vue","webpack:///./src/components/module/EImage.vue?4936","webpack:///./src/components/module/EImage.vue","webpack:///./src/components/module/ImageSlider.vue?e970","webpack:///src/components/module/ImageSlider.vue","webpack:///./src/components/module/ImageSlider.vue?7853","webpack:///./src/components/module/ImageSlider.vue","webpack:///./src/components/module/ImageSlider.vue?c99f"],"names":["render","_vm","this","_h","$createElement","_c","_self","isBg","isLazy","key","uid","style","directives","name","rawName","value","expression","arg","_t","imgSrc","attrs","alt","objectFit","_e","staticRenderFns","component","staticClass","staticStyle","arrow","listData","length","reRender","on","$event","$refs","slick","prev","_v","ref","slickOptions","handleBeforeChange","handleAfterChange","_l","item","idx","link","class","getHref","useRatio","url","width","height","imgs","imgPaddingTb","imgPaddingLr","imgRadius","imageRates","useNaturalRatio","slot","indicatorType","Array","from","v","k","i","goTo","currentSlide","_s","currentBarVerticalStyle","currentBarVerticalGaugeStyle","currentBarHorizontalStyle","currentBarHorizontalGaugeStyle","next","clickPlayStatus","playStatus"],"mappings":"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","file":"js/chunk-5ada2652.d744ecaa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isBg && _vm.isLazy)?_c('div',{key:_vm.uid,style:(_vm.paddingStyle)},[_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.imgSrc),expression:\"imgSrc\",arg:\"background-image\"}],style:(_vm.bgStyle)},[_vm._t(\"inner\")],2)]):(_vm.isBg)?_c('div',{key:_vm.uid,style:(_vm.paddingStyle)},[_c('div',{style:(_vm.bgStyle)},[_vm._t(\"inner\")],2)]):(_vm.isLazy)?_c('div',{style:(_vm.imgWrapperStyle)},[(_vm.imgSrc !== '')?_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.imgSrc),expression:\"imgSrc\"}],key:_vm.uid,style:(_vm.imgStyle),attrs:{\"alt\":_vm.alt,\"data-object-fit\":_vm.objectFit}}):_vm._e()]):_c('div',{style:(_vm.imgWrapperStyle)},[(_vm.imgSrc !== '')?_c('img',{key:_vm.uid,style:(_vm.imgStyle),attrs:{\"src\":_vm.imgSrc,\"alt\":_vm.alt,\"data-object-fit\":_vm.objectFit}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div v-if=\"isBg && isLazy\" :key=\"uid\" :style=\"paddingStyle\">\r\n    <div v-lazy:background-image=\"imgSrc\" :style=\"bgStyle\">\r\n      <slot name=\"inner\"></slot>\r\n    </div>\r\n  </div>\r\n  <div v-else-if=\"isBg\" :key=\"uid\" :style=\"paddingStyle\">\r\n    <div :style=\"bgStyle\">\r\n      <slot name=\"inner\"></slot>\r\n    </div>\r\n  </div>\r\n  <div v-else-if=\"isLazy\" :style=\"imgWrapperStyle\">\r\n    <img v-if=\"imgSrc !== ''\" v-lazy=\"imgSrc\" :style=\"imgStyle\"\r\n         :key=\"uid\" :alt=\"alt\" :data-object-fit=\"objectFit\" />\r\n  </div>\r\n  <div v-else :style=\"imgWrapperStyle\">\r\n    <img v-if=\"imgSrc !== ''\" :key=\"uid\" :style=\"imgStyle\" :src=\"imgSrc\" :alt=\"alt\"\r\n         :data-object-fit=\"objectFit\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import objectFitImages from 'object-fit-images'\r\n\r\n  export default {\r\n    props: {\r\n      isLazy: {\r\n        type: Boolean,\r\n        default: false,\r\n      },\r\n      isBg: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      bgOption: {\r\n        type: String\r\n      },\r\n      useThumb: {\r\n        type: Boolean\r\n      },\r\n      img: {\r\n        type: String\r\n      },\r\n      imageRates: {\r\n        type: Object\r\n      },\r\n      category: {\r\n        type: Number\r\n      },\r\n      width: {\r\n        type: [Number, String]\r\n      },\r\n      height: {\r\n        type: [Number, String],\r\n      },\r\n      imgPaddingTb: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      imgPaddingLr: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      imgRadius: {\r\n        type: [Number, String],\r\n        default: 0\r\n      },\r\n      objectFit: {\r\n        type: String,\r\n        default: 'cover'\r\n      },\r\n      useRatio: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      useNaturalRatio: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      imgs: {\r\n        type: Array,\r\n        default: function() {\r\n          return []\r\n        }\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        alt: '',\r\n        ratio: '',\r\n        imgSrc: '',\r\n        uid: '',\r\n        naturalRatio: {},\r\n        imgStyle: {},\r\n        imgWrapperStyle: {},\r\n        paddingStyle: {},\r\n        bgStyle: {}\r\n      }\r\n    },\r\n    created() {\r\n      this.uid = this.uuidv4();\r\n    },\r\n    mounted() {\r\n      this.$nextTick(() => {\r\n\r\n        if (this.useRatio) {\r\n          this.setRatio();\r\n        }\r\n        if (this.useNaturalRatio) {\r\n          this.getNaturalRatio(this.img);\r\n        }\r\n        this.imgSrc = this.setImage(this.img);\r\n        // this.setAlt();\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n        objectFitImages()\r\n\r\n      })\r\n    },\r\n    activated() {\r\n      this.$nextTick(() => {\r\n        if (this.useRatio) {\r\n          this.setRatio();\r\n        }\r\n        if (this.useNaturalRatio) {\r\n          this.getNaturalRatio(this.img);\r\n        }\r\n        this.imgSrc = this.setImage(this.img);\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n        // this.setAlt();\r\n        objectFitImages()\r\n      })\r\n    },\r\n    methods: {\r\n      getNaturalRatio(img) {\r\n        let width = '';\r\n        let height = '';\r\n        let imgWidths = []\r\n        let _this = this;\r\n        if (this.imgs.length === 0) {\r\n          let image = new Image();\r\n          image.src = this.setImage(img);\r\n          image.onload = function() {\r\n            width = this.naturalWidth;\r\n            height = this.naturalHeight;\r\n            let gcd = _this.getGcd(width, height);\r\n            _this.naturalRatio = {w: `${width / gcd}`, h: `${height / gcd}`}\r\n          }\r\n        }\r\n\r\n        if (this.imgs.length !== 0) {\r\n          this.imgs.forEach(item => {\r\n            let imgTag = new Image();\r\n            imgTag.src = this.setImage(item);\r\n            imgTag.onload = function() {\r\n              imgWidths.push({width: this.naturalWidth, height: this.naturalHeight})\r\n              if (imgWidths.length === _this.imgs.length) {\r\n                let maxWidth = imgWidths[0].width;\r\n                let maxHeight = imgWidths[0].height;\r\n                for(let i = 1; i < imgWidths.length; i++) {\r\n                  let w = imgWidths[i].width;\r\n                  let h = imgWidths[i].height;\r\n                  maxWidth = (w > maxWidth) ? w : maxWidth;\r\n                  maxHeight = (h > maxHeight) ? h : maxHeight;\r\n                }\r\n                width = maxWidth;\r\n                height = maxHeight;\r\n                let gcd = _this.getGcd(width, height);\r\n                _this.naturalRatio = {w: `${width / gcd}`, h: `${height / gcd}`}\r\n              }\r\n            }\r\n          })\r\n        }\r\n      },\r\n      getGcd(a, b) {\r\n        let temp = '';\r\n        let m = '';\r\n        if (b > a) {\r\n          temp = a;\r\n          a = b;\r\n          b = temp\r\n        }\r\n        while (b != 0) {\r\n          m = a % b;\r\n          a = b;\r\n          b = m;\r\n        }\r\n        return a;\r\n      },\r\n      setImage(image) {\r\n        let img = ''\r\n        if (this.useThumb) {\r\n          let imageSrc = image;\r\n          let temp = imageSrc.split('.');\r\n          let path = temp[0].split('//')[1];\r\n          if (path !== undefined) {\r\n            if (path === \"launchpack-storage\" || path.indexOf(\"launchpack-service-\")>-1) {\r\n              temp[temp.length - 2] = `${temp[temp.length - 2]}_thumb`;\r\n              img = temp.join('.');\r\n            } else {\r\n              img = image;\r\n            }\r\n          }\r\n        } else {\r\n          img = image;\r\n        }\r\n\r\n        return img;\r\n      },\r\n      setAlt() {\r\n        this.$axios.get(`https://ig7m3u7il7.execute-api.ap-northeast-2.amazonaws.com/v1/save_img_text?path=${this.img}`, {headers: ''}).then(res=>{\r\n          this.alt = res.data;\r\n        });\r\n      },\r\n      setRatio() {\r\n        this.ratio = this.imageRates.ratio;\r\n\r\n        if (this.imageRates.exception && this.imageRates.exception.length !== 0) {\r\n          this.imageRates.exception.forEach(item => {\r\n            if (item.category === this.category) {\r\n              this.ratio = item.ratio;\r\n            }\r\n          })\r\n        }\r\n      },\r\n      getImgWrapperStyle() {\r\n        let deco = {\r\n          width: '',\r\n          height: '',\r\n          minHeight: '',\r\n          overflow: 'hidden'\r\n        }\r\n\r\n        if (this.width) {\r\n          if (typeof this.width === \"string\") {\r\n            deco.width = this.width;\r\n          } else {\r\n            deco.width = `${this.width}px`;\r\n          }\r\n        } else {\r\n          if (this.$store.getters.device === 'pc') {\r\n            deco.width = `${window.innerWidth}px`;\r\n          } else {\r\n            deco.width = `${this.$store.getters.deviceWidth}px`;\r\n          }\r\n        }\r\n        if (this.useRatio) {\r\n          if(this.ratio === 'fullscreen') {\r\n            deco.width = `${window.innerWidth}px`;\r\n            deco.height = `${window.innerHeight}px`;\r\n          } else {\r\n            let ratio = this.ratio.split(':');\r\n            deco.height = `calc(${deco.width} * ${ratio[1]}/${ratio[0]})`;\r\n            deco.minHeight = deco.height;\r\n          }\r\n          deco.minHeight = deco.height;\r\n        } else if (this.useNaturalRatio) {\r\n          deco.height = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`;\r\n          deco.minHeight = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`;\r\n        } else {\r\n          if (this.height) {\r\n            if (typeof this.height === \"string\") {\r\n              deco.height = this.height;\r\n              deco.minHeight = this.height;\r\n            } else {\r\n              deco.height = `${this.height}px`;\r\n              deco.minHeight = `${this.height}px`;\r\n            }\r\n          } else {\r\n            deco.height = '100px';\r\n            deco.minHeight = '100px';\r\n          }\r\n        }\r\n\r\n        deco.minHeight = deco.height;\r\n        return deco;\r\n      },\r\n      getImgStyle() {\r\n        let deco = {\r\n          width: '',\r\n          height: '',\r\n          minHeight: '',\r\n          objectFit: this.objectFit,\r\n          fontFamily: `object-fit: ${this.objectFit}`\r\n        }\r\n\r\n        if (this.width) {\r\n          if (typeof this.width === \"string\") {\r\n            deco.width = this.width;\r\n          } else {\r\n            deco.width = `${this.width}px`;\r\n          }\r\n        } else {\r\n          if (this.$store.getters.device === 'pc') {\r\n            deco.width = `${window.innerWidth}px`;\r\n          } else {\r\n            deco.width = `${this.$store.getters.deviceWidth}px`;\r\n          }\r\n        }\r\n\r\n        if (this.useRatio) {\r\n          if(this.ratio === 'fullscreen') {\r\n            deco.width = `${window.innerWidth}px`;\r\n            deco.height = `${window.innerHeight}px`;\r\n          } else {\r\n            let ratio = this.ratio.split(':');\r\n            deco.height = `calc(${deco.width} * ${ratio[1]}/${ratio[0]})`;\r\n          }\r\n        } else if (this.useNaturalRatio) {\r\n          deco.height = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`;\r\n        } else {\r\n          if (this.height) {\r\n            if (typeof this.height === \"string\") {\r\n              deco.height = this.height;\r\n            } else {\r\n              deco.height = `${this.height}px`;\r\n            }\r\n          } else {\r\n            deco.height = '100px';\r\n          }\r\n        }\r\n\r\n        deco.minHeight = deco.height;\r\n        return deco;\r\n      },\r\n      getPaddingStyle() {\r\n        let deco = {};\r\n        if(this.imgPaddingTb !== 0 && this.imgPaddingLr !== 0) {\r\n          deco.padding = `${this.imgPaddingTb}px ${this.imgPaddingLr}px`\r\n        }\r\n        return deco;\r\n      },\r\n      getBgStyle() {\r\n        let deco = {\r\n          width: '',\r\n          height: '',\r\n          minHeight: '',\r\n          backgroundImage: `url(${this.imgSrc})`,\r\n          backgroundSize: 'cover',\r\n          backgroundPosition: 'center',\r\n          backgroundRepeat: 'no-repeat'\r\n        }\r\n\r\n        if((!isNaN(this.imgRadius) && this.imgRadius > 0) || (isNaN(this.imgRadius) && this.imgRadius !== '')) {\r\n          if (!isNaN(this.imgRadius)) {\r\n            deco.borderRadius = this.imgRadius +'px';\r\n          } else {\r\n            deco.borderRadius = this.imgRadius;\r\n          }\r\n          deco.overflow = 'hidden';\r\n        }\r\n\r\n        if (!this.isLazy && this.bgOption) {\r\n          deco.backgroundImage = `${this.bgOption}, url(${this.imgSrc})`\r\n        }\r\n\r\n\r\n        if (this.width) {\r\n          if (typeof this.width === \"string\") {\r\n            deco.width = this.width;\r\n          } else {\r\n            deco.width = `${this.width - this.imgPaddingLr*2}px`;\r\n          }\r\n        } else {\r\n          if (this.$store.getters.device === 'pc') {\r\n            deco.width = `${window.innerWidth - this.imgPaddingLr*2}px`;\r\n          } else {\r\n            deco.width = `${this.$store.getters.deviceWidth - this.imgPaddingLr*2}px`;\r\n          }\r\n        }\r\n        if (this.useRatio) {\r\n          if(this.ratio === 'fullscreen') {\r\n            deco.width = `${window.innerWidth}px`;\r\n            deco.height = `${window.innerHeight}px`;\r\n          } else {\r\n            let ratio = this.ratio.split(':');\r\n            deco.height = `calc(${deco.width} * ${ratio[1]}/${ratio[0]})`;\r\n          }\r\n        } else if (this.useNaturalRatio) {\r\n          deco.height = `calc(${deco.width} * ${this.naturalRatio.h}/${this.naturalRatio.w})`\r\n        } else {\r\n          if (this.height) {\r\n            if (typeof this.height === \"string\") {\r\n              deco.height = this.height;\r\n            } else {\r\n              deco.height = `${this.height}px`;\r\n            }\r\n          } else {\r\n            deco.height = '100px';\r\n          }\r\n        }\r\n        deco.minHeight = deco.height;\r\n\r\n        return deco;\r\n      }\r\n    },\r\n    computed: {\r\n\r\n    },\r\n    watch: {\r\n      img(n) {\r\n        this.img = n;\r\n        if (this.useNaturalRatio) {\r\n          this.getNaturalRatio(n);\r\n        }\r\n        this.imgSrc = this.setImage(n);\r\n        // this.setAlt();\r\n        if (this.useRatio) {\r\n          this.setRatio();\r\n        }\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n      },\r\n      useRatio() {\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n      },\r\n      width() {\r\n        if (this.isBg) {\r\n          this.paddingStyle = this.getPaddingStyle();\r\n          this.bgStyle = this.getBgStyle();\r\n        } else {\r\n          this.imgWrapperStyle = this.getImgWrapperStyle();\r\n          this.imgStyle = this.getImgStyle();\r\n        }\r\n      },\r\n      imageRates: {\r\n        handler() {\r\n          if (this.useRatio) {\r\n            this.setRatio();\r\n          }\r\n          if (this.isBg) {\r\n            this.bgStyle = this.getBgStyle();\r\n          } else {\r\n            this.imgWrapperStyle = this.getImgWrapperStyle();\r\n            this.imgStyle = this.getImgStyle();\r\n          }\r\n        },\r\n        deep: true\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EImage.vue?vue&type=template&id=08d53bc7&\"\nimport script from \"./EImage.vue?vue&type=script&lang=js&\"\nexport * from \"./EImage.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-slider-container\"},[_c('div',{staticClass:\"flex position-relative\",staticStyle:{\"height\":\"100%\"}},[(_vm.arrow && _vm.listData.length > 1 && _vm.reRender)?_c('i',{staticClass:\"slider-arrow material-icons unselect\",style:(_vm.arrowLeftComputedStyle),on:{\"click\":function($event){return _vm.$refs.slick.prev()}}},[_vm._v(\"keyboard_arrow_left\")]):_vm._e(),_c('div',{ref:\"cardlist\",staticStyle:{\"overflow\":\"hidden\",\"flex\":\"1\"}},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.reRender)?_c('slick',{ref:\"slick\",attrs:{\"options\":_vm.slickOptions},on:{\"beforeChange\":_vm.handleBeforeChange,\"afterChange\":_vm.handleAfterChange}},_vm._l((_vm.listData),function(item,idx){return _c('div',{key:'img-slider-'+idx},[(item.link && item.link !== '')?_c('div',{class:{'unselect': item.link && item.link !== ''},on:{\"click\":function($event){return _vm.getHref(item.link)}}},[_c('e-image',{staticClass:\"position-relative\",staticStyle:{\"margin-bottom\":\"-5px\"},attrs:{\"useRatio\":_vm.useRatio,\"img\":item.url ? item.url : item,\"width\":_vm.width,\"height\":_vm.height,\"imgs\":_vm.imgs,\"imgPaddingTb\":_vm.imgPaddingTb,\"imgPaddingLr\":_vm.imgPaddingLr,\"imgRadius\":_vm.imgRadius,\"imageRates\":_vm.imageRates,\"useNaturalRatio\":_vm.useNaturalRatio,\"isBg\":true,\"isLazy\":false}},[_c('template',{slot:\"inner\"},[_vm._t(\"inner\")],2)],2)],1):_c('div',[_c('e-image',{staticClass:\"position-relative\",staticStyle:{\"margin-bottom\":\"-5px\"},attrs:{\"useRatio\":_vm.useRatio,\"img\":item.url ? item.url : item,\"width\":_vm.width,\"height\":_vm.height,\"imgPaddingTb\":_vm.imgPaddingTb,\"imgPaddingLr\":_vm.imgPaddingLr,\"imgRadius\":_vm.imgRadius,\"imageRates\":_vm.imageRates,\"useNaturalRatio\":_vm.useNaturalRatio,\"isBg\":true,\"isLazy\":false}},[_c('template',{slot:\"inner\"},[_vm._t(\"inner\")],2)],2)],1)])}),0):_vm._e()],1),(_vm.indicator)?[(_vm.indicatorType === 'dot')?[(_vm.listData.length > 1 && _vm.reRender)?_c('div',{staticClass:\"indicator-container\"},[_c('div',{staticClass:\"indicator-wrapper\"},_vm._l((Array.from({length:_vm.listData.length}, function (v,k) { return k; })),function(i){return _c('div',{key:'ic'+i,on:{\"click\":function($event){return _vm.$refs.slick.goTo(i)}}},[(i === _vm.currentSlide)?_c('div',{style:(_vm.currentIndicatorStyle)}):_c('div',{style:(_vm.indicatorStyle)})])}),0)]):_vm._e()]:(_vm.indicatorType === 'num')?[(_vm.listData.length > 0 && _vm.reRender)?_c('div',{staticClass:\"num-indicator-container flex-center\",style:(_vm.numIndicatorStyle)},_vm._l((Array.from({length:_vm.listData.length}, function (v,k) { return k; })),function(i){return _c('div',{key:'num-'+i},[(i===_vm.currentSlide)?_c('div',[_c('span',[_vm._v(_vm._s(_vm.currentSlide + 1))]),_c('span',[_vm._v(\" / \"+_vm._s(_vm.listData.length))])]):_vm._e()])}),0):_vm._e()]:(_vm.indicatorType === 'dot_num')?[(_vm.listData.length > 0 && _vm.reRender)?_c('div',{staticClass:\"dot-num-indicator-container\"},_vm._l((Array.from({length:_vm.listData.length}, function (v,k) { return k; })),function(i){return _c('div',{key:'num-'+i},[(i===_vm.currentSlide)?_c('div',[_vm._v(\"0\"+_vm._s(_vm.currentSlide + 1))]):_c('div',{staticClass:\"dot-wrapper\"},[_c('div',{staticClass:\"dot\"})])])}),0):_vm._e()]:(_vm.indicatorType === 'bar_vertical')?[(_vm.listData.length > 1 && _vm.reRender)?_c('div',{staticClass:\"bar-v-indicator-container\"},[_c('div',{style:(_vm.barVerticalWrapper)},[_c('div',{style:(_vm.currentBarVerticalStyle(_vm.currentSlide))})])]):_vm._e()]:(_vm.indicatorType === 'bar_vertical_gauge')?[(_vm.listData.length > 1 && _vm.reRender)?_c('div',{staticClass:\"bar-v-indicator-container\"},[_c('div',{style:(_vm.barVerticalWrapper)},[_c('div',{style:(_vm.currentBarVerticalGaugeStyle(_vm.currentSlide))})])]):_vm._e()]:(_vm.indicatorType === 'bar_horizontal')?[(_vm.listData.length > 1 && _vm.reRender)?_c('div',{staticClass:\"bar-h-indicator-container\"},[_c('div',{style:(_vm.barHorizontalWrapper)},[_c('div',{style:(_vm.currentBarHorizontalStyle(_vm.currentSlide))})])]):_vm._e()]:(_vm.indicatorType === 'bar_horizontal_gauge')?[(_vm.listData.length > 1 && _vm.reRender)?_c('div',{staticClass:\"bar-h-indicator-container\"},[_c('div',{style:(_vm.barHorizontalWrapper)},[_c('div',{style:(_vm.currentBarHorizontalGaugeStyle(_vm.currentSlide))})])]):_vm._e()]:(_vm.indicatorType === 'num_bar_horizontal')?[(_vm.listData.length > 1 && _vm.reRender)?_c('div',{staticClass:\"bar-num-h-indicator-container\"},[_c('div',{staticClass:\"current-slide-num\"},[_vm._v(\"0\"+_vm._s(_vm.currentSlide + 1))]),_c('div',{staticStyle:{\"margin-top\":\"2px\"},style:(_vm.barHorizontalWrapper)},[_c('div',{style:(_vm.currentBarHorizontalStyle(_vm.currentSlide))})])]):_vm._e()]:_vm._e()]:_vm._e()],2),(_vm.arrow && _vm.listData.length > 1 && _vm.reRender)?_c('i',{staticClass:\"slider-arrow material-icons unselect\",style:(_vm.arrowRightComputedStyle),on:{\"click\":function($event){return _vm.$refs.slick.next()}}},[_vm._v(\"keyboard_arrow_right\")]):_vm._e(),(_vm.controller)?_c('div',{staticClass:\"controller-container\"},[_c('i',{staticClass:\"material-icons unselect\",on:{\"click\":function($event){return _vm.$refs.slick.prev()}}},[_vm._v(\"keyboard_arrow_left\")]),_c('i',{staticClass:\"material-icons unselect\",on:{\"click\":_vm.clickPlayStatus}},[_vm._v(_vm._s(_vm.playStatus ? 'pause' : 'play_arrow'))]),_c('i',{staticClass:\"material-icons unselect\",on:{\"click\":function($event){return _vm.$refs.slick.next()}}},[_vm._v(\"keyboard_arrow_right\")])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"image-slider-container\">\r\n    <div class=\"flex position-relative\" style=\"height: 100%\">\r\n\r\n      <!-- 왼쪽 화살표 -->\r\n      <i v-if=\"arrow && listData.length > 1 && reRender\"\r\n         class=\"slider-arrow material-icons unselect\"\r\n         :style=\"arrowLeftComputedStyle\"\r\n         @click=\"$refs.slick.prev()\">keyboard_arrow_left</i>\r\n\r\n      <!-- 슬라이드 리스트 -->\r\n      <div style=\"overflow: hidden; flex:1\"\r\n           ref=\"cardlist\">\r\n\r\n        <transition name=\"fade\">\r\n          <slick ref=\"slick\"\r\n                 v-if=\"reRender\"\r\n                 @beforeChange=\"handleBeforeChange\"\r\n                 @afterChange=\"handleAfterChange\"\r\n                 :options=\"slickOptions\">\r\n\r\n            <!-- 카드뷰 -->\r\n            <div v-for=\"(item,idx) in listData\" :key=\"'img-slider-'+idx\">\r\n\r\n              <div v-if=\"item.link && item.link !== ''\"\r\n                   :class=\"{'unselect': item.link && item.link !== ''}\"\r\n                   @click=\"getHref(item.link)\">\r\n                <e-image :useRatio=\"useRatio\" :img=\"item.url ? item.url : item\"\r\n                         :width=\"width\" :height=\"height\" :imgs=\"imgs\"\r\n                         :imgPaddingTb=\"imgPaddingTb\" :imgPaddingLr=\"imgPaddingLr\" :imgRadius=\"imgRadius\"\r\n                         :imageRates=\"imageRates\" :useNaturalRatio=\"useNaturalRatio\"\r\n                         :isBg=\"true\" :isLazy=\"false\" style=\"margin-bottom: -5px\"\r\n                         class=\"position-relative\">\r\n                  <template slot=\"inner\">\r\n                    <slot name=\"inner\"></slot>\r\n                  </template>\r\n                </e-image>\r\n              </div>\r\n\r\n              <div v-else>\r\n                <e-image :useRatio=\"useRatio\" :img=\"item.url ? item.url : item\"\r\n                         :width=\"width\" :height=\"height\"\r\n                         :imgPaddingTb=\"imgPaddingTb\" :imgPaddingLr=\"imgPaddingLr\" :imgRadius=\"imgRadius\"\r\n                         :imageRates=\"imageRates\" :useNaturalRatio=\"useNaturalRatio\"\r\n                         :isBg=\"true\" :isLazy=\"false\" style=\"margin-bottom: -5px\"\r\n                         class=\"position-relative\">\r\n                  <template slot=\"inner\">\r\n                    <slot name=\"inner\"></slot>\r\n                  </template>\r\n                </e-image>\r\n              </div>\r\n            </div>\r\n\r\n          </slick>\r\n        </transition>\r\n\r\n        <!-- Indicator -->\r\n        <template v-if=\"indicator\">\r\n          <!-- dot -->\r\n          <template v-if=\"indicatorType === 'dot'\">\r\n            <div class=\"indicator-container\" v-if=\"listData.length > 1 && reRender\">\r\n              <div class=\"indicator-wrapper\">\r\n                <div v-for=\"i in Array.from({length:listData.length}, (v,k) => k)\" :key=\"'ic'+i\" @click=\"$refs.slick.goTo(i)\">\r\n                  <div v-if=\"i === currentSlide\" :style=\"currentIndicatorStyle\"></div>\r\n                  <div v-else :style=\"indicatorStyle\"></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- num (0/0) -->\r\n          <template v-else-if=\"indicatorType === 'num'\">\r\n            <div class=\"num-indicator-container flex-center\" :style=\"numIndicatorStyle\"\r\n                 v-if=\"listData.length > 0 && reRender\">\r\n              <div v-for=\"i in Array.from({length:listData.length}, (v,k) => k)\" :key=\"'num-'+i\">\r\n                <div v-if=\"i===currentSlide\">\r\n                  <span>{{ currentSlide + 1 }}</span>\r\n                  <span> / {{listData.length}}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- dot_num -->\r\n          <template v-else-if=\"indicatorType === 'dot_num'\">\r\n            <div class=\"dot-num-indicator-container\"\r\n                 v-if=\"listData.length > 0 && reRender\">\r\n              <div v-for=\"i in Array.from({length:listData.length}, (v,k) => k)\" :key=\"'num-'+i\">\r\n                <div v-if=\"i===currentSlide\">0{{ currentSlide + 1 }}</div>\r\n                <div v-else class=\"dot-wrapper\"><div class=\"dot\"></div></div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- bar_vertical -->\r\n          <template v-else-if=\"indicatorType === 'bar_vertical'\">\r\n            <div class=\"bar-v-indicator-container\" v-if=\"listData.length > 1 && reRender\">\r\n              <div :style=\"barVerticalWrapper\">\r\n                <div :style=\"currentBarVerticalStyle(currentSlide)\"></div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- bar_vertical_gauge -->\r\n          <template v-else-if=\"indicatorType === 'bar_vertical_gauge'\">\r\n            <div class=\"bar-v-indicator-container\" v-if=\"listData.length > 1 && reRender\">\r\n              <div :style=\"barVerticalWrapper\">\r\n                <div :style=\"currentBarVerticalGaugeStyle(currentSlide)\"></div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- bar_horizontal -->\r\n          <template v-else-if=\"indicatorType === 'bar_horizontal'\">\r\n            <div class=\"bar-h-indicator-container\" v-if=\"listData.length > 1 && reRender\">\r\n              <div :style=\"barHorizontalWrapper\">\r\n                <div :style=\"currentBarHorizontalStyle(currentSlide)\"></div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- bar_horizontal_gauge -->\r\n          <template v-else-if=\"indicatorType === 'bar_horizontal_gauge'\">\r\n            <div class=\"bar-h-indicator-container\" v-if=\"listData.length > 1 && reRender\">\r\n              <div :style=\"barHorizontalWrapper\">\r\n                <div :style=\"currentBarHorizontalGaugeStyle(currentSlide)\"></div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- num_bar_horizontal -->\r\n          <template v-else-if=\"indicatorType === 'num_bar_horizontal'\">\r\n            <div class=\"bar-num-h-indicator-container\" v-if=\"listData.length > 1 && reRender\">\r\n              <div class=\"current-slide-num\">0{{ currentSlide + 1 }}</div>\r\n              <div :style=\"barHorizontalWrapper\" style=\"margin-top:2px\">\r\n                <div :style=\"currentBarHorizontalStyle(currentSlide)\"></div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n        </template>\r\n\r\n      </div>\r\n\r\n      <!-- 오른쪽 화살표 -->\r\n      <i v-if=\"arrow && listData.length > 1 && reRender\"\r\n         class=\"slider-arrow material-icons unselect\"\r\n         :style=\"arrowRightComputedStyle\"\r\n         @click=\"$refs.slick.next()\">keyboard_arrow_right</i>\r\n\r\n      <!-- 컨트롤러 -->\r\n      <div class=\"controller-container\" v-if=\"controller\">\r\n        <i class=\"material-icons unselect\" @click=\"$refs.slick.prev()\">keyboard_arrow_left</i>\r\n        <i class=\"material-icons unselect\" @click=\"clickPlayStatus\">{{ playStatus ? 'pause' : 'play_arrow' }}</i>\r\n        <i class=\"material-icons unselect\" @click=\"$refs.slick.next()\">keyboard_arrow_right</i>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Slick from 'vue-slick'\r\n  import EImage from './EImage.vue'\r\n  export default {\r\n    name: 'image-slider',\r\n\r\n    components: {\r\n      EImage,\r\n      Slick\r\n    },\r\n\r\n    props: {\r\n      arrow: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      controller: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      imageRates: {\r\n        type: Object,\r\n        default: () => {\r\n          return {\r\n            ratio: '4:3'\r\n          }\r\n        }\r\n      },\r\n      indicator: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      indicatorType: {\r\n        type: String,\r\n        default: 'dot'     // dot, num, dot_num, bar_vertical, bar_horizontal, num_bar_horizontal\r\n      },\r\n      listData: {\r\n        type: Array,\r\n        required: true\r\n      },\r\n      useRatio: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      useNaturalRatio: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      height: {\r\n        type: [Number, String],\r\n        required: false,\r\n        default: 60\r\n      },\r\n      imgPaddingTb: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      imgPaddingLr: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      imgRadius: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      autoplay: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      slidesToShow: {\r\n        type: Number,\r\n        default: 1\r\n      },\r\n      slidesToScroll: {\r\n        type: Number,\r\n        default: 1\r\n      },\r\n      autoplaySpeed: {\r\n        type: Number,\r\n        default: 3000\r\n      },\r\n      arrowLeftStyle: {\r\n        type: Object,\r\n        required: false\r\n      },\r\n      arrowRightStyle: {\r\n        type: Object,\r\n        required: false\r\n      },\r\n      imageStyle: {\r\n        type: Object,\r\n        required: false\r\n      },\r\n      customIndicatorStyle: {\r\n        type: Object,\r\n        required: false\r\n      },\r\n      customNumIndicatorStyle: {\r\n        type: Object,\r\n        required: false\r\n      },\r\n      customCurrentIndicatorStyle: {\r\n        type: Object,\r\n        required: false\r\n      },\r\n      vertical: {\r\n        type: Boolean,\r\n        default: false\r\n      }\r\n    },\r\n\r\n    data() {\r\n      return {\r\n        currentSlide: 0,\r\n        reRender: true,\r\n        width: 0,\r\n        resizeListener: undefined,\r\n        playStatus: true,\r\n        dragging: false\r\n      }\r\n    },\r\n    mounted() {\r\n      this.$nextTick(() => {\r\n        this.width = this.$refs.cardlist.clientWidth;\r\n        this.resizeListener = () => {\r\n          if(this.$refs.cardlist) {\r\n            this.width = this.$refs.cardlist.clientWidth;\r\n          }\r\n        };\r\n        window.addEventListener('resize', this.resizeListener);\r\n      });\r\n      this.reRenderSlick();\r\n    },\r\n    activated() {\r\n      this.reRenderSlick();\r\n    },\r\n    methods: {\r\n      currentBarVerticalStyle(index) {\r\n        let height = 120 / this.listData.length;\r\n        return {\r\n          position: 'absolute',\r\n          width: '4px',\r\n          height: `${height}px`,\r\n          backgroundColor: '#FF6600',\r\n          top: `${index === 0 ? 0 : (index * height)}px`\r\n        }\r\n      },\r\n      currentBarVerticalGaugeStyle(index) {\r\n        let height = 120 / this.listData.length;\r\n        return {\r\n          position: 'absolute',\r\n          width: '4px',\r\n          height: `${height * (index+1)}px`,\r\n          backgroundColor: '#FF6600',\r\n          top: 0\r\n        }\r\n      },\r\n      currentBarHorizontalStyle(index) {\r\n        let width = 150 / this.listData.length;\r\n        return {\r\n          position: 'absolute',\r\n          height: '4px',\r\n          width: `${width}px`,\r\n          backgroundColor: '#FF6600',\r\n          left: `${index === 0 ? 0 : (index * width)}px`\r\n        }\r\n      },\r\n      currentBarHorizontalGaugeStyle(index) {\r\n        let width = 150 / this.listData.length;\r\n        return {\r\n          position: 'absolute',\r\n          height: '4px',\r\n          width: `${width * (index+1)}px`,\r\n          backgroundColor: '#FF6600',\r\n          left: 0\r\n        }\r\n      },\r\n      clickPlayStatus() {\r\n        if(this.playStatus) {\r\n          this.$refs.slick.pause();\r\n        } else {\r\n          this.$refs.slick.play();\r\n        }\r\n        this.playStatus = !this.playStatus;\r\n      },\r\n      reRenderSlick() {\r\n        if(this.reRender === false) return;\r\n        this.$nextTick(() => {\r\n          this.reRender = false;\r\n          setTimeout(() => {\r\n            this.reRender = true;\r\n            this.$nextTick(() => {\r\n              let currIndex = this.$refs.slick.currentSlide();\r\n              this.$refs.slick.destroy();\r\n              this.$nextTick(() => {\r\n                this.$refs.slick.create();\r\n                this.$refs.slick.goTo(currIndex, true);\r\n                this.$nextTick(() => {\r\n                  this.$refs.slick.reSlick();\r\n                });\r\n              })\r\n            });\r\n          },500);\r\n        });\r\n      },\r\n\r\n      computedUrl(item) {\r\n        if (item.url) return item.url;\r\n        else return item;\r\n      },\r\n\r\n      getHref(link) {\r\n        if (this.dragging) return;\r\n        if (link.indexOf('http:') > -1 || link.indexOf('https:') > -1) {\r\n          if (link.indexOf(location.origin) > -1) {\r\n            this.routerPush(link.replace(location.origin, ''));\r\n          } else {\r\n            const a = document.createElement(\"a\");\r\n            a.href = link;\r\n            a.setAttribute('target', '_blank');\r\n            a.style.display = 'none';\r\n            document.body.appendChild(a);\r\n            a.click();\r\n            a.parentNode.removeChild(a);\r\n          }\r\n        } else {\r\n          // location.href = link;\r\n          this.routerPush(link);\r\n        }\r\n      },\r\n\r\n      getTarget(link) {\r\n        return (link.indexOf('http:')>-1 || link.indexOf('https:')>-1) ? '_blank' : '';\r\n      },\r\n\r\n      handleBeforeChange(event, slick, currentSlide, nextSlide) {\r\n        this.currentSlide = nextSlide;\r\n        this.dragging = true;\r\n      },\r\n\r\n      handleAfterChange() {\r\n        this.dragging = false;\r\n      },\r\n\r\n      imgStyle(img) {\r\n        let height = '60px';\r\n\r\n        if (typeof this.height === \"string\") {\r\n          height = this.height;\r\n        } else {\r\n          height = `${this.height}px`;\r\n        }\r\n\r\n        return {\r\n          width: '100%',\r\n          height: height,\r\n          // lazy background-image 적용\r\n          backgroundImage: `url(${img.url ? img.url : img})`,\r\n          backgroundPosition: 'center',\r\n          backgroundSize: 'cover',\r\n          marginBottom: '-5px'\r\n        }\r\n      }\r\n    },\r\n\r\n    computed: {\r\n      numIndicatorStyle() {\r\n        if (this.customNumIndicatorStyle) return this.customNumIndicatorStyle;\r\n\r\n        else {\r\n          let right = 20;\r\n          let bottom = 20;\r\n          if(this.imgPaddingTb>0 && this.imgPaddingLr>0) {\r\n            right += this.imgPaddingLr;\r\n            bottom += this.imgPaddingTb;\r\n            return {\r\n              right: right + 'px',\r\n              bottom: (bottom + 4) + 'px'\r\n            }\r\n          } else {\r\n            return {\r\n              right: right + 'px',\r\n              bottom: bottom + 'px'\r\n            }\r\n          }\r\n        }\r\n      },\r\n      imgs() {\r\n        let array = [];\r\n        this.listData.forEach(item => {\r\n          if (item.url) {\r\n            array.push(item.url);\r\n          } else {\r\n            array.push(item);\r\n          }\r\n        })\r\n        return array;\r\n      },\r\n      currentIndicatorStyle() {\r\n        if (this.customCurrentIndicatorStyle) return this.customCurrentIndicatorStyle;\r\n        else {\r\n          return {\r\n            width: '8px',\r\n            height: '8px',\r\n            borderRadius: '100%',\r\n            backgroundColor: '#FF6600',\r\n            marginRight: '4px'\r\n          };\r\n        }\r\n      },\r\n\r\n      indicatorStyle() {\r\n        if (this.customIndicatorStyle) return this.customIndicatorStyle;\r\n        else {\r\n          return {\r\n            width: '8px',\r\n            height: '8px',\r\n            borderRadius: '100%',\r\n            backgroundColor: 'rgba(255, 255, 255, 1)',\r\n            marginRight: '4px'\r\n          };\r\n        }\r\n      },\r\n\r\n      barVerticalWrapper() {\r\n        return {\r\n          width: '4px',\r\n          height: '120px',\r\n          backgroundColor: '#333333',\r\n          position: 'relative'\r\n        }\r\n      },\r\n      barHorizontalWrapper() {\r\n        return {\r\n          width: '150px',\r\n          height: '4px',\r\n          backgroundColor: '#333333',\r\n          position: 'relative'\r\n        }\r\n      },\r\n      // 슬릭 옵션\r\n      slickOptions() {\r\n\r\n        return {\r\n          infinite: true,\r\n          variableWidth: false,\r\n          centerPadding: '',\r\n          centerMode: false,\r\n          autoplay: this.autoplay,\r\n          arrows: false,\r\n          dots: false,\r\n          slidesToShow: this.slidesToShow,\r\n          slidesToScroll: this.slidesToScroll,\r\n          autoplaySpeed: this.autoplaySpeed,\r\n          vertical: this.vertical\r\n        }\r\n      },\r\n      arrowLeftComputedStyle() {\r\n        if (this.arrowLeftStyle) return this.arrowLeftStyle;\r\n        else {\r\n          return {\r\n            height: '24px',\r\n            fontSize: '24px',\r\n            borderRadius: '50%',\r\n            backgroundColor: 'rgba(0,0,0,0.2)',\r\n            top: 'calc(50% - 12px)',\r\n            color: 'white',\r\n            left: '8px'\r\n          }\r\n        }\r\n      },\r\n\r\n      arrowRightComputedStyle() {\r\n        if (this.arrowRightStyle) return this.arrowRightStyle;\r\n        else {\r\n          return {\r\n            height: '24px',\r\n            fontSize: '24px',\r\n            borderRadius: '50%',\r\n            backgroundColor: 'rgba(0,0,0,0.2)',\r\n            top: 'calc(50% - 12px)',\r\n            color: 'white',\r\n            right: '8px'\r\n          }\r\n        }\r\n      },\r\n    },\r\n    watch: {\r\n      listData() {\r\n        this.reRenderSlick();\r\n      },\r\n      currentSlide(n) {\r\n        this.$emit('change', n);\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" type=\"stylus\" scoped>\r\n\r\n  .cg-list-image-slider-container\r\n    position relative\r\n    width 100%\r\n\r\n  .slider-arrow\r\n    position absolute\r\n    z-index 1\r\n\r\n  .indicator-container\r\n    position absolute\r\n    width 100%\r\n    bottom 16px\r\n\r\n  .num-indicator-container\r\n    position absolute\r\n    background-color rgba(0,0,0,0.6)\r\n    color white\r\n    border-radius 12px\r\n    font-size 12px\r\n    width 48px\r\n    height 26px\r\n    text-align center\r\n\r\n  .dot-num-indicator-container\r\n    position absolute\r\n    bottom 48px\r\n    left 48px\r\n    color white\r\n    font-size 14px\r\n    text-align center\r\n    line-height 16px\r\n    .dot-wrapper\r\n      width 100%\r\n      height 16px\r\n      padding-top 6px\r\n    .dot\r\n      margin auto\r\n      width 4px\r\n      height 4px\r\n      border-radius 100%\r\n      background-color white\r\n\r\n  .bar-v-indicator-container\r\n    position absolute\r\n    left 40px\r\n    top 32px\r\n\r\n  .bar-h-indicator-container\r\n  .bar-num-h-indicator-container\r\n    position absolute\r\n    bottom 20px\r\n\r\n  .bar-h-indicator-container\r\n    left 50%\r\n    transform translateX(-50%)\r\n\r\n  .bar-num-h-indicator-container\r\n    display flex\r\n    align-items center\r\n    right 48px\r\n    .current-slide-num\r\n      color white\r\n      font-size 14px\r\n      margin-right 12px\r\n\r\n\r\n  .indicator-wrapper\r\n    display flex\r\n    justify-content center\r\n\r\n  .fade-enter-active\r\n    transition opacity .5s\r\n  .fade-enter\r\n    opacity 0\r\n\r\n  .controller-container\r\n    position absolute\r\n    top 20px\r\n    right 40px\r\n    line-height 15px\r\n    padding 4px 0\r\n    background-color rgba(0,0,0,0.8)\r\n    color white\r\n    i\r\n      padding 0 2px\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSlider.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageSlider.vue?vue&type=template&id=e3cb137a&scoped=true&\"\nimport script from \"./ImageSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageSlider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageSlider.vue?vue&type=style&index=0&id=e3cb137a&lang=stylus&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  \"e3cb137a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSlider.vue?vue&type=style&index=0&id=e3cb137a&lang=stylus&scoped=true&\""],"sourceRoot":""}