{"version":3,"sources":["webpack:///./src/components/EditorialArea/EditorialArea.vue?6b98","webpack:///src/components/EditorialArea/EditorialArea.vue","webpack:///./src/components/EditorialArea/EditorialArea.vue?79d4","webpack:///./src/components/EditorialArea/EditorialArea.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","model","class","classes","attrs","staticClass","_t","sectionStyle","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,IAAK,MAASN,EAAIO,MAAU,KAAGC,MAAMR,EAAIS,QAAQC,MAAM,CAAC,GAAM,QAAWV,EAAIO,MAAU,OAAK,CAACH,EAAG,MAAM,CAACO,YAAY,sBAAsB,CAACP,EAAG,MAAM,CAACO,YAAY,wCAAwC,CAACX,EAAIY,GAAG,UAAU,KAAK,CAAC,aAAeZ,EAAIO,MAAMM,aAAa,KAAO,aAAa,QACpYC,EAAkB,G,YCctB,GACE,OAAF,SACE,KAAF,gBACE,KAHF,WAII,MAAJ,IAEE,SAAF,CACI,QADJ,WAEM,MAAN,CACA,UACA,kEAIE,QAAF,CACI,eADJ,SACA,GAEM,GAAN,kCACQ,IAAR,gBAEQ,IAAR,SACQ,IAAR,MACA,4BACA,sBAEA,yBACU,GAAV,IAGQ,EAAR,0BACQ,EAAR,sBAEQ,OAAR,UAAU,IAAV,EAAU,KAAV,EAAU,SAAV,cAKE,QArCF,WAqCI,IAAJ,OAEI,KAAJ,4CACM,EAAN,uBCvDsW,I,YCOlWC,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/chunk-2d0b614d-bf1746dd98447c672b0c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{ref:(\"id-\" + (_vm.model.uuid)),class:_vm.classes,attrs:{\"id\":(\"uuid-\" + (_vm.model.uuid))}},[_c('div',{staticClass:\"section__container\"},[_c('div',{staticClass:\"grid-x align-center motoplex--custom\"},[_vm._t(\"default\",null,{\"sectionStyle\":_vm.model.sectionStyle,\"cell\":'large-5'})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section :class=\"classes\" :id=\"`uuid-${model.uuid}`\" :ref=\"`id-${model.uuid}`\">\n    <div class=\"section__container\">\n      <div class=\"grid-x align-center motoplex--custom\">\n        <slot :sectionStyle=\"model.sectionStyle\" :cell=\"'large-5'\">\n\n        </slot>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\n  import { mgnlComponentMixin } from \"@wl-vue-mixins/mixins.js\";\n\n  export default {\n    mixins: [mgnlComponentMixin], // !!! all the mgnl components must be configured with mgnlComponentMixin !!!\n    name: \"EditorialArea\",\n    data() {\n      return {}\n    },\n    computed: {\n      classes() {\n        return [\n          \"section\",\n          this.model.sectionStyle ? \"section--\" + this.model.sectionStyle : ''\n        ];\n      }\n    },\n    methods: {\n      scrollToAnchor(targetId) {\n\n        if (targetId == `id-${this.model.uuid}`) {\n          const anchor = this.$refs[targetId];\n\n          if (!anchor) return;\n          const marginToTop = 144;\n          const bounding = anchor.getBoundingClientRect();\n          let distanceToTop = Math.floor(bounding.top - marginToTop);\n\n          if (window.pageYOffset === 0) {\n            distanceToTop -= 62;\n          }\n\n          anchor.parentElement.tabIndex = -1;\n          anchor.parentElement.focus();\n\n          window.scrollBy({top: distanceToTop, left: 0, behavior: \"smooth\"});\n\n        }\n      },\n    },\n    mounted() {\n      // Listen for message events\n      this.$eventHub.on(\"anchor:scrollTo\", (targetId) => {\n        this.scrollToAnchor(targetId);\n      });\n    }\n  };\n</script>","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!./EditorialArea.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!./EditorialArea.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorialArea.vue?vue&type=template&id=62fdfe72&\"\nimport script from \"./EditorialArea.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorialArea.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"],"sourceRoot":""}