{"version":3,"file":"7183.e854a9d962c4ca9fdce1.js","mappings":"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","sources":["webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_image/image-basic/style.scss","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_image/image-basic/index.vue?64ab","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_image/image-basic/index.vue","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_image/image-basic/component.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_image/image-basic/style.scss?1070","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_image/image-basic/index.vue?8301","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, `.image-basic a{height:inherit}.image-basic a img{object-fit:cover;object-position:center;min-width:100%;min-height:100%;height:inherit;width:100%}.image-basic .image-wrapper{position:relative;height:inherit}.image-basic .disable-link{cursor:default;pointer-events:none}.image-basic .contain-image img{object-fit:contain}`, \"\",{\"version\":3,\"sources\":[\"webpack://./Scripts/src/vue-components/_image/image-basic/style.scss\"],\"names\":[],\"mappings\":\"AACE,eACE,cAAA,CACA,mBACE,gBAAA,CACA,sBAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CAIJ,4BACE,iBAAA,CACA,cAAA,CAGF,2BACE,cAAA,CACA,mBAAA,CAGF,gCACE,kBAAA\",\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"image-wrapper\" }\nconst _hoisted_2 = [\"href\"]\nconst _hoisted_3 = [\"src\", \"alt\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"image-basic component-margins\",\n    style: _normalizeStyle(_ctx.entryAnimationStyle)\n  }, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      _createElementVNode(\"a\", {\n        href: _ctx.componentModel.urlRedirect,\n        class: _normalizeClass(_ctx.linkStyle)\n      }, [\n        _createElementVNode(\"img\", {\n          class: \"image\",\n          src: _ctx.imageUrl,\n          alt: _ctx.altText,\n          loading: \"lazy\"\n        }, null, 8 /* PROPS */, _hoisted_3)\n      ], 10 /* CLASS, PROPS */, _hoisted_2)\n    ])\n  ], 4 /* STYLE */))\n}","<template>\r\n  <div class=\"image-basic component-margins\" :style=\"entryAnimationStyle\">\r\n    <div class=\"image-wrapper\">\r\n      <a :href=\"componentModel.urlRedirect\" :class=\"linkStyle\">\r\n        <img class=\"image\" :src=\"imageUrl\" :alt=\"altText\" loading=\"lazy\"/>\r\n      </a>\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>\r\n","import { defineComponent } from \"vue\";\r\nimport { imageHelper } from \"./../../../ts/imageHelperComp\";\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: {\r\n        image: {\r\n          resizedImages: [],\r\n          url: \"\"\r\n        }\r\n      } as any,\r\n      imageUrl: \"\",\r\n      imageWidth: -1,\r\n      linkStyle: \"\",\r\n      displayEntireImage: false as boolean,\r\n      altText: \"\" as string\r\n    };\r\n  },\r\n  mounted() {\r\n    // manage URL\r\n    const element = this.$el.querySelector(\".image\");\r\n    if (element) {\r\n      this.imageWidth = element.getBoundingClientRect().width;\r\n    }\r\n    this.imageUrl = imageHelper().getResizedImage(\r\n      this.componentModel.image.resizedImages,\r\n      this.imageWidth\r\n    );\r\n    this.componentModel.urlRedirect = validate().string(\r\n      this.componentModel.urlRedirect,\r\n      \"\"\r\n    );\r\n    if (this.componentModel.urlRedirect.length === 0) {\r\n      this.linkStyle = \"disable-link\";\r\n    }\r\n    this.displayEntireImage = validate().boolean(\r\n      this.componentModel.displayEntireImage,\r\n      false\r\n    );\r\n    if (this.displayEntireImage) {\r\n      this.linkStyle += \" contain-image\";\r\n    }\r\n    this.altText = validate().string(this.componentModel.image.altText, \"\");\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=6f4fac4c&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","_hoisted_1","class","_hoisted_2","_hoisted_3","mixins","coreMixin","data","componentModel","image","resizedImages","url","imageUrl","imageWidth","linkStyle","displayEntireImage","altText","mounted","element","this","$el","querySelector","getBoundingClientRect","width","getResizedImage","urlRedirect","string","length","boolean","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_ctx","_cache","$props","$setup","$data","$options","style","entryAnimationStyle","href","src","alt","loading","EntryAnimations","constructor","animationModel","animationEnable","animationAlwaysRunOnLoad","animationDelay","number","animationDuration","animationDirection","backgroundUrl","componentWidth","isDesktopSize","themeId","elementContainer","entryAnimations","loadState","observer","observerFirstRun","watch","newVal","oldVal","setupEntryAnimation","beforeUnmount","window","removeEventListener","handleResize","val","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","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":""}