{"version":3,"file":"6608.cdc0cabf4266a8aea975.js","mappings":"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","sources":["webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_overlays/watchlist/model.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_overlays/watchlist/component.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_overlays/watchlist/style.scss?bffe","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_overlays/watchlist/index.vue?9a52","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_overlays/watchlist/index.vue?f5bb","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_overlays/watchlist/index.vue","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_overlays/watchlist/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 { validate } from \"./../../../ts/validationComp\";\r\nexport class ComponentModel {\r\n  public buttonStyle: string;\r\n  public desktopWidth: string;\r\n  public desktopHeight: string;\r\n  public desktopSize: string;\r\n  public mobileWidth: string;\r\n  public mobileHeight: string;\r\n  public mobileSize: string;\r\n  public buttonPos: string;\r\n\r\n  constructor(componentModel: any) {\r\n    this.buttonStyle = validate().string(componentModel.buttonStyle, \"Default\");\r\n    this.buttonStyle = \"b\" + this.buttonStyle;\r\n    this.desktopWidth = validate().string(componentModel.desktopWidth, \"75px\");\r\n    this.desktopHeight = validate().string(\r\n      componentModel.desktopHeight,\r\n      \"75px\"\r\n    );\r\n    this.desktopSize = validate().string(componentModel.desktopSize, \"30px\");\r\n    this.mobileWidth = validate().string(componentModel.mobileWidth, \"50px\");\r\n    this.mobileHeight = validate().string(componentModel.mobileHeight, \"50px\");\r\n    this.mobileSize = validate().string(componentModel.mobileSize, \"20px\");\r\n    this.buttonPos = validate().string(componentModel.buttonPos, \"r\");\r\n  }\r\n}\r\n","import { defineComponent } from \"vue\";\r\nimport { globalValues } from \"../../../ts/globalValuesComp\";\r\nimport { watchlist } from \"../../../ts/watchlistComp\";\r\n// @ts-ignore\r\nimport coreMixin from \"./../../_mixins/coreMixin.vue\";\r\nimport { ComponentModel } from \"./model\";\r\nexport default defineComponent({\r\n  mixins: [coreMixin],\r\n  setup() {\r\n    // this value needs to be declared in this function for the computed displayed properties to work.\r\n    const watchlistState = watchlist().state();\r\n    return {\r\n      watchlistState\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      typedModel: {} as ComponentModel,\r\n      watchlistRedirectLink: \"\" as string,\r\n      containerStyle: {} as Record<string, string>,\r\n      positionStyle: {} as Record<string, string>,\r\n      iconAnimationState: false as boolean,\r\n      previousWatchlistLength: -1 as number\r\n    };\r\n  },\r\n  computed: {\r\n    buttonStyle: function () {\r\n      const watchlistLength = this.watchlistState.list.length;\r\n      if (watchlistLength > 0) {\r\n        return {\r\n          \"--desktopWidth\": this.typedModel.desktopWidth,\r\n          \"--desktopHeight\": this.typedModel.desktopHeight,\r\n          \"--desktopSize\": this.typedModel.desktopSize,\r\n          \"--mobileWidth\": this.typedModel.mobileWidth,\r\n          \"--mobileHeight\": this.typedModel.mobileHeight,\r\n          \"--mobileSize\": this.typedModel.mobileSize,\r\n          \"opacity\": 1\r\n        };\r\n      } else {\r\n        return {\r\n          \"--desktopWidth\": \"0px\",\r\n          \"--desktopHeight\": \"0px\",\r\n          \"--desktopSize\": \"0px\",\r\n          \"--mobileWidth\": \"0px\",\r\n          \"--mobileHeight\": \"0px\",\r\n          \"--mobileSize\": \"0px\",\r\n          \"opacity\": 0\r\n        };\r\n      }\r\n    },\r\n    // toggles animations runs several times per toggle but it functions.\r\n    iconAnimationClass: function () {\r\n      const watchlistLength = this.watchlistState.list.length;\r\n      if (this.previousWatchlistLength !== watchlistLength) {\r\n        this.iconAnimationState = true;\r\n        this.previousWatchlistLength = watchlistLength;\r\n      }\r\n      if (this.iconAnimationState) {\r\n        this.flipAnimationState();\r\n        return \"iconEnlarged\";\r\n      } else {\r\n        return \"\";\r\n      }\r\n    }\r\n  },\r\n  beforeMount() {\r\n    this.typedModel = new ComponentModel(this.componentModel);\r\n  },\r\n  mounted() {\r\n    this.typedModel = new ComponentModel(this.componentModel);\r\n    this.initiateLink();\r\n    this.initiateContainerStyle();\r\n    if (this.typedModel.buttonPos === \"r\") {\r\n      this.positionStyle = {\r\n        right: 0\r\n      };\r\n    }\r\n  },\r\n  methods: {\r\n    initiateLink(): void {\r\n      this.watchlistRedirectLink = globalValues().get(\r\n        \"watchlistRedirect\"\r\n      );\r\n    },\r\n    initiateContainerStyle(): void {\r\n      this.containerStyle = {\r\n        \"--containerDesktopWidth\": this.typedModel.desktopWidth,\r\n        \"--containerDesktopHeight\": this.typedModel.desktopHeight,\r\n        \"--containerMobileWidth\": this.typedModel.mobileWidth,\r\n        \"--containerMobileHeight\": this.typedModel.mobileHeight\r\n      };\r\n    },\r\n    // returns HTML displaying a value.\r\n    redirectToWishlist(): void {\r\n      window.location.href = this.watchlistRedirectLink;\r\n    },\r\n    async flipAnimationState(): Promise<void> {\r\n      await this.delay(100);\r\n      this.iconAnimationState = false;\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=36ebdf1b&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 { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, 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: \"watchlist-overlay component-margins\",\n    style: _normalizeStyle(_ctx.positionStyle)\n  }, [\n    _createElementVNode(\"div\", {\n      class: \"watchlist-button-container\",\n      style: _normalizeStyle(_ctx.containerStyle)\n    }, [\n      _createElementVNode(\"button\", {\n        name: \"Shortlist\",\n        style: _normalizeStyle(_ctx.buttonStyle),\n        class: _normalizeClass(_ctx.typedModel.buttonStyle),\n        onClick: _cache[0] || (_cache[0] = \n//@ts-ignore\n(...args) => (_ctx.redirectToWishlist && _ctx.redirectToWishlist(...args)))\n      }, [\n        _createElementVNode(\"span\", {\n          class: _normalizeClass([\"icon-star\", _ctx.iconAnimationClass])\n        }, null, 2 /* CLASS */)\n      ], 6 /* CLASS, STYLE */)\n    ], 4 /* STYLE */)\n  ], 4 /* STYLE */))\n}","<template>\r\n  <div class=\"watchlist-overlay component-margins\" :style=\"positionStyle\">\r\n    <div class=\"watchlist-button-container\" :style=\"containerStyle\">\r\n      <button\r\n        name=\"Shortlist\"\r\n        :style=\"buttonStyle\"\r\n        :class=\"typedModel.buttonStyle\"\r\n        @click=\"redirectToWishlist\"\r\n      >\r\n        <span class=\"icon-star\" :class=\"iconAnimationClass\"></span>\r\n      </button>\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","// 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, `.watchlist-overlay{position:fixed;z-index:10;bottom:0;overflow:visible !important}.watchlist-overlay .watchlist-button-container{position:relative;display:flex;align-items:center;justify-content:center}.watchlist-overlay .watchlist-button-container button{padding:0px !important;animation:width 1s,height 1s,opacity 1s;line-height:1}.watchlist-overlay .watchlist-button-container button span{transition:font-size .15s;font-size:100%}.watchlist-overlay .watchlist-button-container button .iconEnlarged{font-size:140%}@media(max-width: 991px){.watchlist-overlay .watchlist-button-container{position:relative;width:var(--containerMobileWidth);height:var(--containerMobileHeight)}.watchlist-overlay .watchlist-button-container button{width:var(--mobileWidth);height:var(--mobileHeight);font-size:var(--mobileSize)}}@media(min-width: 992px){.watchlist-overlay .watchlist-button-container{position:relative;width:var(--containerDesktopWidth);height:var(--containerDesktopHeight)}.watchlist-overlay .watchlist-button-container button{width:var(--desktopWidth);height:var(--desktopHeight);font-size:var(--desktopSize)}}`, \"\",{\"version\":3,\"sources\":[\"webpack://./Scripts/src/vue-components/_overlays/watchlist/style.scss\"],\"names\":[],\"mappings\":\"AAAA,mBACE,cAAA,CACA,UAAA,CACA,QAAA,CACA,2BAAA,CACA,+CACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,sDACE,sBAAA,CACA,uCAAA,CACA,aAAA,CACA,2DACE,yBAAA,CACA,cAAA,CAEF,oEACE,cAAA,CAIN,yBACE,+CACE,iBAAA,CACA,iCAAA,CACA,mCAAA,CACA,sDACE,wBAAA,CACA,0BAAA,CACA,2BAAA,CAAA,CAIN,yBACE,+CACE,iBAAA,CACA,kCAAA,CACA,oCAAA,CACA,sDACE,yBAAA,CACA,2BAAA,CACA,4BAAA,CAAA\",\"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":["ComponentModel","constructor","componentModel","this","buttonStyle","string","desktopWidth","desktopHeight","desktopSize","mobileWidth","mobileHeight","mobileSize","buttonPos","mixins","coreMixin","setup","watchlistState","state","data","typedModel","watchlistRedirectLink","containerStyle","positionStyle","iconAnimationState","previousWatchlistLength","computed","list","length","iconAnimationClass","watchlistLength","flipAnimationState","beforeMount","mounted","initiateLink","initiateContainerStyle","right","methods","get","redirectToWishlist","window","location","href","delay","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_ctx","_cache","$props","$setup","$data","$options","class","style","name","args","___CSS_LOADER_EXPORT___","push","module","id","EntryAnimations","animationModel","animationEnable","boolean","animationAlwaysRunOnLoad","animationDelay","number","animationDuration","animationDirection","backgroundUrl","componentWidth","isDesktopSize","themeId","elementContainer","entryAnimations","entryAnimationStyle","loadState","observer","observerFirstRun","watch","newVal","oldVal","setupEntryAnimation","beforeUnmount","removeEventListener","handleResize","val","$el","parentElement","getAttribute","JSON","parse","initiateEntryAnimations","closest","width","innerWidth","initiateMargins","initiatePadding","initiateHeight","initiateResizeListener","addLoadedModule","getLoadState","onUnmounted","unobserve","ex","ms","Promise","resolve","setTimeout","event","clientWidth","resizeWindow","calculateSize","addEventListener","setMargins","moduleMargin","moduleMarginMobile","setPadding","modulePadding","modulePaddingMobile","marginTop","top","size","marginBottom","bottom","marginLeft","left","marginRight","paddingTop","paddingBottom","paddingLeft","paddingRight","moduleHeight","height","includes","maxHeight","overflow","setupEntryAnimationObserver","threshold","IntersectionObserver","entries","isIntersecting","runEntryAnimations","observe","totalDuration","console","log"],"sourceRoot":""}