{"version":3,"file":"2149.50c5fc4e73c059d603eb.js","mappings":"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","sources":["webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_propertyDetails/googleMaps/style.scss","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_propertyDetails/googleMaps/model.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_propertyDetails/googleMaps/component.ts","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_propertyDetails/googleMaps/style.scss?2075","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_propertyDetails/googleMaps/index.vue?6689","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_propertyDetails/googleMaps/index.vue?4d5a","webpack://UmbracoVuePrototype/./Scripts/src/vue-components/_propertyDetails/googleMaps/index.vue","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, `.property-details-map{display:block}.property-details-map.not-displayed{display:none}`, \"\",{\"version\":3,\"sources\":[\"webpack://./Scripts/src/vue-components/_propertyDetails/googleMaps/style.scss\"],\"names\":[],\"mappings\":\"AAAA,sBACE,aAAA,CACA,oCACE,YAAA\",\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import { validate } from \"./../../../ts/validationComp\";\r\nexport class ComponentModel {\r\n  public zoom: number;\r\n  public styles: string = \"\";\r\n  public iconUrl: string;\r\n  public lat: number;\r\n  public long: number;\r\n  constructor(componentModel: any) {\r\n    this.zoom = validate().number(componentModel.zoom, 15);\r\n    const tmpStyles = validate().string(componentModel.mapStyling, \"\");\r\n    if (tmpStyles !== \"\") {\r\n      this.styles = JSON.parse(tmpStyles);\r\n    }\r\n    if (!componentModel.iconImage || !componentModel.iconImage.resizedImage) {\r\n      componentModel.iconImage = {\r\n        resizedImage: {}\r\n      };\r\n    }\r\n    this.iconUrl = validate().imageUrl(\r\n      componentModel.iconImage.resizedImage.Path,\r\n      \"\"\r\n    );\r\n    this.lat = validate().number(componentModel.lat, 0);\r\n    this.long = validate().number(componentModel.long, 0);\r\n  }\r\n}\r\n","import { defineComponent } from \"vue\";\r\nimport { GoogleMap, Marker } from \"vue3-google-map\";\r\nimport { listingDetails } from \"../../../ts/listingDetailsModuleComp\";\r\nimport { globalValues } from \"./../../../ts/globalValuesComp\";\r\n// @ts-ignore\r\nimport coreMixin from \"./../../_mixins/coreMixin.vue\";\r\nimport { ComponentModel } from \"./model\";\r\n\r\nexport default defineComponent({\r\n  // eslint-disable-next-line vue/no-reserved-component-names\r\n  components: { GoogleMap, Marker },\r\n  mixins: [coreMixin],\r\n  setup() {\r\n    const listingState = listingDetails().get().stateReactive();\r\n    return {\r\n      listingState\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      typedModel: {} as ComponentModel,\r\n      apiKey: \"\" as string,\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    mapPointer: function (): object {\r\n      if (this.listingState === \"ready\") {\r\n        if (Object.keys(listingDetails().get().listingDetails()).length !== 0) {\r\n          return this.setupCoordinates();\r\n        }\r\n      }\r\n      return { lat: 0, lng: 0 };\r\n    },\r\n    mapExists: function (): boolean {\r\n      // v-if is used to render the module only after values are loaded. :key deosn't work as it renders component once when initiatally loaded,\r\n      // On second load when key has been changed the Map component fails as the map.js does not allow 2 calls of the load operation.\r\n      // forceupdate also does not work as this is not a reactivity issue but a load/data issue.\r\n      if (this.apiKey !== \"\" && this.listingState === \"ready\") {\r\n        const lat: number = listingDetails().get().listingDetails().Latitude;\r\n        const long: number = listingDetails().get().listingDetails().Longitude;\r\n        if (lat === 0 && long === 0) {\r\n          return false;\r\n        }\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    moduleDisplayedClass: function (): string {\r\n      if (this.listingState === \"ready\") {\r\n        return \"\";\r\n      }\r\n      return \"not-displayed\";\r\n    }\r\n  },\r\n\r\n  mounted() {\r\n    this.typedModel = new ComponentModel(this.componentModel);\r\n    this.setMapKey();\r\n  },\r\n\r\n  beforeMount() {\r\n    this.typedModel = new ComponentModel(this.componentModel);\r\n  },\r\n\r\n  methods: {\r\n    setupCoordinates(): object {\r\n      const lat: number = listingDetails().get().listingDetails().Latitude;\r\n      const long: number = listingDetails().get().listingDetails().Longitude;\r\n      if (lat !== undefined && long !== undefined) {\r\n        return { lat: lat, lng: long };\r\n      }\r\n      return { lat: 0, long: 0 };\r\n    },\r\n    setMapKey(): void {\r\n      this.apiKey = globalValues().get(\"googleMapsKey\", \"\");\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=11f40783&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 { resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock } from \"vue\"\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  const _component_Marker = _resolveComponent(\"Marker\")!\n  const _component_GoogleMap = _resolveComponent(\"GoogleMap\")!\n\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([_ctx.moduleDisplayedClass, \"property-details-map component-margins allow-overflow\"]),\n    style: _normalizeStyle(_ctx.entryAnimationStyle)\n  }, [\n    (_ctx.mapExists)\n      ? (_openBlock(), _createBlock(_component_GoogleMap, {\n          key: 0,\n          \"api-key\": _ctx.apiKey,\n          style: {\"width\":\"100%\",\"height\":\"100%\"},\n          center: _ctx.mapPointer,\n          zoom: _ctx.typedModel.zoom,\n          styles: _ctx.typedModel.styles\n        }, {\n          default: _withCtx(() => [\n            _createVNode(_component_Marker, {\n              options: { position: _ctx.mapPointer, icon: _ctx.typedModel.iconUrl }\n            }, null, 8 /* PROPS */, [\"options\"])\n          ]),\n          _: 1 /* STABLE */\n        }, 8 /* PROPS */, [\"api-key\", \"center\", \"zoom\", \"styles\"]))\n      : _createCommentVNode(\"v-if\", true)\n  ], 6 /* CLASS, STYLE */))\n}","<template>\r\n  <div\r\n    :class=\"moduleDisplayedClass\"\r\n    class=\"property-details-map component-margins allow-overflow\"\r\n    :style=\"entryAnimationStyle\"\r\n  >\r\n    <GoogleMap\r\n      v-if=\"mapExists\"\r\n      :api-key=\"apiKey\"\r\n      style=\"width: 100%; height: 100%\"\r\n      :center=\"mapPointer\"\r\n      :zoom=\"typedModel.zoom\"\r\n      :styles=\"typedModel.styles\"\r\n    >\r\n      <Marker :options=\"{ position: mapPointer, icon: typedModel.iconUrl }\" />\r\n    </GoogleMap>\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 { 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","ComponentModel","constructor","componentModel","styles","this","zoom","number","tmpStyles","string","mapStyling","JSON","parse","iconImage","resizedImage","iconUrl","imageUrl","Path","lat","long","components","GoogleMap","Marker","mixins","coreMixin","setup","listingState","get","stateReactive","data","typedModel","apiKey","computed","mapPointer","Object","keys","listingDetails","length","setupCoordinates","lng","mapExists","Latitude","Longitude","moduleDisplayedClass","mounted","setMapKey","beforeMount","methods","undefined","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","locals","_ctx","_cache","$props","$setup","$data","$options","_component_Marker","_component_GoogleMap","class","style","entryAnimationStyle","center","icon","EntryAnimations","animationModel","animationEnable","boolean","animationAlwaysRunOnLoad","animationDelay","animationDuration","animationDirection","backgroundUrl","componentWidth","isDesktopSize","themeId","elementContainer","entryAnimations","loadState","observer","observerFirstRun","watch","newVal","oldVal","setupEntryAnimation","beforeUnmount","window","removeEventListener","handleResize","val","$el","parentElement","getAttribute","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":""}