ire-preview 2.3.14 → 2.3.16

package/dist/lib.es.js

@@ -1,16 +1,267 @@
-import { openBlock, createElementBlock, createElementVNode, inject, defineComponent, computed as computed$1, createVNode, Transition, withCtx, toDisplayString, unref, createCommentVNode, Fragment, createTextVNode, createBlock, normalizeClass, normalizeStyle, ref, watch, renderSlot, effectScope, markRaw, hasInjectionContext, reactive, isRef, isReactive, toRaw, getCurrentScope, onScopeDispose, nextTick, toRefs, onMounted, onUnmounted, mergeModels, useModel, withDirectives, renderList, vModelSelect, createStaticVNode, provide, Teleport, createApp } from "vue";
+import { openBlock, createElementBlock, createElementVNode, effectScope, ref, markRaw, toRaw, computed as computed$1, isRef, isReactive, toRef, hasInjectionContext, inject, watch, reactive, getCurrentScope, onScopeDispose, nextTick, toRefs, defineComponent, createVNode, Transition, withCtx, toDisplayString, unref, createCommentVNode, Fragment, createTextVNode, normalizeClass, normalizeStyle, renderSlot, createBlock, onMounted, onUnmounted, mergeModels, useModel, withDirectives, renderList, vModelSelect, createStaticVNode, provide, Teleport, createApp } from "vue";
 const _export_sfc = (Le, _e) => {
   const ke = Le.__vccOpts || Le;
   for (const [De, $e] of _e)
     ke[De] = $e;
   return ke;
-}, _sfc_main$l = {};
-function _sfc_render$5(Le, _e) {
+}, _sfc_main$m = {};
+function _sfc_render$4(Le, _e) {
   return openBlock(), createElementBlock("div", null, _e[0] || (_e[0] = [
     createElementVNode("h1", { class: "underline" }, "undeliner", -1)
   ]));
 }
-const App = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$5]]);
+const App = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$4]]);
+/*!
+ * pinia v3.0.1
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+let activePinia;
+const setActivePinia = (Le) => activePinia = Le, piniaSymbol = (
+  /* istanbul ignore next */
+  Symbol()
+);
+function isPlainObject(Le) {
+  return Le && typeof Le == "object" && Object.prototype.toString.call(Le) === "[object Object]" && typeof Le.toJSON != "function";
+}
+var MutationType;
+(function(Le) {
+  Le.direct = "direct", Le.patchObject = "patch object", Le.patchFunction = "patch function";
+})(MutationType || (MutationType = {}));
+function createPinia() {
+  const Le = effectScope(!0), _e = Le.run(() => ref({}));
+  let ke = [], De = [];
+  const $e = markRaw({
+    install(Re) {
+      setActivePinia($e), $e._a = Re, Re.provide(piniaSymbol, $e), Re.config.globalProperties.$pinia = $e, De.forEach((Be) => ke.push(Be)), De = [];
+    },
+    use(Re) {
+      return this._a ? ke.push(Re) : De.push(Re), this;
+    },
+    _p: ke,
+    // it's actually undefined here
+    // @ts-expect-error
+    _a: null,
+    _e: Le,
+    _s: /* @__PURE__ */ new Map(),
+    state: _e
+  });
+  return $e;
+}
+const noop = () => {
+};
+function addSubscription(Le, _e, ke, De = noop) {
+  Le.push(_e);
+  const $e = () => {
+    const Re = Le.indexOf(_e);
+    Re > -1 && (Le.splice(Re, 1), De());
+  };
+  return !ke && getCurrentScope() && onScopeDispose($e), $e;
+}
+function triggerSubscriptions(Le, ..._e) {
+  Le.slice().forEach((ke) => {
+    ke(..._e);
+  });
+}
+const fallbackRunWithContext = (Le) => Le(), ACTION_MARKER = Symbol(), ACTION_NAME = Symbol();
+function mergeReactiveObjects(Le, _e) {
+  Le instanceof Map && _e instanceof Map ? _e.forEach((ke, De) => Le.set(De, ke)) : Le instanceof Set && _e instanceof Set && _e.forEach(Le.add, Le);
+  for (const ke in _e) {
+    if (!_e.hasOwnProperty(ke))
+      continue;
+    const De = _e[ke], $e = Le[ke];
+    isPlainObject($e) && isPlainObject(De) && Le.hasOwnProperty(ke) && !isRef(De) && !isReactive(De) ? Le[ke] = mergeReactiveObjects($e, De) : Le[ke] = De;
+  }
+  return Le;
+}
+const skipHydrateSymbol = (
+  /* istanbul ignore next */
+  Symbol()
+);
+function shouldHydrate(Le) {
+  return !isPlainObject(Le) || !Le.hasOwnProperty(skipHydrateSymbol);
+}
+const { assign } = Object;
+function isComputed(Le) {
+  return !!(isRef(Le) && Le.effect);
+}
+function createOptionsStore(Le, _e, ke, De) {
+  const { state: $e, actions: Re, getters: Be } = _e, Ne = ke.state.value[Le];
+  let ze;
+  function Ae() {
+    Ne || (ke.state.value[Le] = $e ? $e() : {});
+    const Ie = toRefs(ke.state.value[Le]);
+    return assign(Ie, Re, Object.keys(Be || {}).reduce((je, Fe) => (je[Fe] = markRaw(computed$1(() => {
+      setActivePinia(ke);
+      const Ve = ke._s.get(Le);
+      return Be[Fe].call(Ve, Ve);
+    })), je), {}));
+  }
+  return ze = createSetupStore(Le, Ae, _e, ke, De, !0), ze;
+}
+function createSetupStore(Le, _e, ke = {}, De, $e, Re) {
+  let Be;
+  const Ne = assign({ actions: {} }, ke), ze = { deep: !0 };
+  let Ae, Ie, je = [], Fe = [], Ve;
+  const He = De.state.value[Le];
+  !Re && !He && (De.state.value[Le] = {}), ref({});
+  let We;
+  function Xe(Ge) {
+    let ei;
+    Ae = Ie = !1, typeof Ge == "function" ? (Ge(De.state.value[Le]), ei = {
+      type: MutationType.patchFunction,
+      storeId: Le,
+      events: Ve
+    }) : (mergeReactiveObjects(De.state.value[Le], Ge), ei = {
+      type: MutationType.patchObject,
+      payload: Ge,
+      storeId: Le,
+      events: Ve
+    });
+    const ii = We = Symbol();
+    nextTick().then(() => {
+      We === ii && (Ae = !0);
+    }), Ie = !0, triggerSubscriptions(je, ei, De.state.value[Le]);
+  }
+  const Ye = Re ? function() {
+    const { state: ei } = ke, ii = ei ? ei() : {};
+    this.$patch((oi) => {
+      assign(oi, ii);
+    });
+  } : (
+    /* istanbul ignore next */
+    noop
+  );
+  function Ze() {
+    Be.stop(), je = [], Fe = [], De._s.delete(Le);
+  }
+  const Ke = (Ge, ei = "") => {
+    if (ACTION_MARKER in Ge)
+      return Ge[ACTION_NAME] = ei, Ge;
+    const ii = function() {
+      setActivePinia(De);
+      const oi = Array.from(arguments), ni = [], ti = [];
+      function si(li) {
+        ni.push(li);
+      }
+      function ai(li) {
+        ti.push(li);
+      }
+      triggerSubscriptions(Fe, {
+        args: oi,
+        name: ii[ACTION_NAME],
+        store: Ue,
+        after: si,
+        onError: ai
+      });
+      let ri;
+      try {
+        ri = Ge.apply(this && this.$id === Le ? this : Ue, oi);
+      } catch (li) {
+        throw triggerSubscriptions(ti, li), li;
+      }
+      return ri instanceof Promise ? ri.then((li) => (triggerSubscriptions(ni, li), li)).catch((li) => (triggerSubscriptions(ti, li), Promise.reject(li))) : (triggerSubscriptions(ni, ri), ri);
+    };
+    return ii[ACTION_MARKER] = !0, ii[ACTION_NAME] = ei, ii;
+  }, qe = {
+    _p: De,
+    // _s: scope,
+    $id: Le,
+    $onAction: addSubscription.bind(null, Fe),
+    $patch: Xe,
+    $reset: Ye,
+    $subscribe(Ge, ei = {}) {
+      const ii = addSubscription(je, Ge, ei.detached, () => oi()), oi = Be.run(() => watch(() => De.state.value[Le], (ni) => {
+        (ei.flush === "sync" ? Ie : Ae) && Ge({
+          storeId: Le,
+          type: MutationType.direct,
+          events: Ve
+        }, ni);
+      }, assign({}, ze, ei)));
+      return ii;
+    },
+    $dispose: Ze
+  }, Ue = reactive(qe);
+  De._s.set(Le, Ue);
+  const Je = (De._a && De._a.runWithContext || fallbackRunWithContext)(() => De._e.run(() => (Be = effectScope()).run(() => _e({ action: Ke }))));
+  for (const Ge in Je) {
+    const ei = Je[Ge];
+    if (isRef(ei) && !isComputed(ei) || isReactive(ei))
+      Re || (He && shouldHydrate(ei) && (isRef(ei) ? ei.value = He[Ge] : mergeReactiveObjects(ei, He[Ge])), De.state.value[Le][Ge] = ei);
+    else if (typeof ei == "function") {
+      const ii = Ke(ei, Ge);
+      Je[Ge] = ii, Ne.actions[Ge] = ei;
+    }
+  }
+  return assign(Ue, Je), assign(toRaw(Ue), Je), Object.defineProperty(Ue, "$state", {
+    get: () => De.state.value[Le],
+    set: (Ge) => {
+      Xe((ei) => {
+        assign(ei, Ge);
+      });
+    }
+  }), De._p.forEach((Ge) => {
+    assign(Ue, Be.run(() => Ge({
+      store: Ue,
+      app: De._a,
+      pinia: De,
+      options: Ne
+    })));
+  }), He && Re && ke.hydrate && ke.hydrate(Ue.$state, He), Ae = !0, Ie = !0, Ue;
+}
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
+function defineStore(Le, _e, ke) {
+  let De;
+  const $e = typeof _e == "function";
+  De = $e ? ke : _e;
+  function Re(Be, Ne) {
+    const ze = hasInjectionContext();
+    return Be = // in test mode, ignore the argument provided as we can always retrieve a
+    // pinia instance with getActivePinia()
+    Be || (ze ? inject(piniaSymbol, null) : null), Be && setActivePinia(Be), Be = activePinia, Be._s.has(Le) || ($e ? createSetupStore(Le, _e, De, Be) : createOptionsStore(Le, De, Be)), Be._s.get(Le);
+  }
+  return Re.$id = Le, Re;
+}
+function storeToRefs(Le) {
+  const _e = toRaw(Le), ke = {};
+  for (const De in _e) {
+    const $e = _e[De];
+    $e.effect ? ke[De] = // ...
+    computed$1({
+      get: () => Le[De],
+      set(Re) {
+        Le[De] = Re;
+      }
+    }) : (isRef($e) || isReactive($e)) && (ke[De] = // ---
+    toRef(Le, De));
+  }
+  return ke;
+}
+const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
+  const Le = ref(), _e = ref("1"), ke = ref(), De = ref(), $e = (Ae) => {
+    var Ie, je, Fe;
+    return (Fe = (je = (Ie = ke.value) == null ? void 0 : Ie.meta) == null ? void 0 : je.find(
+      (Ve) => (Ve == null ? void 0 : Ve.meta_key) === Ae
+    )) == null ? void 0 : Fe.meta_value;
+  }, Re = computed$1(() => $e("open_reserved_flat") === "true"), Be = computed$1(() => $e("open_sold_flat") === "true"), Ne = computed$1(() => $e("price_rounded") === "true");
+  return {
+    // State
+    hoverdSvg: Le,
+    tooltip: _e,
+    shortcodeData: ke,
+    translations: De,
+    // Geters
+    getMetaValue: $e,
+    openReservedFlat: Re,
+    openSoldFlat: Be,
+    priceRounded: Ne,
+    // Mutation
+    setData: (Ae) => {
+      ke.value = Ae;
+    }
+  };
+});
 /**
 * @vue/shared v3.5.12
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -186,10 +437,10 @@ function computed(Le, _e, ke = !1) {
   return isFunction(Le) ? De = Le : (De = Le.get, $e = Le.set), new ComputedRefImpl(De, $e, ke);
 }
 const tr = (Le) => {
-  const _e = inject("translations");
-  return (_e == null ? void 0 : _e[Le]) || Le;
+  var ke;
+  return ((ke = useGlobalStore().translations) == null ? void 0 : ke[Le]) || Le;
 }, currencySymbol = () => {
-  var De, $e, Re;
+  var De, $e, Re, Be;
   const Le = [
     { title: "🇺🇸 USD", value: "usd", symbol: "$" },
     // United States
@@ -257,24 +508,23 @@ const tr = (Le) => {
     // Oman
     { title: "🇬🇪 GEL", value: "gel", symbol: "₾" }
     // Georgia
-  ], _e = inject("shortcodeData"), ke = (($e = (De = _e == null ? void 0 : _e.meta) == null ? void 0 : De.find((Be) => Be.meta_key === "currency")) == null ? void 0 : $e.meta_value) || "usd";
-  return ((Re = Le.find((Be) => Be.value === ke)) == null ? void 0 : Re.symbol) || "$";
-}, getMetaValue = (Le) => {
-  var ke, De;
-  return (De = (ke = inject("shortcodeData").meta) == null ? void 0 : ke.find(($e) => ($e == null ? void 0 : $e.meta_key) === Le)) == null ? void 0 : De.meta_value;
+  ], ke = ((Re = ($e = (De = useGlobalStore().shortcodeData) == null ? void 0 : De.meta) == null ? void 0 : $e.find(
+    (Ne) => Ne.meta_key === "currency"
+  )) == null ? void 0 : Re.meta_value) || "usd";
+  return ((Be = Le.find((Ne) => Ne.value === ke)) == null ? void 0 : Be.symbol) || "$";
 }, getPrice = (Le) => {
-  const ke = getMetaValue("price_rounded") === "true" ? 0 : 2;
+  const ke = useGlobalStore().priceRounded ? 0 : 2;
   return Number(Le).toLocaleString("en-US", {
     minimumFractionDigits: ke,
     maximumFractionDigits: ke
   });
-}, _hoisted_1$h = {
+}, getArea = (Le) => Number(Le).toLocaleString(), _hoisted_1$h = {
   key: 0,
   class: "irep-tooltip-1 ire-pointer-events-none ire-absolute !ire-bottom-10 !ire-right-10 ire-w-fit ire-select-none ire-rounded-lg ire-border ire-bg-white ire-p-4"
-}, _hoisted_2$a = {
+}, _hoisted_2$b = {
   key: 0,
   class: "irep-tooltip-1__floor ire-flex ire-items-center ire-gap-3"
-}, _hoisted_3$9 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$7 = { class: "irep-tooltip-1__floor-number !ire-text-2xl" }, _hoisted_5$3 = { class: "irep-tooltip-1__floor-text !ire-text-sm ire-uppercase" }, _hoisted_6$3 = {
+}, _hoisted_3$a = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$7 = { class: "irep-tooltip-1__floor-number !ire-text-2xl" }, _hoisted_5$3 = { class: "irep-tooltip-1__floor-text !ire-text-sm ire-uppercase" }, _hoisted_6$3 = {
   key: 0,
   class: "ire-rounded-lg ire-bg-gray-100 ire-p-6"
 }, _hoisted_7$3 = {
@@ -289,22 +539,22 @@ const tr = (Le) => {
 }, _hoisted_13$2 = { class: "irep-tooltip-1__floor-status-value min-w-3 !ire-text-2xl" }, _hoisted_14$2 = { class: "irep-tooltip-1__floor-status-text !ire-text-sm ire-uppercase" }, _hoisted_15$2 = {
   key: 2,
   class: "irep-tooltip-1__floor-status ire-flex ire-items-center ire-gap-2"
-}, _hoisted_16$2 = { class: "irep-tooltip-1__floor-status-value ire-min-w-3 !ire-text-2xl" }, _hoisted_17$2 = { class: "irep-tooltip-1__floor-status-text !ire-text-sm ire-uppercase" }, _hoisted_18$2 = {
+}, _hoisted_16$2 = { class: "irep-tooltip-1__floor-status-value ire-min-w-3 !ire-text-2xl" }, _hoisted_17$2 = { class: "irep-tooltip-1__floor-status-text !ire-text-sm ire-uppercase" }, _hoisted_18$1 = {
   key: 1,
   class: "irep-tooltip-1__block ire-flex ire-items-center ire-gap-3"
-}, _hoisted_19$2 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_20$2 = { class: "irep-tooltip-1__block-conf text-sm ire-text-gray-700" }, _hoisted_21$2 = { class: "irep-tooltip-1__block-title !text-2xl" }, _hoisted_22$2 = {
+}, _hoisted_19$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_20$1 = { class: "irep-tooltip-1__block-conf text-sm ire-text-gray-700" }, _hoisted_21$1 = { class: "irep-tooltip-1__block-title !text-2xl" }, _hoisted_22$1 = {
   key: 2,
   class: "irep-tooltip-1__flat ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3"
-}, _hoisted_23$2 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_24$2 = { class: "irep-tooltip-1__flat-number !ire-text-2xl ire-capitalize" }, _hoisted_25$2 = { class: "irep-tooltip-1__flat-aptitle !ire-mt-2 !ire-text-sm ire-uppercase" }, _hoisted_26$2 = { class: "ire-flex ire-min-w-36 ire-flex-col ire-items-center ire-rounded-lg ire-bg-gray-100 ire-px-7 ire-py-3" }, _hoisted_27$2 = {
+}, _hoisted_23$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_24$1 = { class: "irep-tooltip-1__flat-number !ire-text-2xl ire-capitalize" }, _hoisted_25$1 = { class: "irep-tooltip-1__flat-aptitle !ire-mt-2 !ire-text-sm ire-uppercase" }, _hoisted_26$1 = { class: "ire-flex ire-min-w-36 ire-flex-col ire-items-center ire-rounded-lg ire-bg-gray-100 ire-px-7 ire-py-3" }, _hoisted_27$1 = {
   key: 0,
   class: "irep-tooltip-1__flat-conf !ire-text-2xl ire-uppercase"
-}, _hoisted_28$2 = { class: "irep-tooltip-1__flat-price !ire-text-sm ire-uppercase ire-text-gray-500" }, _hoisted_29$2 = {
+}, _hoisted_28$1 = { class: "irep-tooltip-1__flat-price !ire-text-sm ire-uppercase ire-text-gray-500" }, _hoisted_29$1 = {
   key: 0,
   class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-py-2"
-}, _hoisted_30$1 = {
+}, _hoisted_30 = {
   key: 0,
   class: "irep-tooltip-1__flat-price-value ire-whitespace-nowrap !ire-text-2xl"
-}, _hoisted_31$1 = { key: 1 }, _hoisted_32$1 = { class: "irep-tooltip-1__flat-price-line-value !ire-text-sm ire-line-through" }, _hoisted_33$1 = { class: "irep-tooltip-1__flat-price-value ire-whitespace-nowrap !ire-text-2xl" }, _hoisted_34 = { class: "ire-border ire-border-solid ire-border-gray-800 ire-p-2" }, _hoisted_35 = { class: "irep-tooltip-1__flat-area ire-translate-x-3 ire-bg-white" }, _sfc_main$k = /* @__PURE__ */ defineComponent({
+}, _hoisted_31 = { key: 1 }, _hoisted_32 = { class: "irep-tooltip-1__flat-price-line-value ire-min-w-max !ire-text-sm ire-line-through" }, _hoisted_33 = { class: "irep-tooltip-1__flat-price-value ire-min-w-max ire-whitespace-nowrap !ire-text-2xl" }, _hoisted_34 = { class: "ire-border ire-border-solid ire-border-gray-800 ire-p-2" }, _hoisted_35 = { class: "irep-tooltip-1__flat-area ire-translate-x-3 ire-bg-white" }, _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_1",
   props: {
     hoveredData: {},
@@ -318,52 +568,55 @@ const tr = (Le) => {
     return (De, $e) => (openBlock(), createElementBlock("div", null, [
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => {
-          var Re, Be, Ne, Ae, ze, je, Ve, Fe, Ie, He, We, Xe, Ye, qe, Ze, Ue, Ge, Qe, Je, Ke, ei, ii, ti, ni;
+          var Re, Be, Ne, ze, Ae, Ie, je, Fe, Ve, He, We, Xe, Ye, Ze, Ke, qe, Ue, Qe, Je, Ge, ei, ii, oi, ni;
           return [
             De.type && De.hoveredData && De.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$h, [
-              De.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
-                createElementVNode("div", _hoisted_3$9, [
+              De.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$b, [
+                createElementVNode("div", _hoisted_3$a, [
                   createElementVNode("div", _hoisted_4$7, toDisplayString((Re = De.hoveredData) == null ? void 0 : Re.floor_number), 1),
                   createElementVNode("div", _hoisted_5$3, toDisplayString(unref(tr)("floor")), 1)
                 ]),
-                (Be = De.hoveredData) != null && Be.conf || (Ae = (Ne = De.hoveredData) == null ? void 0 : Ne.flats) != null && Ae.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+                (Be = De.hoveredData) != null && Be.conf || (ze = (Ne = De.hoveredData) == null ? void 0 : Ne.flats) != null && ze.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
                   ke.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(ke.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_8$3, [
-                    (je = (ze = De.hoveredData) == null ? void 0 : ze.counts) != null && je.available ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
-                      createElementVNode("div", _hoisted_10$3, toDisplayString(((Fe = (Ve = De.hoveredData) == null ? void 0 : Ve.counts) == null ? void 0 : Fe.available) || 0), 1),
+                    (Ie = (Ae = De.hoveredData) == null ? void 0 : Ae.counts) != null && Ie.available ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+                      createElementVNode("div", _hoisted_10$3, toDisplayString(((Fe = (je = De.hoveredData) == null ? void 0 : je.counts) == null ? void 0 : Fe.available) || 0), 1),
                       createElementVNode("div", _hoisted_11$3, toDisplayString(unref(tr)("available")), 1)
                     ])) : createCommentVNode("", !0),
-                    (He = (Ie = De.hoveredData) == null ? void 0 : Ie.counts) != null && He.reserved ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
+                    (He = (Ve = De.hoveredData) == null ? void 0 : Ve.counts) != null && He.reserved ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
                       createElementVNode("div", _hoisted_13$2, toDisplayString((Xe = (We = De.hoveredData) == null ? void 0 : We.counts) == null ? void 0 : Xe.reserved), 1),
                       createElementVNode("div", _hoisted_14$2, toDisplayString(unref(tr)("reserved")), 1)
                     ])) : createCommentVNode("", !0),
-                    (qe = (Ye = De.hoveredData) == null ? void 0 : Ye.counts) != null && qe.sold ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
-                      createElementVNode("div", _hoisted_16$2, toDisplayString((Ue = (Ze = De.hoveredData) == null ? void 0 : Ze.counts) == null ? void 0 : Ue.sold), 1),
+                    (Ze = (Ye = De.hoveredData) == null ? void 0 : Ye.counts) != null && Ze.sold ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
+                      createElementVNode("div", _hoisted_16$2, toDisplayString((qe = (Ke = De.hoveredData) == null ? void 0 : Ke.counts) == null ? void 0 : qe.sold), 1),
                       createElementVNode("div", _hoisted_17$2, toDisplayString(unref(tr)("sold")), 1)
                     ])) : createCommentVNode("", !0)
                   ]))
                 ])) : createCommentVNode("", !0)
-              ])) : De.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_18$2, [
-                createElementVNode("div", _hoisted_19$2, [
-                  createElementVNode("span", _hoisted_20$2, toDisplayString(ke.value), 1),
-                  createElementVNode("div", _hoisted_21$2, toDisplayString((Ge = De.hoveredData) == null ? void 0 : Ge.title), 1)
+              ])) : De.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+                createElementVNode("div", _hoisted_19$1, [
+                  createElementVNode("span", _hoisted_20$1, toDisplayString(ke.value), 1),
+                  createElementVNode("div", _hoisted_21$1, toDisplayString((Ue = De.hoveredData) == null ? void 0 : Ue.title), 1)
                 ])
-              ])) : De.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_22$2, [
-                createElementVNode("div", _hoisted_23$2, [
-                  createElementVNode("div", _hoisted_24$2, toDisplayString((Qe = De.hoveredData) == null ? void 0 : Qe.flat_number), 1),
-                  createElementVNode("div", _hoisted_25$2, toDisplayString(unref(tr)("apartment")), 1)
+              ])) : De.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
+                createElementVNode("div", _hoisted_23$1, [
+                  createElementVNode("div", _hoisted_24$1, toDisplayString((Qe = De.hoveredData) == null ? void 0 : Qe.flat_number), 1),
+                  createElementVNode("div", _hoisted_25$1, toDisplayString(unref(tr)("apartment")), 1)
                 ]),
-                createElementVNode("div", _hoisted_26$2, [
-                  ke.value ? (openBlock(), createElementBlock("div", _hoisted_27$2, toDisplayString(ke.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createElementVNode("div", _hoisted_28$2, toDisplayString(unref(tr)("price")), 1),
-                    (Je = De.hoveredData) != null && Je.price ? (openBlock(), createElementBlock("div", _hoisted_29$2, [
+                createElementVNode("div", _hoisted_26$1, [
+                  ke.value ? (openBlock(), createElementBlock("div", _hoisted_27$1, toDisplayString(ke.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createElementVNode("div", _hoisted_28$1, toDisplayString(unref(tr)("price")), 1),
+                    (Je = De.hoveredData) != null && Je.price ? (openBlock(), createElementBlock("div", _hoisted_29$1, [
                       createElementVNode("div", null, [
-                        (Ke = De.hoveredData) != null && Ke.offer_price ? (openBlock(), createElementBlock("div", _hoisted_31$1, [
-                          createElementVNode("div", _hoisted_32$1, toDisplayString(unref(getPrice)((ei = De.hoveredData) == null ? void 0 : ei.price)), 1),
-                          createElementVNode("div", _hoisted_33$1, [
+                        (Ge = De.hoveredData) != null && Ge.offer_price ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                          createElementVNode("div", _hoisted_32, [
+                            createTextVNode(toDisplayString(unref(getPrice)((ei = De.hoveredData) == null ? void 0 : ei.price)) + " ", 1),
+                            createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
+                          ]),
+                          createElementVNode("div", _hoisted_33, [
                             createTextVNode(toDisplayString(unref(getPrice)((ii = De.hoveredData) == null ? void 0 : ii.offer_price)) + " ", 1),
                             createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
                           ])
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_30$1, [
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_30, [
                           createTextVNode(toDisplayString(unref(getPrice)(De.hoveredData.price)) + " ", 1),
                           createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
                         ]))
@@ -373,7 +626,7 @@ const tr = (Le) => {
                 ]),
                 createElementVNode("div", _hoisted_34, [
                   createElementVNode("div", _hoisted_35, [
-                    createTextVNode(toDisplayString(unref(getPrice)(+((ni = (ti = De.hoveredData) == null ? void 0 : ti.type) == null ? void 0 : ni.area_m2))) + " m", 1),
+                    createTextVNode(toDisplayString(unref(getArea)(+((ni = (oi = De.hoveredData) == null ? void 0 : oi.type) == null ? void 0 : ni.area_m2))) + " m", 1),
                     $e[0] || ($e[0] = createElementVNode("sup", { class: "ire-bg-white !ire-text-sm" }, " 2 ", -1))
                   ])
                 ])
@@ -388,25 +641,25 @@ const tr = (Le) => {
 }), _hoisted_1$g = {
   key: 0,
   class: "irep-tooltip-2__floor ire-flex ire-flex-col ire-items-center !ire-text-sm"
-}, _hoisted_2$9 = { class: "ire-flex ire-w-full ire-items-center ire-justify-evenly ire-p-4" }, _hoisted_3$8 = { class: "irep-tooltip-2__floor-number ire-text-3xl ire-capitalize" }, _hoisted_4$6 = {
+}, _hoisted_2$a = { class: "ire-flex ire-w-full ire-items-center ire-justify-evenly ire-p-4" }, _hoisted_3$9 = { class: "irep-tooltip-2__floor-number ire-text-3xl ire-capitalize" }, _hoisted_4$6 = {
   key: 0,
   class: "irep-tooltip-2__floor-conf ire-text-2xl ire-uppercase"
-}, _hoisted_5$2 = { key: 1 }, _hoisted_6$2 = { class: "irep-tooltip-2__floor-starting ire-text-base ire-text-gray-400" }, _hoisted_7$2 = { class: "irep-tooltip-2__floor-price" }, _hoisted_8$2 = { class: "ire-right-[2px] !ire-text-sm ire-text-gray-200" }, _hoisted_9$2 = { class: "ire-flex ire-items-center ire-justify-between ire-gap-2 ire-bg-gray-800 ire-p-2" }, _hoisted_10$2 = { class: "irep-tooltip-2__floor-status ire-flex ire-gap-1 ire-text-center" }, _hoisted_11$2 = { class: "irep-tooltip-2__floor-status ire-flex ire-gap-1 ire-text-center" }, _hoisted_12$2 = { class: "irep-tooltip-2__floor-status ire-flex ire-gap-1 ire-text-center" }, _hoisted_13$1 = {
+}, _hoisted_5$2 = { key: 1 }, _hoisted_6$2 = { class: "irep-tooltip-2__floor-starting ire-text-base ire-text-gray-400" }, _hoisted_7$2 = { class: "irep-tooltip-2__floor-price" }, _hoisted_8$2 = { class: "ire-right-[2px] ire-text-gray-200" }, _hoisted_9$2 = { class: "ire-flex ire-items-center ire-justify-between ire-gap-2 ire-bg-gray-800 ire-p-2" }, _hoisted_10$2 = { class: "irep-tooltip-2__floor-status ire-flex ire-gap-1 ire-text-center" }, _hoisted_11$2 = { class: "irep-tooltip-2__floor-status ire-flex ire-gap-1 ire-text-center" }, _hoisted_12$2 = { class: "irep-tooltip-2__floor-status ire-flex ire-gap-1 ire-text-center" }, _hoisted_13$1 = {
   key: 1,
   class: "irep-tooltip-2__block p-4 ire-flex ire-items-center ire-gap-3 !ire-text-sm"
 }, _hoisted_14$1 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_15$1 = { class: "irep-tooltip-2__block-title" }, _hoisted_16$1 = { class: "irep-tooltip-2__block-conf ire-text-gray-300 ire-opacity-80" }, _hoisted_17$1 = {
   key: 2,
   class: "irep-tooltip-2__flat ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-1"
-}, _hoisted_18$1 = { class: "gap-4 ire-flex ire-items-center ire-p-4" }, _hoisted_19$1 = { class: "irep-tooltip-2__flat-number ire-max-w-28 ire-text-base ire-capitalize" }, _hoisted_20$1 = {
+}, _hoisted_18 = { class: "gap-4 ire-flex ire-items-center ire-p-4" }, _hoisted_19 = { class: "irep-tooltip-2__flat-number ire-max-w-28 ire-text-base ire-capitalize" }, _hoisted_20 = {
   key: 0,
   class: "irep-tooltip-2__flat-conf ire-text-base ire-uppercase"
-}, _hoisted_21$1 = {
+}, _hoisted_21 = {
   key: 1,
   class: "ire-flex ire-flex-col ire-gap-2"
-}, _hoisted_22$1 = { key: 0 }, _hoisted_23$1 = { class: "ire-line-through" }, _hoisted_24$1 = { class: "irep-tooltip-2__flat-price" }, _hoisted_25$1 = { class: "ire-right-[2px] ire-text-base ire-text-gray-200" }, _hoisted_26$1 = {
+}, _hoisted_22 = { key: 0 }, _hoisted_23 = { class: "ire-text-sm ire-line-through" }, _hoisted_24 = { class: "irep-tooltip-2__flat-price ire-text-base" }, _hoisted_25 = { class: "ire-right-[2px]" }, _hoisted_26 = {
   key: 1,
-  class: "irep-tooltip-2__flat-price"
-}, _hoisted_27$1 = { class: "ire-right-[2px] ire-text-base ire-text-gray-200" }, _hoisted_28$1 = { class: "irep-tooltip-2__flat-area" }, _hoisted_29$1 = { class: "ire-right-[2px] ire-text-base ire-text-gray-200" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
+  class: "irep-tooltip-2__flat-price ire-text-base"
+}, _hoisted_27 = { class: "ire-right-[2px]" }, _hoisted_28 = { class: "irep-tooltip-2__flat-area" }, _hoisted_29 = { class: "ire-right-[2px] ire-text-base" }, _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_2",
   props: {
     hoveredData: {},
@@ -418,104 +671,99 @@ const tr = (Le) => {
       var Re;
       return tr((Re = _e.hoveredData) == null ? void 0 : Re.conf);
     });
-    return (Re, Be) => (openBlock(), createBlock(Transition, { name: "ire-fade-in-out" }, {
-      default: withCtx(() => {
-        var Ne, Ae, ze, je, Ve, Fe, Ie, He, We, Xe, Ye, qe, Ze, Ue, Ge, Qe;
-        return [
-          Re.type && Re.hoveredData && Re.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(["ire-pointer-events-none ire-absolute ire-select-none", {
-              "ire-left-0 ire-top-0": Re.mouseTrack,
-              "ire-bottom-4 ire-right-4": !Re.mouseTrack
-            }]),
-            style: normalizeStyle(
-              Re.mouseTrack ? {
-                transform: `translateX(${unref(ke) || 0}px) translateY(${unref(De) || 0}px)`
-              } : {}
-            )
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(["irep-tooltip irep-tooltip-2 ire-flex ire-origin-top ire-items-center ire-justify-center ire-bg-black ire-text-white ire-transition-transform ire-duration-500 ire-ease-in-out", { "": Re.mouseTrack }])
-            }, [
-              Re.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-                createElementVNode("div", _hoisted_2$9, [
-                  createElementVNode("div", _hoisted_3$8, toDisplayString((Ne = Re.hoveredData) == null ? void 0 : Ne.floor_number), 1),
-                  Be[0] || (Be[0] = createElementVNode("span", null, "|", -1)),
-                  $e.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString($e.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                    createElementVNode("div", _hoisted_6$2, toDisplayString(unref(tr)("starting from")) + ": ", 1),
-                    createElementVNode("div", _hoisted_7$2, [
-                      createTextVNode(toDisplayString(unref(getPrice)(+((ze = (Ae = Re.hoveredData) == null ? void 0 : Ae.counts) == null ? void 0 : ze.minimum_price) || 0)) + " ", 1),
-                      createElementVNode("span", _hoisted_8$2, toDisplayString(unref(currencySymbol)()), 1)
-                    ])
-                  ]))
-                ]),
-                createElementVNode("div", _hoisted_9$2, [
-                  createElementVNode("div", _hoisted_10$2, [
-                    createElementVNode("span", null, toDisplayString($e.value ? 0 : ((Ve = (je = Re.hoveredData) == null ? void 0 : je.counts) == null ? void 0 : Ve.available) || 0), 1),
-                    createTextVNode(" " + toDisplayString(unref(tr)("available")), 1)
-                  ]),
-                  Be[1] || (Be[1] = createElementVNode("span", null, "•", -1)),
-                  createElementVNode("div", _hoisted_11$2, [
-                    createElementVNode("span", null, toDisplayString($e.value ? 0 : ((Ie = (Fe = Re.hoveredData) == null ? void 0 : Fe.counts) == null ? void 0 : Ie.sold) || 0), 1),
-                    createTextVNode(" " + toDisplayString(unref(tr)("sold")), 1)
-                  ]),
-                  Be[2] || (Be[2] = createElementVNode("span", null, "•", -1)),
-                  createElementVNode("div", _hoisted_12$2, [
-                    createElementVNode("span", null, toDisplayString($e.value ? 0 : ((We = (He = Re.hoveredData) == null ? void 0 : He.counts) == null ? void 0 : We.reserved) || 0), 1),
-                    createTextVNode(" " + toDisplayString(unref(tr)("reserved")), 1)
-                  ])
-                ])
-              ])) : Re.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
-                createElementVNode("div", _hoisted_14$1, [
-                  createElementVNode("div", _hoisted_15$1, toDisplayString((Xe = Re.hoveredData) == null ? void 0 : Xe.title), 1),
-                  createElementVNode("span", _hoisted_16$1, toDisplayString($e.value), 1)
+    return (Re, Be) => {
+      var Ne, ze, Ae, Ie, je, Fe, Ve, He, We, Xe, Ye, Ze, Ke, qe, Ue, Qe, Je, Ge;
+      return Re.type && Re.hoveredData && Re.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["ire-pointer-events-none ire-absolute ire-select-none", {
+          "ire-left-0 ire-top-0": Re.mouseTrack,
+          "ire-bottom-4 ire-right-4": !Re.mouseTrack
+        }]),
+        style: normalizeStyle(
+          Re.mouseTrack ? {
+            transform: `translateX(${unref(ke) || 0}px) translateY(${unref(De) || 0}px)`
+          } : {}
+        )
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["irep-tooltip irep-tooltip-2 ire-flex ire-origin-top ire-items-center ire-justify-center ire-bg-black ire-text-white ire-transition-transform ire-duration-500 ire-ease-in-out", { "": Re.mouseTrack }])
+        }, [
+          Re.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+            createElementVNode("div", _hoisted_2$a, [
+              createElementVNode("div", _hoisted_3$9, toDisplayString((Ne = Re.hoveredData) == null ? void 0 : Ne.floor_number), 1),
+              Be[0] || (Be[0] = createElementVNode("span", null, "|", -1)),
+              $e.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString($e.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                createElementVNode("div", _hoisted_6$2, toDisplayString(unref(tr)("starting from")) + ": ", 1),
+                createElementVNode("div", _hoisted_7$2, [
+                  createTextVNode(toDisplayString(unref(getPrice)(+((Ae = (ze = Re.hoveredData) == null ? void 0 : ze.counts) == null ? void 0 : Ae.minimum_price) || 0)) + " ", 1),
+                  createElementVNode("span", _hoisted_8$2, toDisplayString(unref(currencySymbol)()), 1)
                 ])
-              ])) : Re.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
-                createElementVNode("div", _hoisted_18$1, [
-                  createElementVNode("div", _hoisted_19$1, toDisplayString((Ye = Re.hoveredData) == null ? void 0 : Ye.flat_number), 1),
-                  Be[4] || (Be[4] = createElementVNode("span", null, "|", -1)),
-                  $e.value ? (openBlock(), createElementBlock("div", _hoisted_20$1, toDisplayString($e.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_21$1, [
-                    createElementVNode("div", null, [
-                      Re.hoveredData.offer_price ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
-                        createElementVNode("div", _hoisted_23$1, [
-                          createTextVNode(toDisplayString(unref(getPrice)(+((qe = Re.hoveredData) == null ? void 0 : qe.price))) + " ", 1),
-                          createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
-                        ]),
-                        createElementVNode("div", _hoisted_24$1, [
-                          createTextVNode(toDisplayString(unref(getPrice)(+((Ze = Re.hoveredData) == null ? void 0 : Ze.offer_price))) + " ", 1),
-                          createElementVNode("span", _hoisted_25$1, toDisplayString(unref(currencySymbol)()), 1)
-                        ])
-                      ])) : (openBlock(), createElementBlock("div", _hoisted_26$1, [
-                        createTextVNode(toDisplayString(unref(getPrice)(+((Ue = Re.hoveredData) == null ? void 0 : Ue.price))) + " ", 1),
-                        createElementVNode("span", _hoisted_27$1, toDisplayString(unref(currencySymbol)()), 1)
-                      ]))
+              ]))
+            ]),
+            createElementVNode("div", _hoisted_9$2, [
+              createElementVNode("div", _hoisted_10$2, [
+                createElementVNode("span", null, toDisplayString($e.value ? 0 : ((je = (Ie = Re.hoveredData) == null ? void 0 : Ie.counts) == null ? void 0 : je.available) || 0), 1),
+                createTextVNode(" " + toDisplayString(unref(tr)("available")), 1)
+              ]),
+              Be[1] || (Be[1] = createElementVNode("span", null, "•", -1)),
+              createElementVNode("div", _hoisted_11$2, [
+                createElementVNode("span", null, toDisplayString($e.value === "sold" ? ((Fe = Re.hoveredData) == null ? void 0 : Fe.flats.length) || 0 : ((He = (Ve = Re.hoveredData) == null ? void 0 : Ve.counts) == null ? void 0 : He.sold) || 0), 1),
+                createTextVNode(" " + toDisplayString(unref(tr)("sold")), 1)
+              ]),
+              Be[2] || (Be[2] = createElementVNode("span", null, "•", -1)),
+              createElementVNode("div", _hoisted_12$2, [
+                createElementVNode("span", null, toDisplayString($e.value === "reserved" ? ((We = Re.hoveredData) == null ? void 0 : We.flats.length) || 0 : ((Ye = (Xe = Re.hoveredData) == null ? void 0 : Xe.counts) == null ? void 0 : Ye.reserved) || 0), 1),
+                createTextVNode(" " + toDisplayString(unref(tr)("reserved")), 1)
+              ])
+            ])
+          ])) : Re.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
+            createElementVNode("div", _hoisted_14$1, [
+              createElementVNode("div", _hoisted_15$1, toDisplayString((Ze = Re.hoveredData) == null ? void 0 : Ze.title), 1),
+              createElementVNode("span", _hoisted_16$1, toDisplayString($e.value), 1)
+            ])
+          ])) : Re.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
+            createElementVNode("div", _hoisted_18, [
+              createElementVNode("div", _hoisted_19, toDisplayString((Ke = Re.hoveredData) == null ? void 0 : Ke.flat_number), 1),
+              Be[4] || (Be[4] = createElementVNode("span", null, "|", -1)),
+              $e.value ? (openBlock(), createElementBlock("div", _hoisted_20, toDisplayString($e.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_21, [
+                createElementVNode("div", null, [
+                  Re.hoveredData.offer_price ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                    createElementVNode("div", _hoisted_23, [
+                      createTextVNode(toDisplayString(unref(getPrice)(+((qe = Re.hoveredData) == null ? void 0 : qe.price))) + " ", 1),
+                      createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
                     ]),
-                    createElementVNode("div", _hoisted_28$1, [
-                      createElementVNode("span", _hoisted_29$1, [
-                        createTextVNode(toDisplayString(unref(getPrice)(+((Qe = (Ge = Re.hoveredData) == null ? void 0 : Ge.type) == null ? void 0 : Qe.area_m2))) + " m", 1),
-                        Be[3] || (Be[3] = createElementVNode("sup", { class: "ire-bg-transparent !ire-text-base" }, " 2 ", -1))
-                      ])
+                    createElementVNode("div", _hoisted_24, [
+                      createTextVNode(toDisplayString(unref(getPrice)(+((Ue = Re.hoveredData) == null ? void 0 : Ue.offer_price))) + " ", 1),
+                      createElementVNode("span", _hoisted_25, toDisplayString(unref(currencySymbol)()), 1)
                     ])
+                  ])) : (openBlock(), createElementBlock("div", _hoisted_26, [
+                    createTextVNode(toDisplayString(unref(getPrice)(+((Qe = Re.hoveredData) == null ? void 0 : Qe.price))) + " ", 1),
+                    createElementVNode("span", _hoisted_27, toDisplayString(unref(currencySymbol)()), 1)
                   ]))
+                ]),
+                createElementVNode("div", _hoisted_28, [
+                  createElementVNode("span", _hoisted_29, [
+                    createTextVNode(toDisplayString(unref(getArea)(+((Ge = (Je = Re.hoveredData) == null ? void 0 : Je.type) == null ? void 0 : Ge.area_m2))) + " m", 1),
+                    Be[3] || (Be[3] = createElementVNode("sup", { class: "ire-bg-transparent !ire-text-base" }, " 2 ", -1))
+                  ])
                 ])
-              ])) : createCommentVNode("", !0)
-            ], 2)
-          ], 6)) : createCommentVNode("", !0)
-        ];
-      }),
-      _: 1
-    }));
+              ]))
+            ])
+          ])) : createCommentVNode("", !0)
+        ], 2)
+      ], 6)) : createCommentVNode("", !0);
+    };
   }
-}), _hoisted_1$f = { class: "irep-tooltip irep-tooltip-3 ire-flex ire-w-fit ire-origin-top ire-items-center ire-justify-center ire-rounded-2xl ire-border ire-bg-white ire-p-4 ire-transition-transform ire-duration-500 ire-ease-in-out" }, _hoisted_2$8 = {
+}), _hoisted_1$f = { class: "irep-tooltip irep-tooltip-3 ire-flex ire-w-fit ire-origin-top ire-items-center ire-justify-center ire-rounded-2xl ire-border ire-bg-white ire-p-4 ire-transition-transform ire-duration-500 ire-ease-in-out" }, _hoisted_2$9 = {
   key: 0,
   class: "irep-tooltip-3__floor ire-flex ire-flex-col ire-items-center ire-gap-3"
-}, _hoisted_3$7 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$5 = { class: "irep-tooltip-3__floor-number !ire-text-2xl" }, _hoisted_5$1 = { class: "irep-tooltip-3__floor-text !ire-text-sm ire-uppercase" }, _hoisted_6$1 = {
+}, _hoisted_3$8 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$5 = { class: "irep-tooltip-3__floor-number !ire-text-2xl" }, _hoisted_5$1 = { class: "irep-tooltip-3__floor-text !ire-text-sm ire-uppercase" }, _hoisted_6$1 = {
   key: 1,
   class: "irep-tooltip-3__block ire-flex ire-items-center ire-gap-3"
 }, _hoisted_7$1 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_8$1 = { class: "irep-tooltip-3__block-title !text-2xl" }, _hoisted_9$1 = {
   key: 2,
   class: "irep-tooltip-3__flat ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3"
-}, _hoisted_10$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_11$1 = { class: "irep-tooltip-3__flat-number ire-max-w-52 ire-text-center !ire-text-2xl ire-capitalize" }, _hoisted_12$1 = { class: "irep-tooltip-3__flat-text !ire-mt-2 ire-text-sm ire-uppercase" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+}, _hoisted_10$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_11$1 = { class: "irep-tooltip-3__flat-number ire-max-w-52 ire-text-center !ire-text-2xl ire-capitalize" }, _hoisted_12$1 = { class: "irep-tooltip-3__flat-text !ire-mt-2 ire-text-sm ire-uppercase" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_3",
   props: {
     hoveredData: {},
@@ -523,93 +771,88 @@ const tr = (Le) => {
   },
   setup(Le) {
     const _e = inject("mouseX"), ke = inject("mouseY");
-    return (De, $e) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
-      default: withCtx(() => {
-        var Re, Be, Ne;
-        return [
-          De.type && De.hoveredData && De.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
-            style: normalizeStyle({
-              transform: `translateX(${unref(_e) || 0}px) translateY(${unref(ke) || 0}px)`
-            })
-          }, [
-            createElementVNode("div", _hoisted_1$f, [
-              De.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-                createElementVNode("div", _hoisted_3$7, [
-                  createElementVNode("div", _hoisted_4$5, toDisplayString((Re = De.hoveredData) == null ? void 0 : Re.floor_number), 1),
-                  createElementVNode("div", _hoisted_5$1, toDisplayString(unref(tr)("floor")), 1)
-                ])
-              ])) : De.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
-                createElementVNode("div", _hoisted_7$1, [
-                  createElementVNode("div", _hoisted_8$1, toDisplayString((Be = De.hoveredData) == null ? void 0 : Be.title), 1)
-                ])
-              ])) : De.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
-                createElementVNode("div", _hoisted_10$1, [
-                  createElementVNode("div", _hoisted_11$1, toDisplayString((Ne = De.hoveredData) == null ? void 0 : Ne.flat_number), 1),
-                  createElementVNode("div", _hoisted_12$1, toDisplayString(unref(tr)("apartment")), 1)
-                ])
-              ])) : createCommentVNode("", !0)
+    return (De, $e) => {
+      var Re, Be, Ne;
+      return De.type && De.hoveredData && De.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
+        style: normalizeStyle({
+          transform: `translateX(${unref(_e) || 0}px) translateY(${unref(ke) || 0}px)`
+        })
+      }, [
+        createElementVNode("div", _hoisted_1$f, [
+          De.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+            createElementVNode("div", _hoisted_3$8, [
+              createElementVNode("div", _hoisted_4$5, toDisplayString((Re = De.hoveredData) == null ? void 0 : Re.floor_number), 1),
+              createElementVNode("div", _hoisted_5$1, toDisplayString(unref(tr)("floor")), 1)
             ])
-          ], 4)) : createCommentVNode("", !0)
-        ];
-      }),
-      _: 1
-    }));
+          ])) : De.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+            createElementVNode("div", _hoisted_7$1, [
+              createElementVNode("div", _hoisted_8$1, toDisplayString((Be = De.hoveredData) == null ? void 0 : Be.title), 1)
+            ])
+          ])) : De.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+            createElementVNode("div", _hoisted_10$1, [
+              createElementVNode("div", _hoisted_11$1, toDisplayString((Ne = De.hoveredData) == null ? void 0 : Ne.flat_number), 1),
+              createElementVNode("div", _hoisted_12$1, toDisplayString(unref(tr)("apartment")), 1)
+            ])
+          ])) : createCommentVNode("", !0)
+        ])
+      ], 4)) : createCommentVNode("", !0);
+    };
   }
 }), _hoisted_1$e = {
   key: 0,
   class: "py-2 ire-mb-3 ire-flex ire-h-[48px] ire-items-center ire-justify-between ire-px-4"
-}, _sfc_main$h = /* @__PURE__ */ defineComponent({
+}, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "PreviewLayout",
   props: {
     hoverdData: {},
     type: {}
   },
   setup(Le) {
-    const _e = inject("shortcodeData"), ke = inject("showFlatModal"), De = ref(), $e = ref(!0), Re = computed$1(() => {
-      var Be;
-      return ((Be = _e.meta.find((Ne) => Ne.meta_key === "tooltip")) == null ? void 0 : Be.meta_value) || "1";
+    const _e = useGlobalStore(), { shortcodeData: ke } = storeToRefs(_e), De = inject("showFlatModal"), $e = ref(), Re = ref(!0), Be = computed$1(() => {
+      var Ne;
+      return ((Ne = ke.value.meta.find((ze) => ze.meta_key === "tooltip")) == null ? void 0 : Ne.meta_value) || "1";
     });
     return watch(
-      () => ke == null ? void 0 : ke.value,
+      () => De == null ? void 0 : De.value,
       () => {
-        ke != null && ke.value ? $e.value = !1 : setTimeout(() => {
-          $e.value = !0;
+        De != null && De.value ? Re.value = !1 : setTimeout(() => {
+          Re.value = !0;
         }, 400);
       }
-    ), (Be, Ne) => (openBlock(), createElementBlock("div", {
+    ), (Ne, ze) => (openBlock(), createElementBlock("div", {
       ref_key: "canvasRef",
-      ref: De,
+      ref: $e,
       class: "ire-group ire-relative ire-overflow-hidden ire-pt-3"
     }, [
-      Be.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
-        renderSlot(Be.$slots, "header")
+      Ne.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+        renderSlot(Ne.$slots, "header")
       ])) : createCommentVNode("", !0),
-      renderSlot(Be.$slots, "default"),
+      renderSlot(Ne.$slots, "default"),
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => [
-          $e.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            Re.value === "2" ? (openBlock(), createBlock(_sfc_main$j, {
+          Re.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            Be.value === "2" ? (openBlock(), createBlock(_sfc_main$k, {
               key: 0,
-              "hovered-data": Be.hoverdData,
-              type: Be.type || "",
+              "hovered-data": Ne.hoverdData,
+              type: Ne.type || "",
               "mouse-track": !0,
               class: "ire-hidden lg:ire-flex [&_.irep-tooltip]:group-active:!ire-scale-110"
-            }, null, 8, ["hovered-data", "type"])) : Re.value === "3" ? (openBlock(), createBlock(_sfc_main$j, {
+            }, null, 8, ["hovered-data", "type"])) : Be.value === "3" ? (openBlock(), createBlock(_sfc_main$k, {
               key: 1,
-              "hovered-data": Be.hoverdData,
-              type: Be.type || "",
+              "hovered-data": Ne.hoverdData,
+              type: Ne.type || "",
               class: "ire-hidden lg:ire-flex"
-            }, null, 8, ["hovered-data", "type"])) : Re.value === "4" ? (openBlock(), createBlock(_sfc_main$i, {
+            }, null, 8, ["hovered-data", "type"])) : Be.value === "4" ? (openBlock(), createBlock(_sfc_main$j, {
               key: 2,
-              "hovered-data": Be.hoverdData,
-              type: Be.type || "",
+              "hovered-data": Ne.hoverdData,
+              type: Ne.type || "",
               class: "ire-hidden lg:ire-flex [&_.irep-tooltip]:group-active:!ire-scale-110"
-            }, null, 8, ["hovered-data", "type"])) : (openBlock(), createBlock(_sfc_main$k, {
+            }, null, 8, ["hovered-data", "type"])) : (openBlock(), createBlock(_sfc_main$l, {
               key: 3,
-              "hovered-data": Be.hoverdData,
-              type: Be.type || "",
+              "hovered-data": Ne.hoverdData,
+              type: Ne.type || "",
               class: "ire-hidden lg:ire-block"
             }, null, 8, ["hovered-data", "type"]))
           ], 64)) : createCommentVNode("", !0)
@@ -618,226 +861,7 @@ const tr = (Le) => {
       })
     ], 512));
   }
-});
-/*!
- * pinia v3.0.1
- * (c) 2025 Eduardo San Martin Morote
- * @license MIT
- */
-let activePinia;
-const setActivePinia = (Le) => activePinia = Le, piniaSymbol = (
-  /* istanbul ignore next */
-  Symbol()
-);
-function isPlainObject(Le) {
-  return Le && typeof Le == "object" && Object.prototype.toString.call(Le) === "[object Object]" && typeof Le.toJSON != "function";
-}
-var MutationType;
-(function(Le) {
-  Le.direct = "direct", Le.patchObject = "patch object", Le.patchFunction = "patch function";
-})(MutationType || (MutationType = {}));
-function createPinia() {
-  const Le = effectScope(!0), _e = Le.run(() => ref({}));
-  let ke = [], De = [];
-  const $e = markRaw({
-    install(Re) {
-      setActivePinia($e), $e._a = Re, Re.provide(piniaSymbol, $e), Re.config.globalProperties.$pinia = $e, De.forEach((Be) => ke.push(Be)), De = [];
-    },
-    use(Re) {
-      return this._a ? ke.push(Re) : De.push(Re), this;
-    },
-    _p: ke,
-    // it's actually undefined here
-    // @ts-expect-error
-    _a: null,
-    _e: Le,
-    _s: /* @__PURE__ */ new Map(),
-    state: _e
-  });
-  return $e;
-}
-const noop = () => {
-};
-function addSubscription(Le, _e, ke, De = noop) {
-  Le.push(_e);
-  const $e = () => {
-    const Re = Le.indexOf(_e);
-    Re > -1 && (Le.splice(Re, 1), De());
-  };
-  return !ke && getCurrentScope() && onScopeDispose($e), $e;
-}
-function triggerSubscriptions(Le, ..._e) {
-  Le.slice().forEach((ke) => {
-    ke(..._e);
-  });
-}
-const fallbackRunWithContext = (Le) => Le(), ACTION_MARKER = Symbol(), ACTION_NAME = Symbol();
-function mergeReactiveObjects(Le, _e) {
-  Le instanceof Map && _e instanceof Map ? _e.forEach((ke, De) => Le.set(De, ke)) : Le instanceof Set && _e instanceof Set && _e.forEach(Le.add, Le);
-  for (const ke in _e) {
-    if (!_e.hasOwnProperty(ke))
-      continue;
-    const De = _e[ke], $e = Le[ke];
-    isPlainObject($e) && isPlainObject(De) && Le.hasOwnProperty(ke) && !isRef(De) && !isReactive(De) ? Le[ke] = mergeReactiveObjects($e, De) : Le[ke] = De;
-  }
-  return Le;
-}
-const skipHydrateSymbol = (
-  /* istanbul ignore next */
-  Symbol()
-);
-function shouldHydrate(Le) {
-  return !isPlainObject(Le) || !Le.hasOwnProperty(skipHydrateSymbol);
-}
-const { assign } = Object;
-function isComputed(Le) {
-  return !!(isRef(Le) && Le.effect);
-}
-function createOptionsStore(Le, _e, ke, De) {
-  const { state: $e, actions: Re, getters: Be } = _e, Ne = ke.state.value[Le];
-  let Ae;
-  function ze() {
-    Ne || (ke.state.value[Le] = $e ? $e() : {});
-    const je = toRefs(ke.state.value[Le]);
-    return assign(je, Re, Object.keys(Be || {}).reduce((Ve, Fe) => (Ve[Fe] = markRaw(computed$1(() => {
-      setActivePinia(ke);
-      const Ie = ke._s.get(Le);
-      return Be[Fe].call(Ie, Ie);
-    })), Ve), {}));
-  }
-  return Ae = createSetupStore(Le, ze, _e, ke, De, !0), Ae;
-}
-function createSetupStore(Le, _e, ke = {}, De, $e, Re) {
-  let Be;
-  const Ne = assign({ actions: {} }, ke), Ae = { deep: !0 };
-  let ze, je, Ve = [], Fe = [], Ie;
-  const He = De.state.value[Le];
-  !Re && !He && (De.state.value[Le] = {}), ref({});
-  let We;
-  function Xe(Ke) {
-    let ei;
-    ze = je = !1, typeof Ke == "function" ? (Ke(De.state.value[Le]), ei = {
-      type: MutationType.patchFunction,
-      storeId: Le,
-      events: Ie
-    }) : (mergeReactiveObjects(De.state.value[Le], Ke), ei = {
-      type: MutationType.patchObject,
-      payload: Ke,
-      storeId: Le,
-      events: Ie
-    });
-    const ii = We = Symbol();
-    nextTick().then(() => {
-      We === ii && (ze = !0);
-    }), je = !0, triggerSubscriptions(Ve, ei, De.state.value[Le]);
-  }
-  const Ye = Re ? function() {
-    const { state: ei } = ke, ii = ei ? ei() : {};
-    this.$patch((ti) => {
-      assign(ti, ii);
-    });
-  } : (
-    /* istanbul ignore next */
-    noop
-  );
-  function qe() {
-    Be.stop(), Ve = [], Fe = [], De._s.delete(Le);
-  }
-  const Ze = (Ke, ei = "") => {
-    if (ACTION_MARKER in Ke)
-      return Ke[ACTION_NAME] = ei, Ke;
-    const ii = function() {
-      setActivePinia(De);
-      const ti = Array.from(arguments), ni = [], oi = [];
-      function si(ri) {
-        ni.push(ri);
-      }
-      function ci(ri) {
-        oi.push(ri);
-      }
-      triggerSubscriptions(Fe, {
-        args: ti,
-        name: ii[ACTION_NAME],
-        store: Ge,
-        after: si,
-        onError: ci
-      });
-      let ai;
-      try {
-        ai = Ke.apply(this && this.$id === Le ? this : Ge, ti);
-      } catch (ri) {
-        throw triggerSubscriptions(oi, ri), ri;
-      }
-      return ai instanceof Promise ? ai.then((ri) => (triggerSubscriptions(ni, ri), ri)).catch((ri) => (triggerSubscriptions(oi, ri), Promise.reject(ri))) : (triggerSubscriptions(ni, ai), ai);
-    };
-    return ii[ACTION_MARKER] = !0, ii[ACTION_NAME] = ei, ii;
-  }, Ue = {
-    _p: De,
-    // _s: scope,
-    $id: Le,
-    $onAction: addSubscription.bind(null, Fe),
-    $patch: Xe,
-    $reset: Ye,
-    $subscribe(Ke, ei = {}) {
-      const ii = addSubscription(Ve, Ke, ei.detached, () => ti()), ti = Be.run(() => watch(() => De.state.value[Le], (ni) => {
-        (ei.flush === "sync" ? je : ze) && Ke({
-          storeId: Le,
-          type: MutationType.direct,
-          events: Ie
-        }, ni);
-      }, assign({}, Ae, ei)));
-      return ii;
-    },
-    $dispose: qe
-  }, Ge = reactive(Ue);
-  De._s.set(Le, Ge);
-  const Je = (De._a && De._a.runWithContext || fallbackRunWithContext)(() => De._e.run(() => (Be = effectScope()).run(() => _e({ action: Ze }))));
-  for (const Ke in Je) {
-    const ei = Je[Ke];
-    if (isRef(ei) && !isComputed(ei) || isReactive(ei))
-      Re || (He && shouldHydrate(ei) && (isRef(ei) ? ei.value = He[Ke] : mergeReactiveObjects(ei, He[Ke])), De.state.value[Le][Ke] = ei);
-    else if (typeof ei == "function") {
-      const ii = Ze(ei, Ke);
-      Je[Ke] = ii, Ne.actions[Ke] = ei;
-    }
-  }
-  return assign(Ge, Je), assign(toRaw(Ge), Je), Object.defineProperty(Ge, "$state", {
-    get: () => De.state.value[Le],
-    set: (Ke) => {
-      Xe((ei) => {
-        assign(ei, Ke);
-      });
-    }
-  }), De._p.forEach((Ke) => {
-    assign(Ge, Be.run(() => Ke({
-      store: Ge,
-      app: De._a,
-      pinia: De,
-      options: Ne
-    })));
-  }), He && Re && ke.hydrate && ke.hydrate(Ge.$state, He), ze = !0, je = !0, Ge;
-}
-/*! #__NO_SIDE_EFFECTS__ */
-// @__NO_SIDE_EFFECTS__
-function defineStore(Le, _e, ke) {
-  let De;
-  const $e = typeof _e == "function";
-  De = $e ? ke : _e;
-  function Re(Be, Ne) {
-    const Ae = hasInjectionContext();
-    return Be = // in test mode, ignore the argument provided as we can always retrieve a
-    // pinia instance with getActivePinia()
-    Be || (Ae ? inject(piniaSymbol, null) : null), Be && setActivePinia(Be), Be = activePinia, Be._s.has(Le) || ($e ? createSetupStore(Le, _e, De, Be) : createOptionsStore(Le, De, Be)), Be._s.get(Le);
-  }
-  return Re.$id = Le, Re;
-}
-const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
-  const Le = ref(), _e = ref("1");
-  return {
-    hoverdSvg: Le,
-    tooltip: _e
-  };
-}), _hoisted_1$d = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_2$7 = ["src"], _hoisted_3$6 = ["innerHTML"], _sfc_main$g = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$d = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_2$8 = ["src"], _hoisted_3$7 = ["innerHTML"], _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ProjectPreview",
   props: {
     project: {},
@@ -849,96 +873,96 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
   },
   emits: ["changeComponent"],
   setup(Le, { emit: _e }) {
-    const ke = _e, De = Le, $e = useGlobalStore(), Re = inject("showFlatModal"), Be = ref(null), Ne = ref(), Ae = ref(null), ze = computed(() => {
+    const ke = _e, De = Le, $e = inject("showFlatModal"), Re = useGlobalStore(), { openReservedFlat: Be, openSoldFlat: Ne } = storeToRefs(Re), ze = ref(null), Ae = ref(), Ie = ref(null), je = computed(() => {
       if (De.project)
         return De.project.svg;
-    }), je = (Fe) => {
-      const Ie = Fe == null ? void 0 : Fe.target;
-      Ie && (Be.value = Ie);
-    }, Ve = (Fe) => {
-      var He, We, Xe;
-      const Ie = Fe.target;
-      (Ie == null ? void 0 : Ie.nodeName) === "path" && (((He = Ne.value) == null ? void 0 : He.conf) === "sold" || ((We = Ne.value) == null ? void 0 : We.conf) === "reserved" || ke("changeComponent", ((Xe = Ae.value) == null ? void 0 : Xe.type) || "", Ne == null ? void 0 : Ne.value));
+    }), Fe = (He) => {
+      const We = He == null ? void 0 : He.target;
+      We && (ze.value = We);
+    }, Ve = (He) => {
+      var Xe, Ye, Ze;
+      const We = He.target;
+      (We == null ? void 0 : We.nodeName) === "path" && (((Xe = Ae.value) == null ? void 0 : Xe.conf) === "reserved" && !Be.value || ((Ye = Ae.value) == null ? void 0 : Ye.conf) === "sold" && !Ne.value || ke("changeComponent", ((Ze = Ie.value) == null ? void 0 : Ze.type) || "", Ae == null ? void 0 : Ae.value));
     };
     return watch(
-      () => Re == null ? void 0 : Re.value,
+      () => $e == null ? void 0 : $e.value,
       () => {
-        Re != null && Re.value || (Be.value = null, Ae.value = null);
+        $e != null && $e.value || (ze.value = null, Ie.value = null);
       }
     ), watch(
-      () => Be.value,
-      (Fe) => {
-        var He, We, Xe, Ye, qe, Ze, Ue;
-        if (!Fe) return;
-        $e.hoverdSvg = Fe;
-        const Ie = Fe.parentElement;
-        if (Ie && (Ie == null ? void 0 : Ie.nodeName) === "g") {
-          const Ge = Ie == null ? void 0 : Ie.getAttribute("id");
-          if (!Ge || (Ae.value = ((He = De.project) == null ? void 0 : He.polygon_data.find((Je) => (Je == null ? void 0 : Je.key) === Ge)) || null, !Ae.value)) return;
-          const Qe = (We = Ae.value) == null ? void 0 : We.id;
-          switch ((Xe = Ae.value) == null ? void 0 : Xe.type) {
+      () => ze.value,
+      (He) => {
+        var Xe, Ye, Ze, Ke, qe, Ue, Qe;
+        if (!He) return;
+        Re.hoverdSvg = He;
+        const We = He.parentElement;
+        if (We && (We == null ? void 0 : We.nodeName) === "g") {
+          const Je = We == null ? void 0 : We.getAttribute("id");
+          if (!Je || (Ie.value = ((Xe = De.project) == null ? void 0 : Xe.polygon_data.find((ei) => (ei == null ? void 0 : ei.key) === Je)) || null, !Ie.value)) return;
+          const Ge = (Ye = Ie.value) == null ? void 0 : Ye.id;
+          switch ((Ze = Ie.value) == null ? void 0 : Ze.type) {
             case "floor":
-              const Je = (Ye = De.floors) == null ? void 0 : Ye.find(
-                (ti) => ti.id === Qe
+              const ei = (Ke = De.floors) == null ? void 0 : Ke.find(
+                (ti) => ti.id === Ge
               );
-              Ne.value = Je;
+              Ae.value = ei;
               break;
             case "block":
-              const Ke = (qe = De.blocks) == null ? void 0 : qe.find(
-                (ti) => (ti == null ? void 0 : ti.id) === Qe
+              const ii = (qe = De.blocks) == null ? void 0 : qe.find(
+                (ti) => (ti == null ? void 0 : ti.id) === Ge
               );
-              Ne.value = Ke;
+              Ae.value = ii;
               break;
             case "flat":
-              const ei = (Ze = De.flats) == null ? void 0 : Ze.find(
-                (ti) => (ti == null ? void 0 : ti.id) === Qe
+              const oi = (Ue = De.flats) == null ? void 0 : Ue.find(
+                (ti) => (ti == null ? void 0 : ti.id) === Ge
               );
-              Ne.value = ei;
+              Ae.value = oi;
               break;
             case "tooltip":
-              const ii = (Ue = De.actions) == null ? void 0 : Ue.find(
-                (ti) => (ti == null ? void 0 : ti.id) === Qe
+              const ni = (Qe = De.actions) == null ? void 0 : Qe.find(
+                (ti) => (ti == null ? void 0 : ti.id) === Ge
               );
-              Ne.value = ii;
+              Ae.value = ni;
               break;
             default:
-              Ne.value = null;
+              Ae.value = null;
               break;
           }
         } else
-          Ae.value = null, Ne.value = null;
+          Ie.value = null, Ae.value = null;
       }
     ), onMounted(() => {
-      document.addEventListener("mousemove", je);
+      document.addEventListener("mousemove", Fe);
     }), onUnmounted(() => {
-      document.removeEventListener("mousemove", je);
-    }), (Fe, Ie) => {
-      var He;
-      return openBlock(), createBlock(_sfc_main$h, {
-        hoverdData: Ne.value,
-        type: (He = Ae.value) == null ? void 0 : He.type
+      document.removeEventListener("mousemove", Fe);
+    }), (He, We) => {
+      var Xe;
+      return openBlock(), createBlock(_sfc_main$i, {
+        hoverdData: Ae.value,
+        type: (Xe = Ie.value) == null ? void 0 : Xe.type
       }, {
         default: withCtx(() => {
-          var We, Xe, Ye, qe, Ze, Ue;
+          var Ye, Ze, Ke, qe, Ue, Qe;
           return [
             createElementVNode("div", _hoisted_1$d, [
               createElementVNode("img", {
-                src: (Ye = (Xe = (We = Fe.project) == null ? void 0 : We.project_image) == null ? void 0 : Xe[0]) == null ? void 0 : Ye.url,
+                src: (Ke = (Ze = (Ye = He.project) == null ? void 0 : Ye.project_image) == null ? void 0 : Ze[0]) == null ? void 0 : Ke.url,
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
-              }, null, 8, _hoisted_2$7),
+              }, null, 8, _hoisted_2$8),
               (openBlock(), createElementBlock("div", {
-                innerHTML: unref(ze),
-                key: unref(ze),
+                innerHTML: unref(je),
+                key: unref(je),
                 class: normalizeClass(["canvas ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full [&_path]:ire-cursor-pointer [&_path]:ire-fill-[var(--path-color)] [&_path]:ire-transition-all [&_svg]:ire-h-full [&_svg]:ire-w-full", [
                   {
-                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": Ne.value && ((qe = Ne.value) == null ? void 0 : qe.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": Ne.value && ((Ze = Ne.value) == null ? void 0 : Ze.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((Ue = Ne.value) != null && Ue.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": Ae.value && ((qe = Ae.value) == null ? void 0 : qe.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": Ae.value && ((Ue = Ae.value) == null ? void 0 : Ue.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((Qe = Ae.value) != null && Qe.conf)
                   }
                 ]]),
                 onClick: Ve
-              }, null, 10, _hoisted_3$6))
+              }, null, 10, _hoisted_3$7))
             ])
           ];
         }),
@@ -946,10 +970,10 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _hoisted_1$c = { class: "select ire-w-full ire-min-w-[150px] ire-max-w-[200px] ire-border ire-border-slate-200 lg:ire-min-w-[250px]" }, _hoisted_2$6 = {
+}), _hoisted_1$c = { class: "select ire-w-full ire-min-w-[150px] ire-max-w-[200px] ire-border ire-border-slate-200 lg:ire-min-w-[250px]" }, _hoisted_2$7 = {
   key: 0,
   class: "label"
-}, _hoisted_3$5 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$f = /* @__PURE__ */ defineComponent({
+}, _hoisted_3$6 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PreviewSelect",
   props: /* @__PURE__ */ mergeModels({
     data: {},
@@ -963,25 +987,25 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
   }),
   emits: ["update:modelValue"],
   setup(Le) {
-    const _e = useModel(Le, "modelValue");
-    return (ke, De) => (openBlock(), createElementBlock("div", _hoisted_1$c, [
-      ke.label ? (openBlock(), createElementBlock("p", _hoisted_2$6, toDisplayString(ke.label), 1)) : createCommentVNode("", !0),
-      createElementVNode("div", _hoisted_3$5, [
+    const _e = useGlobalStore(), { openReservedFlat: ke, openSoldFlat: De } = storeToRefs(_e), $e = useModel(Le, "modelValue");
+    return (Re, Be) => (openBlock(), createElementBlock("div", _hoisted_1$c, [
+      Re.label ? (openBlock(), createElementBlock("p", _hoisted_2$7, toDisplayString(Re.label), 1)) : createCommentVNode("", !0),
+      createElementVNode("div", _hoisted_3$6, [
         withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": De[0] || (De[0] = ($e) => _e.value = $e),
+          "onUpdate:modelValue": Be[0] || (Be[0] = (Ne) => $e.value = Ne),
           class: "ire-w-full ire-cursor-pointer ire-appearance-none ire-rounded-none ire-bg-transparent ire-py-2 ire-pl-3 ire-pr-8 ire-text-sm ire-text-slate-700 ire-shadow-sm ire-transition ire-duration-300 ire-ease-linear placeholder:ire-text-slate-400 hover:ire-border-slate-400 focus:ire-border-slate-400 focus:ire-shadow-md focus:ire-outline-none"
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(ke.data, ($e) => {
-            var Re, Be;
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(Re.data, (Ne) => {
+            var ze, Ae;
             return openBlock(), createElementBlock("option", {
-              value: $e.value,
-              disabled: ((Re = $e == null ? void 0 : $e.title) == null ? void 0 : Re.includes("reserved")) || ((Be = $e == null ? void 0 : $e.title) == null ? void 0 : Be.includes("sold"))
-            }, toDisplayString($e.title), 9, _hoisted_4$4);
+              value: Ne.value,
+              disabled: ((ze = Ne == null ? void 0 : Ne.title) == null ? void 0 : ze.includes("reserved")) && !unref(ke) || ((Ae = Ne == null ? void 0 : Ne.title) == null ? void 0 : Ae.includes("sold")) && !unref(De)
+            }, toDisplayString(Ne.title), 9, _hoisted_4$4);
           }), 256))
         ], 512), [
-          [vModelSelect, _e.value]
+          [vModelSelect, $e.value]
         ]),
-        De[1] || (De[1] = createElementVNode("svg", {
+        Be[1] || (Be[1] = createElementVNode("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -998,14 +1022,14 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
       ])
     ]));
   }
-}), _sfc_main$e = {}, _hoisted_1$b = {
+}), _sfc_main$f = {}, _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",
   height: "32",
   viewBox: "0 0 32 32",
   fill: "none"
 };
-function _sfc_render$4(Le, _e) {
+function _sfc_render$3(Le, _e) {
   return openBlock(), createElementBlock("svg", _hoisted_1$b, _e[0] || (_e[0] = [
     createElementVNode("path", {
       d: "M22.7074 16.7076L12.7074 26.7076C12.6145 26.8005 12.5042 26.8742 12.3828 26.9245C12.2614 26.9747 12.1313 27.0006 11.9999 27.0006C11.8686 27.0006 11.7384 26.9747 11.617 26.9245C11.4957 26.8742 11.3854 26.8005 11.2924 26.7076C11.1995 26.6147 11.1258 26.5044 11.0756 26.383C11.0253 26.2616 10.9994 26.1315 10.9994 26.0001C10.9994 25.8687 11.0253 25.7386 11.0756 25.6172C11.1258 25.4958 11.1995 25.3855 11.2924 25.2926L20.5862 16.0001L11.2924 6.70757C11.1048 6.51993 10.9994 6.26543 10.9994 6.00007C10.9994 5.7347 11.1048 5.48021 11.2924 5.29257C11.4801 5.10493 11.7346 4.99951 11.9999 4.99951C12.2653 4.99951 12.5198 5.10493 12.7074 5.29257L22.7074 15.2926C22.8004 15.3854 22.8742 15.4957 22.9245 15.6171C22.9748 15.7385 23.0007 15.8687 23.0007 16.0001C23.0007 16.1315 22.9748 16.2616 22.9245 16.383C22.8742 16.5044 22.8004 16.6147 22.7074 16.7076Z",
@@ -1013,15 +1037,15 @@ function _sfc_render$4(Le, _e) {
     }, null, -1)
   ]));
 }
-const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$4]]), _hoisted_1$a = { class: "back-button ire-group/button ire-flex ire-w-fit ire-cursor-pointer ire-items-center ire-gap-1 ire-rounded-lg ire-border ire-bg-gray-50 ire-px-4 ire-py-2 ire-shadow-sm ire-transition-all hover:ire-bg-black lg:ire-px-5 lg:ire-py-2" }, _hoisted_2$5 = { class: "back-button-text !ire-text-sm ire-text-black group-hover/button:!ire-text-white lg:!ire-text-balance" }, _sfc_main$d = /* @__PURE__ */ defineComponent({
+const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$3]]), _hoisted_1$a = { class: "back-button ire-group/button ire-flex ire-w-fit ire-cursor-pointer ire-items-center ire-gap-1 ire-rounded-lg ire-border ire-bg-gray-50 ire-px-4 ire-py-2 ire-shadow-sm ire-transition-all hover:ire-bg-black lg:ire-px-5 lg:ire-py-2" }, _hoisted_2$6 = { class: "back-button-text !ire-text-sm ire-text-black group-hover/button:!ire-text-white lg:!ire-text-balance" }, _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "BackButton",
   setup(Le) {
     return (_e, ke) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
       createVNode(ArrowRight, { class: "ire-w-6 ire-rotate-180 group-hover/button:[&_path]:ire-fill-white" }),
-      createElementVNode("div", _hoisted_2$5, toDisplayString(unref(tr)("back")), 1)
+      createElementVNode("div", _hoisted_2$6, toDisplayString(unref(tr)("back")), 1)
     ]));
   }
-}), _hoisted_1$9 = { class: "ire-w-fit ire-bg-white" }, _hoisted_2$4 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3$4 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$c = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$9 = { class: "ire-w-fit ire-bg-white" }, _hoisted_2$5 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3$5 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FloorPreview",
   props: {
     flats: {},
@@ -1032,153 +1056,156 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_ren
   },
   emits: ["changeComponent"],
   setup(Le, { emit: _e }) {
-    const ke = _e, De = Le, $e = useGlobalStore(), Re = inject("showFlatModal"), Be = ref(), Ne = ref(null), Ae = ref(), ze = ref(null), je = ref(), Ve = ref(), Fe = computed$1(() => {
+    const ke = _e, De = Le, $e = inject("showFlatModal"), Re = useGlobalStore(), { openReservedFlat: Be, openSoldFlat: Ne } = storeToRefs(Re), ze = ref(), Ae = ref(null), Ie = ref(), je = ref(null), Fe = ref(), Ve = ref(), He = computed$1(() => {
       var qe;
       if ((qe = De.floor) != null && qe.svg)
         return De.floor.svg;
-    }), Ie = computed$1(() => De.floors.filter(
+    }), We = computed$1(() => De.floors.filter(
       (qe) => {
-        var Ze, Ue;
+        var Ue, Qe;
         return (
           // floorItem.conf !== "reserved" &&
           // floorItem.conf !== "sold" &&
-          (Ze = De.floor) != null && Ze.block_id ? (qe == null ? void 0 : qe.block_id) === ((Ue = De.floor) == null ? void 0 : Ue.block_id) : !(qe != null && qe.block_id)
+          (Ue = De.floor) != null && Ue.block_id ? (qe == null ? void 0 : qe.block_id) === ((Qe = De.floor) == null ? void 0 : Qe.block_id) : !(qe != null && qe.block_id)
         );
       }
     ).map((qe) => {
-      var Ue, Ge;
-      const Ze = (Ue = De.blocks) == null ? void 0 : Ue.find(
-        (Qe) => {
-          var Je;
-          return (Qe == null ? void 0 : Qe.id) === ((Je = qe == null ? void 0 : qe.block_id) == null ? void 0 : Je.toString());
+      var Qe, Je;
+      const Ue = (Qe = De.blocks) == null ? void 0 : Qe.find(
+        (Ge) => {
+          var ei;
+          return (Ge == null ? void 0 : Ge.id) === ((ei = qe == null ? void 0 : qe.block_id) == null ? void 0 : ei.toString());
         }
       );
       return {
-        title: ((Ge = qe == null ? void 0 : qe.floor_number) == null ? void 0 : Ge.toString()) + ` ${tr("floor")} ` + (Ze != null && Ze.id ? ` - ${Ze == null ? void 0 : Ze.title}` : "") + (qe != null && qe.conf ? " " + qe.conf : ""),
+        title: ((Je = qe == null ? void 0 : qe.floor_number) == null ? void 0 : Je.toString()) + ` ${tr("floor")} ` + (Ue != null && Ue.id ? ` - ${Ue == null ? void 0 : Ue.title}` : "") + (qe != null && qe.conf ? " " + qe.conf : ""),
         value: qe == null ? void 0 : qe.id
       };
-    }).sort((qe, Ze) => +(qe == null ? void 0 : qe.title) - +(Ze == null ? void 0 : Ze.title)) || []), He = (qe) => {
-      const Ze = qe.target;
-      Ze && (Ne.value = Ze);
-    }, We = (qe) => {
-      var Ue, Ge, Qe;
-      const Ze = qe.target;
-      (Ze == null ? void 0 : Ze.nodeName) === "path" && (ze.value && "conf" in ze.value && (((Ue = ze.value) == null ? void 0 : Ue.conf) === "sold" || ((Ge = ze.value) == null ? void 0 : Ge.conf) === "reserved") || ke("changeComponent", ((Qe = Ae.value) == null ? void 0 : Qe.type) || "", ze.value));
-    }, Xe = () => {
+    }).sort((qe, Ue) => +(qe == null ? void 0 : qe.title) - +(Ue == null ? void 0 : Ue.title)) || []), Xe = (qe) => {
+      const Ue = qe.target;
+      Ue && (Ae.value = Ue);
+    }, Ye = (qe) => {
+      var Qe, Je, Ge;
+      const Ue = qe.target;
+      (Ue == null ? void 0 : Ue.nodeName) === "path" && (je.value && "conf" in je.value && (((Qe = je.value) == null ? void 0 : Qe.conf) === "reserved" && !Be.value || ((Je = je.value) == null ? void 0 : Je.conf) === "sold" && !Ne.value) || ke("changeComponent", ((Ge = Ie.value) == null ? void 0 : Ge.type) || "", je.value));
+    }, Ze = () => {
       var qe;
-      Be.value && ((qe = Be.value) == null ? void 0 : qe.querySelectorAll("g")).forEach((Ue) => {
-        var Je, Ke, ei, ii, ti, ni;
-        const Ge = Ue == null ? void 0 : Ue.getAttribute("id"), Qe = (Ke = (Je = De.floor) == null ? void 0 : Je.polygon_data) == null ? void 0 : Ke.find(
-          (oi) => (oi == null ? void 0 : oi.key) === Ge
+      ze.value && ((qe = ze.value) == null ? void 0 : qe.querySelectorAll("g")).forEach((Qe) => {
+        var ei, ii, oi, ni, ti, si;
+        const Je = Qe == null ? void 0 : Qe.getAttribute("id"), Ge = (ii = (ei = De.floor) == null ? void 0 : ei.polygon_data) == null ? void 0 : ii.find(
+          (ai) => (ai == null ? void 0 : ai.key) === Je
         );
         if (De.flats)
-          if ((ei = De.floor) != null && ei.conf)
-            Ue.setAttribute("conf", ((ii = De.floor) == null ? void 0 : ii.conf) || "");
+          if ((oi = De.floor) != null && oi.conf)
+            Qe.setAttribute("conf", ((ni = De.floor) == null ? void 0 : ni.conf) || "");
           else {
-            const oi = (ti = De.flats) == null ? void 0 : ti.find(
-              (si) => (si == null ? void 0 : si.id) === (Qe == null ? void 0 : Qe.id)
+            const ai = (ti = De.flats) == null ? void 0 : ti.find(
+              (ri) => (ri == null ? void 0 : ri.id) === (Ge == null ? void 0 : Ge.id)
             );
-            Ue == null || Ue.setAttribute("conf", ((ni = oi == null ? void 0 : oi.conf) == null ? void 0 : ni.toString()) || "");
+            Qe == null || Qe.setAttribute("conf", ((si = ai == null ? void 0 : ai.conf) == null ? void 0 : si.toString()) || "");
           }
       });
-    }, Ye = () => {
+    }, Ke = () => {
       var qe;
       (qe = De.floor) != null && qe.block_id ? ke("changeComponent", "block", Ve.value) : ke("changeComponent", "project", null);
     };
     return watch(
-      () => Ne.value,
+      () => Ae.value,
       (qe) => {
-        var Ue, Ge, Qe, Je, Ke, ei;
+        var Qe, Je, Ge, ei, ii, oi, ni;
         if (!qe) return;
-        $e.hoverdSvg = qe;
-        const Ze = qe == null ? void 0 : qe.parentElement;
-        if (Ze && (Ze == null ? void 0 : Ze.nodeName) === "g") {
-          const ii = Ze.getAttribute("id");
-          if (!ii || (Ae.value = ((Ge = (Ue = De.floor) == null ? void 0 : Ue.polygon_data) == null ? void 0 : Ge.find((ti) => (ti == null ? void 0 : ti.key) === ii)) || null, !Ae.value)) return;
-          if (((Qe = Ae.value) == null ? void 0 : Qe.type) === "flat") {
-            const ti = (Je = De.flats) == null ? void 0 : Je.find(
-              (ni) => {
-                var oi;
-                return (ni == null ? void 0 : ni.id) === ((oi = Ae.value) == null ? void 0 : oi.id);
+        Re.hoverdSvg = qe;
+        const Ue = qe == null ? void 0 : qe.parentElement;
+        if (Ue && (Ue == null ? void 0 : Ue.nodeName) === "g") {
+          const ti = Ue.getAttribute("id");
+          if (!ti || (Ie.value = ((Je = (Qe = De.floor) == null ? void 0 : Qe.polygon_data) == null ? void 0 : Je.find((si) => (si == null ? void 0 : si.key) === ti)) || null, !Ie.value)) return;
+          if (((Ge = Ie.value) == null ? void 0 : Ge.type) === "flat") {
+            const si = (ei = De.flats) == null ? void 0 : ei.find(
+              (ri) => {
+                var li;
+                return (ri == null ? void 0 : ri.id) === ((li = Ie.value) == null ? void 0 : li.id);
               }
-            );
-            ze.value = ti ?? null;
-          } else if (((Ke = Ae.value) == null ? void 0 : Ke.type) === "tooltip") {
-            const ti = (ei = De.actions) == null ? void 0 : ei.find(
-              (ni) => {
-                var oi;
-                return (ni == null ? void 0 : ni.id) === ((oi = Ae.value) == null ? void 0 : oi.id);
+            ), ai = si ? {
+              ...si,
+              conf: si.conf || ((ii = De.floor) == null ? void 0 : ii.conf) || ""
+            } : null;
+            je.value = ai;
+          } else if (((oi = Ie.value) == null ? void 0 : oi.type) === "tooltip") {
+            const si = (ni = De.actions) == null ? void 0 : ni.find(
+              (ai) => {
+                var ri;
+                return (ai == null ? void 0 : ai.id) === ((ri = Ie.value) == null ? void 0 : ri.id);
               }
             );
-            ze.value = ti ?? null;
+            je.value = si ?? null;
           } else
-            ze.value = null;
+            je.value = null;
         } else
-          Ae.value = null;
+          Ie.value = null;
       }
     ), watch(
-      () => Re == null ? void 0 : Re.value,
+      () => $e == null ? void 0 : $e.value,
       () => {
-        Re != null && Re.value || (Ne.value = null, Ae.value = null);
+        $e != null && $e.value || (Ae.value = null, Ie.value = null);
       }
     ), watch(
-      () => je.value,
+      () => Fe.value,
       () => {
-        var Ze;
-        const qe = (Ze = De.floors) == null ? void 0 : Ze.find(
-          (Ue) => (Ue == null ? void 0 : Ue.id) === (je == null ? void 0 : je.value)
+        var Ue;
+        const qe = (Ue = De.floors) == null ? void 0 : Ue.find(
+          (Qe) => (Qe == null ? void 0 : Qe.id) === (Fe == null ? void 0 : Fe.value)
         );
-        qe != null && qe.conf || (qe && ke("changeComponent", "floor", qe), setTimeout(() => {
-          Xe();
-        }, 0));
+        qe && ke("changeComponent", "floor", qe), setTimeout(() => {
+          Ze();
+        }, 0);
       }
     ), onMounted(() => {
-      var qe, Ze, Ue;
+      var qe, Ue, Qe;
       Ve.value = (qe = De.blocks) == null ? void 0 : qe.find(
-        (Ge) => {
-          var Qe, Je;
-          return (Ge == null ? void 0 : Ge.id) === ((Je = (Qe = De.floor) == null ? void 0 : Qe.block_id) == null ? void 0 : Je.toString());
+        (Je) => {
+          var Ge, ei;
+          return (Je == null ? void 0 : Je.id) === ((ei = (Ge = De.floor) == null ? void 0 : Ge.block_id) == null ? void 0 : ei.toString());
         }
-      ), je.value = (Ue = (Ze = Ie.value) == null ? void 0 : Ze.find(
-        (Ge) => {
-          var Qe;
-          return (Ge == null ? void 0 : Ge.value) == ((Qe = De.floor) == null ? void 0 : Qe.id);
+      ), Fe.value = (Qe = (Ue = We.value) == null ? void 0 : Ue.find(
+        (Je) => {
+          var Ge;
+          return (Je == null ? void 0 : Je.value) == ((Ge = De.floor) == null ? void 0 : Ge.id);
         }
-      )) == null ? void 0 : Ue.value, Xe(), document.addEventListener("mousemove", He);
+      )) == null ? void 0 : Qe.value, Ze(), document.addEventListener("mousemove", Xe);
     }), onUnmounted(() => {
-      document.removeEventListener("mousemove", He);
-    }), (qe, Ze) => {
-      var Ue;
-      return openBlock(), createBlock(_sfc_main$h, {
-        hoverdData: ze.value,
-        type: (Ue = Ae.value) == null ? void 0 : Ue.type
+      document.removeEventListener("mousemove", Xe);
+    }), (qe, Ue) => {
+      var Qe;
+      return openBlock(), createBlock(_sfc_main$i, {
+        hoverdData: je.value,
+        type: (Qe = Ie.value) == null ? void 0 : Qe.type
       }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$d, { onClick: Ye }),
+          createVNode(_sfc_main$e, { onClick: Ke }),
           createElementVNode("div", _hoisted_1$9, [
-            createVNode(_sfc_main$f, {
-              modelValue: je.value,
-              "onUpdate:modelValue": Ze[0] || (Ze[0] = (Ge) => je.value = Ge),
-              data: Ie.value
+            createVNode(_sfc_main$g, {
+              modelValue: Fe.value,
+              "onUpdate:modelValue": Ue[0] || (Ue[0] = (Je) => Fe.value = Je),
+              data: We.value
             }, null, 8, ["modelValue", "data"])
           ])
         ]),
         default: withCtx(() => {
-          var Ge, Qe, Je;
+          var Je, Ge, ei;
           return [
-            createElementVNode("div", _hoisted_2$4, [
+            createElementVNode("div", _hoisted_2$5, [
               createElementVNode("img", {
-                src: ((Je = (Qe = (Ge = qe.floor) == null ? void 0 : Ge.floor_image) == null ? void 0 : Qe[0]) == null ? void 0 : Je.url) || "",
+                src: ((ei = (Ge = (Je = qe.floor) == null ? void 0 : Je.floor_image) == null ? void 0 : Ge[0]) == null ? void 0 : ei.url) || "",
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
-              }, null, 8, _hoisted_3$4),
+              }, null, 8, _hoisted_3$5),
               (openBlock(), createElementBlock("div", {
                 ref_key: "svgRef",
-                ref: Be,
-                innerHTML: Fe.value,
-                key: Fe.value,
+                ref: ze,
+                innerHTML: He.value,
+                key: He.value,
                 class: "canvas ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full [&_g[conf=reserved]_path]:ire-fill-[var(--reserved-color)] [&_g[conf=sold]_path]:ire-fill-[var(--sold-color)] [&_path]:ire-cursor-pointer [&_path]:ire-fill-[var(--path-color)] [&_path]:!ire-transition-all hover:[&_path]:ire-fill-[var(--path-hover-color)] [&_svg]:ire-h-full [&_svg]:ire-w-full",
-                onClick: We
+                onClick: Ye
               }, null, 8, _hoisted_4$3))
             ])
           ];
@@ -1187,48 +1214,19 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_ren
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _sfc_main$b = {}, _hoisted_1$8 = {
+}), _sfc_main$c = {}, _hoisted_1$8 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$3(Le, _e) {
+function _sfc_render$2(Le, _e) {
   return openBlock(), createElementBlock("svg", _hoisted_1$8, _e[0] || (_e[0] = [
     createStaticVNode('<path d="M5.25 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 8.25H8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 20.25H9" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.75 15V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 20.25H15C15.1989 20.25 15.3897 20.171 15.5303 20.0303C15.671 19.8897 15.75 19.6989 15.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 8.25H15C15.1989 8.25 15.3897 8.32902 15.5303 8.46967C15.671 8.61032 15.75 8.80109 15.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.25 8.25H4.5C4.30109 8.25 4.11032 8.32902 3.96967 8.46967C3.82902 8.61032 3.75 8.80109 3.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75H19.5C19.6989 15.75 19.8897 15.671 20.0303 15.5303C20.171 15.3897 20.25 15.1989 20.25 15V4.5C20.25 4.30109 20.171 4.11032 20.0303 3.96967C19.8897 3.82902 19.6989 3.75 19.5 3.75H9C8.80109 3.75 8.61032 3.82902 8.46967 3.96967C8.32902 4.11032 8.25 4.30109 8.25 4.5V8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>', 9)
   ]));
 }
-const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$3]]), _sfc_main$a = {}, _hoisted_1$7 = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function _sfc_render$2(Le, _e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _e[0] || (_e[0] = [
-    createElementVNode("path", {
-      d: "M21 16.622V7.37824C20.9993 7.24472 20.9634 7.11375 20.8959 6.99853C20.8284 6.88331 20.7317 6.78793 20.6156 6.72199L12.3656 2.08137C12.2545 2.01719 12.1284 1.9834 12 1.9834C11.8716 1.9834 11.7455 2.01719 11.6344 2.08137L3.38437 6.72199C3.26827 6.78793 3.1716 6.88331 3.10411 6.99853C3.03663 7.11375 3.00072 7.24472 3 7.37824V16.622C3.00072 16.7555 3.03663 16.8865 3.10411 17.0017C3.1716 17.1169 3.26827 17.2123 3.38437 17.2782L11.6344 21.9189C11.7455 21.983 11.8716 22.0168 12 22.0168C12.1284 22.0168 12.2545 21.983 12.3656 21.9189L20.6156 17.2782C20.7317 17.2123 20.8284 17.1169 20.8959 17.0017C20.9634 16.8865 20.9993 16.7555 21 16.622V16.622Z",
-      stroke: "#222222",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, null, -1),
-    createElementVNode("path", {
-      d: "M20.8953 6.99365L12.0828 11.9999L3.10156 6.99365",
-      stroke: "#222222",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, null, -1),
-    createElementVNode("path", {
-      d: "M12.0844 12L12 22.0125",
-      stroke: "#222222",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
-    }, null, -1)
-  ]));
-}
-const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$2]]), t = (Le, _e = 1e4) => (Le = parseFloat(Le + "") || 0, Math.round((Le + Number.EPSILON) * _e) / _e), e = function(Le) {
+const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$2]]), t = (Le, _e = 1e4) => (Le = parseFloat(Le + "") || 0, Math.round((Le + Number.EPSILON) * _e) / _e), e = function(Le) {
   if (!(Le && Le instanceof Element && Le.offsetParent)) return !1;
   const _e = Le.scrollHeight > Le.clientHeight, ke = window.getComputedStyle(Le).overflowY, De = ke.indexOf("hidden") !== -1, $e = ke.indexOf("visible") !== -1;
   return _e && !De && !$e;
@@ -1517,8 +1515,8 @@ class I extends g {
         Ne = De - Be < 0.5 * (ke - Be) ? ke : Be;
         break;
       case "iterateZoom":
-        let Ae = [1, ke, Re].sort((je, Ve) => je - Ve), ze = Ae.findIndex((je) => je > De + 1e-5);
-        Ne = Ae[ze] || 1;
+        let ze = [1, ke, Re].sort((Ie, je) => Ie - je), Ae = ze.findIndex((Ie) => Ie > De + 1e-5);
+        Ne = ze[Ae] || 1;
     }
     return Ne;
   }
@@ -1557,9 +1555,9 @@ class I extends g {
     for (const _e of v) _e === "e" && this.isBouncingX || _e === "f" && this.isBouncingY || (this.velocity[_e] = (1 / (1 - this.friction) - 1) * (this.target[_e] - this.current[_e]));
   }
   checkBounds(_e = 0, ke = 0) {
-    const { current: De } = this, $e = De.e + _e, Re = De.f + ke, Be = this.getBounds(), { x: Ne, y: Ae } = Be, ze = Ne.min, je = Ne.max, Ve = Ae.min, Fe = Ae.max;
-    let Ie = 0, He = 0;
-    return ze !== 1 / 0 && $e < ze ? Ie = ze - $e : je !== 1 / 0 && $e > je && (Ie = je - $e), Ve !== 1 / 0 && Re < Ve ? He = Ve - Re : Fe !== 1 / 0 && Re > Fe && (He = Fe - Re), Math.abs(Ie) < 1e-4 && (Ie = 0), Math.abs(He) < 1e-4 && (He = 0), Object.assign(Object.assign({}, Be), { xDiff: Ie, yDiff: He, inBounds: !Ie && !He });
+    const { current: De } = this, $e = De.e + _e, Re = De.f + ke, Be = this.getBounds(), { x: Ne, y: ze } = Be, Ae = Ne.min, Ie = Ne.max, je = ze.min, Fe = ze.max;
+    let Ve = 0, He = 0;
+    return Ae !== 1 / 0 && $e < Ae ? Ve = Ae - $e : Ie !== 1 / 0 && $e > Ie && (Ve = Ie - $e), je !== 1 / 0 && Re < je ? He = je - Re : Fe !== 1 / 0 && Re > Fe && (He = Fe - Re), Math.abs(Ve) < 1e-4 && (Ve = 0), Math.abs(He) < 1e-4 && (He = 0), Object.assign(Object.assign({}, Be), { xDiff: Ve, yDiff: He, inBounds: !Ve && !He });
   }
   clampTargetBounds() {
     const { target: _e } = this, { x: ke, y: De } = this.getBounds();
@@ -1567,18 +1565,18 @@ class I extends g {
   }
   calculateContentDim(_e = this.current) {
     const { content: ke, contentRect: De } = this, { fitWidth: $e, fitHeight: Re, fullWidth: Be, fullHeight: Ne } = De;
-    let Ae = Be, ze = Ne;
+    let ze = Be, Ae = Ne;
     if (this.option("zoom") || this.angle !== 0) {
-      const je = !(ke instanceof HTMLImageElement) && (window.getComputedStyle(ke).maxWidth === "none" || window.getComputedStyle(ke).maxHeight === "none"), Ve = je ? Be : $e, Fe = je ? Ne : Re, Ie = this.getMatrix(_e), He = new DOMPoint(0, 0).matrixTransform(Ie), We = new DOMPoint(0 + Ve, 0).matrixTransform(Ie), Xe = new DOMPoint(0 + Ve, 0 + Fe).matrixTransform(Ie), Ye = new DOMPoint(0, 0 + Fe).matrixTransform(Ie), qe = Math.abs(Xe.x - He.x), Ze = Math.abs(Xe.y - He.y), Ue = Math.abs(Ye.x - We.x), Ge = Math.abs(Ye.y - We.y);
-      Ae = Math.max(qe, Ue), ze = Math.max(Ze, Ge);
+      const Ie = !(ke instanceof HTMLImageElement) && (window.getComputedStyle(ke).maxWidth === "none" || window.getComputedStyle(ke).maxHeight === "none"), je = Ie ? Be : $e, Fe = Ie ? Ne : Re, Ve = this.getMatrix(_e), He = new DOMPoint(0, 0).matrixTransform(Ve), We = new DOMPoint(0 + je, 0).matrixTransform(Ve), Xe = new DOMPoint(0 + je, 0 + Fe).matrixTransform(Ve), Ye = new DOMPoint(0, 0 + Fe).matrixTransform(Ve), Ze = Math.abs(Xe.x - He.x), Ke = Math.abs(Xe.y - He.y), qe = Math.abs(Ye.x - We.x), Ue = Math.abs(Ye.y - We.y);
+      ze = Math.max(Ze, qe), Ae = Math.max(Ke, Ue);
     }
-    return { contentWidth: Ae, contentHeight: ze };
+    return { contentWidth: ze, contentHeight: Ae };
   }
   setEdgeForce() {
     if (this.ignoreBounds || this.isDragging || this.panMode === O || this.targetScale < this.scale) return this.isBouncingX = !1, void (this.isBouncingY = !1);
     const { target: _e } = this, { x: ke, y: De, xDiff: $e, yDiff: Re } = this.checkBounds(), Be = this.option("maxVelocity");
-    let Ne = this.velocity.e, Ae = this.velocity.f;
-    $e !== 0 ? (this.isBouncingX = !0, $e * Ne <= 0 ? Ne += 0.14 * $e : (Ne = 0.14 * $e, ke.min !== 1 / 0 && (this.target.e = Math.max(_e.e, ke.min)), ke.max !== 1 / 0 && (this.target.e = Math.min(_e.e, ke.max))), Be && (Ne = Math.max(Math.min(Ne, Be), -1 * Be))) : this.isBouncingX = !1, Re !== 0 ? (this.isBouncingY = !0, Re * Ae <= 0 ? Ae += 0.14 * Re : (Ae = 0.14 * Re, De.min !== 1 / 0 && (this.target.f = Math.max(_e.f, De.min)), De.max !== 1 / 0 && (this.target.f = Math.min(_e.f, De.max))), Be && (Ae = Math.max(Math.min(Ae, Be), -1 * Be))) : this.isBouncingY = !1, this.isBouncingX && (this.velocity.e = Ne), this.isBouncingY && (this.velocity.f = Ae);
+    let Ne = this.velocity.e, ze = this.velocity.f;
+    $e !== 0 ? (this.isBouncingX = !0, $e * Ne <= 0 ? Ne += 0.14 * $e : (Ne = 0.14 * $e, ke.min !== 1 / 0 && (this.target.e = Math.max(_e.e, ke.min)), ke.max !== 1 / 0 && (this.target.e = Math.min(_e.e, ke.max))), Be && (Ne = Math.max(Math.min(Ne, Be), -1 * Be))) : this.isBouncingX = !1, Re !== 0 ? (this.isBouncingY = !0, Re * ze <= 0 ? ze += 0.14 * Re : (ze = 0.14 * Re, De.min !== 1 / 0 && (this.target.f = Math.max(_e.f, De.min)), De.max !== 1 / 0 && (this.target.f = Math.min(_e.f, De.max))), Be && (ze = Math.max(Math.min(ze, Be), -1 * Be))) : this.isBouncingY = !1, this.isBouncingX && (this.velocity.e = Ne), this.isBouncingY && (this.velocity.f = ze);
   }
   enable() {
     const { content: _e } = this, ke = new DOMMatrixReadOnly(window.getComputedStyle(_e).transform);
@@ -1592,16 +1590,16 @@ class I extends g {
     if (!De || _e.defaultPrevented) return;
     if (De.hasAttribute("disabled")) return _e.preventDefault(), void _e.stopPropagation();
     if ((() => {
-      const Ie = window.getSelection();
-      return Ie && Ie.type === "Range";
+      const Ve = window.getSelection();
+      return Ve && Ve.type === "Range";
     })() && !De.closest("button")) return;
     const $e = De.closest("[data-panzoom-action]"), Re = De.closest("[data-panzoom-change]"), Be = $e || Re, Ne = Be && E(Be) ? Be.dataset : null;
     if (Ne) {
-      const Ie = Ne.panzoomChange, He = Ne.panzoomAction;
-      if ((Ie || He) && _e.preventDefault(), Ie) {
+      const Ve = Ne.panzoomChange, He = Ne.panzoomAction;
+      if ((Ve || He) && _e.preventDefault(), Ve) {
         let We = {};
         try {
-          We = JSON.parse(Ie);
+          We = JSON.parse(Ve);
         } catch {
           console && console.warn("The given data was not valid JSON");
         }
@@ -1611,15 +1609,15 @@ class I extends g {
     }
     if (Math.abs(this.dragOffset.x) > 3 || Math.abs(this.dragOffset.y) > 3) return _e.preventDefault(), void _e.stopPropagation();
     if (De.closest("[data-fancybox]")) return;
-    const Ae = this.content.getBoundingClientRect(), ze = this.dragStart;
-    if (ze.time && !this.canZoomOut() && (Math.abs(Ae.x - ze.x) > 2 || Math.abs(Ae.y - ze.y) > 2)) return;
+    const ze = this.content.getBoundingClientRect(), Ae = this.dragStart;
+    if (Ae.time && !this.canZoomOut() && (Math.abs(ze.x - Ae.x) > 2 || Math.abs(ze.y - Ae.y) > 2)) return;
     this.dragStart.time = 0;
-    const je = (Ie) => {
-      this.option("zoom", _e) && Ie && typeof Ie == "string" && /(iterateZoom)|(toggle(Zoom|Full|Cover|Max)|(zoomTo(Fit|Cover|Max)))/.test(Ie) && typeof this[Ie] == "function" && (_e.preventDefault(), this[Ie]({ event: _e }));
-    }, Ve = this.option("click", _e), Fe = this.option("dblClick", _e);
+    const Ie = (Ve) => {
+      this.option("zoom", _e) && Ve && typeof Ve == "string" && /(iterateZoom)|(toggle(Zoom|Full|Cover|Max)|(zoomTo(Fit|Cover|Max)))/.test(Ve) && typeof this[Ve] == "function" && (_e.preventDefault(), this[Ve]({ event: _e }));
+    }, je = this.option("click", _e), Fe = this.option("dblClick", _e);
     Fe ? (this.clicks++, this.clicks == 1 && (this.clickTimer = setTimeout(() => {
-      this.clicks === 1 ? (this.emit("click", _e), !_e.defaultPrevented && Ve && je(Ve)) : (this.emit("dblClick", _e), _e.defaultPrevented || je(Fe)), this.clicks = 0, this.clickTimer = null;
-    }, 350))) : (this.emit("click", _e), !_e.defaultPrevented && Ve && je(Ve));
+      this.clicks === 1 ? (this.emit("click", _e), !_e.defaultPrevented && je && Ie(je)) : (this.emit("dblClick", _e), _e.defaultPrevented || Ie(Fe)), this.clicks = 0, this.clickTimer = null;
+    }, 350))) : (this.emit("click", _e), !_e.defaultPrevented && je && Ie(je));
   }
   addTrackingPoint(_e) {
     const ke = this.trackingPoints.filter((De) => De.time > Date.now() - 100);
@@ -1645,26 +1643,26 @@ class I extends g {
     if (this.option("touch", _e) === !1 || !this.isDragging || ke.length < 2 && this.panOnlyZoomed && t(this.targetScale) <= t(this.minScale) || (this.emit("touchMove", _e), _e.defaultPrevented)) return;
     this.addTrackingPoint(ke[0]);
     const { content: $e } = this, Re = h(De[0], De[1]), Be = h(ke[0], ke[1]);
-    let Ne = 0, Ae = 0;
+    let Ne = 0, ze = 0;
     if (ke.length > 1) {
-      const Ze = $e.getBoundingClientRect();
-      Ne = Re.clientX - Ze.left - 0.5 * Ze.width, Ae = Re.clientY - Ze.top - 0.5 * Ze.height;
+      const Ke = $e.getBoundingClientRect();
+      Ne = Re.clientX - Ke.left - 0.5 * Ke.width, ze = Re.clientY - Ke.top - 0.5 * Ke.height;
     }
-    const ze = c(De[0], De[1]), je = c(ke[0], ke[1]);
-    let Ve = ze ? je / ze : 1, Fe = Be.clientX - Re.clientX, Ie = Be.clientY - Re.clientY;
-    this.dragOffset.x += Fe, this.dragOffset.y += Ie, this.dragOffset.time = Date.now() - this.dragStart.time;
+    const Ae = c(De[0], De[1]), Ie = c(ke[0], ke[1]);
+    let je = Ae ? Ie / Ae : 1, Fe = Be.clientX - Re.clientX, Ve = Be.clientY - Re.clientY;
+    this.dragOffset.x += Fe, this.dragOffset.y += Ve, this.dragOffset.time = Date.now() - this.dragStart.time;
     let He = t(this.targetScale) === t(this.minScale) && this.option("lockAxis");
     if (He && !this.lockedAxis) if (He === "xy" || He === "y" || _e.type === "touchmove") {
       if (Math.abs(this.dragOffset.x) < 6 && Math.abs(this.dragOffset.y) < 6) return void _e.preventDefault();
-      const Ze = Math.abs(180 * Math.atan2(this.dragOffset.y, this.dragOffset.x) / Math.PI);
-      this.lockedAxis = Ze > 45 && Ze < 135 ? "y" : "x", this.dragOffset.x = 0, this.dragOffset.y = 0, Fe = 0, Ie = 0;
+      const Ke = Math.abs(180 * Math.atan2(this.dragOffset.y, this.dragOffset.x) / Math.PI);
+      this.lockedAxis = Ke > 45 && Ke < 135 ? "y" : "x", this.dragOffset.x = 0, this.dragOffset.y = 0, Fe = 0, Ve = 0;
     } else this.lockedAxis = He;
     if (i(_e.target, this.content) && (He = "x", this.dragOffset.y = 0), He && He !== "xy" && this.lockedAxis !== He && t(this.targetScale) === t(this.minScale)) return;
     _e.cancelable && _e.preventDefault(), this.container.classList.add(this.cn("isDragging"));
-    const We = this.checkBounds(Fe, Ie);
-    this.option("rubberband") ? (this.isInfinite !== "x" && (We.xDiff > 0 && Fe < 0 || We.xDiff < 0 && Fe > 0) && (Fe *= Math.max(0, 0.5 - Math.abs(0.75 / this.contentRect.fitWidth * We.xDiff))), this.isInfinite !== "y" && (We.yDiff > 0 && Ie < 0 || We.yDiff < 0 && Ie > 0) && (Ie *= Math.max(0, 0.5 - Math.abs(0.75 / this.contentRect.fitHeight * We.yDiff)))) : (We.xDiff && (Fe = 0), We.yDiff && (Ie = 0));
-    const Xe = this.targetScale, Ye = this.minScale, qe = this.maxScale;
-    Xe < 0.5 * Ye && (Ve = Math.max(Ve, Ye)), Xe > 1.5 * qe && (Ve = Math.min(Ve, qe)), this.lockedAxis === "y" && t(Xe) === t(Ye) && (Fe = 0), this.lockedAxis === "x" && t(Xe) === t(Ye) && (Ie = 0), this.applyChange({ originX: Ne, originY: Ae, panX: Fe, panY: Ie, scale: Ve, friction: this.option("dragFriction"), ignoreBounds: !0 });
+    const We = this.checkBounds(Fe, Ve);
+    this.option("rubberband") ? (this.isInfinite !== "x" && (We.xDiff > 0 && Fe < 0 || We.xDiff < 0 && Fe > 0) && (Fe *= Math.max(0, 0.5 - Math.abs(0.75 / this.contentRect.fitWidth * We.xDiff))), this.isInfinite !== "y" && (We.yDiff > 0 && Ve < 0 || We.yDiff < 0 && Ve > 0) && (Ve *= Math.max(0, 0.5 - Math.abs(0.75 / this.contentRect.fitHeight * We.yDiff)))) : (We.xDiff && (Fe = 0), We.yDiff && (Ve = 0));
+    const Xe = this.targetScale, Ye = this.minScale, Ze = this.maxScale;
+    Xe < 0.5 * Ye && (je = Math.max(je, Ye)), Xe > 1.5 * Ze && (je = Math.min(je, Ze)), this.lockedAxis === "y" && t(Xe) === t(Ye) && (Fe = 0), this.lockedAxis === "x" && t(Xe) === t(Ye) && (Ve = 0), this.applyChange({ originX: Ne, originY: ze, panX: Fe, panY: Ve, scale: je, friction: this.option("dragFriction"), ignoreBounds: !0 });
   }
   onPointerUp(_e, ke, De) {
     if (De.length) return this.dragOffset.x = 0, this.dragOffset.y = 0, void (this.trackingPoints = []);
@@ -1674,23 +1672,23 @@ class I extends g {
     var _e;
     const ke = this.isScaling;
     this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.isBouncingX = !1, this.isBouncingY = !1;
-    for (const Ze of v) this.velocity[Ze] = 0;
+    for (const Ke of v) this.velocity[Ke] = 0;
     this.target.e = this.current.e, this.target.f = this.current.f, S(this.container, "is-scaling"), S(this.container, "is-animating"), this.isTicking = !1;
     const { trackingPoints: De } = this, $e = De[0], Re = De[De.length - 1];
-    let Be = 0, Ne = 0, Ae = 0;
-    Re && $e && (Be = Re.clientX - $e.clientX, Ne = Re.clientY - $e.clientY, Ae = Re.time - $e.time);
-    const ze = ((_e = window.visualViewport) === null || _e === void 0 ? void 0 : _e.scale) || 1;
-    ze !== 1 && (Be *= ze, Ne *= ze);
-    let je = 0, Ve = 0, Fe = 0, Ie = 0, He = this.option("decelFriction");
+    let Be = 0, Ne = 0, ze = 0;
+    Re && $e && (Be = Re.clientX - $e.clientX, Ne = Re.clientY - $e.clientY, ze = Re.time - $e.time);
+    const Ae = ((_e = window.visualViewport) === null || _e === void 0 ? void 0 : _e.scale) || 1;
+    Ae !== 1 && (Be *= Ae, Ne *= Ae);
+    let Ie = 0, je = 0, Fe = 0, Ve = 0, He = this.option("decelFriction");
     const We = this.targetScale;
-    if (Ae > 0) {
-      Fe = Math.abs(Be) > 3 ? Be / (Ae / 30) : 0, Ie = Math.abs(Ne) > 3 ? Ne / (Ae / 30) : 0;
-      const Ze = this.option("maxVelocity");
-      Ze && (Fe = Math.max(Math.min(Fe, Ze), -1 * Ze), Ie = Math.max(Math.min(Ie, Ze), -1 * Ze));
+    if (ze > 0) {
+      Fe = Math.abs(Be) > 3 ? Be / (ze / 30) : 0, Ve = Math.abs(Ne) > 3 ? Ne / (ze / 30) : 0;
+      const Ke = this.option("maxVelocity");
+      Ke && (Fe = Math.max(Math.min(Fe, Ke), -1 * Ke), Ve = Math.max(Math.min(Ve, Ke), -1 * Ke));
     }
-    Fe && (je = Fe / (1 / (1 - He) - 1)), Ie && (Ve = Ie / (1 / (1 - He) - 1)), (this.option("lockAxis") === "y" || this.option("lockAxis") === "xy" && this.lockedAxis === "y" && t(We) === this.minScale) && (je = Fe = 0), (this.option("lockAxis") === "x" || this.option("lockAxis") === "xy" && this.lockedAxis === "x" && t(We) === this.minScale) && (Ve = Ie = 0);
-    const Xe = this.dragOffset.x, Ye = this.dragOffset.y, qe = this.option("dragMinThreshold") || 0;
-    Math.abs(Xe) < qe && Math.abs(Ye) < qe && (je = Ve = 0, Fe = Ie = 0), (this.option("zoom") && (We < this.minScale - 1e-5 || We > this.maxScale + 1e-5) || ke && !je && !Ve) && (He = 0.35), this.applyChange({ panX: je, panY: Ve, friction: He }), this.emit("decel", Fe, Ie, Xe, Ye);
+    Fe && (Ie = Fe / (1 / (1 - He) - 1)), Ve && (je = Ve / (1 / (1 - He) - 1)), (this.option("lockAxis") === "y" || this.option("lockAxis") === "xy" && this.lockedAxis === "y" && t(We) === this.minScale) && (Ie = Fe = 0), (this.option("lockAxis") === "x" || this.option("lockAxis") === "xy" && this.lockedAxis === "x" && t(We) === this.minScale) && (je = Ve = 0);
+    const Xe = this.dragOffset.x, Ye = this.dragOffset.y, Ze = this.option("dragMinThreshold") || 0;
+    Math.abs(Xe) < Ze && Math.abs(Ye) < Ze && (Ie = je = 0, Fe = Ve = 0), (this.option("zoom") && (We < this.minScale - 1e-5 || We > this.maxScale + 1e-5) || ke && !Ie && !je) && (He = 0.35), this.applyChange({ panX: Ie, panY: je, friction: He }), this.emit("decel", Fe, Ve, Xe, Ye);
   }
   onWheel(_e) {
     var ke = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(Re, Be) {
@@ -1717,62 +1715,62 @@ class I extends g {
       const Ye = Xe == "e" || Xe === "f" ? M : T;
       Re[Xe] = t(_e[Xe], Ye), Math.abs(ke[Xe] - _e[Xe]) < (Xe == "e" || Xe === "f" ? 0.51 : 1e-3) && (_e[Xe] = ke[Xe]);
     }
-    let { a: Be, b: Ne, c: Ae, d: ze, e: je, f: Ve } = Re, Fe = `matrix(${Be}, ${Ne}, ${Ae}, ${ze}, ${je}, ${Ve})`, Ie = De.parentElement instanceof HTMLPictureElement ? De.parentElement : De;
-    if (this.option("transformParent") && (Ie = Ie.parentElement || Ie), Ie.style.transform === Fe) return;
-    Ie.style.transform = Fe;
+    let { a: Be, b: Ne, c: ze, d: Ae, e: Ie, f: je } = Re, Fe = `matrix(${Be}, ${Ne}, ${ze}, ${Ae}, ${Ie}, ${je})`, Ve = De.parentElement instanceof HTMLPictureElement ? De.parentElement : De;
+    if (this.option("transformParent") && (Ve = Ve.parentElement || Ve), Ve.style.transform === Fe) return;
+    Ve.style.transform = Fe;
     const { contentWidth: He, contentHeight: We } = this.calculateContentDim();
     $e.width = He, $e.height = We, this.emit("afterTransform");
   }
   updateMetrics(_e = !1) {
     var ke;
     if (!this || this.state === m.Destroy || this.isContentLoading) return;
-    const De = Math.max(1, ((ke = window.visualViewport) === null || ke === void 0 ? void 0 : ke.scale) || 1), { container: $e, content: Re } = this, Be = Re instanceof HTMLImageElement, Ne = $e.getBoundingClientRect(), Ae = getComputedStyle(this.container);
-    let ze = Ne.width * De, je = Ne.height * De;
-    const Ve = parseFloat(Ae.paddingTop) + parseFloat(Ae.paddingBottom), Fe = ze - (parseFloat(Ae.paddingLeft) + parseFloat(Ae.paddingRight)), Ie = je - Ve;
-    this.containerRect = { width: ze, height: je, innerWidth: Fe, innerHeight: Ie };
-    const He = parseFloat(Re.dataset.width || "") || ((oi) => {
+    const De = Math.max(1, ((ke = window.visualViewport) === null || ke === void 0 ? void 0 : ke.scale) || 1), { container: $e, content: Re } = this, Be = Re instanceof HTMLImageElement, Ne = $e.getBoundingClientRect(), ze = getComputedStyle(this.container);
+    let Ae = Ne.width * De, Ie = Ne.height * De;
+    const je = parseFloat(ze.paddingTop) + parseFloat(ze.paddingBottom), Fe = Ae - (parseFloat(ze.paddingLeft) + parseFloat(ze.paddingRight)), Ve = Ie - je;
+    this.containerRect = { width: Ae, height: Ie, innerWidth: Fe, innerHeight: Ve };
+    const He = parseFloat(Re.dataset.width || "") || ((ti) => {
       let si = 0;
-      return si = oi instanceof HTMLImageElement ? oi.naturalWidth : oi instanceof SVGElement ? oi.width.baseVal.value : Math.max(oi.offsetWidth, oi.scrollWidth), si || 0;
-    })(Re), We = parseFloat(Re.dataset.height || "") || ((oi) => {
+      return si = ti instanceof HTMLImageElement ? ti.naturalWidth : ti instanceof SVGElement ? ti.width.baseVal.value : Math.max(ti.offsetWidth, ti.scrollWidth), si || 0;
+    })(Re), We = parseFloat(Re.dataset.height || "") || ((ti) => {
       let si = 0;
-      return si = oi instanceof HTMLImageElement ? oi.naturalHeight : oi instanceof SVGElement ? oi.height.baseVal.value : Math.max(oi.offsetHeight, oi.scrollHeight), si || 0;
+      return si = ti instanceof HTMLImageElement ? ti.naturalHeight : ti instanceof SVGElement ? ti.height.baseVal.value : Math.max(ti.offsetHeight, ti.scrollHeight), si || 0;
     })(Re);
     let Xe = this.option("width", He) || z, Ye = this.option("height", We) || z;
-    const qe = Xe === z, Ze = Ye === z;
-    typeof Xe != "number" && (Xe = He), typeof Ye != "number" && (Ye = We), qe && (Xe = He * (Ye / We)), Ze && (Ye = We / (He / Xe));
-    let Ue = Re.parentElement instanceof HTMLPictureElement ? Re.parentElement : Re;
-    this.option("transformParent") && (Ue = Ue.parentElement || Ue);
-    const Ge = Ue.getAttribute("style") || "";
-    Ue.style.setProperty("transform", "none", "important"), Be && (Ue.style.width = "", Ue.style.height = ""), Ue.offsetHeight;
+    const Ze = Xe === z, Ke = Ye === z;
+    typeof Xe != "number" && (Xe = He), typeof Ye != "number" && (Ye = We), Ze && (Xe = He * (Ye / We)), Ke && (Ye = We / (He / Xe));
+    let qe = Re.parentElement instanceof HTMLPictureElement ? Re.parentElement : Re;
+    this.option("transformParent") && (qe = qe.parentElement || qe);
+    const Ue = qe.getAttribute("style") || "";
+    qe.style.setProperty("transform", "none", "important"), Be && (qe.style.width = "", qe.style.height = ""), qe.offsetHeight;
     const Qe = Re.getBoundingClientRect();
-    let Je = Qe.width * De, Ke = Qe.height * De, ei = Je, ii = Ke;
-    Je = Math.min(Je, Xe), Ke = Math.min(Ke, Ye), Be ? { width: Je, height: Ke } = ((oi, si, ci, ai) => {
-      const ri = ci / oi, ui = ai / si, di = Math.min(ri, ui);
-      return { width: oi *= di, height: si *= di };
-    })(Xe, Ye, Je, Ke) : (Je = Math.min(Je, Xe), Ke = Math.min(Ke, Ye));
-    let ti = 0.5 * (ii - Ke), ni = 0.5 * (ei - Je);
-    this.contentRect = Object.assign(Object.assign({}, this.contentRect), { top: Qe.top - Ne.top + ti, bottom: Ne.bottom - Qe.bottom + ti, left: Qe.left - Ne.left + ni, right: Ne.right - Qe.right + ni, fitWidth: Je, fitHeight: Ke, width: Je, height: Ke, fullWidth: Xe, fullHeight: Ye }), Ue.style.cssText = Ge, Be && (Ue.style.width = `${Je}px`, Ue.style.height = `${Ke}px`), this.setTransform(), _e !== !0 && this.emit("refresh"), this.ignoreBounds || (t(this.targetScale) < t(this.minScale) ? this.zoomTo(this.minScale, { friction: 0 }) : this.targetScale > this.maxScale ? this.zoomTo(this.maxScale, { friction: 0 }) : this.state === m.Init || this.checkBounds().inBounds || this.requestTick()), this.updateControls();
+    let Je = Qe.width * De, Ge = Qe.height * De, ei = Je, ii = Ge;
+    Je = Math.min(Je, Xe), Ge = Math.min(Ge, Ye), Be ? { width: Je, height: Ge } = ((ti, si, ai, ri) => {
+      const li = ai / ti, ui = ri / si, di = Math.min(li, ui);
+      return { width: ti *= di, height: si *= di };
+    })(Xe, Ye, Je, Ge) : (Je = Math.min(Je, Xe), Ge = Math.min(Ge, Ye));
+    let oi = 0.5 * (ii - Ge), ni = 0.5 * (ei - Je);
+    this.contentRect = Object.assign(Object.assign({}, this.contentRect), { top: Qe.top - Ne.top + oi, bottom: Ne.bottom - Qe.bottom + oi, left: Qe.left - Ne.left + ni, right: Ne.right - Qe.right + ni, fitWidth: Je, fitHeight: Ge, width: Je, height: Ge, fullWidth: Xe, fullHeight: Ye }), qe.style.cssText = Ue, Be && (qe.style.width = `${Je}px`, qe.style.height = `${Ge}px`), this.setTransform(), _e !== !0 && this.emit("refresh"), this.ignoreBounds || (t(this.targetScale) < t(this.minScale) ? this.zoomTo(this.minScale, { friction: 0 }) : this.targetScale > this.maxScale ? this.zoomTo(this.maxScale, { friction: 0 }) : this.state === m.Init || this.checkBounds().inBounds || this.requestTick()), this.updateControls();
   }
   calculateBounds() {
     const { contentWidth: _e, contentHeight: ke } = this.calculateContentDim(this.target), { targetScale: De, lockedAxis: $e } = this, { fitWidth: Re, fitHeight: Be } = this.contentRect;
-    let Ne = 0, Ae = 0, ze = 0, je = 0;
-    const Ve = this.option("infinite");
-    if (Ve === !0 || $e && Ve === $e) Ne = -1 / 0, ze = 1 / 0, Ae = -1 / 0, je = 1 / 0;
+    let Ne = 0, ze = 0, Ae = 0, Ie = 0;
+    const je = this.option("infinite");
+    if (je === !0 || $e && je === $e) Ne = -1 / 0, Ae = 1 / 0, ze = -1 / 0, Ie = 1 / 0;
     else {
-      let { containerRect: Fe, contentRect: Ie } = this, He = t(Re * De, M), We = t(Be * De, M), { innerWidth: Xe, innerHeight: Ye } = Fe;
+      let { containerRect: Fe, contentRect: Ve } = this, He = t(Re * De, M), We = t(Be * De, M), { innerWidth: Xe, innerHeight: Ye } = Fe;
       if (Fe.width === He && (Xe = Fe.width), Fe.width === We && (Ye = Fe.height), _e > Xe) {
-        ze = 0.5 * (_e - Xe), Ne = -1 * ze;
-        let qe = 0.5 * (Ie.right - Ie.left);
-        Ne += qe, ze += qe;
+        Ae = 0.5 * (_e - Xe), Ne = -1 * Ae;
+        let Ze = 0.5 * (Ve.right - Ve.left);
+        Ne += Ze, Ae += Ze;
       }
-      if (Re > Xe && _e < Xe && (Ne -= 0.5 * (Re - Xe), ze -= 0.5 * (Re - Xe)), ke > Ye) {
-        je = 0.5 * (ke - Ye), Ae = -1 * je;
-        let qe = 0.5 * (Ie.bottom - Ie.top);
-        Ae += qe, je += qe;
+      if (Re > Xe && _e < Xe && (Ne -= 0.5 * (Re - Xe), Ae -= 0.5 * (Re - Xe)), ke > Ye) {
+        Ie = 0.5 * (ke - Ye), ze = -1 * Ie;
+        let Ze = 0.5 * (Ve.bottom - Ve.top);
+        ze += Ze, Ie += Ze;
       }
-      Be > Ye && ke < Ye && (Ne -= 0.5 * (Be - Ye), ze -= 0.5 * (Be - Ye));
+      Be > Ye && ke < Ye && (Ne -= 0.5 * (Be - Ye), Ae -= 0.5 * (Be - Ye));
     }
-    return { x: { min: Ne, max: ze }, y: { min: Ae, max: je } };
+    return { x: { min: Ne, max: Ae }, y: { min: ze, max: Ie } };
   }
   getBounds() {
     const _e = this.option("bounds");
@@ -1780,49 +1778,49 @@ class I extends g {
   }
   updateControls() {
     const _e = this, ke = _e.container, { panMode: De, contentRect: $e, targetScale: Re, minScale: Be } = _e;
-    let Ne = Be, Ae = _e.option("click") || !1;
-    Ae && (Ne = _e.getNextScale(Ae));
-    let ze = _e.canZoomIn(), je = _e.canZoomOut(), Ve = De === A && !!this.option("touch"), Fe = je && Ve;
-    if (Ve && (t(Re) < t(Be) && !this.panOnlyZoomed && (Fe = !0), (t($e.width, 1) > t($e.fitWidth, 1) || t($e.height, 1) > t($e.fitHeight, 1)) && (Fe = !0)), t($e.width * Re, 1) < t($e.fitWidth, 1) && (Fe = !1), De === O && (Fe = !1), o(ke, this.cn("isDraggable"), Fe), !this.option("zoom")) return;
-    let Ie = ze && t(Ne) > t(Re), He = !Ie && !Fe && je && t(Ne) < t(Re);
-    o(ke, this.cn("canZoomIn"), Ie), o(ke, this.cn("canZoomOut"), He);
+    let Ne = Be, ze = _e.option("click") || !1;
+    ze && (Ne = _e.getNextScale(ze));
+    let Ae = _e.canZoomIn(), Ie = _e.canZoomOut(), je = De === A && !!this.option("touch"), Fe = Ie && je;
+    if (je && (t(Re) < t(Be) && !this.panOnlyZoomed && (Fe = !0), (t($e.width, 1) > t($e.fitWidth, 1) || t($e.height, 1) > t($e.fitHeight, 1)) && (Fe = !0)), t($e.width * Re, 1) < t($e.fitWidth, 1) && (Fe = !1), De === O && (Fe = !1), o(ke, this.cn("isDraggable"), Fe), !this.option("zoom")) return;
+    let Ve = Ae && t(Ne) > t(Re), He = !Ve && !Fe && Ie && t(Ne) < t(Re);
+    o(ke, this.cn("canZoomIn"), Ve), o(ke, this.cn("canZoomOut"), He);
     for (const We of ke.querySelectorAll("[data-panzoom-action]")) {
       let Xe = !1, Ye = !1;
       switch (We.dataset.panzoomAction) {
         case "zoomIn":
-          ze ? Xe = !0 : Ye = !0;
+          Ae ? Xe = !0 : Ye = !0;
           break;
         case "zoomOut":
-          je ? Xe = !0 : Ye = !0;
+          Ie ? Xe = !0 : Ye = !0;
           break;
         case "toggleZoom":
         case "iterateZoom":
-          ze || je ? Xe = !0 : Ye = !0;
-          const qe = We.querySelector("g");
-          qe && (qe.style.display = ze ? "" : "none");
+          Ae || Ie ? Xe = !0 : Ye = !0;
+          const Ze = We.querySelector("g");
+          Ze && (Ze.style.display = Ae ? "" : "none");
       }
       Xe ? (We.removeAttribute("disabled"), We.removeAttribute("tabindex")) : Ye && (We.setAttribute("disabled", ""), We.setAttribute("tabindex", "-1"));
     }
   }
-  panTo({ x: _e = this.target.e, y: ke = this.target.f, scale: De = this.targetScale, friction: $e = this.option("friction"), angle: Re = 0, originX: Be = 0, originY: Ne = 0, flipX: Ae = !1, flipY: ze = !1, ignoreBounds: je = !1 }) {
-    this.state !== m.Destroy && this.applyChange({ panX: _e - this.target.e, panY: ke - this.target.f, scale: De / this.targetScale, angle: Re, originX: Be, originY: Ne, friction: $e, flipX: Ae, flipY: ze, ignoreBounds: je });
+  panTo({ x: _e = this.target.e, y: ke = this.target.f, scale: De = this.targetScale, friction: $e = this.option("friction"), angle: Re = 0, originX: Be = 0, originY: Ne = 0, flipX: ze = !1, flipY: Ae = !1, ignoreBounds: Ie = !1 }) {
+    this.state !== m.Destroy && this.applyChange({ panX: _e - this.target.e, panY: ke - this.target.f, scale: De / this.targetScale, angle: Re, originX: Be, originY: Ne, friction: $e, flipX: ze, flipY: Ae, ignoreBounds: Ie });
   }
-  applyChange({ panX: _e = 0, panY: ke = 0, scale: De = 1, angle: $e = 0, originX: Re = -this.current.e, originY: Be = -this.current.f, friction: Ne = this.option("friction"), flipX: Ae = !1, flipY: ze = !1, ignoreBounds: je = !1, bounce: Ve = this.option("bounce") }) {
+  applyChange({ panX: _e = 0, panY: ke = 0, scale: De = 1, angle: $e = 0, originX: Re = -this.current.e, originY: Be = -this.current.f, friction: Ne = this.option("friction"), flipX: ze = !1, flipY: Ae = !1, ignoreBounds: Ie = !1, bounce: je = this.option("bounce") }) {
     const Fe = this.state;
     if (Fe === m.Destroy) return;
-    this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.friction = Ne || 0, this.ignoreBounds = je;
-    const { current: Ie } = this, He = Ie.e, We = Ie.f, Xe = this.getMatrix(this.target);
+    this.rAF && (cancelAnimationFrame(this.rAF), this.rAF = null), this.friction = Ne || 0, this.ignoreBounds = Ie;
+    const { current: Ve } = this, He = Ve.e, We = Ve.f, Xe = this.getMatrix(this.target);
     let Ye = new DOMMatrix().translate(He, We).translate(Re, Be).translate(_e, ke);
     if (this.option("zoom")) {
-      if (!je) {
-        const qe = this.targetScale, Ze = this.minScale, Ue = this.maxScale;
-        qe * De < Ze && (De = Ze / qe), qe * De > Ue && (De = Ue / qe);
+      if (!Ie) {
+        const Ze = this.targetScale, Ke = this.minScale, qe = this.maxScale;
+        Ze * De < Ke && (De = Ke / Ze), Ze * De > qe && (De = qe / Ze);
       }
       Ye = Ye.scale(De);
     }
-    Ye = Ye.translate(-Re, -Be).translate(-He, -We).multiply(Xe), $e && (Ye = Ye.rotate($e)), Ae && (Ye = Ye.scale(-1, 1)), ze && (Ye = Ye.scale(1, -1));
-    for (const qe of v) qe !== "e" && qe !== "f" && (Ye[qe] > this.minScale + 1e-5 || Ye[qe] < this.minScale - 1e-5) ? this.target[qe] = Ye[qe] : this.target[qe] = t(Ye[qe], M);
-    (this.targetScale < this.scale || Math.abs(De - 1) > 0.1 || this.panMode === O || Ve === !1) && !je && this.clampTargetBounds(), Fe === m.Init ? this.animate() : this.isResting || (this.state = m.Panning, this.requestTick());
+    Ye = Ye.translate(-Re, -Be).translate(-He, -We).multiply(Xe), $e && (Ye = Ye.rotate($e)), ze && (Ye = Ye.scale(-1, 1)), Ae && (Ye = Ye.scale(1, -1));
+    for (const Ze of v) Ze !== "e" && Ze !== "f" && (Ye[Ze] > this.minScale + 1e-5 || Ye[Ze] < this.minScale - 1e-5) ? this.target[Ze] = Ye[Ze] : this.target[Ze] = t(Ye[Ze], M);
+    (this.targetScale < this.scale || Math.abs(De - 1) > 0.1 || this.panMode === O || je === !1) && !Ie && this.clampTargetBounds(), Fe === m.Init ? this.animate() : this.isResting || (this.state = m.Panning, this.requestTick());
   }
   stop(_e = !1) {
     if (this.state === m.Init || this.state === m.Destroy) return;
@@ -1837,13 +1835,13 @@ class I extends g {
   panWithMouse(_e, ke = this.option("mouseMoveFriction")) {
     if (this.pmme = _e, this.panMode !== O || !_e || t(this.targetScale) <= t(this.minScale)) return;
     this.emit("mouseMove", _e);
-    const { container: De, containerRect: $e, contentRect: Re } = this, Be = $e.width, Ne = $e.height, Ae = De.getBoundingClientRect(), ze = (_e.clientX || 0) - Ae.left, je = (_e.clientY || 0) - Ae.top;
-    let { contentWidth: Ve, contentHeight: Fe } = this.calculateContentDim(this.target);
-    const Ie = this.option("mouseMoveFactor");
-    Ie > 1 && (Ve !== Be && (Ve *= Ie), Fe !== Ne && (Fe *= Ie));
-    let He = 0.5 * (Ve - Be) - ze / Be * 100 / 100 * (Ve - Be);
+    const { container: De, containerRect: $e, contentRect: Re } = this, Be = $e.width, Ne = $e.height, ze = De.getBoundingClientRect(), Ae = (_e.clientX || 0) - ze.left, Ie = (_e.clientY || 0) - ze.top;
+    let { contentWidth: je, contentHeight: Fe } = this.calculateContentDim(this.target);
+    const Ve = this.option("mouseMoveFactor");
+    Ve > 1 && (je !== Be && (je *= Ve), Fe !== Ne && (Fe *= Ve));
+    let He = 0.5 * (je - Be) - Ae / Be * 100 / 100 * (je - Be);
     He += 0.5 * (Re.right - Re.left);
-    let We = 0.5 * (Fe - Ne) - je / Ne * 100 / 100 * (Fe - Ne);
+    let We = 0.5 * (Fe - Ne) - Ie / Ne * 100 / 100 * (Fe - Ne);
     We += 0.5 * (Re.bottom - Re.top), this.applyChange({ panX: He - this.target.e, panY: We - this.target.f, friction: ke });
   }
   zoomWithWheel(_e) {
@@ -1851,12 +1849,12 @@ class I extends g {
     const ke = Date.now();
     if (ke - this.pwt < 45) return void _e.preventDefault();
     this.pwt = ke;
-    var De = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(ze, je) {
-      return Math.abs(je) > Math.abs(ze) ? je : ze;
+    var De = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(Ae, Ie) {
+      return Math.abs(Ie) > Math.abs(Ae) ? Ie : Ae;
     });
     const $e = Math.max(-1, Math.min(1, De)), { targetScale: Re, maxScale: Be, minScale: Ne } = this;
-    let Ae = Re * (100 + 45 * $e) / 100;
-    t(Ae) < t(Ne) && t(Re) <= t(Ne) ? (this.cwd += Math.abs($e), Ae = Ne) : t(Ae) > t(Be) && t(Re) >= t(Be) ? (this.cwd += Math.abs($e), Ae = Be) : (this.cwd = 0, Ae = Math.max(Math.min(Ae, Be), Ne)), this.cwd > this.option("wheelLimit") || (_e.preventDefault(), t(Ae) !== t(Re) && this.zoomTo(Ae, { event: _e }));
+    let ze = Re * (100 + 45 * $e) / 100;
+    t(ze) < t(Ne) && t(Re) <= t(Ne) ? (this.cwd += Math.abs($e), ze = Ne) : t(ze) > t(Be) && t(Re) >= t(Be) ? (this.cwd += Math.abs($e), ze = Be) : (this.cwd = 0, ze = Math.max(Math.min(ze, Be), Ne)), this.cwd > this.option("wheelLimit") || (_e.preventDefault(), t(ze) !== t(Re) && this.zoomTo(ze, { event: _e }));
   }
   canZoomIn() {
     return this.option("zoom") && (t(this.contentRect.width, 1) < t(this.contentRect.fitWidth, 1) || t(this.targetScale) < t(this.maxScale));
@@ -1896,13 +1894,13 @@ class I extends g {
   }
   zoomTo(_e = 1, { friction: ke = z, originX: De = z, originY: $e = z, event: Re } = {}) {
     if (this.isContentLoading || this.state === m.Destroy) return;
-    const { targetScale: Be, fullScale: Ne, maxScale: Ae, coverScale: ze } = this;
+    const { targetScale: Be, fullScale: Ne, maxScale: ze, coverScale: Ae } = this;
     if (this.stop(), this.panMode === O && (Re = this.pmme || Re), Re || De === z || $e === z) {
-      const Ve = this.content.getBoundingClientRect(), Fe = this.container.getBoundingClientRect(), Ie = Re ? Re.clientX : Fe.left + 0.5 * Fe.width, He = Re ? Re.clientY : Fe.top + 0.5 * Fe.height;
-      De = Ie - Ve.left - 0.5 * Ve.width, $e = He - Ve.top - 0.5 * Ve.height;
+      const je = this.content.getBoundingClientRect(), Fe = this.container.getBoundingClientRect(), Ve = Re ? Re.clientX : Fe.left + 0.5 * Fe.width, He = Re ? Re.clientY : Fe.top + 0.5 * Fe.height;
+      De = Ve - je.left - 0.5 * je.width, $e = He - je.top - 0.5 * je.height;
     }
-    let je = 1;
-    typeof _e == "number" ? je = _e : _e === "full" ? je = Ne : _e === "cover" ? je = ze : _e === "max" ? je = Ae : _e === "fit" ? je = 1 : _e === "next" && (je = this.getNextScale("iterateZoom")), je = je / Be || 1, ke = ke === z ? je > 1 ? 0.15 : 0.25 : ke, this.applyChange({ scale: je, originX: De, originY: $e, friction: ke }), Re && this.panMode === O && this.panWithMouse(Re, ke);
+    let Ie = 1;
+    typeof _e == "number" ? Ie = _e : _e === "full" ? Ie = Ne : _e === "cover" ? Ie = Ae : _e === "max" ? Ie = ze : _e === "fit" ? Ie = 1 : _e === "next" && (Ie = this.getNextScale("iterateZoom")), Ie = Ie / Be || 1, ke = ke === z ? Ie > 1 ? 0.15 : 0.25 : ke, this.applyChange({ scale: Ie, originX: De, originY: $e, friction: ke }), Re && this.panMode === O && this.panWithMouse(Re, ke);
   }
   rotateCCW() {
     this.applyChange({ angle: -90 });
@@ -2008,20 +2006,20 @@ class W extends _ {
     if (ke < De || ke > $e) return void this.cleanup();
     const Be = typeof Re == "number" && ke > 5 && ke >= Re, Ne = !this.list || this.isDynamic !== Be || this.list.children.length !== ke;
     Ne && this.cleanup();
-    const Ae = this.build();
-    if (o(Ae, this.cn("isDynamic"), !!Be), Ne) for (let Ve = 0; Ve < ke; Ve++) Ae.append(this.createItem(Ve));
-    let ze, je = 0;
-    for (const Ve of [...Ae.children]) {
-      const Fe = je === this.instance.page;
-      Fe && (ze = Ve), o(Ve, this.cn("isCurrent"), Fe), (_e = Ve.children[0]) === null || _e === void 0 || _e.setAttribute("aria-selected", Fe ? "true" : "false");
-      for (const Ie of ["isBeforePrev", "isPrev", "isNext", "isAfterNext"]) S(Ve, this.cn(Ie));
-      je++;
+    const ze = this.build();
+    if (o(ze, this.cn("isDynamic"), !!Be), Ne) for (let je = 0; je < ke; je++) ze.append(this.createItem(je));
+    let Ae, Ie = 0;
+    for (const je of [...ze.children]) {
+      const Fe = Ie === this.instance.page;
+      Fe && (Ae = je), o(je, this.cn("isCurrent"), Fe), (_e = je.children[0]) === null || _e === void 0 || _e.setAttribute("aria-selected", Fe ? "true" : "false");
+      for (const Ve of ["isBeforePrev", "isPrev", "isNext", "isAfterNext"]) S(je, this.cn(Ve));
+      Ie++;
     }
-    if (ze = ze || Ae.firstChild, Be && ze) {
-      const Ve = ze.previousElementSibling, Fe = Ve && Ve.previousElementSibling;
-      P(Ve, this.cn("isPrev")), P(Fe, this.cn("isBeforePrev"));
-      const Ie = ze.nextElementSibling, He = Ie && Ie.nextElementSibling;
-      P(Ie, this.cn("isNext")), P(He, this.cn("isAfterNext"));
+    if (Ae = Ae || ze.firstChild, Be && Ae) {
+      const je = Ae.previousElementSibling, Fe = je && je.previousElementSibling;
+      P(je, this.cn("isPrev")), P(Fe, this.cn("isBeforePrev"));
+      const Ve = Ae.nextElementSibling, He = Ve && Ve.nextElementSibling;
+      P(Ve, this.cn("isNext")), P(He, this.cn("isAfterNext"));
     }
     this.isDynamic = Be;
   }
@@ -2105,12 +2103,12 @@ class Z extends _ {
   onNavTouch(_e, ke, De) {
     var $e, Re;
     if (Math.abs(ke.dragOffset.x) > 3 || Math.abs(ke.dragOffset.y) > 3) return;
-    const Be = De.target, { nav: Ne, target: Ae } = this;
-    if (!Ne || !Ae || !Be) return;
-    const ze = Be.closest("[data-index]");
-    if (De.stopPropagation(), De.preventDefault(), !ze) return;
-    const je = parseInt(ze.dataset.index || "", 10) || 0, Ve = Ae.getPageForSlide(je), Fe = Ne.getPageForSlide(je);
-    Ne.slideTo(Fe), Ae.slideTo(Ve, { friction: ((Re = ($e = this.nav) === null || $e === void 0 ? void 0 : $e.plugins) === null || Re === void 0 ? void 0 : Re.Sync.option("friction")) || 0 }), this.markSelectedSlide(je);
+    const Be = De.target, { nav: Ne, target: ze } = this;
+    if (!Ne || !ze || !Be) return;
+    const Ae = Be.closest("[data-index]");
+    if (De.stopPropagation(), De.preventDefault(), !Ae) return;
+    const Ie = parseInt(Ae.dataset.index || "", 10) || 0, je = ze.getPageForSlide(Ie), Fe = Ne.getPageForSlide(Ie);
+    Ne.slideTo(Fe), ze.slideTo(je, { friction: ((Re = ($e = this.nav) === null || $e === void 0 ? void 0 : $e.plugins) === null || Re === void 0 ? void 0 : Re.Sync.option("friction")) || 0 }), this.markSelectedSlide(Ie);
   }
   onNavCreateSlide(_e, ke) {
     ke.index === this.selectedIndex && this.markSelectedSlide(ke.index);
@@ -2230,25 +2228,25 @@ class Q extends g {
     let $e = this.option("slidesPerPage");
     $e = ($e === "auto" || ke <= De) && this.option("fill") !== !1 ? 1 / 0 : parseFloat($e + "");
     let Re = 0, Be = 0, Ne = 0;
-    for (const Ae of this.slides) (!_e.length || Be + Ae.dim - De > 0.05 || Ne >= $e) && (_e.push(N()), Re = _e.length - 1, Be = 0, Ne = 0), _e[Re].slides.push(Ae), Be += Ae.dim + Ae.gap, Ne++;
+    for (const ze of this.slides) (!_e.length || Be + ze.dim - De > 0.05 || Ne >= $e) && (_e.push(N()), Re = _e.length - 1, Be = 0, Ne = 0), _e[Re].slides.push(ze), Be += ze.dim + ze.gap, Ne++;
     return _e;
   }
   processPages() {
     const _e = this.pages, { contentDim: ke, viewportDim: De, isInfinite: $e } = this, Re = this.option("center"), Be = this.option("fill"), Ne = Be && Re && ke > De && !$e;
-    if (_e.forEach((je, Ve) => {
+    if (_e.forEach((Ie, je) => {
       var Fe;
-      je.index = Ve, je.pos = ((Fe = je.slides[0]) === null || Fe === void 0 ? void 0 : Fe.pos) || 0, je.dim = 0;
-      for (const [Ie, He] of je.slides.entries()) je.dim += He.dim, Ie < je.slides.length - 1 && (je.dim += He.gap);
-      Ne && je.pos + 0.5 * je.dim < 0.5 * De ? je.pos = 0 : Ne && je.pos + 0.5 * je.dim >= ke - 0.5 * De ? je.pos = ke - De : Re && (je.pos += -0.5 * (De - je.dim));
-    }), _e.forEach((je) => {
-      Be && !$e && ke > De && (je.pos = Math.max(je.pos, 0), je.pos = Math.min(je.pos, ke - De)), je.pos = t(je.pos, 1e3), je.dim = t(je.dim, 1e3), Math.abs(je.pos) <= 0.1 && (je.pos = 0);
+      Ie.index = je, Ie.pos = ((Fe = Ie.slides[0]) === null || Fe === void 0 ? void 0 : Fe.pos) || 0, Ie.dim = 0;
+      for (const [Ve, He] of Ie.slides.entries()) Ie.dim += He.dim, Ve < Ie.slides.length - 1 && (Ie.dim += He.gap);
+      Ne && Ie.pos + 0.5 * Ie.dim < 0.5 * De ? Ie.pos = 0 : Ne && Ie.pos + 0.5 * Ie.dim >= ke - 0.5 * De ? Ie.pos = ke - De : Re && (Ie.pos += -0.5 * (De - Ie.dim));
+    }), _e.forEach((Ie) => {
+      Be && !$e && ke > De && (Ie.pos = Math.max(Ie.pos, 0), Ie.pos = Math.min(Ie.pos, ke - De)), Ie.pos = t(Ie.pos, 1e3), Ie.dim = t(Ie.dim, 1e3), Math.abs(Ie.pos) <= 0.1 && (Ie.pos = 0);
     }), $e) return _e;
-    const Ae = [];
-    let ze;
-    return _e.forEach((je) => {
-      const Ve = Object.assign({}, je);
-      ze && Ve.pos === ze.pos ? (ze.dim += Ve.dim, ze.slides = [...ze.slides, ...Ve.slides]) : (Ve.index = Ae.length, ze = Ve, Ae.push(Ve));
-    }), Ae;
+    const ze = [];
+    let Ae;
+    return _e.forEach((Ie) => {
+      const je = Object.assign({}, Ie);
+      Ae && je.pos === Ae.pos ? (Ae.dim += je.dim, Ae.slides = [...Ae.slides, ...je.slides]) : (je.index = ze.length, Ae = je, ze.push(je));
+    }), ze;
   }
   getPageFromIndex(_e = 0) {
     const ke = this.pages.length;
@@ -2259,15 +2257,15 @@ class Q extends g {
     var ke, De;
     const $e = this.isHorizontal ? "width" : "height";
     let Re = 0, Be = 0, Ne = _e.el;
-    const Ae = !(!Ne || Ne.parentNode);
+    const ze = !(!Ne || Ne.parentNode);
     if (Ne ? Re = parseFloat(Ne.dataset[$e] || "") || 0 : (Ne = document.createElement("div"), Ne.style.visibility = "hidden", (this.track || document.body).prepend(Ne)), P(Ne, this.cn(J) + " " + _e.class + " " + _e.customClass), Re) Ne.style[$e] = `${Re}px`, Ne.style[$e === "width" ? "height" : "width"] = "";
     else {
-      Ae && (this.track || document.body).prepend(Ne), Re = Ne.getBoundingClientRect()[$e] * Math.max(1, ((ke = window.visualViewport) === null || ke === void 0 ? void 0 : ke.scale) || 1);
-      let je = Ne[this.isHorizontal ? "offsetWidth" : "offsetHeight"];
-      je - 1 > Re && (Re = je);
+      ze && (this.track || document.body).prepend(Ne), Re = Ne.getBoundingClientRect()[$e] * Math.max(1, ((ke = window.visualViewport) === null || ke === void 0 ? void 0 : ke.scale) || 1);
+      let Ie = Ne[this.isHorizontal ? "offsetWidth" : "offsetHeight"];
+      Ie - 1 > Re && (Re = Ie);
     }
-    const ze = getComputedStyle(Ne);
-    return ze.boxSizing === "content-box" && (this.isHorizontal ? (Re += parseFloat(ze.paddingLeft) || 0, Re += parseFloat(ze.paddingRight) || 0) : (Re += parseFloat(ze.paddingTop) || 0, Re += parseFloat(ze.paddingBottom) || 0)), Be = parseFloat(ze[this.isHorizontal ? "marginRight" : "marginBottom"]) || 0, Ae ? (De = Ne.parentElement) === null || De === void 0 || De.removeChild(Ne) : _e.el || Ne.remove(), { dim: t(Re, 1e3), gap: t(Be, 1e3) };
+    const Ae = getComputedStyle(Ne);
+    return Ae.boxSizing === "content-box" && (this.isHorizontal ? (Re += parseFloat(Ae.paddingLeft) || 0, Re += parseFloat(Ae.paddingRight) || 0) : (Re += parseFloat(Ae.paddingTop) || 0, Re += parseFloat(Ae.paddingBottom) || 0)), Be = parseFloat(Ae[this.isHorizontal ? "marginRight" : "marginBottom"]) || 0, ze ? (De = Ne.parentElement) === null || De === void 0 || De.removeChild(Ne) : _e.el || Ne.remove(), { dim: t(Re, 1e3), gap: t(Be, 1e3) };
   }
   getBounds() {
     const { isInfinite: _e, isRTL: ke, isHorizontal: De, pages: $e } = this;
@@ -2280,21 +2278,21 @@ class Q extends g {
     return { x: De ? Re : { min: 0, max: 0 }, y: De ? { min: 0, max: 0 } : Re };
   }
   repositionSlides() {
-    let _e, { isHorizontal: ke, isRTL: De, isInfinite: $e, viewport: Re, viewportDim: Be, contentDim: Ne, page: Ae, pages: ze, slides: je, panzoom: Ve } = this, Fe = 0, Ie = 0, He = 0, We = 0;
-    Ve ? We = -1 * Ve.current[this.axis] : ze[Ae] && (We = ze[Ae].pos || 0), _e = ke ? De ? "right" : "left" : "top", De && ke && (We *= -1);
-    for (const Ze of je) {
-      const Ue = Ze.el;
-      Ue ? (_e === "top" ? (Ue.style.right = "", Ue.style.left = "") : Ue.style.top = "", Ze.index !== Fe ? Ue.style[_e] = Ie === 0 ? "" : `${t(Ie, 1e3)}px` : Ue.style[_e] = "", He += Ze.dim + Ze.gap, Fe++) : Ie += Ze.dim + Ze.gap;
+    let _e, { isHorizontal: ke, isRTL: De, isInfinite: $e, viewport: Re, viewportDim: Be, contentDim: Ne, page: ze, pages: Ae, slides: Ie, panzoom: je } = this, Fe = 0, Ve = 0, He = 0, We = 0;
+    je ? We = -1 * je.current[this.axis] : Ae[ze] && (We = Ae[ze].pos || 0), _e = ke ? De ? "right" : "left" : "top", De && ke && (We *= -1);
+    for (const Ke of Ie) {
+      const qe = Ke.el;
+      qe ? (_e === "top" ? (qe.style.right = "", qe.style.left = "") : qe.style.top = "", Ke.index !== Fe ? qe.style[_e] = Ve === 0 ? "" : `${t(Ve, 1e3)}px` : qe.style[_e] = "", He += Ke.dim + Ke.gap, Fe++) : Ve += Ke.dim + Ke.gap;
     }
     if ($e && He && Re) {
-      let Ze = getComputedStyle(Re), Ue = "padding", Ge = ke ? "Right" : "Bottom", Qe = parseFloat(Ze[Ue + (ke ? "Left" : "Top")]);
-      We -= Qe, Be += Qe, Be += parseFloat(Ze[Ue + Ge]);
-      for (const Je of je) Je.el && (t(Je.pos) < t(Be) && t(Je.pos + Je.dim + Je.gap) < t(We) && t(We) > t(Ne - Be) && (Je.el.style[_e] = `${t(Ie + He, 1e3)}px`), t(Je.pos + Je.gap) >= t(Ne - Be) && t(Je.pos) > t(We + Be) && t(We) < t(Be) && (Je.el.style[_e] = `-${t(He, 1e3)}px`));
+      let Ke = getComputedStyle(Re), qe = "padding", Ue = ke ? "Right" : "Bottom", Qe = parseFloat(Ke[qe + (ke ? "Left" : "Top")]);
+      We -= Qe, Be += Qe, Be += parseFloat(Ke[qe + Ue]);
+      for (const Je of Ie) Je.el && (t(Je.pos) < t(Be) && t(Je.pos + Je.dim + Je.gap) < t(We) && t(We) > t(Ne - Be) && (Je.el.style[_e] = `${t(Ve + He, 1e3)}px`), t(Je.pos + Je.gap) >= t(Ne - Be) && t(Je.pos) > t(We + Be) && t(We) < t(Be) && (Je.el.style[_e] = `-${t(He, 1e3)}px`));
     }
-    let Xe, Ye, qe = [...this.inTransition];
-    if (qe.length > 1 && (Xe = ze[qe[0]], Ye = ze[qe[1]]), Xe && Ye) {
-      let Ze = 0;
-      for (const Ue of je) Ue.el ? this.inTransition.has(Ue.index) && Xe.slides.indexOf(Ue) < 0 && (Ue.el.style[_e] = `${t(Ze + (Xe.pos - Ye.pos), 1e3)}px`) : Ze += Ue.dim + Ue.gap;
+    let Xe, Ye, Ze = [...this.inTransition];
+    if (Ze.length > 1 && (Xe = Ae[Ze[0]], Ye = Ae[Ze[1]]), Xe && Ye) {
+      let Ke = 0;
+      for (const qe of Ie) qe.el ? this.inTransition.has(qe.index) && Xe.slides.indexOf(qe) < 0 && (qe.el.style[_e] = `${t(Ke + (Xe.pos - Ye.pos), 1e3)}px`) : Ke += qe.dim + qe.gap;
     }
   }
   createSlideEl(_e) {
@@ -2305,14 +2303,14 @@ class Q extends g {
     const Re = _e.html;
     Re && (Re instanceof HTMLElement ? $e.appendChild(Re) : $e.innerHTML = _e.html + "");
     const Be = [];
-    De.forEach((je, Ve) => {
-      je.el && Be.push(Ve);
+    De.forEach((Ie, je) => {
+      Ie.el && Be.push(je);
     });
     const Ne = _e.index;
-    let Ae = null;
-    Be.length && (Ae = De[Be.reduce((je, Ve) => Math.abs(Ve - Ne) < Math.abs(je - Ne) ? Ve : je)]);
-    const ze = Ae && Ae.el && Ae.el.parentNode ? Ae.index < _e.index ? Ae.el.nextSibling : Ae.el : null;
-    ke.insertBefore($e, ke.contains(ze) ? ze : null), _e.el = $e, this.emit("createSlide", _e);
+    let ze = null;
+    Be.length && (ze = De[Be.reduce((Ie, je) => Math.abs(je - Ne) < Math.abs(Ie - Ne) ? je : Ie)]);
+    const Ae = ze && ze.el && ze.el.parentNode ? ze.index < _e.index ? ze.el.nextSibling : ze.el : null;
+    ke.insertBefore($e, ke.contains(Ae) ? Ae : null), _e.el = $e, this.emit("createSlide", _e);
   }
   removeSlideEl(_e, ke = !1) {
     const De = _e == null ? void 0 : _e.el;
@@ -2326,23 +2324,23 @@ class Q extends g {
   transitionTo(_e = 0, ke = this.option("transition")) {
     var De, $e, Re, Be;
     if (!ke) return !1;
-    const Ne = this.page, { pages: Ae, panzoom: ze } = this;
+    const Ne = this.page, { pages: ze, panzoom: Ae } = this;
     _e = parseInt((_e || 0).toString()) || 0;
-    const je = this.getPageFromIndex(_e);
-    if (!ze || !Ae[je] || Ae.length < 2 || Math.abs(((($e = (De = Ae[Ne]) === null || De === void 0 ? void 0 : De.slides[0]) === null || $e === void 0 ? void 0 : $e.dim) || 0) - this.viewportDim) > 1) return !1;
-    let Ve = _e > Ne ? 1 : -1;
-    this.isInfinite && (Ne === 0 && _e === Ae.length - 1 && (Ve = -1), Ne === Ae.length - 1 && _e === 0 && (Ve = 1));
-    const Fe = Ae[je].pos * (this.isRTL ? 1 : -1);
-    if (Ne === je && Math.abs(Fe - ze.target[this.axis]) < 1) return !1;
+    const Ie = this.getPageFromIndex(_e);
+    if (!Ae || !ze[Ie] || ze.length < 2 || Math.abs(((($e = (De = ze[Ne]) === null || De === void 0 ? void 0 : De.slides[0]) === null || $e === void 0 ? void 0 : $e.dim) || 0) - this.viewportDim) > 1) return !1;
+    let je = _e > Ne ? 1 : -1;
+    this.isInfinite && (Ne === 0 && _e === ze.length - 1 && (je = -1), Ne === ze.length - 1 && _e === 0 && (je = 1));
+    const Fe = ze[Ie].pos * (this.isRTL ? 1 : -1);
+    if (Ne === Ie && Math.abs(Fe - Ae.target[this.axis]) < 1) return !1;
     this.clearTransitions();
-    const Ie = ze.isResting;
+    const Ve = Ae.isResting;
     P(this.container, this.cn("inTransition"));
-    const He = ((Re = Ae[Ne]) === null || Re === void 0 ? void 0 : Re.slides[0]) || null, We = ((Be = Ae[je]) === null || Be === void 0 ? void 0 : Be.slides[0]) || null;
+    const He = ((Re = ze[Ne]) === null || Re === void 0 ? void 0 : Re.slides[0]) || null, We = ((Be = ze[Ie]) === null || Be === void 0 ? void 0 : Be.slides[0]) || null;
     this.inTransition.add(We.index), this.createSlideEl(We);
     let Xe = He.el, Ye = We.el;
-    Ie || ke === J || (ke = "fadeFast", Xe = null);
-    const qe = this.isRTL ? "next" : "prev", Ze = this.isRTL ? "prev" : "next";
-    return Xe && (this.inTransition.add(He.index), He.transition = ke, Xe.addEventListener(G, this.onAnimationEnd), Xe.classList.add(`f-${ke}Out`, `to-${Ve > 0 ? Ze : qe}`)), Ye && (We.transition = ke, Ye.addEventListener(G, this.onAnimationEnd), Ye.classList.add(`f-${ke}In`, `from-${Ve > 0 ? qe : Ze}`)), ze.current[this.axis] = Fe, ze.target[this.axis] = Fe, ze.requestTick(), this.onChange(je), !0;
+    Ve || ke === J || (ke = "fadeFast", Xe = null);
+    const Ze = this.isRTL ? "next" : "prev", Ke = this.isRTL ? "prev" : "next";
+    return Xe && (this.inTransition.add(He.index), He.transition = ke, Xe.addEventListener(G, this.onAnimationEnd), Xe.classList.add(`f-${ke}Out`, `to-${je > 0 ? Ke : Ze}`)), Ye && (We.transition = ke, Ye.addEventListener(G, this.onAnimationEnd), Ye.classList.add(`f-${ke}In`, `from-${je > 0 ? Ze : Ke}`)), Ae.current[this.axis] = Fe, Ae.target[this.axis] = Fe, Ae.requestTick(), this.onChange(Ie), !0;
   }
   manageSlideVisiblity() {
     const _e = /* @__PURE__ */ new Set(), ke = /* @__PURE__ */ new Set(), De = this.getVisibleSlides(parseFloat(this.option("preload", 0) + "") || 0);
@@ -2364,24 +2362,24 @@ class Q extends g {
   flipInfiniteTrack() {
     const { axis: _e, isHorizontal: ke, isInfinite: De, isRTL: $e, viewportDim: Re, contentDim: Be } = this, Ne = this.panzoom;
     if (!Ne || !De) return;
-    let Ae = Ne.current[_e], ze = Ne.target[_e] - Ae, je = 0, Ve = 0.5 * Re;
-    $e && ke ? (Ae < -Ve && (je = -1, Ae += Be), Ae > Be - Ve && (je = 1, Ae -= Be)) : (Ae > Ve && (je = 1, Ae -= Be), Ae < -Be + Ve && (je = -1, Ae += Be)), je && (Ne.current[_e] = Ae, Ne.target[_e] = Ae + ze);
+    let ze = Ne.current[_e], Ae = Ne.target[_e] - ze, Ie = 0, je = 0.5 * Re;
+    $e && ke ? (ze < -je && (Ie = -1, ze += Be), ze > Be - je && (Ie = 1, ze -= Be)) : (ze > je && (Ie = 1, ze -= Be), ze < -Be + je && (Ie = -1, ze += Be)), Ie && (Ne.current[_e] = ze, Ne.target[_e] = ze + Ae);
   }
   lazyLoadImg(_e, ke) {
     const De = this, $e = "f-fadeIn", Re = "is-preloading";
     let Be = !1, Ne = null;
-    const Ae = () => {
+    const ze = () => {
       Be || (Be = !0, Ne && (Ne.remove(), Ne = null), S(ke, Re), ke.complete && (P(ke, $e), setTimeout(() => {
         S(ke, $e);
       }, 350)), this.option("adaptiveHeight") && _e.el && this.pages[this.page].slides.indexOf(_e) > -1 && (De.updateMetrics(), De.setViewportHeight()), this.emit("load", _e));
     };
     P(ke, Re), ke.src = ke.dataset.lazySrcset || ke.dataset.lazySrc || "", delete ke.dataset.lazySrc, delete ke.dataset.lazySrcset, ke.addEventListener("error", () => {
-      Ae();
+      ze();
     }), ke.addEventListener("load", () => {
-      Ae();
+      ze();
     }), setTimeout(() => {
-      const ze = ke.parentNode;
-      ze && _e.el && (ke.complete ? Ae() : Be || (Ne = n(x), ze.insertBefore(Ne, ke)));
+      const Ae = ke.parentNode;
+      Ae && _e.el && (ke.complete ? ze() : Be || (Ne = n(x), Ae.insertBefore(Ne, ke)));
     }, 300);
   }
   lazyLoadSlide(_e) {
@@ -2403,13 +2401,13 @@ class Q extends g {
   }
   onDecel(_e, ke = 0, De = 0, $e = 0, Re = 0) {
     if (this.option("dragFree")) return void this.setPageFromPosition();
-    const { isRTL: Be, isHorizontal: Ne, axis: Ae, pages: ze } = this, je = ze.length, Ve = Math.abs(Math.atan2(De, ke) / (Math.PI / 180));
+    const { isRTL: Be, isHorizontal: Ne, axis: ze, pages: Ae } = this, Ie = Ae.length, je = Math.abs(Math.atan2(De, ke) / (Math.PI / 180));
     let Fe = 0;
-    if (Fe = Ve > 45 && Ve < 135 ? Ne ? 0 : De : Ne ? ke : 0, !je) return;
-    let Ie = this.page, He = Be && Ne ? 1 : -1;
-    const We = _e.current[Ae] * He;
+    if (Fe = je > 45 && je < 135 ? Ne ? 0 : De : Ne ? ke : 0, !Ie) return;
+    let Ve = this.page, He = Be && Ne ? 1 : -1;
+    const We = _e.current[ze] * He;
     let { pageIndex: Xe } = this.getPageFromPosition(We);
-    Math.abs(Fe) > 5 ? (ze[Ie].dim < document.documentElement["client" + (this.isHorizontal ? "Width" : "Height")] - 1 && (Ie = Xe), Ie = Be && Ne ? Fe < 0 ? Ie - 1 : Ie + 1 : Fe < 0 ? Ie + 1 : Ie - 1) : Ie = $e === 0 && Re === 0 ? Ie : Xe, this.slideTo(Ie, { transition: !1, friction: _e.option("decelFriction") });
+    Math.abs(Fe) > 5 ? (Ae[Ve].dim < document.documentElement["client" + (this.isHorizontal ? "Width" : "Height")] - 1 && (Ve = Xe), Ve = Be && Ne ? Fe < 0 ? Ve - 1 : Ve + 1 : Fe < 0 ? Ve + 1 : Ve - 1) : Ve = $e === 0 && Re === 0 ? Ve : Xe, this.slideTo(Ve, { transition: !1, friction: _e.option("decelFriction") });
   }
   onClick(_e) {
     const ke = _e.target, De = ke && E(ke) ? ke.dataset : null;
@@ -2447,21 +2445,21 @@ class Q extends g {
   slideTo(_e = 0, { friction: ke = this.option("friction"), transition: De = this.option("transition") } = {}) {
     if (this.state === B.Destroy) return;
     _e = parseInt((_e || 0).toString()) || 0;
-    const $e = this.getPageFromIndex(_e), { axis: Re, isHorizontal: Be, isRTL: Ne, pages: Ae, panzoom: ze } = this, je = Ae.length, Ve = Ne && Be ? 1 : -1;
-    if (!ze || !je) return;
+    const $e = this.getPageFromIndex(_e), { axis: Re, isHorizontal: Be, isRTL: Ne, pages: ze, panzoom: Ae } = this, Ie = ze.length, je = Ne && Be ? 1 : -1;
+    if (!Ae || !Ie) return;
     if (this.page !== $e) {
-      const Ie = new Event("beforeChange", { bubbles: !0, cancelable: !0 });
-      if (this.emit("beforeChange", Ie, _e), Ie.defaultPrevented) return;
+      const Ve = new Event("beforeChange", { bubbles: !0, cancelable: !0 });
+      if (this.emit("beforeChange", Ve, _e), Ve.defaultPrevented) return;
     }
     if (this.transitionTo(_e, De)) return;
-    let Fe = Ae[$e].pos;
+    let Fe = ze[$e].pos;
     if (this.isInfinite) {
-      const Ie = this.contentDim, He = ze.target[Re] * Ve;
-      je === 2 ? Fe += Ie * Math.floor(parseFloat(_e + "") / 2) : Fe = [Fe, Fe - Ie, Fe + Ie].reduce(function(We, Xe) {
+      const Ve = this.contentDim, He = Ae.target[Re] * je;
+      Ie === 2 ? Fe += Ve * Math.floor(parseFloat(_e + "") / 2) : Fe = [Fe, Fe - Ve, Fe + Ve].reduce(function(We, Xe) {
         return Math.abs(Xe - He) < Math.abs(We - He) ? Xe : We;
       });
     }
-    Fe *= Ve, Math.abs(ze.target[Re] - Fe) < 1 || (ze.panTo({ x: Be ? Fe : 0, y: Be ? 0 : Fe, friction: ke }), this.onChange($e));
+    Fe *= je, Math.abs(Ae.target[Re] - Fe) < 1 || (Ae.panTo({ x: Be ? Fe : 0, y: Be ? 0 : Fe, friction: ke }), this.onChange($e));
   }
   slideToClosest(_e) {
     if (this.panzoom) {
@@ -2490,18 +2488,18 @@ class Q extends g {
   }
   addSlide(_e, ke) {
     var De, $e, Re, Be;
-    const Ne = this.panzoom, Ae = ((De = this.pages[this.page]) === null || De === void 0 ? void 0 : De.pos) || 0, ze = (($e = this.pages[this.page]) === null || $e === void 0 ? void 0 : $e.dim) || 0, je = this.contentDim < this.viewportDim;
-    let Ve = Array.isArray(ke) ? ke : [ke];
+    const Ne = this.panzoom, ze = ((De = this.pages[this.page]) === null || De === void 0 ? void 0 : De.pos) || 0, Ae = (($e = this.pages[this.page]) === null || $e === void 0 ? void 0 : $e.dim) || 0, Ie = this.contentDim < this.viewportDim;
+    let je = Array.isArray(ke) ? ke : [ke];
     const Fe = [];
-    for (const Ie of Ve) Fe.push(H(Ie));
+    for (const Ve of je) Fe.push(H(Ve));
     this.slides.splice(_e, 0, ...Fe);
-    for (let Ie = 0; Ie < this.slides.length; Ie++) this.slides[Ie].index = Ie;
-    for (const Ie of Fe) this.emit("beforeInitSlide", Ie, Ie.index);
+    for (let Ve = 0; Ve < this.slides.length; Ve++) this.slides[Ve].index = Ve;
+    for (const Ve of Fe) this.emit("beforeInitSlide", Ve, Ve.index);
     if (this.page >= _e && (this.page += Fe.length), this.updateMetrics(), Ne) {
-      const Ie = ((Re = this.pages[this.page]) === null || Re === void 0 ? void 0 : Re.pos) || 0, He = ((Be = this.pages[this.page]) === null || Be === void 0 ? void 0 : Be.dim) || 0, We = this.pages.length || 1, Xe = this.isRTL ? ze - He : He - ze, Ye = this.isRTL ? Ae - Ie : Ie - Ae;
-      je && We === 1 ? (_e <= this.page && (Ne.current[this.axis] -= Xe, Ne.target[this.axis] -= Xe), Ne.panTo({ [this.isHorizontal ? "x" : "y"]: -1 * Ie })) : Ye && _e <= this.page && (Ne.target[this.axis] -= Ye, Ne.current[this.axis] -= Ye, Ne.requestTick());
+      const Ve = ((Re = this.pages[this.page]) === null || Re === void 0 ? void 0 : Re.pos) || 0, He = ((Be = this.pages[this.page]) === null || Be === void 0 ? void 0 : Be.dim) || 0, We = this.pages.length || 1, Xe = this.isRTL ? Ae - He : He - Ae, Ye = this.isRTL ? ze - Ve : Ve - ze;
+      Ie && We === 1 ? (_e <= this.page && (Ne.current[this.axis] -= Xe, Ne.target[this.axis] -= Xe), Ne.panTo({ [this.isHorizontal ? "x" : "y"]: -1 * Ve })) : Ye && _e <= this.page && (Ne.target[this.axis] -= Ye, Ne.current[this.axis] -= Ye, Ne.requestTick());
     }
-    for (const Ie of Fe) this.emit("initSlide", Ie, Ie.index);
+    for (const Ve of Fe) this.emit("initSlide", Ve, Ve.index);
   }
   prependSlide(_e) {
     this.addSlide(0, _e);
@@ -2522,26 +2520,26 @@ class Q extends g {
   updateMetrics() {
     const { panzoom: _e, viewport: ke, track: De, slides: $e, isHorizontal: Re, isInfinite: Be } = this;
     if (!De) return;
-    const Ne = Re ? "width" : "height", Ae = Re ? "offsetWidth" : "offsetHeight";
+    const Ne = Re ? "width" : "height", ze = Re ? "offsetWidth" : "offsetHeight";
     if (ke) {
-      let Ve = Math.max(ke[Ae], t(ke.getBoundingClientRect()[Ne], 1e3)), Fe = getComputedStyle(ke), Ie = "padding", He = Re ? "Right" : "Bottom";
-      Ve -= parseFloat(Fe[Ie + (Re ? "Left" : "Top")]) + parseFloat(Fe[Ie + He]), this.viewportDim = Ve;
+      let je = Math.max(ke[ze], t(ke.getBoundingClientRect()[Ne], 1e3)), Fe = getComputedStyle(ke), Ve = "padding", He = Re ? "Right" : "Bottom";
+      je -= parseFloat(Fe[Ve + (Re ? "Left" : "Top")]) + parseFloat(Fe[Ve + He]), this.viewportDim = je;
     }
-    let ze, je = 0;
-    for (const [Ve, Fe] of $e.entries()) {
-      let Ie = 0, He = 0;
-      !Fe.el && ze ? (Ie = ze.dim, He = ze.gap) : ({ dim: Ie, gap: He } = this.getSlideMetrics(Fe), ze = Fe), Ie = t(Ie, 1e3), He = t(He, 1e3), Fe.dim = Ie, Fe.gap = He, Fe.pos = je, je += Ie, (Be || Ve < $e.length - 1) && (je += He);
+    let Ae, Ie = 0;
+    for (const [je, Fe] of $e.entries()) {
+      let Ve = 0, He = 0;
+      !Fe.el && Ae ? (Ve = Ae.dim, He = Ae.gap) : ({ dim: Ve, gap: He } = this.getSlideMetrics(Fe), Ae = Fe), Ve = t(Ve, 1e3), He = t(He, 1e3), Fe.dim = Ve, Fe.gap = He, Fe.pos = Ie, Ie += Ve, (Be || je < $e.length - 1) && (Ie += He);
     }
-    je = t(je, 1e3), this.contentDim = je, _e && (_e.contentRect[Ne] = je, _e.contentRect[Re ? "fullWidth" : "fullHeight"] = je), this.pages = this.createPages(), this.pages = this.processPages(), this.state === B.Init && this.setInitialPage(), this.page = Math.max(0, Math.min(this.page, this.pages.length - 1)), this.manageSlideVisiblity(), this.emit("refresh");
+    Ie = t(Ie, 1e3), this.contentDim = Ie, _e && (_e.contentRect[Ne] = Ie, _e.contentRect[Re ? "fullWidth" : "fullHeight"] = Ie), this.pages = this.createPages(), this.pages = this.processPages(), this.state === B.Init && this.setInitialPage(), this.page = Math.max(0, Math.min(this.page, this.pages.length - 1)), this.manageSlideVisiblity(), this.emit("refresh");
   }
   getProgress(_e, ke = !1, De = !1) {
     _e === void 0 && (_e = this.page);
     const $e = this, Re = $e.panzoom, Be = $e.contentDim, Ne = $e.pages[_e] || 0;
     if (!Ne || !Re) return _e > this.page ? -1 : 1;
-    let Ae = -1 * Re.current.e, ze = t((Ae - Ne.pos) / (1 * Ne.dim), 1e3), je = ze, Ve = ze;
-    this.isInfinite && De !== !0 && (je = t((Ae - Ne.pos + Be) / (1 * Ne.dim), 1e3), Ve = t((Ae - Ne.pos - Be) / (1 * Ne.dim), 1e3));
-    let Fe = [ze, je, Ve].reduce(function(Ie, He) {
-      return Math.abs(He) < Math.abs(Ie) ? He : Ie;
+    let ze = -1 * Re.current.e, Ae = t((ze - Ne.pos) / (1 * Ne.dim), 1e3), Ie = Ae, je = Ae;
+    this.isInfinite && De !== !0 && (Ie = t((ze - Ne.pos + Be) / (1 * Ne.dim), 1e3), je = t((ze - Ne.pos - Be) / (1 * Ne.dim), 1e3));
+    let Fe = [Ae, Ie, je].reduce(function(Ve, He) {
+      return Math.abs(He) < Math.abs(Ve) ? He : Ve;
     });
     return ke ? Fe : Fe > 1 ? 1 : Fe < -1 ? -1 : Fe;
   }
@@ -2560,28 +2558,28 @@ class Q extends g {
   getVisibleSlides(_e = 0) {
     var ke;
     const De = /* @__PURE__ */ new Set();
-    let { panzoom: $e, contentDim: Re, viewportDim: Be, pages: Ne, page: Ae } = this;
+    let { panzoom: $e, contentDim: Re, viewportDim: Be, pages: Ne, page: ze } = this;
     if (Be) {
       Re = Re + ((ke = this.slides[this.slides.length - 1]) === null || ke === void 0 ? void 0 : ke.gap) || 0;
-      let ze = 0;
-      ze = $e && $e.state !== m.Init && $e.state !== m.Destroy ? -1 * $e.current[this.axis] : Ne[Ae] && Ne[Ae].pos || 0, this.isInfinite && (ze -= Math.floor(ze / Re) * Re), this.isRTL && this.isHorizontal && (ze *= -1);
-      const je = ze - Be * _e, Ve = ze + Be * (_e + 1), Fe = this.isInfinite ? [-1, 0, 1] : [0];
-      for (const Ie of this.slides) for (const He of Fe) {
-        const We = Ie.pos + He * Re, Xe = We + Ie.dim + Ie.gap;
-        We < Ve && Xe > je && De.add(Ie);
+      let Ae = 0;
+      Ae = $e && $e.state !== m.Init && $e.state !== m.Destroy ? -1 * $e.current[this.axis] : Ne[ze] && Ne[ze].pos || 0, this.isInfinite && (Ae -= Math.floor(Ae / Re) * Re), this.isRTL && this.isHorizontal && (Ae *= -1);
+      const Ie = Ae - Be * _e, je = Ae + Be * (_e + 1), Fe = this.isInfinite ? [-1, 0, 1] : [0];
+      for (const Ve of this.slides) for (const He of Fe) {
+        const We = Ve.pos + He * Re, Xe = We + Ve.dim + Ve.gap;
+        We < je && Xe > Ie && De.add(Ve);
       }
     }
     return De;
   }
   getPageFromPosition(_e) {
-    const { viewportDim: ke, contentDim: De, slides: $e, pages: Re, panzoom: Be } = this, Ne = Re.length, Ae = $e.length, ze = $e[0], je = $e[Ae - 1], Ve = this.option("center");
-    let Fe = 0, Ie = 0, He = 0, We = _e === void 0 ? -1 * ((Be == null ? void 0 : Be.target[this.axis]) || 0) : _e;
-    Ve && (We += 0.5 * ke), this.isInfinite ? (We < ze.pos - 0.5 * je.gap && (We -= De, He = -1), We > je.pos + je.dim + 0.5 * je.gap && (We -= De, He = 1)) : We = Math.max(ze.pos || 0, Math.min(We, je.pos));
-    let Xe = je, Ye = $e.find((qe) => {
-      const Ze = qe.pos - 0.5 * Xe.gap, Ue = qe.pos + qe.dim + 0.5 * qe.gap;
-      return Xe = qe, We >= Ze && We < Ue;
+    const { viewportDim: ke, contentDim: De, slides: $e, pages: Re, panzoom: Be } = this, Ne = Re.length, ze = $e.length, Ae = $e[0], Ie = $e[ze - 1], je = this.option("center");
+    let Fe = 0, Ve = 0, He = 0, We = _e === void 0 ? -1 * ((Be == null ? void 0 : Be.target[this.axis]) || 0) : _e;
+    je && (We += 0.5 * ke), this.isInfinite ? (We < Ae.pos - 0.5 * Ie.gap && (We -= De, He = -1), We > Ie.pos + Ie.dim + 0.5 * Ie.gap && (We -= De, He = 1)) : We = Math.max(Ae.pos || 0, Math.min(We, Ie.pos));
+    let Xe = Ie, Ye = $e.find((Ze) => {
+      const Ke = Ze.pos - 0.5 * Xe.gap, qe = Ze.pos + Ze.dim + 0.5 * Ze.gap;
+      return Xe = Ze, We >= Ke && We < qe;
     });
-    return Ye || (Ye = je), Ie = this.getPageForSlide(Ye.index), Fe = Ie + He * Ne, { page: Fe, pageIndex: Ie };
+    return Ye || (Ye = Ie), Ve = this.getPageForSlide(Ye.index), Fe = Ve + He * Ne, { page: Fe, pageIndex: Ve };
   }
   setPageFromPosition() {
     const { pageIndex: _e } = this.getPageFromPosition();
@@ -2591,10 +2589,10 @@ class Q extends g {
     if ([B.Destroy].includes(this.state)) return;
     this.state = B.Destroy;
     const { container: _e, viewport: ke, track: De, slides: $e, panzoom: Re } = this, Be = this.option("classes");
-    _e.removeEventListener("click", this.onClick, { passive: !1, capture: !1 }), _e.removeEventListener("slideTo", this.onSlideTo), window.removeEventListener("resize", this.onResize), Re && (Re.destroy(), this.panzoom = null), $e && $e.forEach((Ae) => {
-      this.removeSlideEl(Ae);
+    _e.removeEventListener("click", this.onClick, { passive: !1, capture: !1 }), _e.removeEventListener("slideTo", this.onSlideTo), window.removeEventListener("resize", this.onResize), Re && (Re.destroy(), this.panzoom = null), $e && $e.forEach((ze) => {
+      this.removeSlideEl(ze);
     }), this.detachPlugins(), ke && (ke.removeEventListener("scroll", this.onScroll), ke.offsetParent && De && De.offsetParent && ke.replaceWith(...De.childNodes));
-    for (const [Ae, ze] of Object.entries(Be)) Ae !== "container" && ze && _e.classList.remove(ze);
+    for (const [ze, Ae] of Object.entries(Be)) ze !== "container" && Ae && _e.classList.remove(Ae);
     this.track = null, this.viewport = null, this.page = 0, this.slides = [];
     const Ne = this.events.get("ready");
     this.events = /* @__PURE__ */ new Map(), Ne && this.events.set("ready", Ne);
@@ -2606,10 +2604,10 @@ const tt = function(Le) {
   const _e = window.scrollY, ke = window.innerHeight, De = _e + ke, $e = Le.getBoundingClientRect(), Re = $e.y + _e, Be = $e.height, Ne = Re + Be;
   if (_e > Ne || De < Re) return 0;
   if (_e < Re && De > Ne || Re < _e && Ne > De) return 100;
-  let Ae = Be;
-  Re < _e && (Ae -= _e - Re), Ne > De && (Ae -= Ne - De);
-  const ze = Ae / ke * 100;
-  return Math.round(ze);
+  let ze = Be;
+  Re < _e && (ze -= _e - Re), Ne > De && (ze -= Ne - De);
+  const Ae = ze / ke * 100;
+  return Math.round(Ae);
 }, et = !(typeof window > "u" || !window.document || !window.document.createElement);
 let it;
 const nt = ["a[href]", "area[href]", 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', "select:not([disabled]):not([aria-hidden])", "textarea:not([disabled]):not([aria-hidden])", "button:not([disabled]):not([aria-hidden]):not(.fancybox-focus-guard)", "iframe", "object", "embed", "video", "audio", "[contenteditable]", '[tabindex]:not([tabindex^="-"]):not([disabled]):not([aria-hidden])'].join(","), st = (Le) => {
@@ -2705,70 +2703,70 @@ class wt extends _ {
     var _e;
     const ke = this.instance, De = ke.container, $e = ke.getSlide();
     if (!De || !De.parentElement || !$e) return;
-    const { el: Re, contentEl: Be, panzoom: Ne, thumbElSrc: Ae } = $e;
-    if (!Re || !Ae || !Be || !Ne || Ne.isContentLoading || Ne.state === m.Init || Ne.state === m.Destroy) return;
+    const { el: Re, contentEl: Be, panzoom: Ne, thumbElSrc: ze } = $e;
+    if (!Re || !ze || !Be || !Ne || Ne.isContentLoading || Ne.state === m.Init || Ne.state === m.Destroy) return;
     Ne.updateMetrics();
-    let ze = this.getZoomInfo($e);
-    if (!ze) return;
-    this.instance.state = rt.CustomClosing, De.classList.remove(yt), De.classList.add("is-zooming-out"), Be.style.backgroundImage = `url('${Ae}')`;
-    const je = De.getBoundingClientRect();
-    (((_e = window.visualViewport) === null || _e === void 0 ? void 0 : _e.scale) || 1) === 1 && Object.assign(De.style, { position: "absolute", top: `${De.offsetTop + window.scrollY}px`, left: `${De.offsetLeft + window.scrollX}px`, bottom: "auto", right: "auto", width: `${je.width}px`, height: `${je.height}px`, overflow: "hidden" });
-    const { x: Ve, y: Fe, scale: Ie, opacity: He } = ze;
+    let Ae = this.getZoomInfo($e);
+    if (!Ae) return;
+    this.instance.state = rt.CustomClosing, De.classList.remove(yt), De.classList.add("is-zooming-out"), Be.style.backgroundImage = `url('${ze}')`;
+    const Ie = De.getBoundingClientRect();
+    (((_e = window.visualViewport) === null || _e === void 0 ? void 0 : _e.scale) || 1) === 1 && Object.assign(De.style, { position: "absolute", top: `${De.offsetTop + window.scrollY}px`, left: `${De.offsetLeft + window.scrollX}px`, bottom: "auto", right: "auto", width: `${Ie.width}px`, height: `${Ie.height}px`, overflow: "hidden" });
+    const { x: je, y: Fe, scale: Ve, opacity: He } = Ae;
     if (He) {
-      const We = ((Xe, Ye, qe, Ze) => {
-        const Ue = Ye - Xe, Ge = Ze - qe;
-        return (Qe) => qe + ((Qe - Xe) / Ue * Ge || 0);
-      })(Ne.scale, Ie, 1, 0);
+      const We = ((Xe, Ye, Ze, Ke) => {
+        const qe = Ye - Xe, Ue = Ke - Ze;
+        return (Qe) => Ze + ((Qe - Xe) / qe * Ue || 0);
+      })(Ne.scale, Ve, 1, 0);
       Ne.on("afterTransform", () => {
         Be.style.opacity = We(Ne.scale) + "";
       });
     }
     Ne.on("endAnimation", () => {
       ke.destroy();
-    }), Ne.target.a = Ie, Ne.target.b = 0, Ne.target.c = 0, Ne.target.d = Ie, Ne.panTo({ x: Ve, y: Fe, scale: Ie, friction: He ? 0.2 : 0.33, ignoreBounds: !0 }), Ne.isResting && ke.destroy();
+    }), Ne.target.a = Ve, Ne.target.b = 0, Ne.target.c = 0, Ne.target.d = Ve, Ne.panTo({ x: je, y: Fe, scale: Ve, friction: He ? 0.2 : 0.33, ignoreBounds: !0 }), Ne.isResting && ke.destroy();
   }
   setImage(_e, ke) {
     const De = this.instance;
     _e.src = ke, this.process(_e, ke).then(($e) => {
-      const { contentEl: Re, imageEl: Be, thumbElSrc: Ne, el: Ae } = _e;
+      const { contentEl: Re, imageEl: Be, thumbElSrc: Ne, el: ze } = _e;
       if (De.isClosing() || !Re || !Be) return;
       Re.offsetHeight;
-      const ze = !!De.isOpeningSlide(_e) && this.getZoomInfo(_e);
-      if (this.option("protected") && Ae) {
-        Ae.addEventListener("contextmenu", (Fe) => {
+      const Ae = !!De.isOpeningSlide(_e) && this.getZoomInfo(_e);
+      if (this.option("protected") && ze) {
+        ze.addEventListener("contextmenu", (Fe) => {
           Fe.preventDefault();
         });
-        const Ve = document.createElement("div");
-        P(Ve, "fancybox-protected"), Re.appendChild(Ve);
+        const je = document.createElement("div");
+        P(je, "fancybox-protected"), Re.appendChild(je);
       }
-      if (Ne && ze) {
-        const Ve = $e.contentRect, Fe = Math.max(Ve.fullWidth, Ve.fullHeight);
-        let Ie = null;
-        !ze.opacity && Fe > 1200 && (Ie = document.createElement("img"), P(Ie, "fancybox-ghost"), Ie.src = Ne, Re.appendChild(Ie));
+      if (Ne && Ae) {
+        const je = $e.contentRect, Fe = Math.max(je.fullWidth, je.fullHeight);
+        let Ve = null;
+        !Ae.opacity && Fe > 1200 && (Ve = document.createElement("img"), P(Ve, "fancybox-ghost"), Ve.src = Ne, Re.appendChild(Ve));
         const He = () => {
-          Ie && (P(Ie, "f-fadeFastOut"), setTimeout(() => {
-            Ie && (Ie.remove(), Ie = null);
+          Ve && (P(Ve, "f-fadeFastOut"), setTimeout(() => {
+            Ve && (Ve.remove(), Ve = null);
           }, 200));
         };
-        (je = Ne, new Promise((We, Xe) => {
+        (Ie = Ne, new Promise((We, Xe) => {
           const Ye = new Image();
-          Ye.onload = We, Ye.onerror = Xe, Ye.src = je;
+          Ye.onload = We, Ye.onerror = Xe, Ye.src = Ie;
         })).then(() => {
           De.hideLoading(_e), _e.state = lt.Opening, this.instance.emit("reveal", _e), this.zoomIn(_e).then(() => {
             He(), this.instance.done(_e);
           }, () => {
-          }), Ie && setTimeout(() => {
+          }), Ve && setTimeout(() => {
             He();
           }, Fe > 2500 ? 800 : 200);
         }, () => {
           De.hideLoading(_e), De.revealContent(_e);
         });
       } else {
-        const Ve = this.optionFor(_e, "initialSize"), Fe = this.optionFor(_e, "zoom"), Ie = { event: De.prevMouseMoveEvent || De.options.event, friction: Fe ? 0.12 : 0 };
+        const je = this.optionFor(_e, "initialSize"), Fe = this.optionFor(_e, "zoom"), Ve = { event: De.prevMouseMoveEvent || De.options.event, friction: Fe ? 0.12 : 0 };
         let He = De.optionFor(_e, "showClass") || void 0, We = !0;
-        De.isOpeningSlide(_e) && (Ve === "full" ? $e.zoomToFull(Ie) : Ve === "cover" ? $e.zoomToCover(Ie) : Ve === "max" ? $e.zoomToMax(Ie) : We = !1, $e.stop("current")), We && He && (He = $e.isDragging ? "f-fadeIn" : ""), De.hideLoading(_e), De.revealContent(_e, He);
+        De.isOpeningSlide(_e) && (je === "full" ? $e.zoomToFull(Ve) : je === "cover" ? $e.zoomToCover(Ve) : je === "max" ? $e.zoomToMax(Ve) : We = !1, $e.stop("current")), We && He && (He = $e.isDragging ? "f-fadeIn" : ""), De.hideLoading(_e), De.revealContent(_e, He);
       }
-      var je;
+      var Ie;
     }, () => {
       De.setError(_e, "{{IMAGE_ERROR}}");
     });
@@ -2778,28 +2776,28 @@ class wt extends _ {
       var Re;
       const Be = this.instance, Ne = _e.el;
       Be.clearContent(_e), Be.showLoading(_e);
-      let Ae = this.optionFor(_e, "content");
-      if (typeof Ae == "string" && (Ae = n(Ae)), !Ae || !E(Ae)) {
-        if (Ae = document.createElement("img"), Ae instanceof HTMLImageElement) {
-          let ze = "", je = _e.caption;
-          ze = typeof je == "string" && je ? je.replace(/<[^>]+>/gi, "").substring(0, 1e3) : `Image ${_e.index + 1} of ${((Re = Be.carousel) === null || Re === void 0 ? void 0 : Re.pages.length) || 1}`, Ae.src = ke || "", Ae.alt = ze, Ae.draggable = !1, _e.srcset && Ae.setAttribute("srcset", _e.srcset), this.instance.isOpeningSlide(_e) && (Ae.fetchPriority = "high");
+      let ze = this.optionFor(_e, "content");
+      if (typeof ze == "string" && (ze = n(ze)), !ze || !E(ze)) {
+        if (ze = document.createElement("img"), ze instanceof HTMLImageElement) {
+          let Ae = "", Ie = _e.caption;
+          Ae = typeof Ie == "string" && Ie ? Ie.replace(/<[^>]+>/gi, "").substring(0, 1e3) : `Image ${_e.index + 1} of ${((Re = Be.carousel) === null || Re === void 0 ? void 0 : Re.pages.length) || 1}`, ze.src = ke || "", ze.alt = Ae, ze.draggable = !1, _e.srcset && ze.setAttribute("srcset", _e.srcset), this.instance.isOpeningSlide(_e) && (ze.fetchPriority = "high");
         }
-        _e.sizes && Ae.setAttribute("sizes", _e.sizes);
+        _e.sizes && ze.setAttribute("sizes", _e.sizes);
       }
-      P(Ae, "fancybox-image"), _e.imageEl = Ae, Be.setContent(_e, Ae, !1), _e.panzoom = new I(Ne, u({ transformParent: !0 }, this.option("Panzoom") || {}, { content: Ae, width: (ze, je) => Be.optionFor(_e, "width", "auto", je) || "auto", height: (ze, je) => Be.optionFor(_e, "height", "auto", je) || "auto", wheel: () => {
-        const ze = Be.option("wheel");
-        return (ze === "zoom" || ze == "pan") && ze;
-      }, click: (ze, je) => {
-        var Ve, Fe;
-        if (Be.isCompact || Be.isClosing() || _e.index !== ((Ve = Be.getSlide()) === null || Ve === void 0 ? void 0 : Ve.index)) return !1;
-        if (je) {
-          const He = je.composedPath()[0];
+      P(ze, "fancybox-image"), _e.imageEl = ze, Be.setContent(_e, ze, !1), _e.panzoom = new I(Ne, u({ transformParent: !0 }, this.option("Panzoom") || {}, { content: ze, width: (Ae, Ie) => Be.optionFor(_e, "width", "auto", Ie) || "auto", height: (Ae, Ie) => Be.optionFor(_e, "height", "auto", Ie) || "auto", wheel: () => {
+        const Ae = Be.option("wheel");
+        return (Ae === "zoom" || Ae == "pan") && Ae;
+      }, click: (Ae, Ie) => {
+        var je, Fe;
+        if (Be.isCompact || Be.isClosing() || _e.index !== ((je = Be.getSlide()) === null || je === void 0 ? void 0 : je.index)) return !1;
+        if (Ie) {
+          const He = Ie.composedPath()[0];
           if (["A", "BUTTON", "TEXTAREA", "OPTION", "INPUT", "SELECT", "VIDEO"].includes(He.nodeName)) return !1;
         }
-        let Ie = !je || je.target && ((Fe = _e.contentEl) === null || Fe === void 0 ? void 0 : Fe.contains(je.target));
-        return Be.option(Ie ? "contentClick" : "backdropClick") || !1;
-      }, dblClick: () => Be.isCompact ? "toggleZoom" : Be.option("contentDblClick") || !1, spinner: !1, panOnlyZoomed: !0, wheelLimit: 1 / 0, on: { ready: (ze) => {
-        De(ze);
+        let Ve = !Ie || Ie.target && ((Fe = _e.contentEl) === null || Fe === void 0 ? void 0 : Fe.contains(Ie.target));
+        return Be.option(Ve ? "contentClick" : "backdropClick") || !1;
+      }, dblClick: () => Be.isCompact ? "toggleZoom" : Be.option("contentDblClick") || !1, spinner: !1, panOnlyZoomed: !0, wheelLimit: 1 / 0, on: { ready: (Ae) => {
+        De(Ae);
       }, error: () => {
         $e();
       }, destroy: () => {
@@ -2809,18 +2807,18 @@ class wt extends _ {
   }
   zoomIn(_e) {
     return new Promise((ke, De) => {
-      const $e = this.instance, Re = $e.container, { panzoom: Be, contentEl: Ne, el: Ae } = _e;
+      const $e = this.instance, Re = $e.container, { panzoom: Be, contentEl: Ne, el: ze } = _e;
       Be && Be.updateMetrics();
-      const ze = this.getZoomInfo(_e);
-      if (!(ze && Ae && Ne && Be && Re)) return void De();
-      const { x: je, y: Ve, scale: Fe, opacity: Ie } = ze, He = () => {
-        _e.state !== lt.Closing && (Ie && (Ne.style.opacity = Math.max(Math.min(1, 1 - (1 - Be.scale) / (1 - Fe)), 0) + ""), Be.scale >= 1 && Be.scale > Be.targetScale - 0.1 && ke(Be));
-      }, We = (qe) => {
-        (qe.scale < 0.99 || qe.scale > 1.01) && !qe.isDragging || (S(Re, yt), Ne.style.opacity = "", qe.off("endAnimation", We), qe.off("touchStart", We), qe.off("afterTransform", He), ke(qe));
+      const Ae = this.getZoomInfo(_e);
+      if (!(Ae && ze && Ne && Be && Re)) return void De();
+      const { x: Ie, y: je, scale: Fe, opacity: Ve } = Ae, He = () => {
+        _e.state !== lt.Closing && (Ve && (Ne.style.opacity = Math.max(Math.min(1, 1 - (1 - Be.scale) / (1 - Fe)), 0) + ""), Be.scale >= 1 && Be.scale > Be.targetScale - 0.1 && ke(Be));
+      }, We = (Ze) => {
+        (Ze.scale < 0.99 || Ze.scale > 1.01) && !Ze.isDragging || (S(Re, yt), Ne.style.opacity = "", Ze.off("endAnimation", We), Ze.off("touchStart", We), Ze.off("afterTransform", He), ke(Ze));
       };
       Be.on("endAnimation", We), Be.on("touchStart", We), Be.on("afterTransform", He), Be.on(["error", "destroy"], () => {
         De();
-      }), Be.panTo({ x: je, y: Ve, scale: Fe, friction: 0, ignoreBounds: !0 }), Be.stop("current");
+      }), Be.panTo({ x: Ie, y: je, scale: Fe, friction: 0, ignoreBounds: !0 }), Be.stop("current");
       const Xe = { event: Be.panMode === "mousemove" ? $e.prevMouseMoveEvent || $e.options.event : void 0 }, Ye = this.optionFor(_e, "initialSize");
       P(Re, yt), $e.hideLoading(_e), Ye === "full" ? Be.zoomToFull(Xe) : Ye === "cover" ? Be.zoomToCover(Xe) : Ye === "max" ? Be.zoomToMax(Xe) : Be.reset(0.172);
     });
@@ -2828,15 +2826,15 @@ class wt extends _ {
   getZoomInfo(_e) {
     const { el: ke, imageEl: De, thumbEl: $e, panzoom: Re } = _e, Be = this.instance, Ne = Be.container;
     if (!ke || !De || !$e || !Re || tt($e) < 3 || !this.optionFor(_e, "zoom") || !Ne || Be.state === rt.Destroy || getComputedStyle(Ne).getPropertyValue("--f-images-zoom") === "0") return !1;
-    const Ae = window.visualViewport || null;
-    if ((Ae ? Ae.scale : 1) !== 1) return !1;
-    let { top: ze, left: je, width: Ve, height: Fe } = $e.getBoundingClientRect(), { top: Ie, left: He, fitWidth: We, fitHeight: Xe } = Re.contentRect;
-    if (!(Ve && Fe && We && Xe)) return !1;
+    const ze = window.visualViewport || null;
+    if ((ze ? ze.scale : 1) !== 1) return !1;
+    let { top: Ae, left: Ie, width: je, height: Fe } = $e.getBoundingClientRect(), { top: Ve, left: He, fitWidth: We, fitHeight: Xe } = Re.contentRect;
+    if (!(je && Fe && We && Xe)) return !1;
     const Ye = Re.container.getBoundingClientRect();
-    He += Ye.left, Ie += Ye.top;
-    const qe = -1 * (He + 0.5 * We - (je + 0.5 * Ve)), Ze = -1 * (Ie + 0.5 * Xe - (ze + 0.5 * Fe)), Ue = Ve / We;
-    let Ge = this.option("zoomOpacity") || !1;
-    return Ge === "auto" && (Ge = Math.abs(Ve / Fe - We / Xe) > 0.1), { x: qe, y: Ze, scale: Ue, opacity: Ge };
+    He += Ye.left, Ve += Ye.top;
+    const Ze = -1 * (He + 0.5 * We - (Ie + 0.5 * je)), Ke = -1 * (Ve + 0.5 * Xe - (Ae + 0.5 * Fe)), qe = je / We;
+    let Ue = this.option("zoomOpacity") || !1;
+    return Ue === "auto" && (Ue = Math.abs(je / Fe - We / Xe) > 0.1), { x: Ze, y: Ke, scale: qe, opacity: Ue };
   }
   attach() {
     const _e = this, ke = _e.instance;
@@ -2850,12 +2848,12 @@ class wt extends _ {
 Object.defineProperty(wt, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: { initialSize: "fit", Panzoom: { maxScale: 1 }, protected: !1, zoom: !0, zoomOpacity: "auto" } }), typeof SuppressedError == "function" && SuppressedError;
 const xt = "html", Et = "image", St = "map", Pt = "youtube", Ct = "vimeo", Tt = "html5video", Mt = (Le, _e = {}) => {
   const ke = new URL(Le), De = new URLSearchParams(ke.search), $e = new URLSearchParams();
-  for (const [Ne, Ae] of [...De, ...Object.entries(_e)]) {
-    let ze = Ae + "";
+  for (const [Ne, ze] of [...De, ...Object.entries(_e)]) {
+    let Ae = ze + "";
     if (Ne === "t") {
-      let je = ze.match(/((\d*)m)?(\d*)s?/);
-      je && $e.set("start", 60 * parseInt(je[2] || "0") + parseInt(je[3] || "0") + "");
-    } else $e.set(Ne, ze);
+      let Ie = Ae.match(/((\d*)m)?(\d*)s?/);
+      Ie && $e.set("start", 60 * parseInt(Ie[2] || "0") + parseInt(Ie[3] || "0") + "");
+    } else $e.set(Ne, Ae);
   }
   let Re = $e + "", Be = Le.match(/#t=((.*)?\d+s)/);
   return Be && (Re += `#t=${Be[1]}`), Re;
@@ -2950,7 +2948,7 @@ class Lt extends _ {
     De.classList.add("is-loading");
     const $e = this.instance, Re = document.createElement("iframe");
     Re.className = "fancybox__iframe", Re.setAttribute("id", `fancybox__iframe_${$e.id}_${_e.index}`);
-    for (const [Ne, Ae] of Object.entries(this.optionFor(_e, "iframeAttr") || {})) Re.setAttribute(Ne, Ae);
+    for (const [Ne, ze] of Object.entries(this.optionFor(_e, "iframeAttr") || {})) Re.setAttribute(Ne, ze);
     Re.onerror = () => {
       $e.setError(_e, "{{IFRAME_ERROR}}");
     }, _e.iframeEl = Re;
@@ -2971,18 +2969,18 @@ class Lt extends _ {
     Re === void 0 && (Re = this.optionFor(_e, "autoSize"));
     let Be = _e.width || 0, Ne = _e.height || 0;
     Be && Ne && (Re = !1);
-    const Ae = $e && $e.style;
-    if (_e.preload !== !1 && Re !== !1 && Ae) try {
-      const ze = window.getComputedStyle($e), je = parseFloat(ze.paddingLeft) + parseFloat(ze.paddingRight), Ve = parseFloat(ze.paddingTop) + parseFloat(ze.paddingBottom), Fe = De.contentWindow;
+    const ze = $e && $e.style;
+    if (_e.preload !== !1 && Re !== !1 && ze) try {
+      const Ae = window.getComputedStyle($e), Ie = parseFloat(Ae.paddingLeft) + parseFloat(Ae.paddingRight), je = parseFloat(Ae.paddingTop) + parseFloat(Ae.paddingBottom), Fe = De.contentWindow;
       if (Fe) {
-        const Ie = Fe.document, He = Ie.getElementsByTagName(xt)[0], We = Ie.body;
-        Ae.width = "", We.style.overflow = "hidden", Be = Be || He.scrollWidth + je, Ae.width = `${Be}px`, We.style.overflow = "", Ae.flex = "0 0 auto", Ae.height = `${We.scrollHeight}px`, Ne = He.scrollHeight + Ve;
+        const Ve = Fe.document, He = Ve.getElementsByTagName(xt)[0], We = Ve.body;
+        ze.width = "", We.style.overflow = "hidden", Be = Be || He.scrollWidth + Ie, ze.width = `${Be}px`, We.style.overflow = "", ze.flex = "0 0 auto", ze.height = `${We.scrollHeight}px`, Ne = He.scrollHeight + je;
       }
     } catch {
     }
     if (Be || Ne) {
-      const ze = { flex: "0 1 auto", width: "", height: "" };
-      Be && Be !== "auto" && (ze.width = `${Be}px`), Ne && Ne !== "auto" && (ze.height = `${Ne}px`), Object.assign(Ae, ze);
+      const Ae = { flex: "0 1 auto", width: "", height: "" };
+      Be && Be !== "auto" && (Ae.width = `${Be}px`), Ne && Ne !== "auto" && (Ae.height = `${Ne}px`), Object.assign(ze, Ae);
     }
   }
   playVideo() {
@@ -3018,16 +3016,16 @@ class Lt extends _ {
     if (!ke || typeof ke != "string") return;
     let De = _e.type, $e = null;
     if ($e = ke.match(/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(?:watch\?(?:.*&)?v=|v\/|u\/|shorts\/|embed\/?)?(videoseries\?list=(?:.*)|[\w-]{11}|\?listType=(?:.*)&list=(?:.*))(?:.*)/i)) {
-      const Re = this.optionFor(_e, Pt), { nocookie: Be } = Re, Ne = function(Ve, Fe) {
-        var Ie = {};
-        for (var He in Ve) Object.prototype.hasOwnProperty.call(Ve, He) && Fe.indexOf(He) < 0 && (Ie[He] = Ve[He]);
-        if (Ve != null && typeof Object.getOwnPropertySymbols == "function") {
+      const Re = this.optionFor(_e, Pt), { nocookie: Be } = Re, Ne = function(je, Fe) {
+        var Ve = {};
+        for (var He in je) Object.prototype.hasOwnProperty.call(je, He) && Fe.indexOf(He) < 0 && (Ve[He] = je[He]);
+        if (je != null && typeof Object.getOwnPropertySymbols == "function") {
           var We = 0;
-          for (He = Object.getOwnPropertySymbols(Ve); We < He.length; We++) Fe.indexOf(He[We]) < 0 && Object.prototype.propertyIsEnumerable.call(Ve, He[We]) && (Ie[He[We]] = Ve[He[We]]);
+          for (He = Object.getOwnPropertySymbols(je); We < He.length; We++) Fe.indexOf(He[We]) < 0 && Object.prototype.propertyIsEnumerable.call(je, He[We]) && (Ve[He[We]] = je[He[We]]);
         }
-        return Ie;
-      }(Re, ["nocookie"]), Ae = `www.youtube${Be ? "-nocookie" : ""}.com`, ze = Mt(ke, Ne), je = encodeURIComponent($e[2]);
-      _e.videoId = je, _e.src = `https://${Ae}/embed/${je}?${ze}`, _e.thumbSrc = _e.thumbSrc || `https://i.ytimg.com/vi/${je}/mqdefault.jpg`, De = Pt;
+        return Ve;
+      }(Re, ["nocookie"]), ze = `www.youtube${Be ? "-nocookie" : ""}.com`, Ae = Mt(ke, Ne), Ie = encodeURIComponent($e[2]);
+      _e.videoId = Ie, _e.src = `https://${ze}/embed/${Ie}?${Ae}`, _e.thumbSrc = _e.thumbSrc || `https://i.ytimg.com/vi/${Ie}/mqdefault.jpg`, De = Pt;
     } else if ($e = ke.match(/^.+vimeo.com\/(?:\/)?([\d]+)((\/|\?h=)([a-z0-9]+))?(.*)?/)) {
       const Re = Mt(ke, this.optionFor(_e, Ct)), Be = encodeURIComponent($e[1]), Ne = $e[4] || "";
       _e.videoId = Be, _e.src = `https://player.vimeo.com/video/${Be}?${Ne ? `h=${Ne}${Re ? "&" : ""}` : ""}${Re}`, De = Ct;
@@ -3073,13 +3071,13 @@ class Lt extends _ {
     let De, $e = _e.width || "auto", Re = _e.height || "auto";
     if ($e === "auto" || Re === "auto") {
       De = this.optionFor(_e, "videoRatio");
-      const ze = (De + "").match(/(\d+)\s*\/\s?(\d+)/);
-      De = ze && ze.length > 2 ? parseFloat(ze[1]) / parseFloat(ze[2]) : parseFloat(De + "");
+      const Ae = (De + "").match(/(\d+)\s*\/\s?(\d+)/);
+      De = Ae && Ae.length > 2 ? parseFloat(Ae[1]) / parseFloat(Ae[2]) : parseFloat(De + "");
     } else $e && Re && (De = $e / Re);
     if (!De) return;
     ke.style.aspectRatio = "", ke.style.width = "", ke.style.height = "", ke.offsetHeight;
-    const Be = ke.getBoundingClientRect(), Ne = Be.width || 1, Ae = Be.height || 1;
-    ke.style.aspectRatio = De + "", De < Ne / Ae ? (Re = Re === "auto" ? Ae : Math.min(Ae, Re), ke.style.width = "auto", ke.style.height = `${Re}px`) : ($e = $e === "auto" ? Ne : Math.min(Ne, $e), ke.style.width = `${$e}px`, ke.style.height = "auto");
+    const Be = ke.getBoundingClientRect(), Ne = Be.width || 1, ze = Be.height || 1;
+    ke.style.aspectRatio = De + "", De < Ne / ze ? (Re = Re === "auto" ? ze : Math.min(ze, Re), ke.style.width = "auto", ke.style.height = `${Re}px`) : ($e = $e === "auto" ? Ne : Math.min(Ne, $e), ke.style.width = `${$e}px`, ke.style.height = "auto");
   }
   attach() {
     const _e = this, ke = _e.instance;
@@ -3206,8 +3204,8 @@ class Dt extends _ {
     }, stop: () => {
       De.classList.remove("has-slideshow"), _e.isCompact || _e.endIdle(), _e.emit("endSlideshow");
     }, resume: ($e, Re) => {
-      var Be, Ne, Ae;
-      !Re || !Re.cancelable || ((Be = _e.getSlide()) === null || Be === void 0 ? void 0 : Be.state) === lt.Ready && (!((Ae = (Ne = _e.carousel) === null || Ne === void 0 ? void 0 : Ne.panzoom) === null || Ae === void 0) && Ae.isResting) || Re.preventDefault();
+      var Be, Ne, ze;
+      !Re || !Re.cancelable || ((Be = _e.getSlide()) === null || Be === void 0 ? void 0 : Be.state) === lt.Ready && (!((ze = (Ne = _e.carousel) === null || Ne === void 0 ? void 0 : Ne.panzoom) === null || ze === void 0) && ze.isResting) || Re.preventDefault();
     } } }), ke.attachPlugins({ Autoplay: It }), this.ref = ke.plugins.Autoplay);
   }
   onReady(_e) {
@@ -3269,8 +3267,8 @@ let $t = class extends _ {
         S(_e, this.cn(Bt));
         let Ne = ((Le = $e.pages[Be]) === null || Le === void 0 ? void 0 : Le.pos) || 0;
         Ne += ke.getProgress(Be) * (this[_t] + this.thumbGap);
-        let Ae = Re.getBounds();
-        -1 * Ne > Ae.x.min && -1 * Ne < Ae.x.max && Re.panTo({ x: -1 * Ne, friction: 0.12 });
+        let ze = Re.getBounds();
+        -1 * Ne > ze.x.min && -1 * Ne < ze.x.max && Re.panTo({ x: -1 * Ne, friction: 0.12 });
       } else o(_e, this.cn(Bt), De.isResting);
       this.shiftModern();
     }
@@ -3320,20 +3318,20 @@ let $t = class extends _ {
     const _e = Le.instance, ke = _e.container, De = Le.getSlides(), $e = Le.option("type");
     Le.type = $e;
     const Re = Le.option("parentEl"), Be = Le.cn("container"), Ne = Le.cn("track");
-    let Ae = Re == null ? void 0 : Re.querySelector("." + Be);
-    Ae || (Ae = document.createElement("div"), P(Ae, Be), Re ? Re.appendChild(Ae) : ke.after(Ae)), P(Ae, `is-${$e}`), P(ke, Le.cn("hasThumbs")), Le.container = Ae, Le.updateProps();
-    let ze = Ae.querySelector("." + Ne);
-    ze || (ze = document.createElement("div"), P(ze, Le.cn("track")), Ae.appendChild(ze)), Le.track = ze;
-    const je = u({}, { track: ze, infinite: !1, center: !0, fill: $e === "classic", dragFree: !0, slidesPerPage: 1, transition: !1, preload: 0.25, friction: 0.12, Panzoom: { maxVelocity: 0 }, Dots: !1, Navigation: !1, classes: { container: "f-thumbs", viewport: "f-thumbs__viewport", track: "f-thumbs__track", slide: "f-thumbs__slide" } }, Le.option("Carousel") || {}, { Sync: { target: _e }, slides: De }), Ve = new _e.constructor(Ae, je);
-    Ve.on("createSlide", (Fe, Ie) => {
-      Le.setProps(Ie.index), Le.emit("createSlide", Ie, Ie.el);
-    }), Ve.on("ready", () => {
+    let ze = Re == null ? void 0 : Re.querySelector("." + Be);
+    ze || (ze = document.createElement("div"), P(ze, Be), Re ? Re.appendChild(ze) : ke.after(ze)), P(ze, `is-${$e}`), P(ke, Le.cn("hasThumbs")), Le.container = ze, Le.updateProps();
+    let Ae = ze.querySelector("." + Ne);
+    Ae || (Ae = document.createElement("div"), P(Ae, Le.cn("track")), ze.appendChild(Ae)), Le.track = Ae;
+    const Ie = u({}, { track: Ae, infinite: !1, center: !0, fill: $e === "classic", dragFree: !0, slidesPerPage: 1, transition: !1, preload: 0.25, friction: 0.12, Panzoom: { maxVelocity: 0 }, Dots: !1, Navigation: !1, classes: { container: "f-thumbs", viewport: "f-thumbs__viewport", track: "f-thumbs__track", slide: "f-thumbs__slide" } }, Le.option("Carousel") || {}, { Sync: { target: _e }, slides: De }), je = new _e.constructor(ze, Ie);
+    je.on("createSlide", (Fe, Ve) => {
+      Le.setProps(Ve.index), Le.emit("createSlide", Ve, Ve.el);
+    }), je.on("ready", () => {
       Le.shiftModern(), Le.emit("ready");
-    }), Ve.on("refresh", () => {
+    }), je.on("refresh", () => {
       Le.shiftModern();
-    }), Ve.on("Panzoom.click", (Fe, Ie, He) => {
+    }), je.on("Panzoom.click", (Fe, Ve, He) => {
       Le.onClick(He);
-    }), Le.carousel = Ve, Le.state = jt.Ready;
+    }), Le.carousel = je, Le.state = jt.Ready;
   }
   onClick(Le) {
     Le.preventDefault(), Le.stopPropagation();
@@ -3349,20 +3347,20 @@ let $t = class extends _ {
     };
     let [Be, Ne] = $e(Le.target);
     if (Be > -1) return;
-    const Ae = this[_t], ze = Le.clientX, je = Le.clientY;
-    let [Ve, Fe] = Re(ze - Ae, je), [Ie, He] = Re(ze + Ae, je);
-    Fe && He ? (Be = Math.abs(ze - Fe.getBoundingClientRect().right) < Math.abs(ze - He.getBoundingClientRect().left) ? Ve : Ie, Be === De && (Be = Be === Ve ? Ie : Ve)) : Fe ? Be = Ve : He && (Be = Ie), Be > -1 && ke[Be] && _e.slideTo(Be);
+    const ze = this[_t], Ae = Le.clientX, Ie = Le.clientY;
+    let [je, Fe] = Re(Ae - ze, Ie), [Ve, He] = Re(Ae + ze, Ie);
+    Fe && He ? (Be = Math.abs(Ae - Fe.getBoundingClientRect().right) < Math.abs(Ae - He.getBoundingClientRect().left) ? je : Ve, Be === De && (Be = Be === je ? Ve : je)) : Fe ? Be = je : He && (Be = Ve), Be > -1 && ke[Be] && _e.slideTo(Be);
   }
   getShift(Le) {
     var _e;
     const ke = this, { instance: De } = ke, $e = ke.carousel;
     if (!De || !$e) return 0;
-    const Re = ke[Ht], Be = ke[_t], Ne = ke.thumbGap, Ae = ke.thumbExtraGap;
+    const Re = ke[Ht], Be = ke[_t], Ne = ke.thumbGap, ze = ke.thumbExtraGap;
     if (!(!((_e = $e.slides[Le]) === null || _e === void 0) && _e.el)) return 0;
-    const ze = 0.5 * (Re - Be), je = De.pages.length - 1;
-    let Ve = De.getProgress(0), Fe = De.getProgress(je), Ie = De.getProgress(Le, !1, !0), He = 0, We = ze + Ae + Ne;
-    const Xe = Ve < 0 && Ve > -1, Ye = Fe > 0 && Fe < 1;
-    return Le === 0 ? (He = We * Math.abs(Ve), Ye && Ve === 1 && (He -= We * Math.abs(Fe))) : Le === je ? (He = We * Math.abs(Fe) * -1, Xe && Fe === -1 && (He += We * Math.abs(Ve))) : Xe || Ye ? (He = -1 * We, He += We * Math.abs(Ve), He += We * (1 - Math.abs(Fe))) : He = We * Ie, He;
+    const Ae = 0.5 * (Re - Be), Ie = De.pages.length - 1;
+    let je = De.getProgress(0), Fe = De.getProgress(Ie), Ve = De.getProgress(Le, !1, !0), He = 0, We = Ae + ze + Ne;
+    const Xe = je < 0 && je > -1, Ye = Fe > 0 && Fe < 1;
+    return Le === 0 ? (He = We * Math.abs(je), Ye && je === 1 && (He -= We * Math.abs(Fe))) : Le === Ie ? (He = We * Math.abs(Fe) * -1, Xe && Fe === -1 && (He += We * Math.abs(je))) : Xe || Ye ? (He = -1 * We, He += We * Math.abs(je), He += We * (1 - Math.abs(Fe))) : He = We * Ve, He;
   }
   setProps(Le) {
     var _e;
@@ -3419,8 +3417,8 @@ class Yt extends _ {
     var De, $e, Re;
     const Be = ((Re = ($e = (De = this.instance) === null || De === void 0 ? void 0 : De.carousel) === null || $e === void 0 ? void 0 : $e.slides[ke.index]) === null || Re === void 0 ? void 0 : Re.type) || "", Ne = ke.el;
     if (Ne && Be) {
-      let Ae = `for-${Be}`;
-      ["video", "youtube", "vimeo", "html5video"].includes(Be) && (Ae += " for-video"), P(Ne, Ae);
+      let ze = `for-${Be}`;
+      ["video", "youtube", "vimeo", "html5video"].includes(Be) && (ze += " for-video"), P(Ne, ze);
     }
   }
   onInit() {
@@ -3430,9 +3428,9 @@ class Yt extends _ {
     const Re = ke.option("parentEl") || De.footer || De.container;
     if (!Re) return;
     const Be = u({}, ke.options, { parentEl: Re, classes: { container: "f-thumbs fancybox__thumbs" }, Carousel: { Sync: { friction: De.option("Carousel.friction") || 0 } }, on: { ready: (Ne) => {
-      const Ae = Ne.container;
-      Ae && this.hidden && (ke.refresh(), Ae.style.transition = "none", ke.hide(), Ae.offsetHeight, queueMicrotask(() => {
-        Ae.style.transition = "", ke.show();
+      const ze = Ne.container;
+      ze && this.hidden && (ke.refresh(), ze.style.transition = "none", ke.hide(), ze.offsetHeight, queueMicrotask(() => {
+        ze.style.transition = "", ke.show();
       }));
     } } });
     Be.Carousel = Be.Carousel || {}, Be.Carousel.on = u(((_e = ke.options.Carousel) === null || _e === void 0 ? void 0 : _e.on) || {}, { click: this.onClick, createSlide: this.onCreateSlide }), $e.options.Thumbs = Be, $e.attachPlugins({ Thumbs: $t }), ke.ref = $e.plugins.Thumbs, ke.option("showOnStart") || (ke.ref.state = jt.Hidden, ke.hidden = !0);
@@ -3492,50 +3490,50 @@ class Qt extends _ {
     if (!_e.carousel) return;
     let De = this.option("display"), $e = this.option("absolute"), Re = this.option("enabled");
     if (Re === "auto") {
-      const ze = this.instance.carousel;
-      let je = 0;
-      if (ze) for (const Ve of ze.slides) (Ve.panzoom || Ve.type === "image") && je++;
-      je || (Re = !1);
+      const Ae = this.instance.carousel;
+      let Ie = 0;
+      if (Ae) for (const je of Ae.slides) (je.panzoom || je.type === "image") && Ie++;
+      Ie || (Re = !1);
     }
     Re || (De = void 0);
     let Be = 0;
     const Ne = { left: [], middle: [], right: [] };
-    if (De) for (const ze of ["left", "middle", "right"]) for (const je of De[ze]) {
-      const Ve = this.createEl(je);
-      Ve && ((ke = Ne[ze]) === null || ke === void 0 || ke.push(Ve), Be++);
+    if (De) for (const Ae of ["left", "middle", "right"]) for (const Ie of De[Ae]) {
+      const je = this.createEl(Ie);
+      je && ((ke = Ne[Ae]) === null || ke === void 0 || ke.push(je), Be++);
     }
-    let Ae = null;
-    if (Be && (Ae = this.createContainer()), Ae) {
-      for (const [ze, je] of Object.entries(Ne)) {
-        const Ve = document.createElement("div");
-        P(Ve, Jt + "__column is-" + ze);
-        for (const Fe of je) Ve.appendChild(Fe);
-        $e !== "auto" || ze !== "middle" || je.length || ($e = !0), Ae.appendChild(Ve);
+    let ze = null;
+    if (Be && (ze = this.createContainer()), ze) {
+      for (const [Ae, Ie] of Object.entries(Ne)) {
+        const je = document.createElement("div");
+        P(je, Jt + "__column is-" + Ae);
+        for (const Fe of Ie) je.appendChild(Fe);
+        $e !== "auto" || Ae !== "middle" || Ie.length || ($e = !0), ze.appendChild(je);
       }
-      $e === !0 && P(Ae, "is-absolute"), this.state = Zt.Ready, this.onRefresh();
+      $e === !0 && P(ze, "is-absolute"), this.state = Zt.Ready, this.onRefresh();
     } else this.state = Zt.Disabled;
   }
   onClick(_e) {
     var ke, De;
-    const $e = this.instance, Re = $e.getSlide(), Be = Re == null ? void 0 : Re.panzoom, Ne = _e.target, Ae = Ne && E(Ne) ? Ne.dataset : null;
-    if (!Ae) return;
-    if (Ae.fancyboxToggleThumbs !== void 0) return _e.preventDefault(), _e.stopPropagation(), void ((ke = $e.plugins.Thumbs) === null || ke === void 0 || ke.toggle());
-    if (Ae.fancyboxToggleFullscreen !== void 0) return _e.preventDefault(), _e.stopPropagation(), void this.instance.toggleFullscreen();
-    if (Ae.fancyboxToggleSlideshow !== void 0) {
+    const $e = this.instance, Re = $e.getSlide(), Be = Re == null ? void 0 : Re.panzoom, Ne = _e.target, ze = Ne && E(Ne) ? Ne.dataset : null;
+    if (!ze) return;
+    if (ze.fancyboxToggleThumbs !== void 0) return _e.preventDefault(), _e.stopPropagation(), void ((ke = $e.plugins.Thumbs) === null || ke === void 0 || ke.toggle());
+    if (ze.fancyboxToggleFullscreen !== void 0) return _e.preventDefault(), _e.stopPropagation(), void this.instance.toggleFullscreen();
+    if (ze.fancyboxToggleSlideshow !== void 0) {
       _e.preventDefault(), _e.stopPropagation();
-      const Ve = (De = $e.carousel) === null || De === void 0 ? void 0 : De.plugins.Autoplay;
-      let Fe = Ve.isActive;
-      return Be && Be.panMode === "mousemove" && !Fe && Be.reset(), void (Fe ? Ve.stop() : Ve.start());
+      const je = (De = $e.carousel) === null || De === void 0 ? void 0 : De.plugins.Autoplay;
+      let Fe = je.isActive;
+      return Be && Be.panMode === "mousemove" && !Fe && Be.reset(), void (Fe ? je.stop() : je.start());
     }
-    const ze = Ae.panzoomAction, je = Ae.panzoomChange;
-    if ((je || ze) && (_e.preventDefault(), _e.stopPropagation()), je) {
-      let Ve = {};
+    const Ae = ze.panzoomAction, Ie = ze.panzoomChange;
+    if ((Ie || Ae) && (_e.preventDefault(), _e.stopPropagation()), Ie) {
+      let je = {};
       try {
-        Ve = JSON.parse(je);
+        je = JSON.parse(Ie);
       } catch {
       }
-      Be && Be.applyChange(Ve);
-    } else ze && Be && Be[ze] && Be[ze]();
+      Be && Be.applyChange(je);
+    } else Ae && Be && Be[Ae] && Be[Ae]();
   }
   onChange() {
     this.onRefresh();
@@ -3576,26 +3574,26 @@ class Qt extends _ {
     let $e = null;
     const Re = De.slides.length || 0;
     let Be = 0, Ne = 0;
-    for (const ze of De.slides) (ze.panzoom || ze.type === "image") && Be++, (ze.type === "image" || ze.downloadSrc) && Ne++;
+    for (const Ae of De.slides) (Ae.panzoom || Ae.type === "image") && Be++, (Ae.type === "image" || Ae.downloadSrc) && Ne++;
     if (Re < 2 && ["infobar", "prev", "next"].includes(_e)) return $e;
     if (Vt[_e] !== void 0 && !Be || _e === "download" && !Ne) return null;
     if (_e === "thumbs") {
-      const ze = ke.plugins.Thumbs;
-      if (!ze || !ze.isEnabled) return null;
+      const Ae = ke.plugins.Thumbs;
+      if (!Ae || !Ae.isEnabled) return null;
     }
     if (_e === "slideshow" && (!De.plugins.Autoplay || Re < 2))
       return null;
     if (Vt[_e] !== void 0) {
-      const ze = Vt[_e];
-      $e = document.createElement("button"), $e.setAttribute("title", this.instance.localize(`{{${_e.toUpperCase()}}}`)), P($e, "f-button"), ze.action && ($e.dataset.panzoomAction = ze.action), ze.change && ($e.dataset.panzoomChange = JSON.stringify(ze.change)), $e.appendChild(n(this.instance.localize(ze.icon)));
+      const Ae = Vt[_e];
+      $e = document.createElement("button"), $e.setAttribute("title", this.instance.localize(`{{${_e.toUpperCase()}}}`)), P($e, "f-button"), Ae.action && ($e.dataset.panzoomAction = Ae.action), Ae.change && ($e.dataset.panzoomChange = JSON.stringify(Ae.change)), $e.appendChild(n(this.instance.localize(Ae.icon)));
     } else {
-      const ze = (this.option("items") || [])[_e];
-      ze && ($e = n(this.instance.localize(ze.tpl)), typeof ze.click == "function" && $e.addEventListener("click", (je) => {
-        je.preventDefault(), je.stopPropagation(), typeof ze.click == "function" && ze.click.call(this, this, je);
+      const Ae = (this.option("items") || [])[_e];
+      Ae && ($e = n(this.instance.localize(Ae.tpl)), typeof Ae.click == "function" && $e.addEventListener("click", (Ie) => {
+        Ie.preventDefault(), Ie.stopPropagation(), typeof Ae.click == "function" && Ae.click.call(this, this, Ie);
       }));
     }
-    const Ae = $e == null ? void 0 : $e.querySelector("svg");
-    if (Ae) for (const [ze, je] of Object.entries(Gt)) Ae.getAttribute(ze) || Ae.setAttribute(ze, String(je));
+    const ze = $e == null ? void 0 : $e.querySelector("svg");
+    if (ze) for (const [Ae, Ie] of Object.entries(Gt)) ze.getAttribute(Ae) || ze.setAttribute(Ae, String(Ie));
     return $e;
   }
   removeContainer() {
@@ -3726,40 +3724,40 @@ class Oe extends g {
     }), this.option("dragToClose") && ($e.on("Panzoom.afterTransform", (Re, Be) => {
       const Ne = this.getSlide();
       if (Ne && e(Ne.el)) return;
-      const Ae = this.container;
-      if (Ae) {
-        const ze = Math.abs(Be.current.f), je = ze < 1 ? "" : Math.max(0.5, Math.min(1, 1 - ze / Be.contentRect.fitHeight * 1.5));
-        Ae.style.setProperty("--fancybox-ts", je ? "0s" : ""), Ae.style.setProperty("--fancybox-opacity", je + "");
+      const ze = this.container;
+      if (ze) {
+        const Ae = Math.abs(Be.current.f), Ie = Ae < 1 ? "" : Math.max(0.5, Math.min(1, 1 - Ae / Be.contentRect.fitHeight * 1.5));
+        ze.style.setProperty("--fancybox-ts", Ie ? "0s" : ""), ze.style.setProperty("--fancybox-opacity", Ie + "");
       }
     }), $e.on("Panzoom.touchEnd", (Re, Be, Ne) => {
-      var Ae;
-      const ze = this.getSlide();
-      if (ze && e(ze.el) || Be.isMobile && document.activeElement && ["TEXTAREA", "INPUT"].indexOf((Ae = document.activeElement) === null || Ae === void 0 ? void 0 : Ae.nodeName) !== -1) return;
-      const je = Math.abs(Be.dragOffset.y);
-      Be.lockedAxis === "y" && (je >= 200 || je >= 50 && Be.dragOffset.time < 300) && (Ne && Ne.cancelable && Ne.preventDefault(), this.close(Ne, "f-throwOut" + (Be.current.f < 0 ? "Up" : "Down")));
+      var ze;
+      const Ae = this.getSlide();
+      if (Ae && e(Ae.el) || Be.isMobile && document.activeElement && ["TEXTAREA", "INPUT"].indexOf((ze = document.activeElement) === null || ze === void 0 ? void 0 : ze.nodeName) !== -1) return;
+      const Ie = Math.abs(Be.dragOffset.y);
+      Be.lockedAxis === "y" && (Ie >= 200 || Ie >= 50 && Be.dragOffset.time < 300) && (Ne && Ne.cancelable && Ne.preventDefault(), this.close(Ne, "f-throwOut" + (Be.current.f < 0 ? "Up" : "Down")));
     })), $e.on("change", (Re) => {
       var Be;
       let Ne = (Be = this.getSlide()) === null || Be === void 0 ? void 0 : Be.triggerEl;
       if (Ne) {
-        const Ae = new CustomEvent("slideTo", { bubbles: !0, cancelable: !0, detail: Re.page });
-        Ne.dispatchEvent(Ae);
+        const ze = new CustomEvent("slideTo", { bubbles: !0, cancelable: !0, detail: Re.page });
+        Ne.dispatchEvent(ze);
       }
     }), $e.on(["refresh", "change"], (Re) => {
       const Be = this.container;
       if (!Be) return;
-      for (const ze of Be.querySelectorAll("[data-fancybox-current-index]")) ze.innerHTML = Re.page + 1;
-      for (const ze of Be.querySelectorAll("[data-fancybox-count]")) ze.innerHTML = Re.pages.length;
+      for (const Ae of Be.querySelectorAll("[data-fancybox-current-index]")) Ae.innerHTML = Re.page + 1;
+      for (const Ae of Be.querySelectorAll("[data-fancybox-count]")) Ae.innerHTML = Re.pages.length;
       if (!Re.isInfinite) {
-        for (const ze of Be.querySelectorAll("[data-fancybox-next]")) Re.page < Re.pages.length - 1 ? (ze.removeAttribute(ue), ze.removeAttribute(pe)) : (ze.setAttribute(ue, ""), ze.setAttribute(pe, "-1"));
-        for (const ze of Be.querySelectorAll("[data-fancybox-prev]")) Re.page > 0 ? (ze.removeAttribute(ue), ze.removeAttribute(pe)) : (ze.setAttribute(ue, ""), ze.setAttribute(pe, "-1"));
+        for (const Ae of Be.querySelectorAll("[data-fancybox-next]")) Re.page < Re.pages.length - 1 ? (Ae.removeAttribute(ue), Ae.removeAttribute(pe)) : (Ae.setAttribute(ue, ""), Ae.setAttribute(pe, "-1"));
+        for (const Ae of Be.querySelectorAll("[data-fancybox-prev]")) Re.page > 0 ? (Ae.removeAttribute(ue), Ae.removeAttribute(pe)) : (Ae.setAttribute(ue, ""), Ae.setAttribute(pe, "-1"));
       }
       const Ne = this.getSlide();
       if (!Ne) return;
-      let Ae = Ne.downloadSrc || "";
-      Ae || Ne.type !== "image" || Ne.error || !ve(Ne[me]) || (Ae = Ne[me]);
-      for (const ze of Be.querySelectorAll("[data-fancybox-download]")) {
-        const je = Ne.downloadFilename;
-        Ae ? (ze.removeAttribute(ue), ze.removeAttribute(pe), ze.setAttribute(ge, Ae), ze.setAttribute(fe, je || Ae), ze.setAttribute("target", "_blank")) : (ze.setAttribute(ue, ""), ze.setAttribute(pe, "-1"), ze.removeAttribute(ge), ze.removeAttribute(fe));
+      let ze = Ne.downloadSrc || "";
+      ze || Ne.type !== "image" || Ne.error || !ve(Ne[me]) || (ze = Ne[me]);
+      for (const Ae of Be.querySelectorAll("[data-fancybox-download]")) {
+        const Ie = Ne.downloadFilename;
+        ze ? (Ae.removeAttribute(ue), Ae.removeAttribute(pe), Ae.setAttribute(ge, ze), Ae.setAttribute(fe, Ie || ze), Ae.setAttribute("target", "_blank")) : (Ae.setAttribute(ue, ""), Ae.setAttribute(pe, "-1"), Ae.removeAttribute(ge), Ae.removeAttribute(fe));
       }
     }), this.emit("initCarousel");
   }
@@ -3783,8 +3781,8 @@ class Oe extends g {
     const ke = window.visualViewport, De = Math.max(1, (ke == null ? void 0 : ke.scale) || 1);
     let $e = "", Re = "", Be = "";
     if (ke && De > 1) {
-      let Ne = `${ke.offsetLeft}px`, Ae = `${ke.offsetTop}px`;
-      $e = ke.width * De + "px", Re = ke.height * De + "px", Be = `translate3d(${Ne}, ${Ae}, 0) scale(${1 / De})`;
+      let Ne = `${ke.offsetLeft}px`, ze = `${ke.offsetTop}px`;
+      $e = ke.width * De + "px", Re = ke.height * De + "px", Be = `translate3d(${Ne}, ${ze}, 0) scale(${1 / De})`;
     }
     _e.style.transform = Be, _e.style.width = $e, _e.style.height = Re;
   }
@@ -3819,8 +3817,8 @@ class Oe extends g {
     const ke = _e.target;
     let De = this.option("wheel", _e);
     ke.closest(".fancybox__thumbs") && (De = "slide");
-    const $e = De === "slide", Re = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(Ae, ze) {
-      return Math.abs(ze) > Math.abs(Ae) ? ze : Ae;
+    const $e = De === "slide", Re = [-_e.deltaX || 0, -_e.deltaY || 0, -_e.detail || 0].reduce(function(ze, Ae) {
+      return Math.abs(Ae) > Math.abs(ze) ? Ae : ze;
     }), Be = Math.max(-1, Math.min(1, Re)), Ne = Date.now();
     this.pwt && Ne - this.pwt < 300 ? $e && _e.preventDefault() : (this.pwt = Ne, this.emit("wheel", _e, Be), _e.defaultPrevented || (De === "close" ? (_e.preventDefault(), this.close(_e)) : De === "slide" && (i(ke) || (_e.preventDefault(), this[Be > 0 ? "prev" : "next"]()))));
   }
@@ -3872,22 +3870,22 @@ class Oe extends g {
     if (!Re) return;
     S(Re, de);
     const Be = this.isCompact || this.option("commonCaption"), Ne = !Be;
-    if (this.caption && this.stop(this.caption), Ne && this.caption && (this.caption.remove(), this.caption = null), Be && !this.caption) for (const Ve of ((ke = this.carousel) === null || ke === void 0 ? void 0 : ke.slides) || []) Ve.captionEl && (Ve.captionEl.remove(), Ve.captionEl = void 0, S(Ve.el, de), (De = Ve.el) === null || De === void 0 || De.removeAttribute("aria-labelledby"));
+    if (this.caption && this.stop(this.caption), Ne && this.caption && (this.caption.remove(), this.caption = null), Be && !this.caption) for (const je of ((ke = this.carousel) === null || ke === void 0 ? void 0 : ke.slides) || []) je.captionEl && (je.captionEl.remove(), je.captionEl = void 0, S(je.el, de), (De = je.el) === null || De === void 0 || De.removeAttribute("aria-labelledby"));
     if (_e || (_e = this.getSlide()), !_e || Be && !this.isCurrentSlide(_e)) return;
-    const Ae = _e.el;
-    let ze = this.optionFor(_e, "caption", "");
-    if (!ze) return void (Be && this.caption && this.animate(this.caption, "f-fadeOut", () => {
+    const ze = _e.el;
+    let Ae = this.optionFor(_e, "caption", "");
+    if (!Ae) return void (Be && this.caption && this.animate(this.caption, "f-fadeOut", () => {
       this.caption && (this.caption.innerHTML = "");
     }));
-    let je = null;
+    let Ie = null;
     if (Ne) {
-      if (je = _e.captionEl || null, Ae && !je) {
-        const Ve = $e + `_${this.id}_${_e.index}`;
-        je = document.createElement("div"), P(je, $e), je.setAttribute("id", Ve), _e.captionEl = Ae.appendChild(je), P(Ae, de), Ae.setAttribute("aria-labelledby", Ve);
+      if (Ie = _e.captionEl || null, ze && !Ie) {
+        const je = $e + `_${this.id}_${_e.index}`;
+        Ie = document.createElement("div"), P(Ie, $e), Ie.setAttribute("id", je), _e.captionEl = ze.appendChild(Ie), P(ze, de), ze.setAttribute("aria-labelledby", je);
       }
     } else
-      je = this.caption, je || (je = Re.querySelector("." + $e)), !je && (je = document.createElement("div"), je.dataset.fancyboxCaption = "", P(je, $e), (this.footer || Re).prepend(je)), P(Re, de), this.caption = je;
-    je && (je.innerHTML = "", ve(ze) || typeof ze == "number" ? je.innerHTML = ze + "" : ze instanceof HTMLElement && je.appendChild(ze));
+      Ie = this.caption, Ie || (Ie = Re.querySelector("." + $e)), !Ie && (Ie = document.createElement("div"), Ie.dataset.fancyboxCaption = "", P(Ie, $e), (this.footer || Re).prepend(Ie)), P(Re, de), this.caption = Ie;
+    Ie && (Ie.innerHTML = "", ve(Ae) || typeof Ae == "number" ? Ie.innerHTML = Ae + "" : Ae instanceof HTMLElement && Ie.appendChild(Ae));
   }
   checkFocus(_e) {
     this.focus(_e);
@@ -3897,24 +3895,24 @@ class Oe extends g {
     if (this.ignoreFocusChange) return;
     const De = document.activeElement || null, $e = (_e == null ? void 0 : _e.target) || null, Re = this.container, Be = (ke = this.carousel) === null || ke === void 0 ? void 0 : ke.viewport;
     if (!Re || !Be || !_e && De && Re.contains(De)) return;
-    const Ne = this.getSlide(), Ae = Ne && Ne.state === lt.Ready ? Ne.el : null;
-    if (!Ae || Ae.contains(De) || Re === De) return;
+    const Ne = this.getSlide(), ze = Ne && Ne.state === lt.Ready ? Ne.el : null;
+    if (!ze || ze.contains(De) || Re === De) return;
     _e && _e.cancelable && _e.preventDefault(), this.ignoreFocusChange = !0;
-    const ze = Array.from(Re.querySelectorAll(nt));
-    let je = [], Ve = null;
-    for (let Ie of ze) {
-      const He = !Ie.offsetParent || !!Ie.closest('[aria-hidden="true"]'), We = Ae && Ae.contains(Ie), Xe = !Be.contains(Ie);
-      if (Ie === Re || (We || Xe) && !He) {
-        je.push(Ie);
-        const Ye = Ie.dataset.origTabindex;
-        Ye !== void 0 && Ye && (Ie.tabIndex = parseFloat(Ye)), Ie.removeAttribute("data-orig-tabindex"), !Ie.hasAttribute("autoFocus") && Ve || (Ve = Ie);
+    const Ae = Array.from(Re.querySelectorAll(nt));
+    let Ie = [], je = null;
+    for (let Ve of Ae) {
+      const He = !Ve.offsetParent || !!Ve.closest('[aria-hidden="true"]'), We = ze && ze.contains(Ve), Xe = !Be.contains(Ve);
+      if (Ve === Re || (We || Xe) && !He) {
+        Ie.push(Ve);
+        const Ye = Ve.dataset.origTabindex;
+        Ye !== void 0 && Ye && (Ve.tabIndex = parseFloat(Ye)), Ve.removeAttribute("data-orig-tabindex"), !Ve.hasAttribute("autoFocus") && je || (je = Ve);
       } else {
-        const Ye = Ie.dataset.origTabindex === void 0 ? Ie.getAttribute("tabindex") || "" : Ie.dataset.origTabindex;
-        Ye && (Ie.dataset.origTabindex = Ye), Ie.tabIndex = -1;
+        const Ye = Ve.dataset.origTabindex === void 0 ? Ve.getAttribute("tabindex") || "" : Ve.dataset.origTabindex;
+        Ye && (Ve.dataset.origTabindex = Ye), Ve.tabIndex = -1;
       }
     }
     let Fe = null;
-    _e ? (!$e || je.indexOf($e) < 0) && (Fe = Ve || Re, je.length && (De === xe ? Fe = je[0] : this.lastFocus !== Re && De !== we || (Fe = je[je.length - 1]))) : Fe = Ne && Ne.type === "image" ? Re : Ve || Re, Fe && st(Fe), this.lastFocus = document.activeElement, this.ignoreFocusChange = !1;
+    _e ? (!$e || Ie.indexOf($e) < 0) && (Fe = je || Re, Ie.length && (De === xe ? Fe = Ie[0] : this.lastFocus !== Re && De !== we || (Fe = Ie[Ie.length - 1]))) : Fe = Ne && Ne.type === "image" ? Re : je || Re, Fe && st(Fe), this.lastFocus = document.activeElement, this.ignoreFocusChange = !1;
   }
   next() {
     const _e = this.carousel;
@@ -4053,15 +4051,15 @@ class Oe extends g {
   proceedClose(_e, ke) {
     var De, $e;
     this.state = rt.Closing, this.clearIdle(), this.detachEvents();
-    const Re = this.container, Be = this.carousel, Ne = this.getSlide(), Ae = Ne && this.option("placeFocusBack") ? Ne.triggerEl || this.option("triggerEl") : null;
-    if (Ae && (tt(Ae) ? st(Ae) : Ae.focus()), Re && (S(Re, he), P(Re, "is-closing"), Re.setAttribute(oe, "true"), this.option("animated") && P(Re, re), Re.style.pointerEvents = "none"), Be) {
+    const Re = this.container, Be = this.carousel, Ne = this.getSlide(), ze = Ne && this.option("placeFocusBack") ? Ne.triggerEl || this.option("triggerEl") : null;
+    if (ze && (tt(ze) ? st(ze) : ze.focus()), Re && (S(Re, he), P(Re, "is-closing"), Re.setAttribute(oe, "true"), this.option("animated") && P(Re, re), Re.style.pointerEvents = "none"), Be) {
       Be.clearTransitions(), (De = Be.panzoom) === null || De === void 0 || De.destroy(), ($e = Be.plugins.Navigation) === null || $e === void 0 || $e.detach();
-      for (const ze of Be.slides) {
-        ze.state = lt.Closing, this.hideLoading(ze);
-        const je = ze.contentEl;
-        je && this.stop(je);
-        const Ve = ze == null ? void 0 : ze.panzoom;
-        Ve && (Ve.stop(), Ve.detachEvents(), Ve.detachObserver()), this.isCurrentSlide(ze) || Be.emit("removeSlide", ze);
+      for (const Ae of Be.slides) {
+        Ae.state = lt.Closing, this.hideLoading(Ae);
+        const Ie = Ae.contentEl;
+        Ie && this.stop(Ie);
+        const je = Ae == null ? void 0 : Ae.panzoom;
+        je && (je.stop(), je.detachEvents(), je.detachObserver()), this.isCurrentSlide(Ae) || Be.emit("removeSlide", Ae);
       }
     }
     Pe = window.scrollX, Ce = window.scrollY, window.addEventListener("scroll", this.onScroll), this.emit("close", _e), this.state !== rt.CustomClosing ? (ke === void 0 && Ne && (ke = this.optionFor(Ne, "hideClass")), ke && Ne ? (this.animate(Ne.contentEl, ke, () => {
@@ -4116,16 +4114,16 @@ class Oe extends g {
     if (!(ke && ke instanceof Element)) return;
     let $e, Re, Be, Ne;
     if ([...Oe.openers].reverse().find(([He, We]) => !(!He.contains(ke) || ![...We].reverse().find(([Xe, Ye]) => {
-      let qe = ke.closest(Xe);
-      return !!qe && ($e = He, Re = Xe, Be = qe, Ne = Ye, !0);
+      let Ze = ke.closest(Xe);
+      return !!Ze && ($e = He, Re = Xe, Be = Ze, Ne = Ye, !0);
     }))), !$e || !Re || !Be) return;
     Ne = Ne || {}, _e.preventDefault(), ke = Be;
-    let Ae = [], ze = u({}, at, Ne);
-    ze.event = _e, ze.triggerEl = ke, ze.delegate = De;
-    const je = ze.groupAll, Ve = ze.groupAttr, Fe = Ve && ke ? ke.getAttribute(`${Ve}`) : "";
-    if ((!ke || Fe || je) && (Ae = [].slice.call($e.querySelectorAll(Re))), ke && !je && (Ae = Fe ? Ae.filter((He) => He.getAttribute(`${Ve}`) === Fe) : [ke]), !Ae.length) return;
-    const Ie = Oe.getInstance();
-    return Ie && Ie.options.triggerEl && Ae.indexOf(Ie.options.triggerEl) > -1 ? void 0 : (ke && (ze.startIndex = Ae.indexOf(ke)), Oe.fromNodes(Ae, ze));
+    let ze = [], Ae = u({}, at, Ne);
+    Ae.event = _e, Ae.triggerEl = ke, Ae.delegate = De;
+    const Ie = Ae.groupAll, je = Ae.groupAttr, Fe = je && ke ? ke.getAttribute(`${je}`) : "";
+    if ((!ke || Fe || Ie) && (ze = [].slice.call($e.querySelectorAll(Re))), ke && !Ie && (ze = Fe ? ze.filter((He) => He.getAttribute(`${je}`) === Fe) : [ke]), !ze.length) return;
+    const Ve = Oe.getInstance();
+    return Ve && Ve.options.triggerEl && ze.indexOf(Ve.options.triggerEl) > -1 ? void 0 : (ke && (Ae.startIndex = ze.indexOf(ke)), Oe.fromNodes(ze, Ae));
   }
   static fromSelector(_e, ke, De) {
     let $e = null, Re = "", Be = {};
@@ -4139,15 +4137,15 @@ class Oe extends g {
     for (const $e of _e) {
       const Re = $e.dataset || {}, Be = Re[me] || $e.getAttribute(ge) || $e.getAttribute("currentSrc") || $e.getAttribute(me) || void 0;
       let Ne;
-      const Ae = ke.delegate;
-      let ze;
-      Ae && De.length === ke.startIndex && (Ne = Ae instanceof HTMLImageElement ? Ae : Ae.querySelector("img:not([aria-hidden])")), Ne || (Ne = $e instanceof HTMLImageElement ? $e : $e.querySelector("img:not([aria-hidden])")), Ne && (ze = Ne.currentSrc || Ne[me] || void 0, !ze && Ne.dataset && (ze = Ne.dataset.lazySrc || Ne.dataset[me] || void 0));
-      const je = { src: Be, triggerEl: $e, thumbEl: Ne, thumbElSrc: ze, thumbSrc: ze };
-      for (const Ve in Re) {
-        let Fe = Re[Ve] + "";
-        Fe = Fe !== "false" && (Fe === "true" || Fe), je[Ve] = Fe;
+      const ze = ke.delegate;
+      let Ae;
+      ze && De.length === ke.startIndex && (Ne = ze instanceof HTMLImageElement ? ze : ze.querySelector("img:not([aria-hidden])")), Ne || (Ne = $e instanceof HTMLImageElement ? $e : $e.querySelector("img:not([aria-hidden])")), Ne && (Ae = Ne.currentSrc || Ne[me] || void 0, !Ae && Ne.dataset && (Ae = Ne.dataset.lazySrc || Ne.dataset[me] || void 0));
+      const Ie = { src: Be, triggerEl: $e, thumbEl: Ne, thumbElSrc: Ae, thumbSrc: Ae };
+      for (const je in Re) {
+        let Fe = Re[je] + "";
+        Fe = Fe !== "false" && (Fe === "true" || Fe), Ie[je] = Fe;
       }
-      De.push(je);
+      De.push(Ie);
     }
     return new Oe(De, ke);
   }
@@ -4178,7 +4176,7 @@ class Oe extends g {
   }
 }
 Object.defineProperty(Oe, "version", { enumerable: !0, configurable: !0, writable: !0, value: "5.0.36" }), Object.defineProperty(Oe, "defaults", { enumerable: !0, configurable: !0, writable: !0, value: at }), Object.defineProperty(Oe, "Plugins", { enumerable: !0, configurable: !0, writable: !0, value: te }), Object.defineProperty(Oe, "openers", { enumerable: !0, configurable: !0, writable: !0, value: /* @__PURE__ */ new Map() });
-const _sfc_main$9 = {
+const _sfc_main$b = {
   props: {
     options: Object
   },
@@ -4195,37 +4193,59 @@ const _sfc_main$9 = {
   unmounted() {
     Oe.destroy();
   }
-}, _hoisted_1$6 = { ref: "container" };
+}, _hoisted_1$7 = { ref: "container" };
 function _sfc_render$1(Le, _e, ke, De, $e, Re) {
-  return openBlock(), createElementBlock("div", _hoisted_1$6, [
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
     renderSlot(Le.$slots, "default")
   ], 512);
 }
-const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]]), _hoisted_1$5 = { class: "ire-flex ire-flex-col ire-items-start ire-justify-center lg:ire-flex-row" }, _hoisted_2$3 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-justify-center ire-bg-gray-50 ire-p-4 lg:ire-w-auto [&_img]:ire-rounded-none" }, _hoisted_3$3 = ["href"], _hoisted_4$2 = ["src"], _hoisted_5 = ["href"], _hoisted_6 = ["src"], _hoisted_7 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_8 = { class: "ire-flex ire-w-fit ire-items-center ire-gap-1 ire-border-gray-400 ire-p-1" }, _hoisted_9 = {
-  key: 0,
-  class: "ire-ml-4 ire-flex ire-items-center ire-gap-1"
-}, _hoisted_10 = ["onClick"], _hoisted_11 = { class: "flat-preview ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3 ire-px-16 ire-py-4 lg:ire-w-auto" }, _hoisted_12 = { class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2" }, _hoisted_13 = { class: "flat-preview-number ire-max-w-[200px] ire-text-center !ire-text-2xl ire-font-medium ire-capitalize" }, _hoisted_14 = { class: "flat-preview-aptext ire-text-base ire-capitalize ire-text-gray-600" }, _hoisted_15 = {
-  key: 0,
-  class: "flat-preview__type ire-text-center"
-}, _hoisted_16 = { class: "flat-preview__type-title !ire-text-lg ire-font-medium" }, _hoisted_17 = { class: "flat-preview__type-teaser ire-mt-1 ire-text-gray-600" }, _hoisted_18 = { class: "ire-flex ire-items-center ire-gap-3" }, _hoisted_19 = {
+const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$1]]), _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "Button",
+  props: {
+    title: {},
+    active: { type: Boolean }
+  },
+  setup(Le) {
+    return (_e, ke) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["ire-group", {
+        "flat-preview-button--active !ire-bg-primary !ire-text-white": _e.active
+      }])
+    }, [
+      renderSlot(_e.$slots, "icon"),
+      createElementVNode("div", {
+        class: normalizeClass(["group-hover:!ire-text-white", {
+          "!ire-text-white": _e.active,
+          "!ire-text-black": !_e.active
+        }])
+      }, toDisplayString(_e.title), 3)
+    ], 2));
+  }
+}), _hoisted_1$6 = { class: "ire-flex ire-h-fit ire-w-fit ire-flex-col ire-items-center" }, _hoisted_2$4 = { class: "flat-preview-value ire-min-w-max ire-text-center !ire-text-2xl ire-capitalize" }, _hoisted_3$4 = { class: "flat-preview-text ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2 ire-text-sm ire-capitalize ire-text-gray-600" }, _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "FlatPreviewKeyValue",
+  props: {
+    keyName: {},
+    value: {}
+  },
+  setup(Le) {
+    return (_e, ke) => (openBlock(), createElementBlock("div", _hoisted_1$6, [
+      renderSlot(_e.$slots, "top"),
+      createElementVNode("div", _hoisted_2$4, [
+        createTextVNode(toDisplayString(_e.value) + " ", 1),
+        renderSlot(_e.$slots, "sufix")
+      ]),
+      createElementVNode("div", _hoisted_3$4, toDisplayString(_e.keyName), 1)
+    ]));
+  }
+}), _hoisted_1$5 = { class: "ire-flex ire-flex-col ire-items-start ire-justify-center lg:ire-flex-row" }, _hoisted_2$3 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-justify-center ire-bg-gray-50 ire-p-4 lg:ire-w-auto [&_img]:ire-rounded-none" }, _hoisted_3$3 = {
   key: 0,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
-}, _hoisted_20 = { class: "flat-preview-value !ire-text-2xl" }, _hoisted_21 = { class: "flat-preview-text ire-text-base ire-capitalize ire-text-gray-600" }, _hoisted_22 = {
-  key: 1,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
-}, _hoisted_23 = { class: "flat-preview-value !ire-text-2xl" }, _hoisted_24 = { class: "flat-preview-text ire-text-base ire-capitalize ire-text-gray-600" }, _hoisted_25 = {
-  key: 1,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
-}, _hoisted_26 = { class: "flat-preview-value !ire-text-2xl" }, _hoisted_27 = { class: "flat-preview-text ire-text-base ire-capitalize ire-text-gray-600" }, _hoisted_28 = {
-  key: 2,
-  class: "border-b ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b-gray-200 ire-py-2"
-}, _hoisted_29 = {
+  class: "ire-w-full ire-p-3 ire-text-start ire-capitalize"
+}, _hoisted_4$2 = ["href"], _hoisted_5 = ["src"], _hoisted_6 = ["href"], _hoisted_7 = ["src"], _hoisted_8 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_9 = { class: "ire-flex ire-w-fit ire-items-center ire-gap-1 ire-border-gray-400 ire-p-1" }, _hoisted_10 = {
   key: 0,
-  class: "flat-preview-value ire-whitespace-nowrap !ire-text-2xl"
-}, _hoisted_30 = {
+  class: "ire-ml-4 ire-flex ire-items-center ire-gap-1"
+}, _hoisted_11 = ["onClick"], _hoisted_12 = { class: "flat-preview ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-6 ire-px-6 ire-py-4 lg:ire-w-[380px]" }, _hoisted_13 = {
   key: 1,
-  class: "ire-whitespace-nowrap ire-capitalize"
-}, _hoisted_31 = { class: "flat-preview-price-through-value ire-text-base ire-line-through" }, _hoisted_32 = { class: "flat-preview-value !ire-text-2xl" }, _hoisted_33 = { class: "flat-preview-text ire-text-base ire-capitalize ire-text-gray-600" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  class: "flat-preview__type ire-text-center"
+}, _hoisted_14 = { class: "flat-preview__type-title !ire-text-lg ire-font-medium" }, _hoisted_15 = { class: "flat-preview__type-teaser ire-mt-1 ire-text-gray-600" }, _hoisted_16 = { class: "ire-mt-4 ire-flex ire-w-full ire-flex-wrap ire-items-center ire-justify-center ire-gap-x-16 ire-gap-y-8" }, _hoisted_17 = { class: "flat-preview-price-through-value ire-text-base ire-line-through ire-decoration-black/50" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FlatPreview",
   props: {
     flat: {},
@@ -4234,8 +4254,8 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_r
   emits: ["changeComponent"],
   setup(Le) {
     const _e = Le, ke = ref(!1), De = ref(0), $e = computed$1(() => {
-      var Be, Ne, Ae, ze, je, Ve;
-      const Re = ke.value ? (Ae = (Ne = (Be = _e.flat) == null ? void 0 : Be.type) == null ? void 0 : Ne.image_2d) == null ? void 0 : Ae.length : (Ve = (je = (ze = _e.flat) == null ? void 0 : ze.type) == null ? void 0 : je.image_3d) == null ? void 0 : Ve.length;
+      var Be, Ne, ze, Ae, Ie, je;
+      const Re = ke.value ? (ze = (Ne = (Be = _e.flat) == null ? void 0 : Be.type) == null ? void 0 : Ne.image_2d) == null ? void 0 : ze.length : (je = (Ie = (Ae = _e.flat) == null ? void 0 : Ae.type) == null ? void 0 : Ie.image_3d) == null ? void 0 : je.length;
       return ["I", "II", "III"].slice(0, Re);
     });
     return watch(
@@ -4247,10 +4267,11 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_r
       var Re, Be;
       Object.keys(((Be = (Re = _e.flat) == null ? void 0 : Re.type) == null ? void 0 : Be.image_3d) || {}).length || (ke.value = !0);
     }), (Re, Be) => {
-      var Ne, Ae, ze, je, Ve, Fe, Ie, He, We, Xe, Ye, qe, Ze, Ue, Ge, Qe, Je, Ke, ei, ii, ti, ni, oi, si, ci, ai, ri, ui, di, fi, mi;
+      var Ne, ze, Ae, Ie, je, Fe, Ve, He, We, Xe, Ye, Ze, Ke, qe, Ue, Qe, Je, Ge, ei, ii, oi, ni, ti, si, ai, ri, li, ui, di, fi;
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", _hoisted_1$5, [
           createElementVNode("div", _hoisted_2$3, [
+            (Ne = Re.flat) != null && Ne.conf ? (openBlock(), createElementBlock("div", _hoisted_3$3, toDisplayString(unref(tr)(Re.flat.conf)), 1)) : createCommentVNode("", !0),
             createVNode(FancyBoxComp, { options: {} }, {
               default: withCtx(() => [
                 createVNode(Transition, {
@@ -4258,29 +4279,29 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_r
                   mode: "out-in"
                 }, {
                   default: withCtx(() => {
-                    var li, hi, pi, gi, vi, bi, yi, _i, wi, xi, Ei, Si, ki, Ci, Pi, Ti, Mi, Oi, Di, $i, Ri, Bi, Li, Ni, Ai, zi, ji, Ii, Vi, Fi, Hi, Wi;
+                    var ci, hi, pi, mi, gi, vi, bi, yi, _i, wi, xi, Si, Ei, ki, Ci, Pi, Ti, Mi, Oi, Di, $i, Ri, Bi, Li, Ni, Ai, zi, Ii, ji, Vi, Fi, Hi;
                     return [
-                      ke.value && ((gi = (pi = (hi = (li = Re.flat) == null ? void 0 : li.type) == null ? void 0 : hi.image_2d) == null ? void 0 : pi[De.value]) != null && gi.url) ? (openBlock(), createElementBlock("a", {
+                      ke.value && ((mi = (pi = (hi = (ci = Re.flat) == null ? void 0 : ci.type) == null ? void 0 : hi.image_2d) == null ? void 0 : pi[De.value]) != null && mi.url) ? (openBlock(), createElementBlock("a", {
                         key: 0,
                         "data-fancybox": "",
-                        href: (_i = (yi = (bi = (vi = Re.flat) == null ? void 0 : vi.type) == null ? void 0 : bi.image_2d) == null ? void 0 : yi[De.value]) == null ? void 0 : _i.url
+                        href: (yi = (bi = (vi = (gi = Re.flat) == null ? void 0 : gi.type) == null ? void 0 : vi.image_2d) == null ? void 0 : bi[De.value]) == null ? void 0 : yi.url
                       }, [
                         (openBlock(), createElementBlock("img", {
-                          key: (Si = (Ei = (xi = (wi = Re.flat) == null ? void 0 : wi.type) == null ? void 0 : xi.image_2d) == null ? void 0 : Ei[De.value]) == null ? void 0 : Si.url,
-                          src: (Ti = (Pi = (Ci = (ki = Re.flat) == null ? void 0 : ki.type) == null ? void 0 : Ci.image_2d) == null ? void 0 : Pi[De.value]) == null ? void 0 : Ti.url,
+                          key: (Si = (xi = (wi = (_i = Re.flat) == null ? void 0 : _i.type) == null ? void 0 : wi.image_2d) == null ? void 0 : xi[De.value]) == null ? void 0 : Si.url,
+                          src: (Pi = (Ci = (ki = (Ei = Re.flat) == null ? void 0 : Ei.type) == null ? void 0 : ki.image_2d) == null ? void 0 : Ci[De.value]) == null ? void 0 : Pi.url,
                           class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-[30rem] xl:ire-h-[30rem] xl:ire-w-[35rem]"
-                        }, null, 8, _hoisted_4$2))
-                      ], 8, _hoisted_3$3)) : ($i = (Di = (Oi = (Mi = Re.flat) == null ? void 0 : Mi.type) == null ? void 0 : Oi.image_3d) == null ? void 0 : Di[De.value]) != null && $i.url ? (openBlock(), createElementBlock("a", {
+                        }, null, 8, _hoisted_5))
+                      ], 8, _hoisted_4$2)) : (Di = (Oi = (Mi = (Ti = Re.flat) == null ? void 0 : Ti.type) == null ? void 0 : Mi.image_3d) == null ? void 0 : Oi[De.value]) != null && Di.url ? (openBlock(), createElementBlock("a", {
                         key: 1,
                         "data-fancybox": "",
-                        href: (Ni = (Li = (Bi = (Ri = Re.flat) == null ? void 0 : Ri.type) == null ? void 0 : Bi.image_3d) == null ? void 0 : Li[De.value]) == null ? void 0 : Ni.url
+                        href: (Li = (Bi = (Ri = ($i = Re.flat) == null ? void 0 : $i.type) == null ? void 0 : Ri.image_3d) == null ? void 0 : Bi[De.value]) == null ? void 0 : Li.url
                       }, [
                         (openBlock(), createElementBlock("img", {
-                          key: (Ii = (ji = (zi = (Ai = Re.flat) == null ? void 0 : Ai.type) == null ? void 0 : zi.image_3d) == null ? void 0 : ji[De.value]) == null ? void 0 : Ii.url,
-                          src: (Wi = (Hi = (Fi = (Vi = Re.flat) == null ? void 0 : Vi.type) == null ? void 0 : Fi.image_3d) == null ? void 0 : Hi[De.value]) == null ? void 0 : Wi.url,
+                          key: (Ii = (zi = (Ai = (Ni = Re.flat) == null ? void 0 : Ni.type) == null ? void 0 : Ai.image_3d) == null ? void 0 : zi[De.value]) == null ? void 0 : Ii.url,
+                          src: (Hi = (Fi = (Vi = (ji = Re.flat) == null ? void 0 : ji.type) == null ? void 0 : Vi.image_3d) == null ? void 0 : Fi[De.value]) == null ? void 0 : Hi.url,
                           class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-[30rem] xl:ire-h-[30rem] xl:ire-w-[35rem]"
-                        }, null, 8, _hoisted_6))
-                      ], 8, _hoisted_5)) : createCommentVNode("", !0)
+                        }, null, 8, _hoisted_7))
+                      ], 8, _hoisted_6)) : createCommentVNode("", !0)
                     ];
                   }),
                   _: 1
@@ -4288,99 +4309,112 @@ const FancyBoxComp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_r
               ]),
               _: 1
             }),
-            createElementVNode("div", _hoisted_7, [
-              createElementVNode("div", _hoisted_8, [
-                (je = (ze = (Ae = (Ne = Re.flat) == null ? void 0 : Ne.type) == null ? void 0 : Ae.image_3d) == null ? void 0 : ze[0]) != null && je.url ? (openBlock(), createElementBlock("div", {
+            createElementVNode("div", _hoisted_8, [
+              createElementVNode("div", _hoisted_9, [
+                (je = (Ie = (Ae = (ze = Re.flat) == null ? void 0 : ze.type) == null ? void 0 : Ae.image_3d) == null ? void 0 : Ie[0]) != null && je.url ? (openBlock(), createBlock(_sfc_main$a, {
                   key: 0,
-                  class: normalizeClass(["flat-preview-button ire-group", { "!ire-bg-primary !ire-text-white": !ke.value }]),
-                  onClick: Be[0] || (Be[0] = (li) => ke.value = !1)
-                }, [
-                  createElementVNode("div", null, [
-                    createVNode(Cube, {
-                      class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !ke.value }])
+                  title: unref(tr)("3d plan"),
+                  active: !ke.value,
+                  class: "flat-preview-button",
+                  onClick: Be[0] || (Be[0] = (ci) => ke.value = !1)
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(FlatIcon, {
+                      class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !ke.value }])
                     }, null, 8, ["class"])
                   ]),
-                  createElementVNode("div", {
-                    class: normalizeClass(["group-hover:!ire-text-white", {
-                      "!ire-text-white": !ke.value,
-                      "!ire-text-black": ke.value
-                    }])
-                  }, toDisplayString(unref(tr)("3d plan")), 3)
-                ], 2)) : createCommentVNode("", !0),
-                (He = (Ie = (Fe = (Ve = Re.flat) == null ? void 0 : Ve.type) == null ? void 0 : Fe.image_2d) == null ? void 0 : Ie[0]) != null && He.url ? (openBlock(), createElementBlock("div", {
+                  _: 1
+                }, 8, ["title", "active"])) : createCommentVNode("", !0),
+                (We = (He = (Ve = (Fe = Re.flat) == null ? void 0 : Fe.type) == null ? void 0 : Ve.image_2d) == null ? void 0 : He[0]) != null && We.url ? (openBlock(), createBlock(_sfc_main$a, {
                   key: 1,
-                  class: normalizeClass(["flat-preview-button ire-group", { "!ire-bg-primary !ire-text-white": ke.value }]),
-                  onClick: Be[1] || (Be[1] = (li) => ke.value = !0)
-                }, [
-                  createVNode(FlatIcon, {
-                    class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": ke.value }])
-                  }, null, 8, ["class"]),
-                  createElementVNode("div", {
-                    class: normalizeClass(["group-hover:!ire-text-white", {
-                      "!ire-text-white": ke.value,
-                      "!ire-text-black": !ke.value
-                    }])
-                  }, toDisplayString(unref(tr)("2d plan")), 3)
-                ], 2)) : createCommentVNode("", !0)
+                  title: unref(tr)("2d plan"),
+                  active: ke.value,
+                  class: "flat-preview-button",
+                  onClick: Be[1] || (Be[1] = (ci) => ke.value = !0)
+                }, {
+                  icon: withCtx(() => [
+                    createVNode(FlatIcon, {
+                      class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": ke.value }])
+                    }, null, 8, ["class"])
+                  ]),
+                  _: 1
+                }, 8, ["title", "active"])) : createCommentVNode("", !0)
               ]),
-              ((We = $e.value) == null ? void 0 : We.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                (openBlock(!0), createElementBlock(Fragment, null, renderList($e.value, (li, hi) => (openBlock(), createElementBlock("div", {
-                  key: li,
+              ((Xe = $e.value) == null ? void 0 : Xe.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList($e.value, (ci, hi) => (openBlock(), createElementBlock("div", {
+                  key: ci,
                   class: normalizeClass(["ire-flex ire-h-10 ire-w-10 ire-cursor-pointer ire-items-center ire-justify-center ire-rounded-lg ire-p-2 ire-transition-all hover:ire-bg-black hover:ire-text-white", {
                     "ire-bg-black ire-text-white": De.value === hi
                   }]),
                   onClick: (pi) => De.value = hi
-                }, toDisplayString(li), 11, _hoisted_10))), 128))
+                }, toDisplayString(ci), 11, _hoisted_11))), 128))
               ])) : createCommentVNode("", !0)
             ])
           ]),
-          createElementVNode("div", _hoisted_11, [
-            createElementVNode("div", _hoisted_12, [
-              createElementVNode("div", _hoisted_13, toDisplayString((Xe = Re.flat) == null ? void 0 : Xe.flat_number), 1),
-              createElementVNode("div", _hoisted_14, toDisplayString(unref(tr)("apartment")), 1)
-            ]),
-            (qe = (Ye = Re.flat) == null ? void 0 : Ye.type) != null && qe.title || (Ue = (Ze = Re.flat) == null ? void 0 : Ze.type) != null && Ue.teaser ? (openBlock(), createElementBlock("div", _hoisted_15, [
-              createElementVNode("div", _hoisted_16, toDisplayString((Qe = (Ge = Re.flat) == null ? void 0 : Ge.type) == null ? void 0 : Qe.title), 1),
-              createElementVNode("div", _hoisted_17, toDisplayString((Ke = (Je = Re.flat) == null ? void 0 : Je.type) == null ? void 0 : Ke.teaser), 1)
-            ])) : createCommentVNode("", !0),
-            createElementVNode("div", _hoisted_18, [
-              (ei = Re.flat) != null && ei.floor_number ? (openBlock(), createElementBlock("div", _hoisted_19, [
-                createElementVNode("div", _hoisted_20, toDisplayString((ii = Re.flat) == null ? void 0 : ii.floor_number), 1),
-                createElementVNode("div", _hoisted_21, toDisplayString(unref(tr)("floor")), 1)
-              ])) : createCommentVNode("", !0),
-              (ni = (ti = Re.flat) == null ? void 0 : ti.type) != null && ni.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                createElementVNode("div", _hoisted_23, toDisplayString((oi = Re.flat) == null ? void 0 : oi.type.rooms_count), 1),
-                createElementVNode("div", _hoisted_24, toDisplayString(unref(tr)("room")), 1)
-              ])) : createCommentVNode("", !0)
-            ]),
-            (ci = (si = Re.flat) == null ? void 0 : si.type) != null && ci.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_25, [
-              createElementVNode("div", _hoisted_26, [
-                createTextVNode(toDisplayString(unref(getPrice)(Number((ai = Re.flat) == null ? void 0 : ai.type.area_m2))) + " ", 1),
-                Be[2] || (Be[2] = createElementVNode("span", null, [
-                  createTextVNode(" m "),
-                  createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
-                ], -1))
-              ]),
-              createElementVNode("div", _hoisted_27, toDisplayString(unref(tr)("area")), 1)
+          createElementVNode("div", _hoisted_12, [
+            (Ye = Re.flat) != null && Ye.flat_number ? (openBlock(), createBlock(_sfc_main$9, {
+              key: 0,
+              keyName: unref(tr)("apartment"),
+              value: Re.flat.flat_number,
+              class: "[&_.flat-preview-value]:ire-min-w-fit [&_.flat-preview-value]:ire-font-semibold"
+            }, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
+            (Ke = (Ze = Re.flat) == null ? void 0 : Ze.type) != null && Ke.title || (Ue = (qe = Re.flat) == null ? void 0 : qe.type) != null && Ue.teaser ? (openBlock(), createElementBlock("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, toDisplayString((Je = (Qe = Re.flat) == null ? void 0 : Qe.type) == null ? void 0 : Je.title), 1),
+              createElementVNode("div", _hoisted_15, toDisplayString((ei = (Ge = Re.flat) == null ? void 0 : Ge.type) == null ? void 0 : ei.teaser), 1)
             ])) : createCommentVNode("", !0),
-            (ri = Re.flat) != null && ri.price ? (openBlock(), createElementBlock("div", _hoisted_28, [
-              createElementVNode("div", null, [
-                (ui = Re.flat) != null && ui.offer_price ? (openBlock(), createElementBlock("div", _hoisted_30, [
-                  createElementVNode("div", _hoisted_31, [
-                    createTextVNode(toDisplayString(unref(getPrice)(Number((fi = Re.flat) == null ? void 0 : fi.price))) + " ", 1),
-                    createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
-                  ]),
-                  createElementVNode("div", _hoisted_32, [
-                    createTextVNode(toDisplayString(unref(getPrice)(Number((mi = Re.flat) == null ? void 0 : mi.offer_price))) + " ", 1),
-                    createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
-                  ])
-                ])) : (openBlock(), createElementBlock("div", _hoisted_29, [
-                  createTextVNode(toDisplayString(unref(getPrice)(Number((di = Re.flat) == null ? void 0 : di.price))) + " ", 1),
+            createElementVNode("div", _hoisted_16, [
+              (ii = Re.flat) != null && ii.floor_number ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 0,
+                keyName: unref(tr)("floor"),
+                value: (oi = Re.flat) == null ? void 0 : oi.floor_number
+              }, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
+              (ti = (ni = Re.flat) == null ? void 0 : ni.type) != null && ti.area_m2 ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 1,
+                keyName: unref(tr)("area"),
+                value: unref(getArea)(Number((si = Re.flat) == null ? void 0 : si.type.area_m2))
+              }, {
+                sufix: withCtx(() => Be[2] || (Be[2] = [
+                  createElementVNode("span", null, [
+                    createTextVNode(" m "),
+                    createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
+                  ], -1)
+                ])),
+                _: 1
+              }, 8, ["keyName", "value"])) : createCommentVNode("", !0),
+              (ri = (ai = Re.flat) == null ? void 0 : ai.type) != null && ri.rooms_count ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 2,
+                keyName: unref(tr)("room"),
+                value: Re.flat.type.rooms_count
+              }, null, 8, ["keyName", "value"])) : createCommentVNode("", !0),
+              (li = Re.flat) != null && li.offer_price ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 3,
+                keyName: unref(tr)("price"),
+                value: unref(getPrice)(Number((ui = Re.flat) == null ? void 0 : ui.offer_price))
+              }, {
+                top: withCtx(() => {
+                  var ci;
+                  return [
+                    createElementVNode("div", _hoisted_17, [
+                      createTextVNode(toDisplayString(unref(getPrice)(Number((ci = Re.flat) == null ? void 0 : ci.price))) + " ", 1),
+                      createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
+                    ])
+                  ];
+                }),
+                sufix: withCtx(() => [
                   createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
-                ]))
-              ]),
-              createElementVNode("div", _hoisted_33, toDisplayString(unref(tr)("price")), 1)
-            ])) : createCommentVNode("", !0)
+                ]),
+                _: 1
+              }, 8, ["keyName", "value"])) : (di = Re.flat) != null && di.price ? (openBlock(), createBlock(_sfc_main$9, {
+                key: 4,
+                keyName: unref(tr)("price"),
+                value: unref(getPrice)(Number((fi = Re.flat) == null ? void 0 : fi.price))
+              }, {
+                sufix: withCtx(() => [
+                  createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
+                ]),
+                _: 1
+              }, 8, ["keyName", "value"])) : createCommentVNode("", !0)
+            ])
           ])
         ])
       ]);
@@ -4448,15 +4482,15 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   },
   setup(Le) {
     return (_e, ke) => {
-      var De, $e, Re, Be, Ne, Ae, ze, je, Ve, Fe, Ie, He;
+      var De, $e, Re, Be, Ne, ze, Ae, Ie, je, Fe, Ve, He;
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("p", _hoisted_2$1, toDisplayString(($e = (De = _e.modalData) == null ? void 0 : De.modalObject) == null ? void 0 : $e.title), 1),
         createVNode(_sfc_main$5, {
           editor: (Be = (Re = _e.modalData) == null ? void 0 : Re.modalObject) == null ? void 0 : Be.description
         }, null, 8, ["editor"]),
-        (je = (ze = (Ae = (Ne = _e.modalData) == null ? void 0 : Ne.modalObject) == null ? void 0 : Ae.modalImage) == null ? void 0 : ze[0]) != null && je.url ? (openBlock(), createElementBlock("img", {
+        (Ie = (Ae = (ze = (Ne = _e.modalData) == null ? void 0 : Ne.modalObject) == null ? void 0 : ze.modalImage) == null ? void 0 : Ae[0]) != null && Ie.url ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (He = (Ie = (Fe = (Ve = _e.modalData) == null ? void 0 : Ve.modalObject) == null ? void 0 : Fe.modalImage) == null ? void 0 : Ie[0]) == null ? void 0 : He.url,
+          src: (He = (Ve = (Fe = (je = _e.modalData) == null ? void 0 : je.modalObject) == null ? void 0 : Fe.modalImage) == null ? void 0 : Ve[0]) == null ? void 0 : He.url,
           alt: "",
           class: "ire-mt-5 ire-h-[400px] ire-w-full ire-object-contain"
         }, null, 8, _hoisted_3$1)) : createCommentVNode("", !0)
@@ -4473,107 +4507,107 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   },
   emits: ["changeComponent"],
   setup(Le, { emit: _e }) {
-    const ke = _e, De = Le, $e = useGlobalStore(), Re = inject("showFlatModal"), Be = ref(), Ne = ref(null), Ae = ref(), ze = ref(), je = computed$1(() => {
-      var Ie, He;
-      if ((Ie = De.block) != null && Ie.svg)
-        return (He = De.block) == null ? void 0 : He.svg;
-    }), Ve = (Ie) => {
-      const He = Ie.target;
-      He && (Ne.value = He);
-    }, Fe = (Ie) => {
-      var We, Xe, Ye;
-      const He = Ie.target;
-      (He == null ? void 0 : He.nodeName) === "path" && (((We = ze.value) == null ? void 0 : We.conf) === "sold" || ((Xe = ze.value) == null ? void 0 : Xe.conf) === "reserved" || ke(
+    const ke = _e, De = Le, $e = inject("showFlatModal"), Re = useGlobalStore(), { openReservedFlat: Be, openSoldFlat: Ne } = storeToRefs(Re), ze = ref(), Ae = ref(null), Ie = ref(), je = ref(), Fe = computed$1(() => {
+      var We, Xe;
+      if ((We = De.block) != null && We.svg)
+        return (Xe = De.block) == null ? void 0 : Xe.svg;
+    }), Ve = (We) => {
+      const Xe = We.target;
+      Xe && (Ae.value = Xe);
+    }, He = (We) => {
+      var Ye, Ze, Ke;
+      const Xe = We.target;
+      (Xe == null ? void 0 : Xe.nodeName) === "path" && (((Ye = je.value) == null ? void 0 : Ye.conf) === "reserved" && !Be.value || ((Ze = je.value) == null ? void 0 : Ze.conf) === "sold" && !Ne.value || ke(
         "changeComponent",
-        ((Ye = Ae.value) == null ? void 0 : Ye.type) || "",
-        ze.value
+        ((Ke = Ie.value) == null ? void 0 : Ke.type) || "",
+        je.value
       ));
     };
     return watch(
-      () => Re == null ? void 0 : Re.value,
+      () => $e == null ? void 0 : $e.value,
       () => {
-        Re != null && Re.value || (Ne.value = null, Ae.value = null);
+        $e != null && $e.value || (Ae.value = null, Ie.value = null);
       }
     ), watch(
-      () => Ne.value,
-      (Ie) => {
-        var We, Xe, Ye, qe, Ze, Ue, Ge, Qe;
-        if (!Ie) return;
-        $e.hoverdSvg = Ie;
-        const He = Ie == null ? void 0 : Ie.parentElement;
-        if (He && (He == null ? void 0 : He.nodeName) === "g") {
-          const Je = He == null ? void 0 : He.getAttribute("id");
-          if (!Je || (Ae.value = ((Xe = (We = De.block) == null ? void 0 : We.polygon_data) == null ? void 0 : Xe.find((Ke) => (Ke == null ? void 0 : Ke.key) === Je)) || null, !Ae.value)) return;
-          if (((Ye = Ae.value) == null ? void 0 : Ye.type) === "floor") {
-            const Ke = (qe = De.floors) == null ? void 0 : qe.find(
-              (ei) => {
-                var ii;
-                return (ei == null ? void 0 : ei.id) === ((ii = Ae.value) == null ? void 0 : ii.id);
+      () => Ae.value,
+      (We) => {
+        var Ye, Ze, Ke, qe, Ue, Qe, Je, Ge;
+        if (!We) return;
+        Re.hoverdSvg = We;
+        const Xe = We == null ? void 0 : We.parentElement;
+        if (Xe && (Xe == null ? void 0 : Xe.nodeName) === "g") {
+          const ei = Xe == null ? void 0 : Xe.getAttribute("id");
+          if (!ei || (Ie.value = ((Ze = (Ye = De.block) == null ? void 0 : Ye.polygon_data) == null ? void 0 : Ze.find((ii) => (ii == null ? void 0 : ii.key) === ei)) || null, !Ie.value)) return;
+          if (((Ke = Ie.value) == null ? void 0 : Ke.type) === "floor") {
+            const ii = (qe = De.floors) == null ? void 0 : qe.find(
+              (oi) => {
+                var ni;
+                return (oi == null ? void 0 : oi.id) === ((ni = Ie.value) == null ? void 0 : ni.id);
               }
             );
-            ze.value = Ke;
-          } else if (((Ze = Ae.value) == null ? void 0 : Ze.type) === "flat") {
-            const Ke = (Ue = De.flats) == null ? void 0 : Ue.find(
-              (ei) => {
-                var ii;
-                return (ei == null ? void 0 : ei.id) === ((ii = Ae.value) == null ? void 0 : ii.id);
+            je.value = ii;
+          } else if (((Ue = Ie.value) == null ? void 0 : Ue.type) === "flat") {
+            const ii = (Qe = De.flats) == null ? void 0 : Qe.find(
+              (oi) => {
+                var ni;
+                return (oi == null ? void 0 : oi.id) === ((ni = Ie.value) == null ? void 0 : ni.id);
               }
             );
-            ze.value = Ke;
-          } else if (((Ge = Ae.value) == null ? void 0 : Ge.type) === "tooltip") {
-            const Ke = (Qe = De.actions) == null ? void 0 : Qe.find(
-              (ei) => {
-                var ii;
-                return (ei == null ? void 0 : ei.id) === ((ii = Ae.value) == null ? void 0 : ii.id);
+            je.value = ii;
+          } else if (((Je = Ie.value) == null ? void 0 : Je.type) === "tooltip") {
+            const ii = (Ge = De.actions) == null ? void 0 : Ge.find(
+              (oi) => {
+                var ni;
+                return (oi == null ? void 0 : oi.id) === ((ni = Ie.value) == null ? void 0 : ni.id);
               }
             );
-            ze.value = Ke;
+            je.value = ii;
           } else
-            ze.value = null;
+            je.value = null;
         } else
-          Ae.value = null, ze.value = null;
+          Ie.value = null, je.value = null;
       }
     ), onMounted(() => {
       document.addEventListener("mousemove", Ve);
     }), onUnmounted(() => {
       document.removeEventListener("mousemove", Ve);
-    }), (Ie, He) => {
-      var We;
-      return openBlock(), createBlock(_sfc_main$h, {
-        hoverdData: ze.value,
-        type: (We = Ae.value) == null ? void 0 : We.type
+    }), (We, Xe) => {
+      var Ye;
+      return openBlock(), createBlock(_sfc_main$i, {
+        hoverdData: je.value,
+        type: (Ye = Ie.value) == null ? void 0 : Ye.type
       }, {
         header: withCtx(() => {
-          var Xe;
+          var Ze;
           return [
-            createVNode(_sfc_main$d, {
-              onClick: He[0] || (He[0] = (Ye) => Ie.$emit("changeComponent", "project", null))
+            createVNode(_sfc_main$e, {
+              onClick: Xe[0] || (Xe[0] = (Ke) => We.$emit("changeComponent", "project", null))
             }),
-            createElementVNode("div", _hoisted_1, toDisplayString((Xe = Ie.block) == null ? void 0 : Xe.title), 1)
+            createElementVNode("div", _hoisted_1, toDisplayString((Ze = We.block) == null ? void 0 : Ze.title), 1)
           ];
         }),
         default: withCtx(() => {
-          var Xe, Ye, qe, Ze, Ue, Ge;
+          var Ze, Ke, qe, Ue, Qe, Je;
           return [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("img", {
-                src: ((qe = (Ye = (Xe = Ie.block) == null ? void 0 : Xe.block_image) == null ? void 0 : Ye[0]) == null ? void 0 : qe.url) || "",
+                src: ((qe = (Ke = (Ze = We.block) == null ? void 0 : Ze.block_image) == null ? void 0 : Ke[0]) == null ? void 0 : qe.url) || "",
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_3),
               (openBlock(), createElementBlock("div", {
                 ref_key: "svgRef",
-                ref: Be,
-                innerHTML: je.value,
-                key: je.value,
+                ref: ze,
+                innerHTML: Fe.value,
+                key: Fe.value,
                 class: normalizeClass(["canvas ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full [&_path]:ire-cursor-pointer [&_path]:ire-fill-[var(--path-color)] [&_path]:ire-transition-all [&_svg]:ire-h-full [&_svg]:ire-w-full", [
                   {
-                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((Ze = ze.value) == null ? void 0 : Ze.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((Ue = ze.value) == null ? void 0 : Ue.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((Ge = ze.value) != null && Ge.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((Ue = je.value) == null ? void 0 : Ue.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((Qe = je.value) == null ? void 0 : Qe.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((Je = je.value) != null && Je.conf)
                   }
                 ]]),
-                onClick: Fe
+                onClick: He
               }, null, 10, _hoisted_4))
             ])
           ];
@@ -4586,26 +4620,26 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   __name: "MouseTracker",
   setup(Le) {
     const _e = useGlobalStore(), ke = ref(!0), De = ref(-400), $e = ref(-400), Re = ref(null);
-    let Be = null, Ne = 0, Ae = 0;
-    const ze = (Fe, Ie, He) => Fe * (1 - He) + Ie * He, je = () => {
+    let Be = null, Ne = 0, ze = 0;
+    const Ae = (Fe, Ve, He) => Fe * (1 - He) + Ve * He, Ie = () => {
       if (Be) return;
       const Fe = () => {
-        De.value = ze(De.value, Ne, 0.06), $e.value = ze($e.value, Ae, 0.06), Math.abs(De.value - Ne) > 0.06 || Math.abs($e.value - Ae) > 0.06 ? Be = requestAnimationFrame(Fe) : Be = null;
+        De.value = Ae(De.value, Ne, 0.06), $e.value = Ae($e.value, ze, 0.06), Math.abs(De.value - Ne) > 0.06 || Math.abs($e.value - ze) > 0.06 ? Be = requestAnimationFrame(Fe) : Be = null;
       };
       Be = requestAnimationFrame(Fe);
-    }, Ve = (Fe) => {
+    }, je = (Fe) => {
       var Qe;
-      const Ie = document.querySelector(".irep-tooltip"), He = ((Qe = _e.hoverdSvg) == null ? void 0 : Qe.nodeName) === "path" ? _e.hoverdSvg : null;
-      if (!Re.value || !Ie || !He)
+      const Ve = document.querySelector(".irep-tooltip"), He = ((Qe = _e.hoverdSvg) == null ? void 0 : Qe.nodeName) === "path" ? _e.hoverdSvg : null;
+      if (!Re.value || !Ve || !He)
         return;
-      const We = Re.value.getBoundingClientRect(), Xe = He.getBoundingClientRect(), Ye = Ie.getBoundingClientRect(), qe = We.left + We.width / 2, Ze = We.top + We.height / 2, Ue = Xe.left > qe, Ge = Xe.bottom > Ze;
-      Ne = Fe.clientX - We.left - (Ue ? Ye.width : -20), Ae = Fe.clientY - We.top - (Ge ? Ye.height : -20), ke.value && (De.value = Ne, $e.value = Ae), je(), ke.value = !1;
+      const We = Re.value.getBoundingClientRect(), Xe = He.getBoundingClientRect(), Ye = Ve.getBoundingClientRect(), Ze = We.left + We.width / 2, Ke = We.top + We.height / 2, qe = Xe.left > Ze, Ue = Xe.bottom > Ke;
+      Ne = Fe.clientX - We.left - (qe ? Ye.width : -20), ze = Fe.clientY - We.top - (Ue ? Ye.height : -20), ke.value && (De.value = Ne, $e.value = ze), Ie(), ke.value = !1;
     };
     return onMounted(() => {
-      document.addEventListener("mousemove", Ve);
+      document.addEventListener("mousemove", je);
     }), onUnmounted(() => {
-      document.removeEventListener("mousemove", Ve), Be && cancelAnimationFrame(Be);
-    }), provide("mouseX", De), provide("mouseY", $e), (Fe, Ie) => (openBlock(), createElementBlock("div", {
+      document.removeEventListener("mousemove", je), Be && cancelAnimationFrame(Be);
+    }), provide("mouseX", De), provide("mouseY", $e), (Fe, Ve) => (openBlock(), createElementBlock("div", {
       ref_key: "canvasRef",
       ref: Re
     }, [
@@ -4618,8 +4652,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     shortcodeDataProps: {}
   },
   setup(__props) {
-    var Le, _e, ke, De, $e, Re, Be, Ne, Ae, ze, je, Ve, Fe, Ie;
-    const props = __props, getMeta = (He) => props.shortcodeDataProps.meta.find(
+    var Le, _e, ke, De, $e, Re, Be, Ne, ze, Ae, Ie, je, Fe, Ve;
+    const props = __props, globalStore = useGlobalStore(), { getMetaValue } = globalStore, getMeta = (He) => props.shortcodeDataProps.meta.find(
       (We) => We.meta_key === He
     ), constants = ref({
       PREVIEW_PATH_COLOR: ((Le = getMeta("path_color")) == null ? void 0 : Le.meta_value) || "rgba(255, 255, 255, 0.3)",
@@ -4631,12 +4665,12 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
       PREVIEW_BORDER_RADIUS: +((Be = getMeta("border_radius")) == null ? void 0 : Be.meta_value) || 0
     }), colors = reactive({
       path: (Ne = constants.value) == null ? void 0 : Ne.PREVIEW_PATH_COLOR,
-      path_hover: (Ae = constants.value) == null ? void 0 : Ae.PREVIEW_PATH_HOVER_COLOR,
-      reserved: (ze = constants.value) == null ? void 0 : ze.PREVIEW_RESERVED_COLOR,
-      sold: (je = constants.value) == null ? void 0 : je.PREVIEW_SOLD_COLOR,
-      stroke_color: (Ve = constants.value) == null ? void 0 : Ve.PREVIEW_STROKE_COLOR,
+      path_hover: (ze = constants.value) == null ? void 0 : ze.PREVIEW_PATH_HOVER_COLOR,
+      reserved: (Ae = constants.value) == null ? void 0 : Ae.PREVIEW_RESERVED_COLOR,
+      sold: (Ie = constants.value) == null ? void 0 : Ie.PREVIEW_SOLD_COLOR,
+      stroke_color: (je = constants.value) == null ? void 0 : je.PREVIEW_STROKE_COLOR,
       stroke_width: (Fe = constants.value) == null ? void 0 : Fe.PREVIEW_STROKE_WIDTH,
-      border_radius: (Ie = constants.value) == null ? void 0 : Ie.PREVIEW_BORDER_RADIUS
+      border_radius: (Ve = constants.value) == null ? void 0 : Ve.PREVIEW_BORDER_RADIUS
     }), cssVariables = computed$1(() => ({
       "--reserved-color": colors.reserved,
       "--sold-color": colors.sold,
@@ -4655,21 +4689,21 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
       var He, We;
       if (shortcodeData.value)
         return (He = shortcodeData.value.floors) == null || He.forEach((Xe) => {
-          var Ze, Ue;
-          const Ye = (Ue = (Ze = shortcodeData.value) == null ? void 0 : Ze.flats) == null ? void 0 : Ue.filter((Ge) => {
+          var Ke, qe;
+          const Ye = (qe = (Ke = shortcodeData.value) == null ? void 0 : Ke.flats) == null ? void 0 : qe.filter((Ue) => {
             var Qe;
-            return (Ge == null ? void 0 : Ge.floor_number) !== ((Qe = Xe == null ? void 0 : Xe.floor_number) == null ? void 0 : Qe.toString()) ? !1 : Xe != null && Xe.polygon_data ? Object == null ? void 0 : Object.values(Xe == null ? void 0 : Xe.polygon_data).some(
-              (Ke) => {
+            return (Ue == null ? void 0 : Ue.floor_number) !== ((Qe = Xe == null ? void 0 : Xe.floor_number) == null ? void 0 : Qe.toString()) ? !1 : Xe != null && Xe.polygon_data ? Object == null ? void 0 : Object.values(Xe == null ? void 0 : Xe.polygon_data).some(
+              (Ge) => {
                 var ei;
-                return Ke != null && Ke.type && (Ke == null ? void 0 : Ke.type) === "flat" && (Ke == null ? void 0 : Ke.id) === (Ge == null ? void 0 : Ge.id) ? Xe != null && Xe.block_id ? (Ge == null ? void 0 : Ge.block_id) === ((ei = Xe == null ? void 0 : Xe.block_id) == null ? void 0 : ei.toString()) : !(Ge != null && Ge.block_id) : !1;
+                return Ge != null && Ge.type && (Ge == null ? void 0 : Ge.type) === "flat" && (Ge == null ? void 0 : Ge.id) === (Ue == null ? void 0 : Ue.id) ? Xe != null && Xe.block_id ? (Ue == null ? void 0 : Ue.block_id) === ((ei = Xe == null ? void 0 : Xe.block_id) == null ? void 0 : ei.toString()) : !(Ue != null && Ue.block_id) : !1;
               }
             ) : !1;
           });
           Xe.flats = Ye;
-          const { conf: qe } = Xe || {};
-          if (Ye != null && Ye.length && !qe) {
-            const Ge = Ye == null ? void 0 : Ye.every((Je) => (Je == null ? void 0 : Je.conf) === "reserved"), Qe = Ye == null ? void 0 : Ye.every((Je) => (Je == null ? void 0 : Je.conf) === "sold");
-            Ge ? Xe.conf = "reserved" : Qe && (Xe.conf = "sold");
+          const { conf: Ze } = Xe || {};
+          if (Ye != null && Ye.length && !Ze) {
+            const Ue = Ye == null ? void 0 : Ye.every((Je) => (Je == null ? void 0 : Je.conf) === "reserved"), Qe = Ye == null ? void 0 : Ye.every((Je) => (Je == null ? void 0 : Je.conf) === "sold");
+            Ue ? Xe.conf = "reserved" : Qe && (Xe.conf = "sold");
           }
         }), (We = shortcodeData.value) == null ? void 0 : We.floors;
     }), blocks = computed$1(() => {
@@ -4684,8 +4718,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
         return (We = (He = shortcodeData.value) == null ? void 0 : He.flats) == null ? void 0 : We.map((Xe) => {
           var Ye;
           if (Xe != null && Xe.use_type || !(Xe != null && Xe.type)) {
-            const qe = (Ye = types.value) == null ? void 0 : Ye.find((Ze) => (Ze == null ? void 0 : Ze.id) === (Xe == null ? void 0 : Xe.type_id));
-            qe && (Xe.type = qe);
+            const Ze = (Ye = types.value) == null ? void 0 : Ye.find((Ke) => (Ke == null ? void 0 : Ke.id) === (Xe == null ? void 0 : Xe.type_id));
+            Ze && (Xe.type = Ze);
           }
           return Xe;
         });
@@ -4732,10 +4766,10 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     return watch(
       () => projectMeta.value,
       () => {
-        const He = getMetaValue("path_color"), We = getMetaValue("path_hover_color"), Xe = getMetaValue("reserved_color"), Ye = getMetaValue("sold_color"), qe = getMetaValue("stroke_color"), Ze = getMetaValue("stroke_width");
-        He && (colors.path = He.toString()), We && (colors.path_hover = We.toString()), Xe && (colors.reserved = Xe.toString()), Ye && (colors.sold = Ye.toString()), qe && (colors.stroke_color = qe.toString()), Ze && (colors.stroke_width = Number(Ze));
+        const He = getMetaValue("path_color"), We = getMetaValue("path_hover_color"), Xe = getMetaValue("reserved_color"), Ye = getMetaValue("sold_color"), Ze = getMetaValue("stroke_color"), Ke = getMetaValue("stroke_width");
+        He && (colors.path = He.toString()), We && (colors.path_hover = We.toString()), Xe && (colors.reserved = Xe.toString()), Ye && (colors.sold = Ye.toString()), Ze && (colors.stroke_color = Ze.toString()), Ke && (colors.stroke_width = Number(Ke));
       }
-    ), provide("showFlatModal", showFlatModal), provide("showFlatModal", showFlatModal), (He, We) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
+    ), provide("showFlatModal", showFlatModal), (He, We) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
       default: withCtx(() => [
         createVNode(Transition, {
           name: "ire-fade-in-out",
@@ -4746,7 +4780,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
               key: flow.value,
               style: normalizeStyle(cssVariables.value)
             }, [
-              flow.value === "projectFlow" ? (openBlock(), createBlock(_sfc_main$g, {
+              flow.value === "projectFlow" ? (openBlock(), createBlock(_sfc_main$h, {
                 key: 0,
                 project: project.value,
                 floors: floors.value,
@@ -4762,7 +4796,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
                 floors: floors.value,
                 actions: actions.value,
                 onChangeComponent: We[1] || (We[1] = (Xe, Ye) => changeRoute(Xe, Ye))
-              }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$c, {
+              }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$d, {
                 key: 2,
                 flats: flats.value,
                 floor: activeFloor.value,
@@ -4828,9 +4862,9 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     translations: {}
   },
   setup(Le) {
-    const _e = Le;
-    return provide("shortcodeData", _e.data), provide("translations", _e.translations), (ke, De) => (openBlock(), createElementBlock("div", null, [
-      createVNode(_sfc_main$1, { "shortcode-data-props": ke.data }, null, 8, ["shortcode-data-props"])
+    const _e = Le, ke = useGlobalStore();
+    return ke.setData(_e.data), ke.translations = _e.translations, (De, $e) => (openBlock(), createElementBlock("div", null, [
+      createVNode(_sfc_main$1, { "shortcode-data-props": De.data }, null, 8, ["shortcode-data-props"])
     ]));
   }
 }), pinia = createPinia(), app = createApp(App);