{"version":3,"file":"3645.5f78378d994cafb970fa.js","mappings":"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","sources":["webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_footer/socialMedia/style.scss","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_footer/socialMedia/index.vue?e5ae","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_footer/socialMedia/index.vue","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_footer/socialMedia/component.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_footer/socialMedia/style.scss?1cf6","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_footer/socialMedia/index.vue?f03b","webpack://UmbracoVuePrototype/./Scripts/src/ts/commonStylingComp.ts","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, `.footer-social-media .icon-container[data-v-2e6d7a80]{display:flex;align-content:center}.footer-social-media a[data-v-2e6d7a80]{text-decoration:none}.footer-social-media a span[data-v-2e6d7a80]{color:var(--icon-colour)}.footer-social-media a .spacing[data-v-2e6d7a80]{margin-left:var(--icon-spacing)}.footer-social-media a:hover span[data-v-2e6d7a80]{color:var(--icon-colour-hover)}`, \"\",{\"version\":3,\"sources\":[\"webpack://./Scripts/src/vue-components/_footer/socialMedia/style.scss\"],\"names\":[],\"mappings\":\"AACE,sDACE,YAAA,CACA,oBAAA,CAEF,wCACE,oBAAA,CACA,6CACE,wBAAA,CAEF,iDACE,+BAAA,CAIF,mDACE,8BAAA\",\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = [\"href\"]\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"footer-social-media component-margins\",\n    style: _normalizeStyle(_ctx.entryAnimationStyle)\n  }, [\n    _createElementVNode(\"div\", {\n      class: \"icon-container\",\n      style: _normalizeStyle(_ctx.containerStyle)\n    }, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.iconList, (icon) => {\n        return (_openBlock(), _createElementBlock(\"a\", {\n          key: _ctx.iconList.indexOf(icon),\n          href: icon[1],\n          style: _normalizeStyle(_ctx.iconStyle),\n          target: \"”_blank”\"\n        }, [\n          (_ctx.iconList.indexOf(icon) == 0)\n            ? (_openBlock(), _createElementBlock(\"span\", {\n                key: 0,\n                class: _normalizeClass(icon[0])\n              }, null, 2 /* CLASS */))\n            : (_openBlock(), _createElementBlock(\"span\", {\n                key: 1,\n                class: _normalizeClass([\"spacing\", icon[0]])\n              }, null, 2 /* CLASS */))\n        ], 12 /* STYLE, PROPS */, _hoisted_1))\n      }), 128 /* KEYED_FRAGMENT */))\n    ], 4 /* STYLE */)\n  ], 4 /* STYLE */))\n}","<template>\r\n  <div class=\"footer-social-media component-margins\" :style=\"entryAnimationStyle\">\r\n    <div class=\"icon-container\" :style=\"containerStyle\">\r\n      <a\r\n        v-for=\"icon in iconList\"\r\n        :key=\"iconList.indexOf(icon)\"\r\n        :href=\"icon[1]\"\r\n        :style=\"iconStyle\"\r\n        target=”_blank”\r\n      >\r\n        <span v-if=\"iconList.indexOf(icon) == 0\" :class=\"icon[0]\"></span>\r\n        <span v-else class=\"spacing\" :class=\"icon[0]\"></span>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script lang=\"ts\" src=\"./component.ts\"></script>\r\n<style scoped lang=\"scss\" src=\"./style.scss\"></style>\r\n","import { defineComponent } from \"vue\";\r\nimport { validate } from \"../../../ts/validationComp\";\r\n// @ts-ignore\r\nimport coreMixin from \"./../../_mixins/coreMixin.vue\";\r\nimport { justifyLeftRight } from \"@/ts/commonStylingComp\";\r\n\r\nexport default defineComponent({\r\n  mixins: [coreMixin],\r\n  data() {\r\n    return {\r\n      componentModel: {},\r\n      iconList: [],\r\n      iconStyle: {},\r\n      containerStyle: {}\r\n    };\r\n  },\r\n  mounted() {\r\n    this.iconList = validate().array(this.componentModel.iconList, []);\r\n    this.iconStyle = {\r\n      fontSize: validate().size(this.componentModel.iconStyle.size, \"25px\"),\r\n      textShadow: validate().string(\r\n        this.componentModel.iconStyle.textShadow,\r\n        \"\"\r\n      ),\r\n      \"--icon-colour\": validate().string(\r\n        this.componentModel.iconStyle.colour,\r\n        \"var(--a-color)\"\r\n      ),\r\n      \"--icon-colour-hover\": validate().string(\r\n        this.componentModel.iconStyle.colourHover,\r\n        \"var(--a-hover-color)\"\r\n      ),\r\n      \"--icon-spacing\": validate().size(\r\n        this.componentModel.iconSpacing,\r\n        \"10px\"\r\n      )\r\n    };\r\n    this.containerStyle = {\r\n      justifyContent: justifyLeftRight(validate().textAlign(this.componentModel.justify, \"left\"))\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&id=2e6d7a80&scoped=true&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&id=2e6d7a80&scoped=true&lang=scss&external\";\n       export default content && content.locals ? content.locals : undefined;\n","import { render } from \"./index.vue?vue&type=template&id=2e6d7a80&scoped=true&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&id=2e6d7a80&scoped=true&lang=scss&external\"\n\nimport exportComponent from \"../../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2e6d7a80\"]])\n\nexport default __exports__","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 { 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","mixins","coreMixin","data","componentModel","iconList","iconStyle","containerStyle","mounted","this","array","fontSize","size","textShadow","string","colour","colourHover","iconSpacing","justifyContent","textAlign","justify","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_ctx","_cache","$props","$setup","$data","$options","class","style","entryAnimationStyle","icon","key","indexOf","href","target","justifyLeftRight","justifyTopBottom","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","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":""}