{"version":3,"file":"5614.b5c14751df975214558e.js","mappings":"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","sources":["webpack://UmbracoVuePrototype/./Scripts/src/vue-components/surgaRte/style.scss","webpack://UmbracoVuePrototype/./Scripts/src/ts/commonStylingComp.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/surgaRte/index.vue?74f5","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/surgaRte/index.vue","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/surgaRte/component.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/surgaRte/style.scss?9c32","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/surgaRte/index.vue?533a","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":["// 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, `.surga-rte{display:block}.surga-rte .max-height{height:100%}.surga-rte .max-height .content{display:block;width:100%}`, \"\",{\"version\":3,\"sources\":[\"webpack://./Scripts/src/vue-components/surgaRte/style.scss\"],\"names\":[],\"mappings\":\"AAAA,WACE,aAAA,CACA,uBACE,WAAA,CACA,gCACE,aAAA,CACA,UAAA\",\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","export function justifyLeftRight(justify: string): string {\r\n  switch (justify) {\r\n    case \"left\":\r\n      return \"flex-start\"\r\n    case \"right\":\r\n      return \"flex-end\"\r\n    case \"justify\":\r\n      return \"space-between\";\r\n    default:\r\n      return \"center\"\r\n  }\r\n}\r\nexport function justifyTopBottom(justify: string): string {\r\n  switch (justify) {\r\n    case \"top\": {\r\n      return \"flex-start\";\r\n    }\r\n    case \"bottom\": {\r\n      return \"flex-end\";\r\n    }\r\n    default: {\r\n      return \"center\";\r\n    }\r\n  }\r\n}\r\n","import { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"innerHTML\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"surga-rte component-margins allow-overflow\",\n    style: _normalizeStyle(_ctx.entryAnimationStyle)\n  }, [\n    _createElementVNode(\"div\", {\n      class: \"max-height\",\n      style: _normalizeStyle(_ctx.moduleContainerStyle)\n    }, [\n      _createElementVNode(\"div\", {\n        class: \"content\",\n        innerHTML: _ctx.textContent\n      }, null, 8 /* PROPS */, _hoisted_1)\n    ], 4 /* STYLE */)\n  ], 4 /* STYLE */))\n}","<template>\r\n  <div\r\n    class=\"surga-rte component-margins allow-overflow\" :style=\"entryAnimationStyle\"\r\n  >\r\n    <div class=\"max-height\" :style=\"moduleContainerStyle\">\r\n      <div class=\"content\" v-html=\"textContent\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" src=\"./component.ts\"></script>\r\n<style lang=\"scss\" src=\"./style.scss\"></style>","import { defineComponent } from \"vue\";\r\n// @ts-ignore\r\nimport { validate } from \"../../ts/validationComp\";\r\n// @ts-ignore\r\nimport coreMixin from \"./../_mixins/coreMixin.vue\";\r\nimport { justifyTopBottom } from \"@/ts/commonStylingComp\";\r\n\r\nexport default defineComponent({\r\n  mixins: [coreMixin],\r\n  data() {\r\n    return {\r\n      moduleContainerStyle: {} as Record<string, string>,\r\n      textContent: \"\" as string,\r\n      componentModel: {} as any,\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    // setup Methods for modules.\r\n    this.setTextboxVAlignment(this.componentModel.verticalAlign);\r\n    this.textContent = validate().string(this.componentModel.textContent, \"\");\r\n  },\r\n\r\n  methods: {\r\n    setTextboxVAlignment: function(vertAlignment: string): void {\r\n      const alignment = validate().string(vertAlignment, \"\");\r\n      this.moduleContainerStyle.display = \"flex\";\r\n      this.moduleContainerStyle.alignItems = justifyTopBottom(alignment);\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=0e687803&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 { 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":["___CSS_LOADER_EXPORT___","push","module","id","justifyLeftRight","justify","justifyTopBottom","_hoisted_1","mixins","coreMixin","data","moduleContainerStyle","textContent","componentModel","mounted","this","setTextboxVAlignment","verticalAlign","string","methods","vertAlignment","alignment","display","alignItems","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_ctx","_cache","$props","$setup","$data","$options","class","style","entryAnimationStyle","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","width","innerWidth","initiateMargins","initiatePadding","initiateHeight","initiateResizeListener","addLoadedModule","getLoadState","onUnmounted","unobserve","ex","delay","ms","Promise","resolve","setTimeout","event","clientWidth","resizeWindow","calculateSize","addEventListener","setMargins","moduleMargin","moduleMarginMobile","setPadding","modulePadding","modulePaddingMobile","marginTop","top","size","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":""}