{"version":3,"file":"js/765.645067c7.js","mappings":"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","sources":["webpack://wsf-master-lrp/./src/Feature/ContentPush/code/Scripts/components/contentPush.vue","webpack://wsf-master-lrp/src/Feature/ContentPush/code/Scripts/components/contentPush.vue","webpack://wsf-master-lrp/./src/Feature/ContentPush/code/Scripts/components/contentPush.vue?c4dc","webpack://wsf-master-lrp/./src/Feature/ContentPush/code/Scripts/components/contentPush.vue?2ecc"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',{directives:[{name:\"tag\",rawName:\"v-tag:promotionclick.dom\",value:({ label: `none::${this.removeHTMLTags(this.contentPush.Description).toLowerCase()}` }),expression:\"{ label: `none::${this.removeHTMLTags(this.contentPush.Description).toLowerCase()}` }\",arg:\"promotionclick\",modifiers:{\"dom\":true}},{name:\"tag\",rawName:\"v-tag:promotionimpression.dom\",value:({label: `${_vm.pageCategory}`}),expression:\"{label: `${pageCategory}`}\",arg:\"promotionimpression\",modifiers:{\"dom\":true}}],attrs:{\"data-tag-wrapper\":\"\"}},[_c('div',_vm._b({staticClass:\"product-push\",attrs:{\"data-tag-promotion-identifier\":\"\"}},'div',_vm.dataTagging,false),[(_vm.contentPush.Packshot.MainImage)?[_c('responsive-image',{attrs:{\"aspect-ratio\":\"56\",\"srcset\":_vm.contentPush.Packshot.MainImage,\"animate\":\"\"}},[_c('img',{attrs:{\"src\":_vm.contentPush.Packshot.MainImage,\"alt\":_vm.contentPush.Packshot.ImageAlt}}),_vm._v(\" \"),_c('noscript',[_c('img',{attrs:{\"src\":_vm.contentPush.Packshot.MainImage,\"alt\":_vm.contentPush.Packshot.ImageAlt}})])])]:_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"product-push__content\"},[_c('div',{staticClass:\"product-push__desc\",domProps:{\"innerHTML\":_vm._s(_vm.decodeHtml(_vm.contentPush.Description))}}),_vm._v(\" \"),(_vm.contentPush.CTAText && !_vm.contentPush.EnableRoutineFinder)?_c('a',{staticClass:\"cta--secondary cta--dark cta--alt\",attrs:{\"href\":_vm.contentPush.CTALink}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.contentPush.CTAText)}})]):_vm._e(),_vm._v(\" \"),(_vm.contentPush.EnableRoutineFinder && _vm.contentPush.CTAText)?_c('button',{staticClass:\"cta--secondary cta--dark cta--alt\",on:{\"click\":function($event){return _vm.openCpRoutineFinder()}}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.contentPush.CTAText)}})]):_vm._e()])],2),_vm._v(\" \"),(_vm.showoCpRoutineFiner)?_c('routine-finder'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <span  data-tag-wrapper \r\n  v-tag:promotionclick.dom='{ label: `none::${this.removeHTMLTags(this.contentPush.Description).toLowerCase()}` }'\r\n   v-tag:promotionimpression.dom='{label: `${pageCategory}`}' >\r\n    <div data-tag-promotion-identifier v-bind=\"dataTagging\" class=\"product-push\">\r\n      <template v-if=\"contentPush.Packshot.MainImage\" >\r\n        <responsive-image aspect-ratio=\"56\" :srcset=\"contentPush.Packshot.MainImage\" animate=\"\">\r\n          <!-- Accessibility -->\r\n          <img :src=\"contentPush.Packshot.MainImage\" :alt=\"contentPush.Packshot.ImageAlt\" />\r\n          <noscript>\r\n            <!-- SEO -->\r\n            <img :src=\"contentPush.Packshot.MainImage\" :alt=\"contentPush.Packshot.ImageAlt\" />\r\n          </noscript>\r\n        </responsive-image>\r\n      </template>\r\n      <div class=\"product-push__content\">\r\n        <div class=\"product-push__desc\" v-html=\"decodeHtml(contentPush.Description)\"></div> \r\n        <a :href=\"contentPush.CTALink\" class=\"cta--secondary cta--dark cta--alt\" v-if=\"contentPush.CTAText && !contentPush.EnableRoutineFinder\" >\r\n          <span v-html=\"contentPush.CTAText\" />\r\n        </a>\r\n        <button v-if=\"contentPush.EnableRoutineFinder && contentPush.CTAText\" class=\"cta--secondary cta--dark cta--alt\" @click=\"openCpRoutineFinder()\"><span v-html=\"contentPush.CTAText\" /> </button>\r\n      </div>\r\n    </div>\r\n    <routine-finder v-if=\"showoCpRoutineFiner\"></routine-finder> \r\n  </span>\r\n</template>\r\n<script>\r\n import { tag } from '@Foundation/analyticsHandler';\r\nimport ResponsiveImage from '@Feature/ResponsiveImage/code/Scripts/components/responsive-image.vue';\r\nimport routineFinder from '@Feature/RoutineFinder/code/Scripts/components/routine-finder.vue';\r\nexport default {\r\n  name: 'content-push',\r\n  components: { ResponsiveImage, routineFinder },\r\n  directives: {\r\n      tag\r\n  },\r\n  props: {\r\n    contentPush: {\r\n      type: Object,\r\n      required: false,\r\n    },\r\n    position: {\r\n        type: Number\r\n    },\r\n    pageCategory: {\r\n        type: String,\r\n        default:'product selector page'\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      showoCpRoutineFiner:false,\r\n    }\r\n  },\r\n  computed: {\r\n    dataTagging() {\r\n      const attributes = {\r\n        \"data-tag-promotion-creative\":\"skyscraper\",\r\n        \"data-tag-promotion-id\":\"none\",\r\n        \"data-tag-promotion-name\":this.removeHTMLTags(this.contentPush.Description).toLowerCase(),\r\n        \"data-tag-promotion-position\":this.position + 1,\r\n      };\r\n      return attributes;\r\n    },\r\n  },\r\n  mounted() {\r\n    if (document.querySelectorAll('.trackImpfour').length) {\r\n        var rx = document.querySelector('.trackImpfour').getBoundingClientRect().x;\r\n        var impclassName = 'impression';\r\n        var m = 0;\r\n        document.querySelectorAll('.trackImpfour').forEach((element,index) => {\r\n          const rect = element.getBoundingClientRect();\r\n          if (rx != rect.x) {\r\n            element.classList.add(impclassName);\r\n          } else {\r\n            impclassName = 'impression-' + m;\r\n            element.classList.add(impclassName);\r\n            m++;\r\n          }\r\n        });\r\n    }\r\n    window.eventBus.$on('routineFinderClose:on', (value) => { \r\n      setTimeout(() => {\r\n      this.showoCpRoutineFiner = value; \r\n      }, 300);\r\n    });\r\n  },\r\n  methods: {\r\n    openCpRoutineFinder(){\r\n      this.showoCpRoutineFiner = true;\r\n    },\r\n    decodeHtml(html) {\r\n      const txt = document.createElement('textarea');\r\n      txt.innerHTML = html;\r\n      return txt.value;\r\n    },\r\n    removeHTMLTags(html) {\r\n        let div = document.createElement(\"div\");\r\n        div.innerHTML = html;\r\n        let datas=div.innerText.replaceAll('\\n', ' ').trim();\r\n        var parser = new DOMParser();\r\n        var parsedHtml = parser.parseFromString(datas, 'text/html');\r\n        var withoutBrTags = parsedHtml.body.textContent || \"\";\r\n        return withoutBrTags;\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" src=\"./contentPush.scss\"></style>\r\n","import mod from \"-!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./contentPush.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./contentPush.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./contentPush.vue?vue&type=template&id=ca55fd44\"\nimport script from \"./contentPush.vue?vue&type=script&lang=js\"\nexport * from \"./contentPush.vue?vue&type=script&lang=js\"\nimport style0 from \"./contentPush.scss?vue&type=style&index=0&prod&lang=scss&external\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/@vue/vue-loader-v15/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"],"names":["render","_vm","this","_c","_self","directives","name","rawName","value","label","removeHTMLTags","contentPush","Description","toLowerCase","expression","arg","modifiers","pageCategory","attrs","_b","staticClass","dataTagging","Packshot","MainImage","ImageAlt","_v","_e","domProps","_s","decodeHtml","CTAText","EnableRoutineFinder","CTALink","on","$event","openCpRoutineFinder","showoCpRoutineFiner","staticRenderFns","components","ResponsiveImage","routineFinder","tag","props","type","Object","required","position","Number","String","default","data","computed","attributes","mounted","document","querySelectorAll","length","rx","querySelector","getBoundingClientRect","x","impclassName","m","forEach","element","index","rect","classList","add","window","eventBus","$on","setTimeout","methods","html","txt","createElement","innerHTML","div","datas","innerText","replaceAll","trim","parser","DOMParser","parsedHtml","parseFromString","withoutBrTags","body","textContent","component"],"sourceRoot":""}