{"version":3,"file":"4808.739d6d5485264b362144.js","mappings":"qMAKA,SAAe,QAAgB,CAC7BA,OAAQ,CAACC,EAAA,GACTC,KAAI,KACK,CACLC,eAAgB,CAAC,EACjBC,aAAc,CAAC,IAGnB,OAAAC,GACE,MAAMC,GAAQ,SAAWC,KAAKC,KAAKL,eAAeM,YAAa,OACzDC,GAAS,SAAWA,OACxBF,KAAKL,eAAeO,OACpB,2BAEIC,GAAQ,SAAWC,OAAOJ,KAAKL,eAAeQ,MAAO,SAC3DH,KAAKJ,aAAe,CAClBS,UAAWP,EAAQ,IAAMK,EAAQ,IAAMD,EAE3C,I,+HCZEI,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKJ,KAAW,IAAQM,QAAS,IAAQA,OCnB1D,MAEA,GAFiC,E,QAAA,GAAgB,EAAQ,CAAC,CAAC,SCLpD,SAAgBC,EAAUC,EAAYC,EAAYC,EAAYC,EAAWC,GAC9E,OAAQ,WCFR,QAEM,OAFDC,MAAM,4BAA6BhB,OAD1C,QACiDiB,EAAAA,sBDK5C,ECJD,QAA4B,MAAvBjB,OAFT,QAEgBP,EAAAA,eDOT,KAAM,IACR,EACL,I,mEERIyB,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,4FAA6F,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,mEAAmE,MAAQ,GAAG,SAAW,6CAA6C,WAAa,MAEpT,S,mECLO,MAAMC,EAMT,WAAAC,CAAYC,GACR3B,KAAK4B,iBAAkB,SAAWC,QAAQF,EAAeC,iBAAiB,GAC1E5B,KAAK8B,0BAA2B,SAAWD,QAAQF,EAAeG,0BAA0B,GAC5F9B,KAAK+B,gBAAiB,SAAWC,OAAOL,EAAeI,eAAgB,IACvE/B,KAAKiC,mBAAoB,SAAWD,OAAOL,EAAeM,kBAAmB,IAC7EjC,KAAKkC,oBAAqB,SAAW9B,OAAOuB,EAAeO,mBAAoB,SACnF,E,cCPJ,MCFA,GDEe,QAAgB,CAC7BxC,KAAI,KACK,CACLyC,cAAe,GACfxC,eAAgB,CAAC,EACjByC,eAAgB,EAChBC,eAAe,EACfC,QAAS,GACTC,iBAAkB,CAAC,EACnBC,gBAAiB,CAAC,EAClBpB,oBAAqB,CAAC,EACtBqB,UAAW,CAAC,EACZC,SAAU,CAAC,EACXC,kBAAkB,IAGtBC,MAAO,CACL,SAAAH,CAAUI,EAAQC,GACF,GAAVD,GAAe7C,KAAKwC,gBAAgBZ,iBACtC5B,KAAK+C,qBAET,GAEFC,cAAe,WACbC,OAAOC,oBAAoB,SAAUlD,KAAKmD,aAC5C,EACA,OAAAtD,GAEE,MAAMuD,EAAMpD,KAAKqD,IAAIC,cAAcC,aAAa,gBAE9CvD,KAAKL,eADK,SAARyD,SAAkBA,EACEI,KAAKC,MAAML,GAEX,CAAC,EAEpBpD,KAAKL,eAAe6C,kBACvBxC,KAAKL,eAAe6C,gBAAkB,CAAC,GAEzCxC,KAAK0D,0BACL1D,KAAKuC,iBAAmBvC,KAAKqD,IAAIM,QAAQ,sBACzC,MAAM7D,EAAQmD,OAAOW,WACrB5D,KAAK6D,gBAAgB/D,GACrBE,KAAK8D,gBAAgBhE,GACrBE,KAAK+D,iBACL/D,KAAKgE,0BACL,SAAgBC,kBAChBjE,KAAKyC,WAAY,SAAgByB,cACnC,EACA,WAAAC,GACE,GAAInE,KAAKwC,gBAAgBZ,gBACvB,IACE5B,KAAK0C,SAAS0B,UAAUpE,KAAKuC,iB,CAC7B,MAAO8B,GAAI,CAEjB,EACAC,QAAS,CAED,KAAAC,CAAMC,G,+CACV,OAAO,IAAIC,SAASC,GAAYC,WAAWD,EAASF,IACtD,G,EAGA,YAAArB,CAAayB,GACX5E,KAAKoC,eAAiBpC,KAAKqD,IAAIwB,YAE/B7E,KAAK8E,cACP,EAGA,YAAAA,GACE,MAAMhF,EAAQmD,OAAOW,WACjB9D,EAAQ,MAAQE,KAAKqC,gBACvBrC,KAAK6D,gBAAgB/D,GACrBE,KAAK8D,gBAAgBhE,GACrBE,KAAK+E,cAAcjF,GAEvB,EAGA,sBAAAkE,GACEf,OAAO+B,iBAAiB,SAAUhF,KAAKmD,cACnCnD,KAAKqD,MACPrD,KAAKoC,eAAiBpC,KAAKqD,IAAIwB,aAEjC,MAAM/E,EAAQmD,OAAOW,WACrB5D,KAAK+E,cAAcjF,EACrB,EAGA,aAAAiF,CAAcjF,GAEVE,KAAKqC,cADHvC,EAAQ,GAKd,EAGA,eAAA+D,CAAgB/D,GACVA,EAAQ,IACVE,KAAKiF,WAAWjF,KAAKL,eAAeuF,cAEpClF,KAAKiF,WAAWjF,KAAKL,eAAewF,mBAExC,EAGA,eAAArB,CAAgBhE,GACVA,EAAQ,IACVE,KAAKoF,WAAWpF,KAAKL,eAAe0F,eAEpCrF,KAAKoF,WAAWpF,KAAKL,eAAe2F,oBAExC,EAGA,UAAAL,CAAWC,GACqB,OAA1BlF,KAAKuC,kBAA6B2C,IACpClF,KAAKuC,iBAAiBpC,MAAMoF,UAAYL,EAAaM,KACjD,SAAWzF,KAAKmF,EAAaM,IAAK,OAClC,MACJxF,KAAKuC,iBAAiBpC,MAAMsF,aAAeP,EAAaQ,QACpD,SAAW3F,KAAKmF,EAAaQ,OAAQ,OACrC,MACJ1F,KAAKuC,iBAAiBpC,MAAMwF,WAAaT,EAAaU,MAClD,SAAW7F,KAAKmF,EAAaU,KAAM,OACnC,MACJ5F,KAAKuC,iBAAiBpC,MAAM0F,YAAcX,EAAaY,OACnD,SAAW/F,KAAKmF,EAAaY,MAAO,OACpC,MAER,EAGA,UAAAV,CAAWC,GACqB,OAA1BrF,KAAKuC,kBAA6B8C,IACpCrF,KAAKuC,iBAAiBpC,MAAM4F,WAAaV,EAAcG,KACnD,SAAWzF,KAAKsF,EAAcG,IAAK,OACnC,MACJxF,KAAKuC,iBAAiBpC,MAAM6F,cAAgBX,EAAcK,QACtD,SAAW3F,KAAKsF,EAAcK,OAAQ,OACtC,MACJ1F,KAAKuC,iBAAiBpC,MAAM8F,YAAcZ,EAAcO,MACpD,SAAW7F,KAAKsF,EAAcO,KAAM,OACpC,MACJ5F,KAAKuC,iBAAiBpC,MAAM+F,aAAeb,EAAcS,OACrD,SAAW/F,KAAKsF,EAAcS,MAAO,OACrC,MAER,EAGA,cAAA/B,GACE,GAA8B,OAA1B/D,KAAKuC,iBAA2B,CAClC,IAAI4D,EACJA,EAAenG,KAAKL,eAAewG,cAC/B,SAAWpG,KAAKC,KAAKL,eAAewG,aAAc,QAClD,OACJnG,KAAKuC,iBAAiBpC,MAAMiG,OAASD,GAEjCA,EAAaE,SAAS,OAASF,EAAaE,SAAS,WACvDrG,KAAKuC,iBAAiBpC,MAAMmG,UAAY,UAE1CtG,KAAKuC,iBAAiBpC,MAAMoG,SAAW,Q,CAE3C,EAEA,uBAAA7C,GAIE,GAHA1D,KAAKwC,gBAAkB,IAAIf,EACzBzB,KAAKL,eAAe6C,iBAElBxC,KAAKwC,gBAAgBZ,gBAEvB,OADA5B,KAAKoB,oBAA6B,QAAI,cAC9BpB,KAAKwC,gBAAgBN,oBAC3B,IAAK,SACHlC,KAAKoB,oBAA4B,OAAI,QACrC,MAEF,IAAK,MACHpB,KAAKoB,oBAAyB,IAAI,QAClC,MAEF,IAAK,OACHpB,KAAKoB,oBAA0B,KAAI,QACnC,MAEF,IAAK,QACHpB,KAAKoB,oBAA2B,MAAI,QAQ5C,EACA,mBAAA2B,GACE/C,KAAKwG,4BAA4B,GACnC,EACM,2BAAAA,CAA4BC,G,+CAC5BzG,KAAKwC,gBAAgBV,2BACvB9B,KAAK2C,kBAAmB,GAE1B3C,KAAK0C,SAAW,IAAIgE,sBACjBC,IACKA,EAAQ,GAAGC,gBACb5G,KAAK6G,qBAEP7G,KAAK2C,kBAAmB,CAAK,GAE/B,CACE8D,UAAW,CAACA,KAGhBzG,KAAK0C,SAASoE,QAAQ9G,KAAKuC,iBAC7B,G,EACM,kBAAAsE,G,+CA4BJ,OA3BK7G,KAAK2C,iBAwBR3C,KAAKoB,oBAAgC,WAAI,iBAvBzCpB,KAAKoB,oBAAgC,WACnC,WACApB,KAAKwC,gBAAgBP,kBACrB,iBACAjC,KAAKwC,gBAAgBT,eAHrB,YAKA/B,KAAKwC,gBAAgBP,kBACrB,iBACAjC,KAAKwC,gBAAgBT,eAPrB,SASA/B,KAAKwC,gBAAgBP,kBACrB,iBACAjC,KAAKwC,gBAAgBT,eAXrB,UAaA/B,KAAKwC,gBAAgBP,kBACrB,iBACAjC,KAAKwC,gBAAgBT,eAfrB,WAiBA/B,KAAKwC,gBAAgBP,kBACrB,iBACAjC,KAAKwC,gBAAgBT,eACrB,IAIJ/B,KAAKoB,oBAA6B,QAAI,IAC9BpB,KAAKwC,gBAAgBN,oBAC3B,IAAK,SACHlC,KAAKoB,oBAA4B,OAAI,MACrC,MAEF,IAAK,MACHpB,KAAKoB,oBAAyB,IAAI,OAClC,MAEF,IAAK,OACHpB,KAAKoB,oBAA0B,KAAI,OACnC,MAEF,IAAK,QACHpB,KAAKoB,oBAA2B,MAAI,OAIxCpB,KAAK0C,SAAS0B,UAAUpE,KAAKuC,kBAC7B,IACE,IAAIwE,EAAwB/G,KAAKwC,gBAAgBP,kBAA8BjC,KAAKwC,gBAAgBT,qBAC9F/B,KAAKuE,MAAoB,IAAdwC,GACjB/G,KAAKoB,oBAAsB,CAAC,C,CAC5B,MAAOiD,GACPrE,KAAKoB,oBAAsB,CAAC,EAC5B4F,QAAQC,IAAI,8B,CAEhB,G","sources":["webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_misc/divider/component.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_misc/divider/style.scss?cfd2","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_misc/divider/index.vue?67d7","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_misc/divider/index.vue?3eb7","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_misc/divider/index.vue","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_misc/divider/style.scss","webpack://UmbracoVuePrototype/./Scripts/src/ts/models/entryAnimations.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_mixins/coreMixin.vue","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_mixins/coreMixin.vue?c8a4"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport { validate } from \"./../../../ts/validationComp\";\r\n// @ts-ignore\r\nimport coreMixin from \"./../../_mixins/coreMixin.vue\";\r\n\r\nexport default defineComponent({\r\n  mixins: [coreMixin],\r\n  data() {\r\n    return {\r\n      componentModel: {} as any,\r\n      dividerStyle: {}\r\n    };\r\n  },\r\n  mounted() {\r\n    const width = validate().size(this.componentModel.borderWidth, \"3px\");\r\n    const colour = validate().colour(\r\n      this.componentModel.colour,\r\n      \"var(--secondary-colour)\"\r\n    );\r\n    const style = validate().string(this.componentModel.style, \"solid\");\r\n    this.dividerStyle = {\r\n      borderTop: width + \" \" + style + \" \" + colour\r\n    };\r\n  }\r\n});\r\n","\n      import API from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./style.scss?vue&type=style&index=0&lang=scss&external\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./style.scss?vue&type=style&index=0&lang=scss&external\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render } from \"./index.vue?vue&type=template&id=3d824e07&ts=true\"\nimport script from \"./component.ts?vue&type=script&lang=ts&external\"\nexport * from \"./component.ts?vue&type=script&lang=ts&external\"\n\nimport \"./style.scss?vue&type=style&index=0&lang=scss&external\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"divider component-margins\",\n    style: _normalizeStyle(_ctx.entryAnimationStyle)\n  }, [\n    _createElementVNode(\"hr\", {\n      style: _normalizeStyle(_ctx.dividerStyle)\n    }, null, 4 /* STYLE */)\n  ], 4 /* STYLE */))\n}","<template>\r\n  <div class=\"divider component-margins\" :style=\"entryAnimationStyle\">\r\n    <hr :style=\"dividerStyle\" />\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" src=\"./component.ts\"></script>\r\n<style lang=\"scss\" src=\"./style.scss\"></style>\r\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.divider hr{margin-top:0px;margin-bottom:0px}.divider .dashed{border-top:3px dashed #bbb}`, \"\",{\"version\":3,\"sources\":[\"webpack://./Scripts/src/vue-components/_misc/divider/style.scss\"],\"names\":[],\"mappings\":\"AACE,YACE,cAAA,CACA,iBAAA,CAEF,iBACE,0BAAA\",\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { validate } from \"../validationComp\";\r\n\r\nexport class EntryAnimations {\r\n    animationEnable: boolean;\r\n    animationAlwaysRunOnLoad: boolean;\r\n    animationDelay: number;\r\n    animationDuration: number;\r\n    animationDirection: string;\r\n    constructor(animationModel: any) {\r\n        this.animationEnable = validate().boolean(animationModel.animationEnable, false);\r\n        this.animationAlwaysRunOnLoad = validate().boolean(animationModel.animationAlwaysRunOnLoad, false);\r\n        this.animationDelay = validate().number(animationModel.animationDelay, 0.2);\r\n        this.animationDuration = validate().number(animationModel.animationDuration, 0.3);\r\n        this.animationDirection = validate().string(animationModel.animationDirection, \"bottom\");\r\n    }\r\n}","<script lang=\"ts\">\r\nimport { Ref, defineComponent, ref, watch } from \"vue\";\r\n// @ts-ignore\r\nimport { validate } from \"./../../ts/validationComp\";\r\nimport { EntryAnimations } from \"@/ts/models/entryAnimations\";\r\nimport { loadingScreen } from \"@/ts/loadingScreenComp\";\r\n// This mixin contains initiators and methods used in most components.\r\nexport default defineComponent({\r\n  data() {\r\n    return {\r\n      backgroundUrl: \"\" as string,\r\n      componentModel: {} as any,\r\n      componentWidth: 0 as number,\r\n      isDesktopSize: true as boolean,\r\n      themeId: \"\" as string,\r\n      elementContainer: {} as Element,\r\n      entryAnimations: {} as EntryAnimations,\r\n      entryAnimationStyle: {} as Record<string, string>,\r\n      loadState: {} as Ref,\r\n      observer: {} as IntersectionObserver,\r\n      observerFirstRun: true as boolean,\r\n    };\r\n  },\r\n  watch: {\r\n    loadState(newVal, oldVal) {\r\n      if (newVal == 1 && this.entryAnimations.animationEnable) {\r\n        this.setupEntryAnimation();\r\n      }\r\n    }\r\n  },\r\n  beforeUnmount: function () {\r\n    window.removeEventListener(\"resize\", this.handleResize);\r\n  },\r\n  mounted() {\r\n    // mount values from Umbraco into component data.\r\n    const val = this.$el.parentElement.getAttribute(\"umbracomodel\");\r\n    if (val !== \"null\" && val !== undefined && val !== null) {\r\n      this.componentModel = JSON.parse(val);\r\n    } else {\r\n      this.componentModel = {};\r\n    }\r\n    if (!this.componentModel.entryAnimations) {\r\n      this.componentModel.entryAnimations = {};\r\n    }\r\n    this.initiateEntryAnimations();\r\n    this.elementContainer = this.$el.closest(\".component-margins\");\r\n    const width = window.innerWidth;\r\n    this.initiateMargins(width);\r\n    this.initiatePadding(width);\r\n    this.initiateHeight();\r\n    this.initiateResizeListener();\r\n    loadingScreen().addLoadedModule();\r\n    this.loadState = loadingScreen().getLoadState();\r\n  },\r\n  onUnmounted() {\r\n    if (this.entryAnimations.animationEnable) {\r\n      try {\r\n        this.observer.unobserve(this.elementContainer);\r\n      } catch (ex) {}\r\n    }\r\n  },\r\n  methods: {\r\n    // delay common method for use within the components.\r\n    async delay(ms: number) {\r\n      return new Promise((resolve) => setTimeout(resolve, ms));\r\n    },\r\n\r\n    // whenever the document is resized, re-set the 'clientWidth' variable\r\n    handleResize(event) {\r\n      this.componentWidth = this.$el.clientWidth;\r\n      // lock resize function. Only allow to run every 2 seconds.\r\n      this.resizeWindow();\r\n    },\r\n\r\n    // resizes margin window. Function is locked and only run every 0.5 seconds.\r\n    resizeWindow() {\r\n      const width = window.innerWidth;\r\n      if (width > 991 !== this.isDesktopSize) {\r\n        this.initiateMargins(width);\r\n        this.initiatePadding(width);\r\n        this.calculateSize(width);\r\n      }\r\n    },\r\n\r\n    // initiates the resize component\r\n    initiateResizeListener() {\r\n      window.addEventListener(\"resize\", this.handleResize);\r\n      if (this.$el) {\r\n        this.componentWidth = this.$el.clientWidth;\r\n      }\r\n      const width = window.innerWidth;\r\n      this.calculateSize(width);\r\n    },\r\n\r\n    // calculates whether screen is in desktop size.\r\n    calculateSize(width: number) {\r\n      if (width > 991) {\r\n        this.isDesktopSize = true;\r\n      } else {\r\n        this.isDesktopSize = false;\r\n      }\r\n    },\r\n\r\n    // initiates the margins of a component.\r\n    initiateMargins(width: number) {\r\n      if (width > 991) {\r\n        this.setMargins(this.componentModel.moduleMargin);\r\n      } else {\r\n        this.setMargins(this.componentModel.moduleMarginMobile);\r\n      }\r\n    },\r\n\r\n    // initiates the padding of a component.\r\n    initiatePadding(width: number) {\r\n      if (width > 991) {\r\n        this.setPadding(this.componentModel.modulePadding);\r\n      } else {\r\n        this.setPadding(this.componentModel.modulePaddingMobile);\r\n      }\r\n    },\r\n\r\n    // Changes the value of margins based on settings\r\n    setMargins(moduleMargin: any) {\r\n      if (this.elementContainer !== null && moduleMargin) {\r\n        this.elementContainer.style.marginTop = moduleMargin.top\r\n          ? validate().size(moduleMargin.top, \"0px\")\r\n          : \"0px\";\r\n        this.elementContainer.style.marginBottom = moduleMargin.bottom\r\n          ? validate().size(moduleMargin.bottom, \"0px\")\r\n          : \"0px\";\r\n        this.elementContainer.style.marginLeft = moduleMargin.left\r\n          ? validate().size(moduleMargin.left, \"0px\")\r\n          : \"0px\";\r\n        this.elementContainer.style.marginRight = moduleMargin.right\r\n          ? validate().size(moduleMargin.right, \"0px\")\r\n          : \"0px\";\r\n      }\r\n    },\r\n\r\n    // changes the value of padding based on settings.\r\n    setPadding(modulePadding: any) {\r\n      if (this.elementContainer !== null && modulePadding) {\r\n        this.elementContainer.style.paddingTop = modulePadding.top\r\n          ? validate().size(modulePadding.top, \"0px\")\r\n          : \"0px\";\r\n        this.elementContainer.style.paddingBottom = modulePadding.bottom\r\n          ? validate().size(modulePadding.bottom, \"0px\")\r\n          : \"0px\";\r\n        this.elementContainer.style.paddingLeft = modulePadding.left\r\n          ? validate().size(modulePadding.left, \"0px\")\r\n          : \"0px\";\r\n        this.elementContainer.style.paddingRight = modulePadding.right\r\n          ? validate().size(modulePadding.right, \"0px\")\r\n          : \"0px\";\r\n      }\r\n    },\r\n\r\n    // add module height\r\n    initiateHeight() {\r\n      if (this.elementContainer !== null) {\r\n        let moduleHeight: string;\r\n        moduleHeight = this.componentModel.moduleHeight\r\n          ? validate().size(this.componentModel.moduleHeight, \"auto\")\r\n          : \"auto\";\r\n        this.elementContainer.style.height = moduleHeight;\r\n        // add max-height at 2300px if vh or v-max is used. Emables Page to still be SEOed.\r\n        if (moduleHeight.includes(\"vh\") || moduleHeight.includes(\"vmax\")) {\r\n          this.elementContainer.style.maxHeight = \"2300px\";\r\n        }\r\n        this.elementContainer.style.overflow = \"hidden\";\r\n      }\r\n    },\r\n\r\n    initiateEntryAnimations() {\r\n      this.entryAnimations = new EntryAnimations(\r\n        this.componentModel.entryAnimations\r\n      );\r\n      if (this.entryAnimations.animationEnable) {\r\n        this.entryAnimationStyle[\"opacity\"] = \"0!important\";\r\n        switch (this.entryAnimations.animationDirection) {\r\n          case \"bottom\": {\r\n            this.entryAnimationStyle[\"bottom\"] = \"-20vh\";\r\n            break;\r\n          }\r\n          case \"top\": {\r\n            this.entryAnimationStyle[\"top\"] = \"-20vh\";\r\n            break;\r\n          }\r\n          case \"left\": {\r\n            this.entryAnimationStyle[\"left\"] = \"-20vw\";\r\n            break;\r\n          }\r\n          case \"right\": {\r\n            this.entryAnimationStyle[\"right\"] = \"-20vw\";\r\n            break;\r\n          }\r\n          default: {\r\n            break;\r\n          }\r\n        }\r\n      }\r\n    },\r\n    setupEntryAnimation(): void {\r\n      this.setupEntryAnimationObserver(0.3);\r\n    },\r\n    async setupEntryAnimationObserver(threshold: number): Promise<void> {\r\n      if (this.entryAnimations.animationAlwaysRunOnLoad) {\r\n        this.observerFirstRun = false;\r\n      }\r\n      this.observer = new IntersectionObserver(\r\n        (entries) => {\r\n          if (entries[0].isIntersecting) {\r\n            this.runEntryAnimations();\r\n          }\r\n          this.observerFirstRun = false;\r\n        },\r\n        {\r\n          threshold: [threshold]\r\n        }\r\n      );\r\n      this.observer.observe(this.elementContainer);\r\n    },\r\n    async runEntryAnimations(): Promise<void> {\r\n      if (!this.observerFirstRun) {\r\n        this.entryAnimationStyle[\"transition\"] =\r\n          \"opacity \" +\r\n          this.entryAnimations.animationDuration +\r\n          \"s ease-in-out \" +\r\n          this.entryAnimations.animationDelay +\r\n          \"s,\" + \"bottom \" +\r\n          this.entryAnimations.animationDuration +\r\n          \"s ease-in-out \" +\r\n          this.entryAnimations.animationDelay +\r\n          \"s,\" + \"top \" +\r\n          this.entryAnimations.animationDuration +\r\n          \"s ease-in-out \" +\r\n          this.entryAnimations.animationDelay +\r\n          \"s,\" + \"left \" +\r\n          this.entryAnimations.animationDuration +\r\n          \"s ease-in-out \" +\r\n          this.entryAnimations.animationDelay +\r\n          \"s,\" + \"right \" +\r\n          this.entryAnimations.animationDuration +\r\n          \"s ease-in-out \" +\r\n          this.entryAnimations.animationDelay +\r\n          \"s\";\r\n      } else {\r\n        this.entryAnimationStyle[\"transition\"] = \"none!important\";\r\n      }\r\n      this.entryAnimationStyle[\"opacity\"] = \"1\";\r\n      switch (this.entryAnimations.animationDirection) {\r\n        case \"bottom\": {\r\n          this.entryAnimationStyle[\"bottom\"] = \"0px\";\r\n          break;\r\n        }\r\n        case \"top\": {\r\n          this.entryAnimationStyle[\"top\"] = \"-0px\";\r\n          break;\r\n        }\r\n        case \"left\": {\r\n          this.entryAnimationStyle[\"left\"] = \"-0px\";\r\n          break;\r\n        }\r\n        case \"right\": {\r\n          this.entryAnimationStyle[\"right\"] = \"-0px\";\r\n          break;\r\n        }\r\n      }\r\n      this.observer.unobserve(this.elementContainer);\r\n      try {\r\n        let totalDuration: number = this.entryAnimations.animationDuration as number + this.entryAnimations.animationDelay as number;\r\n        await this.delay(totalDuration*1000);\r\n        this.entryAnimationStyle = {};\r\n      } catch (ex) {\r\n        this.entryAnimationStyle = {};\r\n        console.log(\"Core mixin addition failed.\");\r\n      }\r\n    }\r\n  }\r\n});\r\n</script>\r\n","import script from \"./coreMixin.vue?vue&type=script&lang=ts\"\nexport * from \"./coreMixin.vue?vue&type=script&lang=ts\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"names":["mixins","coreMixin","data","componentModel","dividerStyle","mounted","width","size","this","borderWidth","colour","style","string","borderTop","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_ctx","_cache","$props","$setup","$data","$options","class","entryAnimationStyle","___CSS_LOADER_EXPORT___","push","module","id","EntryAnimations","constructor","animationModel","animationEnable","boolean","animationAlwaysRunOnLoad","animationDelay","number","animationDuration","animationDirection","backgroundUrl","componentWidth","isDesktopSize","themeId","elementContainer","entryAnimations","loadState","observer","observerFirstRun","watch","newVal","oldVal","setupEntryAnimation","beforeUnmount","window","removeEventListener","handleResize","val","$el","parentElement","getAttribute","JSON","parse","initiateEntryAnimations","closest","innerWidth","initiateMargins","initiatePadding","initiateHeight","initiateResizeListener","addLoadedModule","getLoadState","onUnmounted","unobserve","ex","methods","delay","ms","Promise","resolve","setTimeout","event","clientWidth","resizeWindow","calculateSize","addEventListener","setMargins","moduleMargin","moduleMarginMobile","setPadding","modulePadding","modulePaddingMobile","marginTop","top","marginBottom","bottom","marginLeft","left","marginRight","right","paddingTop","paddingBottom","paddingLeft","paddingRight","moduleHeight","height","includes","maxHeight","overflow","setupEntryAnimationObserver","threshold","IntersectionObserver","entries","isIntersecting","runEntryAnimations","observe","totalDuration","console","log"],"sourceRoot":""}