{"version":3,"sources":["webpack:///./src/Feature/Sliders/code/Scripts/StorySlider/story.vue?554f","webpack:///src/Feature/Sliders/code/Scripts/StorySlider/story.vue","webpack:///./src/Feature/Sliders/code/Scripts/StorySlider/story.vue?a36e","webpack:///./src/Feature/Sliders/code/Scripts/StorySlider/story.vue","webpack:///./src/Feature/Sliders/code/Scripts/StorySlider/index.js","webpack:///./src/Feature/Sliders/code/Scripts/StorySlider/story.scss?264a"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","isGoBackPossible","goBack","screenSize","style","_e","directives","name","rawName","value","category","action","label","expression","arg","attrs","ref","a11yRole","on","getBackground","staticRenderFns","component","VueModule","components","Story"],"mappings":"uIAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,UAAU,KAAK,CAAC,iBAAmBP,EAAIQ,iBAAiB,OAASR,EAAIS,SAA6B,UAAnBT,EAAIU,WAAwBN,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBK,MAAOX,EAAmB,oBAAMA,EAAIY,KAAKR,EAAG,IAAI,CAACS,WAAW,CAAC,CAACC,KAAK,MAAMC,QAAQ,wBAAwBC,MAAM,CAAGC,SAAU,YAAaC,OAAQ,iBAAkBC,MAAO,QAAUC,WAAW,qEAAqEC,IAAI,oBAAoBf,YAAY,cAAcgB,MAAM,CAAC,KAAO,MAAM,CAACtB,EAAIO,GAAG,SAAS,GAAGH,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIO,GAAG,SAAS,GAAGH,EAAG,MAAM,CAACmB,IAAI,eAAejB,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACkB,MAAM,CAAC,uBAAuBtB,EAAIwB,SAAS,WAAW,EAAE,sBAAqB,EAAK,sBAAqB,EAAM,oBAAmB,EAAK,mBAAkB,EAAK,yBAAwB,EAAK,cAAcxB,EAAIU,YAAYe,GAAG,CAAC,WAAazB,EAAI0B,gBAAgB,CAAC1B,EAAIO,GAAG,YAAY,IAAI,IAAI,IAClkCoB,EAAkB,G,oCCsCtB,GACE,KAAF,QAEE,WAAF,CACI,OAAJ,WAAM,OAAN,kDAGE,WAAF,CACI,IAAJ,QAGE,OAAF,SAEE,MAAF,CACI,kBAAJ,CAAM,KAAN,OAAM,QAAN,IACI,SAAJ,CAAM,KAAN,OAAM,QAAN,aAGE,KAlBF,WAmBI,MAAJ,CACM,WAAN,uBACM,cAAN,OAIE,SAAF,CACI,gBADJ,WAEM,MAAN,8CAEI,iBAJJ,WAKM,MAAN,kDAIE,QAlCF,WAkCI,IAAJ,OAII,YAAJ,WACM,EAAN,sGACA,MAGE,QAAF,CACI,OADJ,WAEM,KAAN,yCAGI,cALJ,WAKM,IAAN,2GACM,YAAN,WACQ,IAAR,QACA,uCACA,mBACQ,EAAR,yBACA,KAEA,8NAGI,gBAhBJ,SAgBA,OACM,EAAN,oBACQ,MAAR,UACQ,eAAR,EACQ,cAAR,UACQ,YAAR,gBACQ,WAAR,kDCxG2Y,I,wBCQvYC,EAAY,eACd,EACA7B,EACA4B,GACA,EACA,KACA,KACA,MAIa,EAAAC,E,QChBAC,4BAAU,CACvBC,WAAY,CACVC,Y,oCCLJ,yBAA+c,EAAG,G","file":"story-slider.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"story\"},[_vm._t(\"backbtn\",null,{\"isGoBackPossible\":_vm.isGoBackPossible,\"goBack\":_vm.goBack}),(_vm.screenSize !== 'small')?_c('div',{staticClass:\"story__blur-bg\"},[_c('div',{staticClass:\"story__blur-content\",style:(_vm.storyBackground)})]):_vm._e(),_c('a',{directives:[{name:\"tag\",rawName:\"v-tag:useractionevent\",value:({ category: 'main menu', action: 'select::header', label: 'logo' }),expression:\"{ category: 'main menu', action: 'select::header', label: 'logo' }\",arg:\"useractionevent\"}],staticClass:\"story__logo\",attrs:{\"href\":\"/\"}},[_vm._t(\"logo\")],2),_c('div',{staticClass:\"story__system-btns\"},[_vm._t(\"ally\")],2),_c('div',{ref:\"storyWrapper\",staticClass:\"story__wrapper\"},[_c('slider',{attrs:{\"aria-roledescription\":_vm.a11yRole,\"per-page\":1,\"navigation-enabled\":true,\"pagination-enabled\":false,\"swipe-on-desktop\":true,\"is-slide-loader\":true,\"partial-visible-slide\":true,\"screen-size\":_vm.screenSize},on:{\"pageChange\":_vm.getBackground}},[_vm._t(\"default\")],2)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"story\">\r\n    <slot name=\"backbtn\" :isGoBackPossible=\"isGoBackPossible\" :goBack=\"goBack\" />\r\n\r\n    <div class=\"story__blur-bg\" v-if=\"screenSize !== 'small'\">\r\n      <div class=\"story__blur-content\" :style=\"storyBackground\"/>\r\n    </div>\r\n\r\n    <a href=\"/\" class=\"story__logo\" v-tag:useractionevent=\"{ category: 'main menu', action: 'select::header', label: 'logo' }\">\r\n      <slot name=\"logo\" />\r\n    </a>\r\n\r\n    <div class=\"story__system-btns\">\r\n      <slot name=\"ally\" />\r\n    </div>\r\n\r\n    <div class=\"story__wrapper\" ref=\"storyWrapper\">\r\n      <slider\r\n        :aria-roledescription=\"a11yRole\"\r\n        :per-page=\"1\"\r\n        :navigation-enabled=\"true\"\r\n        :pagination-enabled=\"false\"\r\n        :swipe-on-desktop=\"true\"\r\n        :is-slide-loader=\"true\"\r\n        :partial-visible-slide=\"true\"\r\n        :screen-size=\"screenSize\"\r\n        @pageChange=\"getBackground\"\r\n      >\r\n        <slot />\r\n      </slider>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { AnalyticsHandler } from '@Foundation/analyticsHandler';\r\n  import { checkScreenSize } from '@Foundation/mixins/checkScreenSize';\r\n  import { tag } from '@Foundation/analyticsHandler/directives/tag.js';\r\n\r\n  export default {\r\n    name: 'story',\r\n\r\n    components: {\r\n      'slider': () => import('@Foundation/Slider/code/Scripts/components/slider/slider'),\r\n    },\r\n\r\n    directives: {\r\n      tag\r\n    },\r\n\r\n    mixins: [checkScreenSize],\r\n\r\n    props: {\r\n      initialBackground: { type: String, default: '' },\r\n      a11yRole: { type: String, default: 'carousel' }\r\n    },\r\n\r\n    data() {\r\n      return {\r\n        carouselBg: this.initialBackground,\r\n        slidesBgArray: null\r\n      };\r\n    },\r\n\r\n    computed: {\r\n      storyBackground() {\r\n        return `background-image: ${this.carouselBg}`;\r\n      },\r\n      isGoBackPossible() {\r\n        return document.referrer !== '' && window.history.length > 1;\r\n      }\r\n    },\r\n\r\n    mounted() {\r\n      /**\r\n       * set slides array\r\n       */\r\n      setTimeout(() => {\r\n        this.slidesBgArray = document.querySelectorAll('.image--slideCard .responsive-image__media img, [poster]');\r\n      }, 1000);\r\n    },\r\n\r\n    methods: {\r\n      goBack() {\r\n        this.isGoBackPossible && window.history.go(-1);\r\n      },\r\n\r\n      getBackground(currentPage = 0, prevPage) {\r\n        setTimeout(() => {\r\n          const slideId = this.$el\r\n            .querySelector('.slider__slide.active')\r\n            .getAttribute('id');\r\n          this.sliderAnalytics(currentPage, prevPage, slideId);\r\n        }, 200);\r\n\r\n        !!this.slidesBgArray[currentPage] && this.slidesBgArray[currentPage].nodeName !== 'VIDEO' ? this.carouselBg = `url(${this.slidesBgArray[currentPage].getAttribute('src')})` : this.carouselBg = `url(${this.slidesBgArray[currentPage].getAttribute('poster')})`;\r\n      },\r\n\r\n      sliderAnalytics(currentPage, prevPage, slideId) {\r\n        AnalyticsHandler.pushDataLayer({\r\n          event: 'uaevent',\r\n          ecommerce: undefined,\r\n          eventCategory: 'content',\r\n          eventAction: 'select::story',\r\n          eventLabel: `${currentPage > prevPage ? 'right' : 'left'}::${slideId}`\r\n        });\r\n      }\r\n    }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" src=\"./story.scss\">\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!./story.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!./story.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./story.vue?vue&type=template&id=414bc99c&\"\nimport script from \"./story.vue?vue&type=script&lang=js&\"\nexport * from \"./story.vue?vue&type=script&lang=js&\"\nimport style0 from \"./story.scss?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","import { VueModule } from '@Foundation/utilities';\r\nimport Story from './story.vue';\r\n\r\nexport default VueModule({\r\n  components: {\r\n    Story\r\n  }\r\n});\r\n","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/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!./story.scss?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/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!./story.scss?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}