{"version":3,"file":"js/float-price.65b59ff3.js","mappings":"uJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAUF,EAAIG,MAAMC,YAAY,OAAOF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOR,EAAIS,UAAWC,WAAW,cAAcC,YAAY,4GAA4GC,MAAO,CAC9T,YAAaZ,EAAIa,mBAAqB,KACtCC,MAAOd,EAAIe,gBAAkB,KAC7BC,KAAM,kBACNC,IAAK,oBACH,CAACf,EAAG,SAAS,CAACgB,IAAIlB,EAAImB,SAASC,MAAM,CAAC,MAAQpB,EAAIqB,MAAM,aAAerB,EAAIsB,aAAa,UAAYtB,EAAIuB,UAAU,eAAiBvB,EAAIwB,eAAe,SAAWxB,EAAImB,SAAS,uBAAyBnB,EAAIyB,2BAA2B,EAC5O,EACIC,EAAkB,G,gDCsBtB,EAAAC,EAAAA,GAAAC,OAAA,CACAtB,KAAA,aAEAuB,WAAA,CAAAC,OAAAA,EAAAA,GAEAC,MAAA,CACAZ,SAAA,CACAa,KAAAC,OACAC,UAAA,GAEAZ,aAAA,CACAY,UAAA,EACAC,UAAAC,EAAAA,IAEAf,MAAA,CACAW,KAAAK,OACAH,UAAA,GAEAX,UAAA,CACAS,KAAAM,QACAJ,UAAA,GAEAV,eAAA,CACAQ,KAAAO,OACAL,UAAA,GAEAM,kBAAA,CACAR,KAAAC,OACAC,UAAA,GAEAT,uBAAA,CACAO,KAAAM,QACAJ,UAAA,IAIAO,KAAA,WACA,OACAhC,WAAA,EACAI,mBAAA,EACAE,gBAAA,EACA2B,QAAA,EACAC,SAAA,EACAC,YAAA,GAEA,EAEAC,QAAA,CACAC,4BAAA,WACA,IAAAC,EAAAC,KAAAC,IACAC,SAAAC,gBAAAC,aAAA,EACAC,OAAAC,YAAA,GAGAxC,EACAiC,EACA,KAAAH,YAAAW,wBAAAC,EACA,KAAAZ,YAAAW,wBAAAE,MAEA,KAAA5C,mBAAA,KAAA+B,YAAAW,wBACA,KAAAxC,gBAAAD,CACA,EAEA4C,gBAAA,SAAAC,GAAA,IAAAC,EAAA,KACAD,EAAAE,KAAA,SAAAC,GACAF,EAAAjB,QAAAmB,EAAAC,cACA,IAEA,KAAAC,SACA,EAEAC,eAAA,SAAAN,GAAA,IAAAO,EAAA,KACAP,EAAAE,KAAA,SAAAC,GACAI,EAAAxB,OAAAoB,EAAAC,cACA,IAEA,KAAAC,SACA,EAEAA,QAAA,WACA,IAAAG,EAAAnB,KAAAoB,IACAlB,SAAAC,gBAAAkB,cAAA,EACAhB,OAAAiB,aAAA,GAGA,KAAA7D,UAAA,KAAAiC,SAAA,KAAAC,SAAAwB,EAAA,IACA,KAAArB,6BACA,GAGAyB,QAAA,eAAAC,EAAA,KACA,KAAA5B,YAAA,KAAA6B,QAAAC,IACA,IAAAC,EAAAzB,SAAA0B,eACA,KAAApC,mBAGA,OAAAmC,IAIA,IAAAE,qBAAA,KAAAZ,gBAAAa,QAAA,KAAAlC,aACA,IAAAiC,qBAAA,KAAAnB,iBAAAoB,QACAH,GAGAtB,OAAA0B,iBAAA,qBACAP,EAAAR,SACA,IAEA,KAAAA,UACA,IC3I2S,I,UCQvSgB,GAAY,OACd,EACAjF,EACA2B,GACA,EACA,KACA,KACA,MAIF,EAAesD,EAAiB,O","sources":["webpack://order/./src/components/Form/FloatPrice.vue","webpack://order/src/components/Form/FloatPrice.vue","webpack://order/./src/components/Form/FloatPrice.vue?cd8b","webpack://order/./src/components/Form/FloatPrice.vue?0f84"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showFloat),expression:\"showFloat\"}],staticClass:\"f-border f-rounded-md f-fixed f-bottom-3 f-z-10 f-px-2 f-py-1 f-mr-2 float-price f-opacity-95 f-min-w-max\",style:({\n    'max-width': _vm.floatPriceMaxWidth + 'px',\n    right: _vm.floatPriceRight + 'px',\n    left: 'auto !important',\n    top: 'auto !important',\n  })},[_c('Prices',{key:_vm.currency,attrs:{\"order\":_vm.order,\"discountCode\":_vm.discountCode,\"repayment\":_vm.repayment,\"repaymentCount\":_vm.repaymentCount,\"currency\":_vm.currency,\"showPricesIncludingVat\":_vm.showPricesIncludingVat}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"f-border f-rounded-md f-fixed f-bottom-3 f-z-10 f-px-2 f-py-1 f-mr-2 float-price f-opacity-95 f-min-w-max\"\n    v-bind:style=\"{\n      'max-width': floatPriceMaxWidth + 'px',\n      right: floatPriceRight + 'px',\n      left: 'auto !important',\n      top: 'auto !important',\n    }\"\n    v-show=\"showFloat\"\n  >\n    <Prices\n      :order=\"order\"\n      :discountCode=\"discountCode\"\n      :key=\"currency\"\n      :repayment=\"repayment\"\n      :repaymentCount=\"repaymentCount\"\n      :currency=\"currency\"\n      :showPricesIncludingVat=\"showPricesIncludingVat\"\n    ></Prices>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport Vue, { PropType } from \"vue\";\nimport Prices from \"@/components/Form/Result/Prices.vue\";\nimport OrderPrices from \"@/module/Order/OrderPrices\";\nimport { isFapiDiscountCodeOrNull } from \"@/module/ComponentPropsValidations/validations\";\n\nexport default Vue.extend({\n  name: \"FloatPrice\",\n\n  components: { Prices },\n\n  props: {\n    currency: {\n      type: String,\n      required: true,\n    },\n    discountCode: {\n      required: true,\n      validator: isFapiDiscountCodeOrNull,\n    },\n    order: {\n      type: Object as PropType<OrderPrices>,\n      required: true,\n    },\n    repayment: {\n      type: Boolean,\n      required: true,\n    },\n    repaymentCount: {\n      type: Number,\n      required: true,\n    },\n    resultContainerId: {\n      type: String,\n      required: true,\n    },\n    showPricesIncludingVat: {\n      type: Boolean,\n      required: true,\n    },\n  },\n\n  data(): any {\n    return {\n      showFloat: false,\n      floatPriceMaxWidth: 0,\n      floatPriceRight: 0,\n      inForm: false,\n      inPrice: false,\n      formElement: {} as HTMLElement,\n    };\n  },\n\n  methods: {\n    calculateFloatPricePosition(): void {\n      const vw = Math.min(\n        document.documentElement.clientWidth || 0,\n        window.innerWidth || 0\n      );\n\n      const right =\n        vw -\n        this.formElement.getBoundingClientRect().x -\n        this.formElement.getBoundingClientRect().width;\n\n      this.floatPriceMaxWidth = this.formElement.getBoundingClientRect();\n      this.floatPriceRight = right;\n    },\n\n    onPriceObserved(entries: Array<IntersectionObserverEntry>): void {\n      entries.map((entry) => {\n        this.inPrice = entry.isIntersecting;\n      });\n\n      this.trigger();\n    },\n\n    onFormObserved(entries: Array<IntersectionObserverEntry>) {\n      entries.map((entry) => {\n        this.inForm = entry.isIntersecting;\n      });\n\n      this.trigger();\n    },\n\n    trigger(): void {\n      const vh = Math.max(\n        document.documentElement.clientHeight || 0,\n        window.innerHeight || 0\n      );\n\n      this.showFloat = this.inForm && !this.inPrice && vh > 550;\n      this.calculateFloatPricePosition();\n    },\n  },\n\n  mounted(): void {\n    this.formElement = this.$parent.$el as HTMLElement;\n    const resultPriceContainer = document.getElementById(\n      this.resultContainerId\n    );\n\n    if (resultPriceContainer === null) {\n      return;\n    }\n\n    new IntersectionObserver(this.onFormObserved).observe(this.formElement);\n    new IntersectionObserver(this.onPriceObserved).observe(\n      resultPriceContainer\n    );\n\n    window.addEventListener(\"resize\", () => {\n      this.trigger();\n    });\n\n    this.trigger();\n  },\n});\n</script>\n\n<style lang=\"scss\">\n.fapi-order-form {\n  .float-price {\n    color: var(--float-price-color, var(--container-header-color));\n    background-color: var(\n      --float-price-background-color,\n      var(--container-header-background-color)\n    );\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FloatPrice.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[2]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FloatPrice.vue?vue&type=script&lang=ts\"","import { render, staticRenderFns } from \"./FloatPrice.vue?vue&type=template&id=447cb59a\"\nimport script from \"./FloatPrice.vue?vue&type=script&lang=ts\"\nexport * from \"./FloatPrice.vue?vue&type=script&lang=ts\"\nimport style0 from \"./FloatPrice.vue?vue&type=style&index=0&id=447cb59a&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","_setupProxy","directives","name","rawName","value","showFloat","expression","staticClass","style","floatPriceMaxWidth","right","floatPriceRight","left","top","key","currency","attrs","order","discountCode","repayment","repaymentCount","showPricesIncludingVat","staticRenderFns","Vue","extend","components","Prices","props","type","String","required","validator","isFapiDiscountCodeOrNull","Object","Boolean","Number","resultContainerId","data","inForm","inPrice","formElement","methods","calculateFloatPricePosition","vw","Math","min","document","documentElement","clientWidth","window","innerWidth","getBoundingClientRect","x","width","onPriceObserved","entries","_this","map","entry","isIntersecting","trigger","onFormObserved","_this2","vh","max","clientHeight","innerHeight","mounted","_this3","$parent","$el","resultPriceContainer","getElementById","IntersectionObserver","observe","addEventListener","component"],"sourceRoot":""}