ire-preview 2.3.6 → 2.3.8

package/dist/lib.es.js

@@ -1,11 +1,11 @@
-import { openBlock, createElementBlock, createElementVNode, inject, defineComponent, computed as computed$1, createVNode, Transition, withCtx, toDisplayString, unref, createCommentVNode, Fragment, createTextVNode, createBlock, normalizeStyle, ref, watch, renderSlot, effectScope, markRaw, hasInjectionContext, reactive, isRef, isReactive, toRaw, getCurrentScope, onScopeDispose, nextTick, toRefs, normalizeClass, mergeModels, useModel, withDirectives, renderList, vModelSelect, onMounted, createStaticVNode, onUnmounted, provide, Teleport, createApp } from "vue";
-const _export_sfc = (t, o) => {
-  const r = t.__vccOpts || t;
-  for (const [e, s] of o)
-    r[e] = s;
+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";
+const _export_sfc = (e, o) => {
+  const r = e.__vccOpts || e;
+  for (const [t, l] of o)
+    r[t] = l;
   return r;
 }, _sfc_main$k = {};
-function _sfc_render$4(t, o) {
+function _sfc_render$4(e, o) {
   return openBlock(), createElementBlock("div", null, o[0] || (o[0] = [
     createElementVNode("h1", { class: "underline" }, "undeliner", -1)
   ]));
@@ -16,19 +16,19 @@ const App = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4]]
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const extend = Object.assign, isFunction = (t) => typeof t == "function", isSymbol = (t) => typeof t == "symbol", hasChanged = (t, o) => !Object.is(t, o);
+const extend = Object.assign, isFunction = (e) => typeof e == "function", isSymbol = (e) => typeof e == "symbol", hasChanged = (e, o) => !Object.is(e, o);
 /**
 * @vue/reactivity v3.5.12
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 let activeSub, batchDepth = 0, batchedSub, batchedComputed;
-function batch(t, o = !1) {
-  if (t.flags |= 8, o) {
-    t.next = batchedComputed, batchedComputed = t;
+function batch(e, o = !1) {
+  if (e.flags |= 8, o) {
+    e.next = batchedComputed, batchedComputed = e;
     return;
   }
-  t.next = batchedSub, batchedSub = t;
+  e.next = batchedSub, batchedSub = e;
 }
 function startBatch() {
   batchDepth++;
@@ -43,7 +43,7 @@ function endBatch() {
       o.next = void 0, o.flags &= -9, o = r;
     }
   }
-  let t;
+  let e;
   for (; batchedSub; ) {
     let o = batchedSub;
     for (batchedSub = void 0; o; ) {
@@ -51,65 +51,65 @@ function endBatch() {
       if (o.next = void 0, o.flags &= -9, o.flags & 1)
         try {
           o.trigger();
-        } catch (e) {
-          t || (t = e);
+        } catch (t) {
+          e || (e = t);
         }
       o = r;
     }
   }
-  if (t) throw t;
+  if (e) throw e;
 }
-function prepareDeps(t) {
-  for (let o = t.deps; o; o = o.nextDep)
+function prepareDeps(e) {
+  for (let o = e.deps; o; o = o.nextDep)
     o.version = -1, o.prevActiveLink = o.dep.activeLink, o.dep.activeLink = o;
 }
-function cleanupDeps(t) {
-  let o, r = t.depsTail, e = r;
-  for (; e; ) {
-    const s = e.prevDep;
-    e.version === -1 ? (e === r && (r = s), removeSub(e), removeDep(e)) : o = e, e.dep.activeLink = e.prevActiveLink, e.prevActiveLink = void 0, e = s;
+function cleanupDeps(e) {
+  let o, r = e.depsTail, t = r;
+  for (; t; ) {
+    const l = t.prevDep;
+    t.version === -1 ? (t === r && (r = l), removeSub(t), removeDep(t)) : o = t, t.dep.activeLink = t.prevActiveLink, t.prevActiveLink = void 0, t = l;
   }
-  t.deps = o, t.depsTail = r;
+  e.deps = o, e.depsTail = r;
 }
-function isDirty(t) {
-  for (let o = t.deps; o; o = o.nextDep)
+function isDirty(e) {
+  for (let o = e.deps; o; o = o.nextDep)
     if (o.dep.version !== o.version || o.dep.computed && (refreshComputed(o.dep.computed) || o.dep.version !== o.version))
       return !0;
-  return !!t._dirty;
+  return !!e._dirty;
 }
-function refreshComputed(t) {
-  if (t.flags & 4 && !(t.flags & 16) || (t.flags &= -17, t.globalVersion === globalVersion))
+function refreshComputed(e) {
+  if (e.flags & 4 && !(e.flags & 16) || (e.flags &= -17, e.globalVersion === globalVersion))
     return;
-  t.globalVersion = globalVersion;
-  const o = t.dep;
-  if (t.flags |= 2, o.version > 0 && !t.isSSR && t.deps && !isDirty(t)) {
-    t.flags &= -3;
+  e.globalVersion = globalVersion;
+  const o = e.dep;
+  if (e.flags |= 2, o.version > 0 && !e.isSSR && e.deps && !isDirty(e)) {
+    e.flags &= -3;
     return;
   }
-  const r = activeSub, e = shouldTrack;
-  activeSub = t, shouldTrack = !0;
+  const r = activeSub, t = shouldTrack;
+  activeSub = e, shouldTrack = !0;
   try {
-    prepareDeps(t);
-    const s = t.fn(t._value);
-    (o.version === 0 || hasChanged(s, t._value)) && (t._value = s, o.version++);
-  } catch (s) {
-    throw o.version++, s;
+    prepareDeps(e);
+    const l = e.fn(e._value);
+    (o.version === 0 || hasChanged(l, e._value)) && (e._value = l, o.version++);
+  } catch (l) {
+    throw o.version++, l;
   } finally {
-    activeSub = r, shouldTrack = e, cleanupDeps(t), t.flags &= -3;
+    activeSub = r, shouldTrack = t, cleanupDeps(e), e.flags &= -3;
   }
 }
-function removeSub(t, o = !1) {
-  const { dep: r, prevSub: e, nextSub: s } = t;
-  if (e && (e.nextSub = s, t.prevSub = void 0), s && (s.prevSub = e, t.nextSub = void 0), r.subs === t && (r.subs = e, !e && r.computed)) {
+function removeSub(e, o = !1) {
+  const { dep: r, prevSub: t, nextSub: l } = e;
+  if (t && (t.nextSub = l, e.prevSub = void 0), l && (l.prevSub = t, e.nextSub = void 0), r.subs === e && (r.subs = t, !t && r.computed)) {
     r.computed.flags &= -5;
-    for (let n = r.computed.deps; n; n = n.nextDep)
-      removeSub(n, !0);
+    for (let i = r.computed.deps; i; i = i.nextDep)
+      removeSub(i, !0);
   }
   !o && !--r.sc && r.map && r.map.delete(r.key);
 }
-function removeDep(t) {
-  const { prevDep: o, nextDep: r } = t;
-  o && (o.nextDep = r, t.prevDep = void 0), r && (r.prevDep = o, t.nextDep = void 0);
+function removeDep(e) {
+  const { prevDep: o, nextDep: r } = e;
+  o && (o.nextDep = r, e.prevDep = void 0), r && (r.prevDep = o, e.nextDep = void 0);
 }
 let shouldTrack = !0, globalVersion = 0;
 class Link {
@@ -128,8 +128,8 @@ class Dep {
     if (r === void 0 || r.sub !== activeSub)
       r = this.activeLink = new Link(activeSub, this), activeSub.deps ? (r.prevDep = activeSub.depsTail, activeSub.depsTail.nextDep = r, activeSub.depsTail = r) : activeSub.deps = activeSub.depsTail = r, addSub(r);
     else if (r.version === -1 && (r.version = this.version, r.nextDep)) {
-      const e = r.nextDep;
-      e.prevDep = r.prevDep, r.prevDep && (r.prevDep.nextDep = e), r.prevDep = activeSub.depsTail, r.nextDep = void 0, activeSub.depsTail.nextDep = r, activeSub.depsTail = r, activeSub.deps === r && (activeSub.deps = e);
+      const t = r.nextDep;
+      t.prevDep = r.prevDep, r.prevDep && (r.prevDep.nextDep = t), r.prevDep = activeSub.depsTail, r.nextDep = void 0, activeSub.depsTail.nextDep = r, activeSub.depsTail = r, activeSub.deps === r && (activeSub.deps = t);
     }
     return r;
   }
@@ -146,24 +146,24 @@ class Dep {
     }
   }
 }
-function addSub(t) {
-  if (t.dep.sc++, t.sub.flags & 4) {
-    const o = t.dep.computed;
-    if (o && !t.dep.subs) {
+function addSub(e) {
+  if (e.dep.sc++, e.sub.flags & 4) {
+    const o = e.dep.computed;
+    if (o && !e.dep.subs) {
       o.flags |= 20;
-      for (let e = o.deps; e; e = e.nextDep)
-        addSub(e);
+      for (let t = o.deps; t; t = t.nextDep)
+        addSub(t);
     }
-    const r = t.dep.subs;
-    r !== t && (t.prevSub = r, r && (r.nextSub = t)), t.dep.subs = t;
+    const r = e.dep.subs;
+    r !== e && (e.prevSub = r, r && (r.nextSub = e)), e.dep.subs = e;
   }
 }
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((t) => t !== "arguments" && t !== "caller").map((t) => Symbol[t]).filter(isSymbol)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(isSymbol)
 );
 class ComputedRefImpl {
-  constructor(o, r, e) {
-    this.fn = o, this.setter = r, this._value = void 0, this.dep = new Dep(this), this.__v_isRef = !0, this.deps = void 0, this.depsTail = void 0, this.flags = 16, this.globalVersion = globalVersion - 1, this.next = void 0, this.effect = this, this.__v_isReadonly = !r, this.isSSR = e;
+  constructor(o, r, t) {
+    this.fn = o, this.setter = r, this._value = void 0, this.dep = new Dep(this), this.__v_isRef = !0, this.deps = void 0, this.depsTail = void 0, this.flags = 16, this.globalVersion = globalVersion - 1, this.next = void 0, this.effect = this, this.__v_isReadonly = !r, this.isSSR = t;
   }
   /**
    * @internal
@@ -181,14 +181,85 @@ class ComputedRefImpl {
     this.setter && this.setter(o);
   }
 }
-function computed(t, o, r = !1) {
-  let e, s;
-  return isFunction(t) ? e = t : (e = t.get, s = t.set), new ComputedRefImpl(e, s, r);
+function computed(e, o, r = !1) {
+  let t, l;
+  return isFunction(e) ? t = e : (t = e.get, l = e.set), new ComputedRefImpl(t, l, r);
 }
-const tr = (t) => {
+const tr = (e) => {
   const o = inject("translations");
-  return (o == null ? void 0 : o[t]) || t;
-}, _hoisted_1$g = {
+  return (o == null ? void 0 : o[e]) || e;
+}, currencySymbol = () => {
+  var t, l, i;
+  const e = [
+    { title: "🇺🇸 USD", value: "usd", symbol: "$" },
+    // United States
+    { title: "🇪🇺 EUR", value: "eur", symbol: "€" },
+    // European Union
+    { title: "🇬🇧 GBP", value: "gbp", symbol: "£" },
+    // United Kingdom
+    { title: "🇯🇵 JPY", value: "jpy", symbol: "¥" },
+    // Japan
+    { title: "🇦🇺 AUD", value: "aud", symbol: "A$" },
+    // Australia
+    { title: "🇨🇦 CAD", value: "cad", symbol: "C$" },
+    // Canada
+    { title: "🇨🇭 CHF", value: "chf", symbol: "CHF" },
+    // Switzerland
+    { title: "🇨🇳 CNY", value: "cny", symbol: "¥" },
+    // China
+    { title: "🇮🇳 INR", value: "inr", symbol: "₹" },
+    // India
+    { title: "🇸🇬 SGD", value: "sgd", symbol: "S$" },
+    // Singapore
+    { title: "🇳🇿 NZD", value: "nzd", symbol: "NZ$" },
+    // New Zealand
+    { title: "🇰🇷 KRW", value: "krw", symbol: "₩" },
+    // South Korea
+    { title: "🇧🇷 BRL", value: "brl", symbol: "R$" },
+    // Brazil
+    { title: "🇷🇺 RUB", value: "rub", symbol: "₽" },
+    // Russia
+    { title: "🇿🇦 ZAR", value: "zar", symbol: "R" },
+    // South Africa
+    { title: "🇲🇽 MXN", value: "mxn", symbol: "Mex$" },
+    // Mexico
+    { title: "🇭🇰 HKD", value: "hkd", symbol: "HK$" },
+    // Hong Kong
+    { title: "🇹🇷 TRY", value: "try", symbol: "₺" },
+    // Turkey
+    { title: "🇸🇪 SEK", value: "sek", symbol: "kr" },
+    // Sweden
+    { title: "🇳🇴 NOK", value: "nok", symbol: "kr" },
+    // Norway
+    { title: "🇩🇰 DKK", value: "dkk", symbol: "kr" },
+    // Denmark
+    { title: "🇵🇱 PLN", value: "pln", symbol: "zł" },
+    // Poland
+    { title: "🇹🇭 THB", value: "thb", symbol: "฿" },
+    // Thailand
+    { title: "🇮🇩 IDR", value: "idr", symbol: "Rp" },
+    // Indonesia
+    { title: "🇲🇾 MYR", value: "myr", symbol: "RM" },
+    // Malaysia
+    { title: "🇵🇭 PHP", value: "php", symbol: "₱" },
+    // Philippines
+    { title: "🇦🇪 AED", value: "aed", symbol: "د.إ" },
+    // United Arab Emirates
+    { title: "🇸🇦 SAR", value: "sar", symbol: "﷼" },
+    // Saudi Arabia
+    { title: "🇶🇦 QAR", value: "qar", symbol: "﷼" },
+    // Qatar
+    { title: "🇰🇼 KWD", value: "kwd", symbol: "د.ك" },
+    // Kuwait
+    { title: "🇧🇭 BHD", value: "bhd", symbol: ".د.ب" },
+    // Bahrain
+    { title: "🇴🇲 OMR", value: "omr", symbol: "﷼" },
+    // Oman
+    { title: "🇬🇪 GEL", value: "gel", symbol: "₾" }
+    // Georgia
+  ], o = inject("shortcodeData"), r = ((l = (t = o == null ? void 0 : o.meta) == null ? void 0 : t.find((s) => s.meta_key === "currency")) == null ? void 0 : l.meta_value) || "usd";
+  return ((i = e.find((s) => s.value === r)) == null ? void 0 : i.symbol) || "$";
+}, getPrice = (e) => Number(e).toLocaleString("fr-FR"), _hoisted_1$g = {
   key: 0,
   class: "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 = {
@@ -209,7 +280,7 @@ const tr = (t) => {
 }, _hoisted_13$2 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_14$2 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_15$2 = {
   key: 2,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_16$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_17$1 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_18$1 = {
+}, _hoisted_16$2 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_17$2 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_18$2 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-3"
 }, _hoisted_19$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_20$1 = { class: "text-sm ire-text-gray-700" }, _hoisted_21$1 = { class: "!text-2xl" }, _hoisted_22$1 = {
@@ -230,62 +301,62 @@ const tr = (t) => {
     hoveredData: {},
     type: {}
   },
-  setup(t) {
-    const o = t, r = computed$1(() => {
-      var e;
-      return tr((e = o.hoveredData) == null ? void 0 : e.conf);
+  setup(e) {
+    const o = e, r = computed$1(() => {
+      var t;
+      return tr((t = o.hoveredData) == null ? void 0 : t.conf);
     });
-    return (e, s) => (openBlock(), createElementBlock("div", null, [
+    return (t, l) => (openBlock(), createElementBlock("div", null, [
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => {
-          var n, i, u, h, k, x, C, y, v, c, _, a, m, l, d, b, p, $, w, f, g, S, E, D, V;
+          var i, s, h, _, y, x, w, b, v, c, p, a, f, n, d, g, u, $, E, m, k, V, S, D;
           return [
-            e.type && e.hoveredData && e.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-              e.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+            t.type && t.hoveredData && t.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+              t.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
                 createElementVNode("div", _hoisted_3$9, [
-                  createElementVNode("div", _hoisted_4$7, toDisplayString((n = e.hoveredData) == null ? void 0 : n.floor_number), 1),
+                  createElementVNode("div", _hoisted_4$7, toDisplayString((i = t.hoveredData) == null ? void 0 : i.floor_number), 1),
                   createElementVNode("div", _hoisted_5$3, toDisplayString(unref(tr)("floor")), 1)
                 ]),
-                (i = e.hoveredData) != null && i.conf || (h = (u = e.hoveredData) == null ? void 0 : u.flats) != null && h.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+                (s = t.hoveredData) != null && s.conf || (_ = (h = t.hoveredData) == null ? void 0 : h.flats) != null && _.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
                   r.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(r.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_8$3, [
-                    (x = (k = e.hoveredData) == null ? void 0 : k.counts) != null && x.available ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
-                      createElementVNode("div", _hoisted_10$3, toDisplayString(((y = (C = e.hoveredData) == null ? void 0 : C.counts) == null ? void 0 : y.available) || 0), 1),
+                    (x = (y = t.hoveredData) == null ? void 0 : y.counts) != null && x.available ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+                      createElementVNode("div", _hoisted_10$3, toDisplayString(((b = (w = t.hoveredData) == null ? void 0 : w.counts) == null ? void 0 : b.available) || 0), 1),
                       createElementVNode("div", _hoisted_11$3, toDisplayString(unref(tr)("available")), 1)
                     ])) : createCommentVNode("", !0),
-                    (c = (v = e.hoveredData) == null ? void 0 : v.counts) != null && c.reserved ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
-                      createElementVNode("div", _hoisted_13$2, toDisplayString((a = (_ = e.hoveredData) == null ? void 0 : _.counts) == null ? void 0 : a.reserved), 1),
+                    (c = (v = t.hoveredData) == null ? void 0 : v.counts) != null && c.reserved ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
+                      createElementVNode("div", _hoisted_13$2, toDisplayString((a = (p = t.hoveredData) == null ? void 0 : p.counts) == null ? void 0 : a.reserved), 1),
                       createElementVNode("div", _hoisted_14$2, toDisplayString(unref(tr)("reserved")), 1)
                     ])) : createCommentVNode("", !0),
-                    (l = (m = e.hoveredData) == null ? void 0 : m.counts) != null && l.sold ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
-                      createElementVNode("div", _hoisted_16$1, toDisplayString((b = (d = e.hoveredData) == null ? void 0 : d.counts) == null ? void 0 : b.sold), 1),
-                      createElementVNode("div", _hoisted_17$1, toDisplayString(unref(tr)("sold")), 1)
+                    (n = (f = t.hoveredData) == null ? void 0 : f.counts) != null && n.sold ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
+                      createElementVNode("div", _hoisted_16$2, toDisplayString((g = (d = t.hoveredData) == null ? void 0 : d.counts) == null ? void 0 : g.sold), 1),
+                      createElementVNode("div", _hoisted_17$2, toDisplayString(unref(tr)("sold")), 1)
                     ])) : createCommentVNode("", !0)
                   ]))
                 ])) : createCommentVNode("", !0)
-              ])) : e.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+              ])) : t.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_18$2, [
                 createElementVNode("div", _hoisted_19$1, [
                   createElementVNode("span", _hoisted_20$1, toDisplayString(r.value), 1),
-                  createElementVNode("div", _hoisted_21$1, toDisplayString((p = e.hoveredData) == null ? void 0 : p.title), 1)
+                  createElementVNode("div", _hoisted_21$1, toDisplayString((u = t.hoveredData) == null ? void 0 : u.title), 1)
                 ])
-              ])) : e.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
+              ])) : t.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
                 createElementVNode("div", _hoisted_23$1, [
-                  createElementVNode("div", _hoisted_24$1, toDisplayString(($ = e.hoveredData) == null ? void 0 : $.flat_number), 1),
+                  createElementVNode("div", _hoisted_24$1, toDisplayString(($ = t.hoveredData) == null ? void 0 : $.flat_number), 1),
                   createElementVNode("div", _hoisted_25$1, toDisplayString(unref(tr)("apartment")), 1)
                 ]),
                 createElementVNode("div", _hoisted_26$1, [
                   r.value ? (openBlock(), createElementBlock("div", _hoisted_27$1, toDisplayString(r.value), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     createElementVNode("div", _hoisted_28$1, toDisplayString(unref(tr)("price")), 1),
-                    (w = e.hoveredData) != null && w.price ? (openBlock(), createElementBlock("div", _hoisted_29$1, [
+                    (E = t.hoveredData) != null && E.price ? (openBlock(), createElementBlock("div", _hoisted_29$1, [
                       createElementVNode("div", null, [
-                        (f = e.hoveredData) != null && f.offer_price ? (openBlock(), createElementBlock("div", _hoisted_31$1, [
-                          createElementVNode("div", _hoisted_32, toDisplayString(Number((g = e.hoveredData) == null ? void 0 : g.price).toLocaleString("fr-FR")), 1),
+                        (m = t.hoveredData) != null && m.offer_price ? (openBlock(), createElementBlock("div", _hoisted_31$1, [
+                          createElementVNode("div", _hoisted_32, toDisplayString(Number((k = t.hoveredData) == null ? void 0 : k.price).toLocaleString("fr-FR")), 1),
                           createElementVNode("div", _hoisted_33, [
-                            createTextVNode(toDisplayString(Number((S = e.hoveredData) == null ? void 0 : S.offer_price).toLocaleString("fr-FR")) + " ", 1),
-                            createElementVNode("span", null, toDisplayString(unref(tr)("$")), 1)
+                            createTextVNode(toDisplayString(Number((V = t.hoveredData) == null ? void 0 : V.offer_price).toLocaleString("fr-FR")) + " ", 1),
+                            createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
                           ])
                         ])) : (openBlock(), createElementBlock("div", _hoisted_30$1, [
-                          createTextVNode(toDisplayString(Number(e.hoveredData.price).toLocaleString("fr-FR")) + " ", 1),
-                          createElementVNode("span", null, toDisplayString(unref(tr)("$")), 1)
+                          createTextVNode(toDisplayString(Number(t.hoveredData.price).toLocaleString("fr-FR")) + " ", 1),
+                          createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
                         ]))
                       ])
                     ])) : createCommentVNode("", !0)
@@ -293,10 +364,8 @@ const tr = (t) => {
                 ]),
                 createElementVNode("div", _hoisted_34, [
                   createElementVNode("div", _hoisted_35, [
-                    createTextVNode(toDisplayString((V = Number(
-                      (D = (E = e.hoveredData) == null ? void 0 : E.type) == null ? void 0 : D.area_m2
-                    )) == null ? void 0 : V.toLocaleString("fr-FR")) + " m", 1),
-                    s[0] || (s[0] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
+                    createTextVNode(toDisplayString(unref(getPrice)(+((D = (S = t.hoveredData) == null ? void 0 : S.type) == null ? void 0 : D.area_m2))) + " m", 1),
+                    l[0] || (l[0] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
                   ])
                 ])
               ])) : createCommentVNode("", !0)
@@ -307,83 +376,110 @@ const tr = (t) => {
       })
     ]));
   }
-}), _hoisted_1$f = { class: "tooltip-2 ire-flex ire-h-32 ire-w-32 ire-origin-top ire-items-center ire-justify-center ire-rounded-full ire-bg-black ire-p-4 ire-text-white ire-transition-transform ire-duration-500 ire-ease-in-out" }, _hoisted_2$9 = {
+}), _hoisted_1$f = {
   key: 0,
   class: "ire-flex ire-flex-col ire-items-center !ire-text-sm"
-}, _hoisted_3$8 = { class: "ire-capitalize" }, _hoisted_4$6 = {
+}, _hoisted_2$9 = { class: "gap-6 ire-flex ire-items-center ire-p-4" }, _hoisted_3$8 = { class: "ire-text-3xl ire-capitalize" }, _hoisted_4$6 = {
   key: 0,
-  class: "ire-capitalize"
-}, _hoisted_5$2 = {
-  key: 1,
-  class: "ire-text-nowrap ire-capitalize"
-}, _hoisted_6$2 = {
+  class: "ire-text-2xl ire-uppercase"
+}, _hoisted_5$2 = { key: 1 }, _hoisted_6$2 = { class: "ire-text-xs ire-text-gray-400" }, _hoisted_7$2 = { class: "ire-right-[2px] !ire-text-sm ire-text-gray-200" }, _hoisted_8$2 = { class: "ire-flex ire-items-center ire-justify-between ire-gap-2 ire-bg-gray-800 ire-p-2 [&_p]:ire-text-xs [&_p_span]:ire-mr-1" }, _hoisted_9$2 = {
   key: 1,
-  class: "ire-flex ire-items-center ire-gap-3 !ire-text-sm"
-}, _hoisted_7$2 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_8$2 = { class: "ire-text-gray-300 ire-opacity-80" }, _hoisted_9$2 = {
+  class: "p-4 ire-flex ire-items-center ire-gap-3 !ire-text-sm"
+}, _hoisted_10$2 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_11$2 = { class: "ire-text-gray-300 ire-opacity-80" }, _hoisted_12$2 = {
   key: 2,
   class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-1"
-}, _hoisted_10$2 = { class: "ire-line-clamp-2 ire-max-w-52 ire-text-center !ire-text-sm ire-capitalize" }, _hoisted_11$2 = {
+}, _hoisted_13$1 = { class: "gap-4 ire-flex ire-items-center ire-p-4" }, _hoisted_14$1 = { class: "ire-max-w-28 ire-text-sm ire-capitalize" }, _hoisted_15$1 = {
   key: 0,
-  class: "!ire-text-sm ire-uppercase"
-}, _hoisted_12$2 = {
+  class: "ire-text-sm ire-uppercase"
+}, _hoisted_16$1 = {
   key: 1,
-  class: "ire-flex ire-items-center"
-}, _hoisted_13$1 = { class: "ire-whitespace-nowrap !ire-text-sm" }, _hoisted_14$1 = { class: "ire-right-[2px] !ire-text-sm ire-text-gray-200" }, _hoisted_15$1 = { class: "ire-whitespace-nowrap !ire-text-sm" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+  class: "ire-flex ire-flex-col ire-gap-2"
+}, _hoisted_17$1 = { class: "ire-right-[2px] !ire-text-sm ire-text-gray-200" }, _hoisted_18$1 = { class: "ire-right-[2px] !ire-text-sm ire-text-gray-200" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_2",
   props: {
     hoveredData: {},
-    type: {}
+    type: {},
+    mouseTrack: { type: Boolean }
   },
-  setup(t) {
-    const o = t, r = inject("mouseX"), e = inject("mouseY"), s = computed$1(() => {
-      var n;
-      return tr((n = o.hoveredData) == null ? void 0 : n.conf);
+  setup(e) {
+    const o = e, r = inject("mouseX"), t = inject("mouseY"), l = computed$1(() => {
+      var i;
+      return tr((i = o.hoveredData) == null ? void 0 : i.conf);
     });
-    return (n, i) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
+    return (i, s) => (openBlock(), createBlock(Transition, { name: "ire-fade-in-out" }, {
       default: withCtx(() => {
-        var u, h, k, x, C, y, v, c, _;
+        var h, _, y, x, w, b, v, c, p, a, f, n, d, g;
         return [
-          n.type && n.hoveredData && n.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+          i.type && i.hoveredData && i.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none ire-will-change-transform",
-            style: normalizeStyle({
-              transform: `translateX(${unref(r) || 0}px) translateY(${unref(e) || 0}px)`
-            })
+            class: normalizeClass(["ire-pointer-events-none ire-absolute ire-select-none", {
+              "ire-left-0 ire-top-0": i.mouseTrack,
+              "ire-bottom-4 ire-right-4": !i.mouseTrack
+            }]),
+            style: normalizeStyle(
+              i.mouseTrack ? {
+                transform: `translateX(${unref(r) || 0}px) translateY(${unref(t) || 0}px)`
+              } : {}
+            )
           }, [
-            createElementVNode("div", _hoisted_1$f, [
-              n.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-                createElementVNode("div", _hoisted_3$8, [
-                  createElementVNode("span", null, toDisplayString(unref(tr)("floor")), 1),
-                  createTextVNode(": " + toDisplayString((u = n.hoveredData) == null ? void 0 : u.floor_number), 1)
+            createElementVNode("div", {
+              class: normalizeClass(["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", { "": i.mouseTrack }])
+            }, [
+              i.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+                createElementVNode("div", _hoisted_2$9, [
+                  createElementVNode("p", _hoisted_3$8, toDisplayString((h = i.hoveredData) == null ? void 0 : h.floor_number), 1),
+                  s[0] || (s[0] = createElementVNode("span", null, "|", -1)),
+                  l.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString(l.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                    createElementVNode("p", _hoisted_6$2, toDisplayString(unref(tr)("starting from")) + ": ", 1),
+                    createElementVNode("p", null, [
+                      createTextVNode(toDisplayString(unref(getPrice)(+((y = (_ = i.hoveredData) == null ? void 0 : _.counts) == null ? void 0 : y.minimum_price) || 0)) + " ", 1),
+                      createElementVNode("span", _hoisted_7$2, toDisplayString(unref(currencySymbol)()), 1)
+                    ])
+                  ]))
                 ]),
-                s.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString(s.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                  createElementVNode("span", null, toDisplayString(unref(tr)("available")), 1),
-                  createTextVNode(": " + toDisplayString(((k = (h = n.hoveredData) == null ? void 0 : h.counts) == null ? void 0 : k.available) || 0), 1)
-                ]))
-              ])) : n.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-                createElementVNode("div", _hoisted_7$2, [
-                  createElementVNode("div", null, toDisplayString((x = n.hoveredData) == null ? void 0 : x.title), 1),
-                  createElementVNode("span", _hoisted_8$2, toDisplayString(s.value), 1)
+                createElementVNode("div", _hoisted_8$2, [
+                  createElementVNode("p", null, [
+                    createElementVNode("span", null, toDisplayString(l.value ? 0 : ((w = (x = i.hoveredData) == null ? void 0 : x.counts) == null ? void 0 : w.available) || 0), 1),
+                    createTextVNode(" " + toDisplayString(unref(tr)("available")), 1)
+                  ]),
+                  s[1] || (s[1] = createElementVNode("span", null, "•", -1)),
+                  createElementVNode("p", null, [
+                    createElementVNode("span", null, toDisplayString(l.value ? 0 : ((v = (b = i.hoveredData) == null ? void 0 : b.counts) == null ? void 0 : v.sold) || 0), 1),
+                    createTextVNode(" " + toDisplayString(unref(tr)("sold")), 1)
+                  ]),
+                  s[2] || (s[2] = createElementVNode("span", null, "•", -1)),
+                  createElementVNode("p", null, [
+                    createElementVNode("span", null, toDisplayString(l.value ? 0 : ((p = (c = i.hoveredData) == null ? void 0 : c.counts) == null ? void 0 : p.reserved) || 0), 1),
+                    createTextVNode(" " + toDisplayString(unref(tr)("reserved")), 1)
+                  ])
                 ])
-              ])) : n.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
-                createElementVNode("div", _hoisted_10$2, toDisplayString((C = n.hoveredData) == null ? void 0 : C.flat_number), 1),
-                s.value ? (openBlock(), createElementBlock("div", _hoisted_11$2, toDisplayString(s.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_12$2, [
-                  createElementVNode("div", null, [
-                    createElementVNode("div", _hoisted_13$1, [
-                      createTextVNode(toDisplayString(Number((y = n.hoveredData) == null ? void 0 : y.price).toLocaleString("fr-FR")) + " ", 1),
-                      createElementVNode("span", _hoisted_14$1, toDisplayString(unref(tr)("$")), 1)
+              ])) : i.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+                createElementVNode("div", _hoisted_10$2, [
+                  createElementVNode("div", null, toDisplayString((a = i.hoveredData) == null ? void 0 : a.title), 1),
+                  createElementVNode("span", _hoisted_11$2, toDisplayString(l.value), 1)
+                ])
+              ])) : i.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
+                createElementVNode("div", _hoisted_13$1, [
+                  createElementVNode("p", _hoisted_14$1, toDisplayString((f = i.hoveredData) == null ? void 0 : f.flat_number), 1),
+                  s[4] || (s[4] = createElementVNode("span", null, "|", -1)),
+                  l.value ? (openBlock(), createElementBlock("div", _hoisted_15$1, toDisplayString(l.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_16$1, [
+                    createElementVNode("div", null, [
+                      createElementVNode("p", null, [
+                        createTextVNode(toDisplayString(unref(getPrice)(+((n = i.hoveredData) == null ? void 0 : n.price))) + " ", 1),
+                        createElementVNode("span", _hoisted_17$1, toDisplayString(unref(currencySymbol)()), 1)
+                      ])
+                    ]),
+                    createElementVNode("div", null, [
+                      createElementVNode("span", _hoisted_18$1, [
+                        createTextVNode(toDisplayString(unref(getPrice)(+((g = (d = i.hoveredData) == null ? void 0 : d.type) == null ? void 0 : g.area_m2))) + " m", 1),
+                        s[3] || (s[3] = createElementVNode("sup", { class: "ire-bg-transparent !ire-text-xs" }, " 2 ", -1))
+                      ])
                     ])
-                  ])
-                ])),
-                createElementVNode("div", _hoisted_15$1, [
-                  createTextVNode(toDisplayString((_ = Number((c = (v = n.hoveredData) == null ? void 0 : v.type) == null ? void 0 : c.area_m2)) == null ? void 0 : _.toLocaleString(
-                    "fr-FR"
-                  )) + " m ", 1),
-                  i[0] || (i[0] = createElementVNode("sup", { class: "ire-right-[2px] !ire-text-xs ire-text-gray-200" }, " 2 ", -1))
+                  ]))
                 ])
               ])) : createCommentVNode("", !0)
-            ])
-          ], 4)) : createCommentVNode("", !0)
+            ], 2)
+          ], 6)) : createCommentVNode("", !0)
         ];
       }),
       _: 1
@@ -404,13 +500,13 @@ const tr = (t) => {
     hoveredData: {},
     type: {}
   },
-  setup(t) {
+  setup(e) {
     const o = inject("mouseX"), r = inject("mouseY");
-    return (e, s) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
+    return (t, l) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
       default: withCtx(() => {
-        var n, i, u;
+        var i, s, h;
         return [
-          e.type && e.hoveredData && e.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+          t.type && t.hoveredData && t.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({
@@ -418,18 +514,18 @@ const tr = (t) => {
             })
           }, [
             createElementVNode("div", _hoisted_1$e, [
-              e.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+              t.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
                 createElementVNode("div", _hoisted_3$7, [
-                  createElementVNode("div", _hoisted_4$5, toDisplayString((n = e.hoveredData) == null ? void 0 : n.floor_number), 1),
+                  createElementVNode("div", _hoisted_4$5, toDisplayString((i = t.hoveredData) == null ? void 0 : i.floor_number), 1),
                   createElementVNode("div", _hoisted_5$1, toDisplayString(unref(tr)("floor")), 1)
                 ])
-              ])) : e.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
+              ])) : t.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
                 createElementVNode("div", _hoisted_7$1, [
-                  createElementVNode("div", _hoisted_8$1, toDisplayString((i = e.hoveredData) == null ? void 0 : i.title), 1)
+                  createElementVNode("div", _hoisted_8$1, toDisplayString((s = t.hoveredData) == null ? void 0 : s.title), 1)
                 ])
-              ])) : e.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+              ])) : t.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
                 createElementVNode("div", _hoisted_10$1, [
-                  createElementVNode("div", _hoisted_11$1, toDisplayString((u = e.hoveredData) == null ? void 0 : u.flat_number), 1),
+                  createElementVNode("div", _hoisted_11$1, toDisplayString((h = t.hoveredData) == null ? void 0 : h.flat_number), 1),
                   createElementVNode("div", _hoisted_12$1, toDisplayString(unref(tr)("apartment")), 1)
                 ])
               ])) : createCommentVNode("", !0)
@@ -449,44 +545,50 @@ const tr = (t) => {
     hoverdData: {},
     type: {}
   },
-  setup(t) {
-    const o = inject("shortcodeData"), r = inject("showFlatModal"), e = ref(), s = ref(!0), n = computed$1(() => {
-      var i;
-      return ((i = o.meta.find((u) => u.meta_key === "tooltip")) == null ? void 0 : i.meta_value) || "1";
+  setup(e) {
+    const o = inject("shortcodeData"), r = inject("showFlatModal"), t = ref(), l = ref(!0), i = computed$1(() => {
+      var s;
+      return ((s = o.meta.find((h) => h.meta_key === "tooltip")) == null ? void 0 : s.meta_value) || "1";
     });
     return watch(
       () => r == null ? void 0 : r.value,
       () => {
-        r != null && r.value ? s.value = !1 : setTimeout(() => {
-          s.value = !0;
+        r != null && r.value ? l.value = !1 : setTimeout(() => {
+          l.value = !0;
         }, 400);
       }
-    ), (i, u) => (openBlock(), createElementBlock("div", {
+    ), (s, h) => (openBlock(), createElementBlock("div", {
       ref_key: "canvasRef",
-      ref: e,
-      class: "ire-relative ire-overflow-hidden ire-pt-3 [&_.tooltip-2]:active:!ire-scale-110"
+      ref: t,
+      class: "ire-group ire-relative ire-overflow-hidden ire-pt-3"
     }, [
-      i.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
-        renderSlot(i.$slots, "header")
+      s.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+        renderSlot(s.$slots, "header")
       ])) : createCommentVNode("", !0),
-      renderSlot(i.$slots, "default"),
+      renderSlot(s.$slots, "default"),
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => [
-          s.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            n.value === "2" ? (openBlock(), createBlock(_sfc_main$i, {
+          l.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            i.value === "2" ? (openBlock(), createBlock(_sfc_main$i, {
               key: 0,
-              "hovered-data": i.hoverdData,
-              type: i.type || "",
-              class: "ire-hidden lg:ire-flex"
-            }, null, 8, ["hovered-data", "type"])) : n.value === "3" ? (openBlock(), createBlock(_sfc_main$h, {
+              "hovered-data": s.hoverdData,
+              type: s.type || "",
+              "mouse-track": !0,
+              class: "ire-hidden lg:ire-flex [&_.tooltip-2]:group-active:!ire-scale-110"
+            }, null, 8, ["hovered-data", "type"])) : i.value === "3" ? (openBlock(), createBlock(_sfc_main$i, {
               key: 1,
-              "hovered-data": i.hoverdData,
-              type: i.type || "",
+              "hovered-data": s.hoverdData,
+              type: s.type || "",
               class: "ire-hidden lg:ire-flex"
-            }, null, 8, ["hovered-data", "type"])) : (openBlock(), createBlock(_sfc_main$j, {
+            }, null, 8, ["hovered-data", "type"])) : i.value === "4" ? (openBlock(), createBlock(_sfc_main$h, {
               key: 2,
-              "hovered-data": i.hoverdData,
-              type: i.type || "",
+              "hovered-data": s.hoverdData,
+              type: s.type || "",
+              class: "ire-hidden lg:ire-flex [&_.tooltip-2]:group-active:!ire-scale-110"
+            }, null, 8, ["hovered-data", "type"])) : (openBlock(), createBlock(_sfc_main$j, {
+              key: 3,
+              "hovered-data": s.hoverdData,
+              type: s.type || "",
               class: "ire-hidden lg:ire-block"
             }, null, 8, ["hovered-data", "type"]))
           ], 64)) : createCommentVNode("", !0)
@@ -502,216 +604,216 @@ const tr = (t) => {
  * @license MIT
  */
 let activePinia;
-const setActivePinia = (t) => activePinia = t, piniaSymbol = (
+const setActivePinia = (e) => activePinia = e, piniaSymbol = (
   /* istanbul ignore next */
   Symbol()
 );
-function isPlainObject(t) {
-  return t && typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]" && typeof t.toJSON != "function";
+function isPlainObject(e) {
+  return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
 }
 var MutationType;
-(function(t) {
-  t.direct = "direct", t.patchObject = "patch object", t.patchFunction = "patch function";
+(function(e) {
+  e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
 })(MutationType || (MutationType = {}));
 function createPinia() {
-  const t = effectScope(!0), o = t.run(() => ref({}));
-  let r = [], e = [];
-  const s = markRaw({
-    install(n) {
-      setActivePinia(s), s._a = n, n.provide(piniaSymbol, s), n.config.globalProperties.$pinia = s, e.forEach((i) => r.push(i)), e = [];
+  const e = effectScope(!0), o = e.run(() => ref({}));
+  let r = [], t = [];
+  const l = markRaw({
+    install(i) {
+      setActivePinia(l), l._a = i, i.provide(piniaSymbol, l), i.config.globalProperties.$pinia = l, t.forEach((s) => r.push(s)), t = [];
     },
-    use(n) {
-      return this._a ? r.push(n) : e.push(n), this;
+    use(i) {
+      return this._a ? r.push(i) : t.push(i), this;
     },
     _p: r,
     // it's actually undefined here
     // @ts-expect-error
     _a: null,
-    _e: t,
+    _e: e,
     _s: /* @__PURE__ */ new Map(),
     state: o
   });
-  return s;
+  return l;
 }
 const noop = () => {
 };
-function addSubscription(t, o, r, e = noop) {
-  t.push(o);
-  const s = () => {
-    const n = t.indexOf(o);
-    n > -1 && (t.splice(n, 1), e());
+function addSubscription(e, o, r, t = noop) {
+  e.push(o);
+  const l = () => {
+    const i = e.indexOf(o);
+    i > -1 && (e.splice(i, 1), t());
   };
-  return !r && getCurrentScope() && onScopeDispose(s), s;
+  return !r && getCurrentScope() && onScopeDispose(l), l;
 }
-function triggerSubscriptions(t, ...o) {
-  t.slice().forEach((r) => {
+function triggerSubscriptions(e, ...o) {
+  e.slice().forEach((r) => {
     r(...o);
   });
 }
-const fallbackRunWithContext = (t) => t(), ACTION_MARKER = Symbol(), ACTION_NAME = Symbol();
-function mergeReactiveObjects(t, o) {
-  t instanceof Map && o instanceof Map ? o.forEach((r, e) => t.set(e, r)) : t instanceof Set && o instanceof Set && o.forEach(t.add, t);
+const fallbackRunWithContext = (e) => e(), ACTION_MARKER = Symbol(), ACTION_NAME = Symbol();
+function mergeReactiveObjects(e, o) {
+  e instanceof Map && o instanceof Map ? o.forEach((r, t) => e.set(t, r)) : e instanceof Set && o instanceof Set && o.forEach(e.add, e);
   for (const r in o) {
     if (!o.hasOwnProperty(r))
       continue;
-    const e = o[r], s = t[r];
-    isPlainObject(s) && isPlainObject(e) && t.hasOwnProperty(r) && !isRef(e) && !isReactive(e) ? t[r] = mergeReactiveObjects(s, e) : t[r] = e;
+    const t = o[r], l = e[r];
+    isPlainObject(l) && isPlainObject(t) && e.hasOwnProperty(r) && !isRef(t) && !isReactive(t) ? e[r] = mergeReactiveObjects(l, t) : e[r] = t;
   }
-  return t;
+  return e;
 }
 const skipHydrateSymbol = (
   /* istanbul ignore next */
   Symbol()
 );
-function shouldHydrate(t) {
-  return !isPlainObject(t) || !t.hasOwnProperty(skipHydrateSymbol);
+function shouldHydrate(e) {
+  return !isPlainObject(e) || !e.hasOwnProperty(skipHydrateSymbol);
 }
 const { assign } = Object;
-function isComputed(t) {
-  return !!(isRef(t) && t.effect);
+function isComputed(e) {
+  return !!(isRef(e) && e.effect);
 }
-function createOptionsStore(t, o, r, e) {
-  const { state: s, actions: n, getters: i } = o, u = r.state.value[t];
-  let h;
-  function k() {
-    u || (r.state.value[t] = s ? s() : {});
-    const x = toRefs(r.state.value[t]);
-    return assign(x, n, Object.keys(i || {}).reduce((C, y) => (C[y] = markRaw(computed$1(() => {
+function createOptionsStore(e, o, r, t) {
+  const { state: l, actions: i, getters: s } = o, h = r.state.value[e];
+  let _;
+  function y() {
+    h || (r.state.value[e] = l ? l() : {});
+    const x = toRefs(r.state.value[e]);
+    return assign(x, i, Object.keys(s || {}).reduce((w, b) => (w[b] = markRaw(computed$1(() => {
       setActivePinia(r);
-      const v = r._s.get(t);
-      return i[y].call(v, v);
-    })), C), {}));
+      const v = r._s.get(e);
+      return s[b].call(v, v);
+    })), w), {}));
   }
-  return h = createSetupStore(t, k, o, r, e, !0), h;
+  return _ = createSetupStore(e, y, o, r, t, !0), _;
 }
-function createSetupStore(t, o, r = {}, e, s, n) {
-  let i;
-  const u = assign({ actions: {} }, r), h = { deep: !0 };
-  let k, x, C = [], y = [], v;
-  const c = e.state.value[t];
-  !n && !c && (e.state.value[t] = {}), ref({});
-  let _;
-  function a(f) {
-    let g;
-    k = x = !1, typeof f == "function" ? (f(e.state.value[t]), g = {
+function createSetupStore(e, o, r = {}, t, l, i) {
+  let s;
+  const h = assign({ actions: {} }, r), _ = { deep: !0 };
+  let y, x, w = [], b = [], v;
+  const c = t.state.value[e];
+  !i && !c && (t.state.value[e] = {}), ref({});
+  let p;
+  function a(m) {
+    let k;
+    y = x = !1, typeof m == "function" ? (m(t.state.value[e]), k = {
       type: MutationType.patchFunction,
-      storeId: t,
+      storeId: e,
       events: v
-    }) : (mergeReactiveObjects(e.state.value[t], f), g = {
+    }) : (mergeReactiveObjects(t.state.value[e], m), k = {
       type: MutationType.patchObject,
-      payload: f,
-      storeId: t,
+      payload: m,
+      storeId: e,
       events: v
     });
-    const S = _ = Symbol();
+    const V = p = Symbol();
     nextTick().then(() => {
-      _ === S && (k = !0);
-    }), x = !0, triggerSubscriptions(C, g, e.state.value[t]);
+      p === V && (y = !0);
+    }), x = !0, triggerSubscriptions(w, k, t.state.value[e]);
   }
-  const m = n ? function() {
-    const { state: g } = r, S = g ? g() : {};
-    this.$patch((E) => {
-      assign(E, S);
+  const f = i ? function() {
+    const { state: k } = r, V = k ? k() : {};
+    this.$patch((S) => {
+      assign(S, V);
     });
   } : (
     /* istanbul ignore next */
     noop
   );
-  function l() {
-    i.stop(), C = [], y = [], e._s.delete(t);
+  function n() {
+    s.stop(), w = [], b = [], t._s.delete(e);
   }
-  const d = (f, g = "") => {
-    if (ACTION_MARKER in f)
-      return f[ACTION_NAME] = g, f;
-    const S = function() {
-      setActivePinia(e);
-      const E = Array.from(arguments), D = [], V = [];
-      function N(B) {
-        D.push(B);
+  const d = (m, k = "") => {
+    if (ACTION_MARKER in m)
+      return m[ACTION_NAME] = k, m;
+    const V = function() {
+      setActivePinia(t);
+      const S = Array.from(arguments), D = [], C = [];
+      function B(N) {
+        D.push(N);
       }
-      function T(B) {
-        V.push(B);
+      function M(N) {
+        C.push(N);
       }
-      triggerSubscriptions(y, {
-        args: E,
-        name: S[ACTION_NAME],
-        store: p,
-        after: N,
-        onError: T
+      triggerSubscriptions(b, {
+        args: S,
+        name: V[ACTION_NAME],
+        store: u,
+        after: B,
+        onError: M
       });
       let R;
       try {
-        R = f.apply(this && this.$id === t ? this : p, E);
-      } catch (B) {
-        throw triggerSubscriptions(V, B), B;
+        R = m.apply(this && this.$id === e ? this : u, S);
+      } catch (N) {
+        throw triggerSubscriptions(C, N), N;
       }
-      return R instanceof Promise ? R.then((B) => (triggerSubscriptions(D, B), B)).catch((B) => (triggerSubscriptions(V, B), Promise.reject(B))) : (triggerSubscriptions(D, R), R);
+      return R instanceof Promise ? R.then((N) => (triggerSubscriptions(D, N), N)).catch((N) => (triggerSubscriptions(C, N), Promise.reject(N))) : (triggerSubscriptions(D, R), R);
     };
-    return S[ACTION_MARKER] = !0, S[ACTION_NAME] = g, S;
-  }, b = {
-    _p: e,
+    return V[ACTION_MARKER] = !0, V[ACTION_NAME] = k, V;
+  }, g = {
+    _p: t,
     // _s: scope,
-    $id: t,
-    $onAction: addSubscription.bind(null, y),
+    $id: e,
+    $onAction: addSubscription.bind(null, b),
     $patch: a,
-    $reset: m,
-    $subscribe(f, g = {}) {
-      const S = addSubscription(C, f, g.detached, () => E()), E = i.run(() => watch(() => e.state.value[t], (D) => {
-        (g.flush === "sync" ? x : k) && f({
-          storeId: t,
+    $reset: f,
+    $subscribe(m, k = {}) {
+      const V = addSubscription(w, m, k.detached, () => S()), S = s.run(() => watch(() => t.state.value[e], (D) => {
+        (k.flush === "sync" ? x : y) && m({
+          storeId: e,
           type: MutationType.direct,
           events: v
         }, D);
-      }, assign({}, h, g)));
-      return S;
+      }, assign({}, _, k)));
+      return V;
     },
-    $dispose: l
-  }, p = reactive(b);
-  e._s.set(t, p);
-  const w = (e._a && e._a.runWithContext || fallbackRunWithContext)(() => e._e.run(() => (i = effectScope()).run(() => o({ action: d }))));
-  for (const f in w) {
-    const g = w[f];
-    if (isRef(g) && !isComputed(g) || isReactive(g))
-      n || (c && shouldHydrate(g) && (isRef(g) ? g.value = c[f] : mergeReactiveObjects(g, c[f])), e.state.value[t][f] = g);
-    else if (typeof g == "function") {
-      const S = d(g, f);
-      w[f] = S, u.actions[f] = g;
+    $dispose: n
+  }, u = reactive(g);
+  t._s.set(e, u);
+  const E = (t._a && t._a.runWithContext || fallbackRunWithContext)(() => t._e.run(() => (s = effectScope()).run(() => o({ action: d }))));
+  for (const m in E) {
+    const k = E[m];
+    if (isRef(k) && !isComputed(k) || isReactive(k))
+      i || (c && shouldHydrate(k) && (isRef(k) ? k.value = c[m] : mergeReactiveObjects(k, c[m])), t.state.value[e][m] = k);
+    else if (typeof k == "function") {
+      const V = d(k, m);
+      E[m] = V, h.actions[m] = k;
     }
   }
-  return assign(p, w), assign(toRaw(p), w), Object.defineProperty(p, "$state", {
-    get: () => e.state.value[t],
-    set: (f) => {
-      a((g) => {
-        assign(g, f);
+  return assign(u, E), assign(toRaw(u), E), Object.defineProperty(u, "$state", {
+    get: () => t.state.value[e],
+    set: (m) => {
+      a((k) => {
+        assign(k, m);
       });
     }
-  }), e._p.forEach((f) => {
-    assign(p, i.run(() => f({
-      store: p,
-      app: e._a,
-      pinia: e,
-      options: u
+  }), t._p.forEach((m) => {
+    assign(u, s.run(() => m({
+      store: u,
+      app: t._a,
+      pinia: t,
+      options: h
     })));
-  }), c && n && r.hydrate && r.hydrate(p.$state, c), k = !0, x = !0, p;
+  }), c && i && r.hydrate && r.hydrate(u.$state, c), y = !0, x = !0, u;
 }
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
-function defineStore(t, o, r) {
-  let e;
-  const s = typeof o == "function";
-  e = s ? r : o;
-  function n(i, u) {
-    const h = hasInjectionContext();
-    return i = // in test mode, ignore the argument provided as we can always retrieve a
+function defineStore(e, o, r) {
+  let t;
+  const l = typeof o == "function";
+  t = l ? r : o;
+  function i(s, h) {
+    const _ = hasInjectionContext();
+    return s = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    i || (h ? inject(piniaSymbol, null) : null), i && setActivePinia(i), i = activePinia, i._s.has(t) || (s ? createSetupStore(t, o, e, i) : createOptionsStore(t, e, i)), i._s.get(t);
+    s || (_ ? inject(piniaSymbol, null) : null), s && setActivePinia(s), s = activePinia, s._s.has(e) || (l ? createSetupStore(e, o, t, s) : createOptionsStore(e, t, s)), s._s.get(e);
   }
-  return n.$id = t, n;
+  return i.$id = e, i;
 }
 const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
-  const t = ref(), o = ref("1");
+  const e = ref(), o = ref("1");
   return {
-    hoverdSvg: t,
+    hoverdSvg: e,
     tooltip: o
   };
 }), _hoisted_1$c = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_2$7 = ["src"], _hoisted_3$6 = ["innerHTML"], _sfc_main$f = /* @__PURE__ */ defineComponent({
@@ -725,93 +827,96 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
     projectMeta: {}
   },
   emits: ["changeComponent"],
-  setup(t, { emit: o }) {
-    const r = o, e = t, s = useGlobalStore(), n = inject("showFlatModal"), i = ref(null), u = ref(), h = ref(null), k = computed(() => {
-      if (e.project)
-        return e.project.svg;
-    }), x = (y) => {
-      const v = y == null ? void 0 : y.target;
-      v && (i.value = v);
-    }, C = (y) => {
-      var c, _, a;
-      const v = y.target;
-      (v == null ? void 0 : v.nodeName) === "path" && (((c = u.value) == null ? void 0 : c.conf) === "sold" || ((_ = u.value) == null ? void 0 : _.conf) === "reserved" || r("changeComponent", ((a = h.value) == null ? void 0 : a.type) || "", u == null ? void 0 : u.value));
+  setup(e, { emit: o }) {
+    const r = o, t = e, l = useGlobalStore(), i = inject("showFlatModal"), s = ref(null), h = ref(), _ = ref(null), y = computed(() => {
+      if (t.project)
+        return t.project.svg;
+    }), x = (b) => {
+      const v = b == null ? void 0 : b.target;
+      v && (s.value = v);
+    }, w = (b) => {
+      var c, p, a;
+      const v = b.target;
+      (v == null ? void 0 : v.nodeName) === "path" && (((c = h.value) == null ? void 0 : c.conf) === "sold" || ((p = h.value) == null ? void 0 : p.conf) === "reserved" || r("changeComponent", ((a = _.value) == null ? void 0 : a.type) || "", h == null ? void 0 : h.value));
     };
     return watch(
-      () => n == null ? void 0 : n.value,
+      () => i == null ? void 0 : i.value,
       () => {
-        n != null && n.value || (i.value = null, h.value = null);
+        i != null && i.value || (s.value = null, _.value = null);
       }
     ), watch(
-      () => i.value,
-      (y) => {
-        var c, _, a, m, l, d, b;
-        if (!y) return;
-        s.hoverdSvg = y;
-        const v = y.parentElement;
+      () => s.value,
+      (b) => {
+        var c, p, a, f, n, d, g;
+        if (!b) return;
+        l.hoverdSvg = b;
+        const v = b.parentElement;
         if (v && (v == null ? void 0 : v.nodeName) === "g") {
-          const p = v == null ? void 0 : v.getAttribute("id");
-          if (!p || (h.value = ((c = e.project) == null ? void 0 : c.polygon_data.find((w) => (w == null ? void 0 : w.key) === p)) || null, !h.value)) return;
-          const $ = (_ = h.value) == null ? void 0 : _.id;
-          switch ((a = h.value) == null ? void 0 : a.type) {
+          const u = v == null ? void 0 : v.getAttribute("id");
+          if (!u || (_.value = ((c = t.project) == null ? void 0 : c.polygon_data.find((E) => (E == null ? void 0 : E.key) === u)) || null, !_.value)) return;
+          const $ = (p = _.value) == null ? void 0 : p.id;
+          switch ((a = _.value) == null ? void 0 : a.type) {
             case "floor":
-              const w = (m = e.floors) == null ? void 0 : m.find(
-                (E) => E.id === $
+              const E = (f = t.floors) == null ? void 0 : f.find(
+                (S) => S.id === $
               );
-              u.value = w;
+              h.value = E;
               break;
             case "block":
-              const f = (l = e.blocks) == null ? void 0 : l.find(
-                (E) => (E == null ? void 0 : E.id) === $
+              const m = (n = t.blocks) == null ? void 0 : n.find(
+                (S) => (S == null ? void 0 : S.id) === $
               );
-              u.value = f;
+              h.value = m;
               break;
             case "flat":
-              const g = (d = e.flats) == null ? void 0 : d.find(
-                (E) => (E == null ? void 0 : E.id) === $
+              const k = (d = t.flats) == null ? void 0 : d.find(
+                (S) => (S == null ? void 0 : S.id) === $
               );
-              u.value = g;
+              h.value = k;
               break;
             case "tooltip":
-              const S = (b = e.actions) == null ? void 0 : b.find(
-                (E) => (E == null ? void 0 : E.id) === $
+              const V = (g = t.actions) == null ? void 0 : g.find(
+                (S) => (S == null ? void 0 : S.id) === $
               );
-              u.value = S;
+              h.value = V;
               break;
             default:
-              u.value = null;
+              h.value = null;
               break;
           }
         } else
-          h.value = null, u.value = null;
+          _.value = null, h.value = null;
       }
-    ), (y, v) => {
+    ), onMounted(() => {
+      document.addEventListener("mousemove", x);
+    }), onUnmounted(() => {
+      document.removeEventListener("mousemove", x);
+    }), (b, v) => {
       var c;
       return openBlock(), createBlock(_sfc_main$g, {
-        hoverdData: u.value,
-        type: (c = h.value) == null ? void 0 : c.type,
-        onMouseover: x
+        hoverdData: h.value,
+        type: (c = _.value) == null ? void 0 : c.type
       }, {
         default: withCtx(() => {
-          var _, a, m, l, d, b;
+          var p, a, f, n, d, g;
           return [
             createElementVNode("div", _hoisted_1$c, [
               createElementVNode("img", {
-                src: (m = (a = (_ = y.project) == null ? void 0 : _.project_image) == null ? void 0 : a[0]) == null ? void 0 : m.url,
+                src: (f = (a = (p = b.project) == null ? void 0 : p.project_image) == null ? void 0 : a[0]) == null ? void 0 : f.url,
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_2$7),
               (openBlock(), createElementBlock("div", {
-                innerHTML: unref(k),
-                key: unref(k),
+                innerHTML: unref(y),
+                key: unref(y),
                 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)]": u.value && ((l = u.value) == null ? void 0 : l.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": u.value && ((d = u.value) == null ? void 0 : d.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((b = u.value) != null && b.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": h.value && ((n = h.value) == null ? void 0 : n.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": h.value && ((d = h.value) == null ? void 0 : d.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((g = h.value) != null && g.conf)
                   }
                 ]]),
-                onClick: C
+                onClick: w
               }, null, 10, _hoisted_3$6))
             ])
           ];
@@ -836,26 +941,26 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const o = useModel(t, "modelValue");
-    return (r, e) => (openBlock(), createElementBlock("div", _hoisted_1$b, [
+  setup(e) {
+    const o = useModel(e, "modelValue");
+    return (r, t) => (openBlock(), createElementBlock("div", _hoisted_1$b, [
       r.label ? (openBlock(), createElementBlock("p", _hoisted_2$6, toDisplayString(r.label), 1)) : createCommentVNode("", !0),
       createElementVNode("div", _hoisted_3$5, [
         withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": e[0] || (e[0] = (s) => o.value = s),
+          "onUpdate:modelValue": t[0] || (t[0] = (l) => o.value = l),
           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(r.data, (s) => {
-            var n, i;
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(r.data, (l) => {
+            var i, s;
             return openBlock(), createElementBlock("option", {
-              value: s.value,
-              disabled: ((n = s == null ? void 0 : s.title) == null ? void 0 : n.includes("reserved")) || ((i = s == null ? void 0 : s.title) == null ? void 0 : i.includes("sold"))
-            }, toDisplayString(s.title), 9, _hoisted_4$4);
+              value: l.value,
+              disabled: ((i = l == null ? void 0 : l.title) == null ? void 0 : i.includes("reserved")) || ((s = l == null ? void 0 : l.title) == null ? void 0 : s.includes("sold"))
+            }, toDisplayString(l.title), 9, _hoisted_4$4);
           }), 256))
         ], 512), [
           [vModelSelect, o.value]
         ]),
-        e[1] || (e[1] = createElementVNode("svg", {
+        t[1] || (t[1] = createElementVNode("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -879,7 +984,7 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
   viewBox: "0 0 32 32",
   fill: "none"
 };
-function _sfc_render$3(t, o) {
+function _sfc_render$3(e, o) {
   return openBlock(), createElementBlock("svg", _hoisted_1$a, o[0] || (o[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",
@@ -887,12 +992,12 @@ function _sfc_render$3(t, o) {
     }, null, -1)
   ]));
 }
-const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$3]]), _hoisted_1$9 = { class: "ire-group 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: "!ire-text-sm group-hover:!ire-text-white lg:!ire-text-balance" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
+const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$3]]), _hoisted_1$9 = { class: "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: "!ire-text-sm ire-text-black group-hover/button:!ire-text-white lg:!ire-text-balance" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "BackButton",
-  setup(t) {
+  setup(e) {
     return (o, r) => (openBlock(), createElementBlock("div", _hoisted_1$9, [
-      createVNode(ArrowRight, { class: "ire-w-6 ire-rotate-180 group-hover:[&_path]:ire-fill-white" }),
-      createElementVNode("p", _hoisted_2$5, toDisplayString(unref(tr)("back")), 1)
+      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)
     ]));
   }
 }), _hoisted_1$8 = { 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$b = /* @__PURE__ */ defineComponent({
@@ -905,153 +1010,154 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_ren
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(t, { emit: o }) {
-    const r = o, e = t, s = useGlobalStore(), n = inject("showFlatModal"), i = ref(), u = ref(null), h = ref(), k = ref(null), x = ref(), C = ref(), y = computed$1(() => {
-      var l;
-      if ((l = e.floor) != null && l.svg)
-        return e.floor.svg;
-    }), v = computed$1(() => e.floors.filter(
-      (l) => {
-        var d, b;
+  setup(e, { emit: o }) {
+    const r = o, t = e, l = useGlobalStore(), i = inject("showFlatModal"), s = ref(), h = ref(null), _ = ref(), y = ref(null), x = ref(), w = ref(), b = computed$1(() => {
+      var n;
+      if ((n = t.floor) != null && n.svg)
+        return t.floor.svg;
+    }), v = computed$1(() => t.floors.filter(
+      (n) => {
+        var d, g;
         return (
           // floorItem.conf !== "reserved" &&
           // floorItem.conf !== "sold" &&
-          (d = e.floor) != null && d.block_id ? (l == null ? void 0 : l.block_id) === ((b = e.floor) == null ? void 0 : b.block_id) : !(l != null && l.block_id)
+          (d = t.floor) != null && d.block_id ? (n == null ? void 0 : n.block_id) === ((g = t.floor) == null ? void 0 : g.block_id) : !(n != null && n.block_id)
         );
       }
-    ).map((l) => {
-      var b, p;
-      const d = (b = e.blocks) == null ? void 0 : b.find(
+    ).map((n) => {
+      var g, u;
+      const d = (g = t.blocks) == null ? void 0 : g.find(
         ($) => {
-          var w;
-          return ($ == null ? void 0 : $.id) === ((w = l == null ? void 0 : l.block_id) == null ? void 0 : w.toString());
+          var E;
+          return ($ == null ? void 0 : $.id) === ((E = n == null ? void 0 : n.block_id) == null ? void 0 : E.toString());
         }
       );
       return {
-        title: ((p = l == null ? void 0 : l.floor_number) == null ? void 0 : p.toString()) + " Floor" + (d != null && d.id ? ` - ${d == null ? void 0 : d.title}` : "") + (l != null && l.conf ? " " + l.conf : ""),
-        value: l == null ? void 0 : l.id
+        title: ((u = n == null ? void 0 : n.floor_number) == null ? void 0 : u.toString()) + " Floor" + (d != null && d.id ? ` - ${d == null ? void 0 : d.title}` : "") + (n != null && n.conf ? " " + n.conf : ""),
+        value: n == null ? void 0 : n.id
       };
-    }).sort((l, d) => +(l == null ? void 0 : l.title) - +(d == null ? void 0 : d.title)) || []), c = (l) => {
-      const d = l.target;
-      d && (u.value = d);
-    }, _ = (l) => {
-      var b, p, $;
-      const d = l.target;
-      (d == null ? void 0 : d.nodeName) === "path" && (k.value && "conf" in k.value && (((b = k.value) == null ? void 0 : b.conf) === "sold" || ((p = k.value) == null ? void 0 : p.conf) === "reserved") || r("changeComponent", (($ = h.value) == null ? void 0 : $.type) || "", k.value));
+    }).sort((n, d) => +(n == null ? void 0 : n.title) - +(d == null ? void 0 : d.title)) || []), c = (n) => {
+      const d = n.target;
+      d && (h.value = d);
+    }, p = (n) => {
+      var g, u, $;
+      const d = n.target;
+      (d == null ? void 0 : d.nodeName) === "path" && (y.value && "conf" in y.value && (((g = y.value) == null ? void 0 : g.conf) === "sold" || ((u = y.value) == null ? void 0 : u.conf) === "reserved") || r("changeComponent", (($ = _.value) == null ? void 0 : $.type) || "", y.value));
     }, a = () => {
-      var l;
-      i.value && ((l = i.value) == null ? void 0 : l.querySelectorAll("g")).forEach((b) => {
-        var w, f, g, S, E, D;
-        const p = b == null ? void 0 : b.getAttribute("id"), $ = (f = (w = e.floor) == null ? void 0 : w.polygon_data) == null ? void 0 : f.find(
-          (V) => (V == null ? void 0 : V.key) === p
+      var n;
+      s.value && ((n = s.value) == null ? void 0 : n.querySelectorAll("g")).forEach((g) => {
+        var E, m, k, V, S, D;
+        const u = g == null ? void 0 : g.getAttribute("id"), $ = (m = (E = t.floor) == null ? void 0 : E.polygon_data) == null ? void 0 : m.find(
+          (C) => (C == null ? void 0 : C.key) === u
         );
-        if (e.flats)
-          if ((g = e.floor) != null && g.conf)
-            b.setAttribute("conf", ((S = e.floor) == null ? void 0 : S.conf) || "");
+        if (t.flats)
+          if ((k = t.floor) != null && k.conf)
+            g.setAttribute("conf", ((V = t.floor) == null ? void 0 : V.conf) || "");
           else {
-            const V = (E = e.flats) == null ? void 0 : E.find(
-              (N) => (N == null ? void 0 : N.id) === ($ == null ? void 0 : $.id)
+            const C = (S = t.flats) == null ? void 0 : S.find(
+              (B) => (B == null ? void 0 : B.id) === ($ == null ? void 0 : $.id)
             );
-            b == null || b.setAttribute("conf", ((D = V == null ? void 0 : V.conf) == null ? void 0 : D.toString()) || "");
+            g == null || g.setAttribute("conf", ((D = C == null ? void 0 : C.conf) == null ? void 0 : D.toString()) || "");
           }
       });
-    }, m = () => {
-      var l;
-      (l = e.floor) != null && l.block_id ? r("changeComponent", "block", C.value) : r("changeComponent", "project", null);
+    }, f = () => {
+      var n;
+      (n = t.floor) != null && n.block_id ? r("changeComponent", "block", w.value) : r("changeComponent", "project", null);
     };
     return watch(
-      () => u.value,
-      (l) => {
-        var b, p, $, w, f, g;
-        if (!l) return;
-        s.hoverdSvg = l;
-        const d = l == null ? void 0 : l.parentElement;
+      () => h.value,
+      (n) => {
+        var g, u, $, E, m, k;
+        if (!n) return;
+        l.hoverdSvg = n;
+        const d = n == null ? void 0 : n.parentElement;
         if (d && (d == null ? void 0 : d.nodeName) === "g") {
-          const S = d.getAttribute("id");
-          if (!S || (h.value = ((p = (b = e.floor) == null ? void 0 : b.polygon_data) == null ? void 0 : p.find((E) => (E == null ? void 0 : E.key) === S)) || null, !h.value)) return;
-          if ((($ = h.value) == null ? void 0 : $.type) === "flat") {
-            const E = (w = e.flats) == null ? void 0 : w.find(
+          const V = d.getAttribute("id");
+          if (!V || (_.value = ((u = (g = t.floor) == null ? void 0 : g.polygon_data) == null ? void 0 : u.find((S) => (S == null ? void 0 : S.key) === V)) || null, !_.value)) return;
+          if ((($ = _.value) == null ? void 0 : $.type) === "flat") {
+            const S = (E = t.flats) == null ? void 0 : E.find(
               (D) => {
-                var V;
-                return (D == null ? void 0 : D.id) === ((V = h.value) == null ? void 0 : V.id);
+                var C;
+                return (D == null ? void 0 : D.id) === ((C = _.value) == null ? void 0 : C.id);
               }
             );
-            k.value = E ?? null;
-          } else if (((f = h.value) == null ? void 0 : f.type) === "tooltip") {
-            const E = (g = e.actions) == null ? void 0 : g.find(
+            y.value = S ?? null;
+          } else if (((m = _.value) == null ? void 0 : m.type) === "tooltip") {
+            const S = (k = t.actions) == null ? void 0 : k.find(
               (D) => {
-                var V;
-                return (D == null ? void 0 : D.id) === ((V = h.value) == null ? void 0 : V.id);
+                var C;
+                return (D == null ? void 0 : D.id) === ((C = _.value) == null ? void 0 : C.id);
               }
             );
-            k.value = E ?? null;
+            y.value = S ?? null;
           } else
-            k.value = null;
+            y.value = null;
         } else
-          h.value = null;
+          _.value = null;
       }
     ), watch(
-      () => n == null ? void 0 : n.value,
+      () => i == null ? void 0 : i.value,
       () => {
-        n != null && n.value || (u.value = null, h.value = null);
+        i != null && i.value || (h.value = null, _.value = null);
       }
     ), watch(
       () => x.value,
       () => {
         var d;
-        const l = (d = e.floors) == null ? void 0 : d.find(
-          (b) => (b == null ? void 0 : b.id) === (x == null ? void 0 : x.value)
+        const n = (d = t.floors) == null ? void 0 : d.find(
+          (g) => (g == null ? void 0 : g.id) === (x == null ? void 0 : x.value)
         );
-        l != null && l.conf || (l && r("changeComponent", "floor", l), setTimeout(() => {
+        n != null && n.conf || (n && r("changeComponent", "floor", n), setTimeout(() => {
           a();
         }, 0));
       }
     ), onMounted(() => {
-      var l, d, b;
-      C.value = (l = e.blocks) == null ? void 0 : l.find(
-        (p) => {
-          var $, w;
-          return (p == null ? void 0 : p.id) === ((w = ($ = e.floor) == null ? void 0 : $.block_id) == null ? void 0 : w.toString());
+      var n, d, g;
+      w.value = (n = t.blocks) == null ? void 0 : n.find(
+        (u) => {
+          var $, E;
+          return (u == null ? void 0 : u.id) === ((E = ($ = t.floor) == null ? void 0 : $.block_id) == null ? void 0 : E.toString());
         }
-      ), x.value = (b = (d = v.value) == null ? void 0 : d.find(
-        (p) => {
+      ), x.value = (g = (d = v.value) == null ? void 0 : d.find(
+        (u) => {
           var $;
-          return (p == null ? void 0 : p.value) == (($ = e.floor) == null ? void 0 : $.id);
+          return (u == null ? void 0 : u.value) == (($ = t.floor) == null ? void 0 : $.id);
         }
-      )) == null ? void 0 : b.value, a();
-    }), (l, d) => {
-      var b;
+      )) == null ? void 0 : g.value, a(), document.addEventListener("mousemove", c);
+    }), onUnmounted(() => {
+      document.removeEventListener("mousemove", c);
+    }), (n, d) => {
+      var g;
       return openBlock(), createBlock(_sfc_main$g, {
-        hoverdData: k.value,
-        type: (b = h.value) == null ? void 0 : b.type,
-        onMouseover: c
+        hoverdData: y.value,
+        type: (g = _.value) == null ? void 0 : g.type
       }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$c, { onClick: m }),
+          createVNode(_sfc_main$c, { onClick: f }),
           createElementVNode("div", _hoisted_1$8, [
             createVNode(_sfc_main$e, {
               modelValue: x.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (p) => x.value = p),
+              "onUpdate:modelValue": d[0] || (d[0] = (u) => x.value = u),
               data: v.value
             }, null, 8, ["modelValue", "data"])
           ])
         ]),
         default: withCtx(() => {
-          var p, $, w;
+          var u, $, E;
           return [
             createElementVNode("div", _hoisted_2$4, [
               createElementVNode("img", {
-                src: ((w = ($ = (p = l.floor) == null ? void 0 : p.floor_image) == null ? void 0 : $[0]) == null ? void 0 : w.url) || "",
+                src: ((E = ($ = (u = n.floor) == null ? void 0 : u.floor_image) == null ? void 0 : $[0]) == null ? void 0 : E.url) || "",
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_3$4),
               (openBlock(), createElementBlock("div", {
                 ref_key: "svgRef",
-                ref: i,
-                innerHTML: y.value,
-                key: y.value,
+                ref: s,
+                innerHTML: b.value,
+                key: b.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: _
+                onClick: p
               }, null, 8, _hoisted_4$3))
             ])
           ];
@@ -1067,7 +1173,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_ren
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$2(t, o) {
+function _sfc_render$2(e, o) {
   return openBlock(), createElementBlock("svg", _hoisted_1$7, o[0] || (o[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)
   ]));
@@ -1079,7 +1185,7 @@ const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_rende
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$1(t, o) {
+function _sfc_render$1(e, o) {
   return openBlock(), createElementBlock("svg", _hoisted_1$6, o[0] || (o[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",
@@ -1104,7 +1210,7 @@ function _sfc_render$1(t, o) {
 const Cube = /* @__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 = ["src"], _hoisted_4$2 = ["src"], _hoisted_5 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_6 = { class: "ire-flex ire-w-fit ire-items-center ire-gap-1 ire-border-gray-400 ire-p-1" }, _hoisted_7 = {
   key: 0,
   class: "ire-ml-4 ire-flex ire-items-center ire-gap-1"
-}, _hoisted_8 = ["onClick"], _hoisted_9 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3 ire-px-16 ire-py-2 lg:ire-w-auto" }, _hoisted_10 = { 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_11 = { class: "!ire-text-2xl ire-font-medium ire-capitalize" }, _hoisted_12 = { class: "!ire-text-xs ire-capitalize ire-text-gray-600" }, _hoisted_13 = {
+}, _hoisted_8 = ["onClick"], _hoisted_9 = { class: "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_10 = { 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_11 = { class: "!ire-text-2xl ire-font-medium ire-capitalize" }, _hoisted_12 = { class: "!ire-text-xs ire-capitalize ire-text-gray-600" }, _hoisted_13 = {
   key: 0,
   class: "ire-text-center"
 }, _hoisted_14 = { class: "!ire-text-lg ire-font-medium" }, _hoisted_15 = { class: "ire-mt-1 ire-text-gray-600" }, _hoisted_16 = { class: "ire-flex ire-items-center ire-gap-3" }, _hoisted_17 = {
@@ -1132,144 +1238,139 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]
     floors: {}
   },
   emits: ["changeComponent"],
-  setup(t, { emit: o }) {
-    const r = t, e = ref(!1), s = ref(0), n = computed$1(() => {
-      var u, h, k, x, C, y;
-      const i = e.value ? (k = (h = (u = r.flat) == null ? void 0 : u.type) == null ? void 0 : h.image_2d) == null ? void 0 : k.length : (y = (C = (x = r.flat) == null ? void 0 : x.type) == null ? void 0 : C.image_3d) == null ? void 0 : y.length;
+  setup(e) {
+    const o = e, r = ref(!1), t = ref(0), l = computed$1(() => {
+      var s, h, _, y, x, w;
+      const i = r.value ? (_ = (h = (s = o.flat) == null ? void 0 : s.type) == null ? void 0 : h.image_2d) == null ? void 0 : _.length : (w = (x = (y = o.flat) == null ? void 0 : y.type) == null ? void 0 : x.image_3d) == null ? void 0 : w.length;
       return ["I", "II", "III"].slice(0, i);
     });
     return watch(
-      () => e.value,
+      () => r.value,
       () => {
-        s.value = 0;
+        t.value = 0;
       }
     ), onMounted(() => {
-      var i, u;
-      Object.keys(((u = (i = r.flat) == null ? void 0 : i.type) == null ? void 0 : u.image_3d) || {}).length || (e.value = !0);
-    }), (i, u) => (openBlock(), createElementBlock("div", null, [
-      createVNode(_sfc_main$g, { "hoverd-data": null }, {
-        default: withCtx(() => {
-          var h, k, x, C, y, v, c, _, a, m, l, d, b, p, $, w, f, g, S, E, D, V, N, T, R, B, P, O, A, F, I;
-          return [
-            createElementVNode("div", _hoisted_1$5, [
-              createElementVNode("div", _hoisted_2$3, [
-                createVNode(Transition, {
-                  name: "ire-fade-in-out",
-                  mode: "out-in"
-                }, {
-                  default: withCtx(() => {
-                    var j, M, L, z, H, W, X, Y, K, U, q, Z, J, Q, G, ee, te, oe, re, ie, se, ne, le, ae;
-                    return [
-                      e.value && ((z = (L = (M = (j = i.flat) == null ? void 0 : j.type) == null ? void 0 : M.image_2d) == null ? void 0 : L[s.value]) != null && z.url) ? (openBlock(), createElementBlock("img", {
-                        key: (Y = (X = (W = (H = i.flat) == null ? void 0 : H.type) == null ? void 0 : W.image_2d) == null ? void 0 : X[s.value]) == null ? void 0 : Y.url,
-                        src: (Z = (q = (U = (K = i.flat) == null ? void 0 : K.type) == null ? void 0 : U.image_2d) == null ? void 0 : q[s.value]) == null ? void 0 : Z.url,
-                        class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-[30rem]"
-                      }, null, 8, _hoisted_3$3)) : (ee = (G = (Q = (J = i.flat) == null ? void 0 : J.type) == null ? void 0 : Q.image_3d) == null ? void 0 : G[s.value]) != null && ee.url ? (openBlock(), createElementBlock("img", {
-                        src: (ie = (re = (oe = (te = i.flat) == null ? void 0 : te.type) == null ? void 0 : oe.image_3d) == null ? void 0 : re[s.value]) == null ? void 0 : ie.url,
-                        key: (ae = (le = (ne = (se = i.flat) == null ? void 0 : se.type) == null ? void 0 : ne.image_3d) == null ? void 0 : le[s.value]) == null ? void 0 : ae.url,
-                        class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-[30rem]"
-                      }, null, 8, _hoisted_4$2)) : createCommentVNode("", !0)
-                    ];
-                  }),
-                  _: 1
-                }),
-                createElementVNode("div", _hoisted_5, [
-                  createElementVNode("div", _hoisted_6, [
-                    (C = (x = (k = (h = i.flat) == null ? void 0 : h.type) == null ? void 0 : k.image_3d) == null ? void 0 : x[0]) != null && C.url ? (openBlock(), createElementBlock("div", {
-                      key: 0,
-                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": !e.value }]),
-                      onClick: u[0] || (u[0] = (j) => e.value = !1)
-                    }, [
-                      createElementVNode("div", null, [
-                        createVNode(Cube, {
-                          class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !e.value }])
-                        }, null, 8, ["class"])
-                      ]),
-                      createElementVNode("div", {
-                        class: normalizeClass(["group-hover:!ire-text-white", {
-                          "!ire-text-white": !e.value,
-                          "!ire-text-black": e.value
-                        }])
-                      }, toDisplayString(unref(tr)("3d plan")), 3)
-                    ], 2)) : createCommentVNode("", !0),
-                    (_ = (c = (v = (y = i.flat) == null ? void 0 : y.type) == null ? void 0 : v.image_2d) == null ? void 0 : c[0]) != null && _.url ? (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": e.value }]),
-                      onClick: u[1] || (u[1] = (j) => e.value = !0)
-                    }, [
-                      createVNode(FlatIcon, {
-                        class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": e.value }])
-                      }, null, 8, ["class"]),
-                      createElementVNode("div", {
-                        class: normalizeClass(["group-hover:!ire-text-white", {
-                          "!ire-text-white": e.value,
-                          "!ire-text-black": !e.value
-                        }])
-                      }, toDisplayString(unref(tr)("2d plan")), 3)
-                    ], 2)) : createCommentVNode("", !0)
-                  ]),
-                  ((a = n.value) == null ? void 0 : a.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(n.value, (j, M) => (openBlock(), createElementBlock("div", {
-                      key: j,
-                      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": s.value === M
-                      }]),
-                      onClick: (L) => s.value = M
-                    }, toDisplayString(j), 11, _hoisted_8))), 128))
-                  ])) : createCommentVNode("", !0)
-                ])
-              ]),
-              createElementVNode("div", _hoisted_9, [
-                createElementVNode("div", _hoisted_10, [
-                  createElementVNode("div", _hoisted_11, toDisplayString((m = i.flat) == null ? void 0 : m.flat_number), 1),
-                  createElementVNode("div", _hoisted_12, toDisplayString(unref(tr)("apartment")), 1)
-                ]),
-                (d = (l = i.flat) == null ? void 0 : l.type) != null && d.title || (p = (b = i.flat) == null ? void 0 : b.type) != null && p.teaser ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                  createElementVNode("div", _hoisted_14, toDisplayString((w = ($ = i.flat) == null ? void 0 : $.type) == null ? void 0 : w.title), 1),
-                  createElementVNode("div", _hoisted_15, toDisplayString((g = (f = i.flat) == null ? void 0 : f.type) == null ? void 0 : g.teaser), 1)
-                ])) : createCommentVNode("", !0),
-                createElementVNode("div", _hoisted_16, [
-                  (S = i.flat) != null && S.floor_number ? (openBlock(), createElementBlock("div", _hoisted_17, [
-                    createElementVNode("div", _hoisted_18, toDisplayString((E = i.flat) == null ? void 0 : E.floor_number), 1),
-                    createElementVNode("div", _hoisted_19, toDisplayString(unref(tr)("floor")), 1)
-                  ])) : createCommentVNode("", !0),
-                  (V = (D = i.flat) == null ? void 0 : D.type) != null && V.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                    createElementVNode("div", _hoisted_21, toDisplayString((N = i.flat) == null ? void 0 : N.type.rooms_count), 1),
-                    createElementVNode("div", _hoisted_22, toDisplayString(unref(tr)("room")), 1)
-                  ])) : createCommentVNode("", !0)
-                ]),
-                (R = (T = i.flat) == null ? void 0 : T.type) != null && R.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_23, [
-                  createElementVNode("div", _hoisted_24, [
-                    createTextVNode(toDisplayString(Number((B = i.flat) == null ? void 0 : B.type.area_m2).toLocaleString("fr-FR")) + " ", 1),
-                    u[2] || (u[2] = createElementVNode("span", null, [
-                      createTextVNode(" m "),
-                      createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
-                    ], -1))
-                  ]),
-                  createElementVNode("div", _hoisted_25, toDisplayString(unref(tr)("area")), 1)
-                ])) : createCommentVNode("", !0),
-                (P = i.flat) != null && P.price ? (openBlock(), createElementBlock("div", _hoisted_26, [
+      var i, s;
+      Object.keys(((s = (i = o.flat) == null ? void 0 : i.type) == null ? void 0 : s.image_3d) || {}).length || (r.value = !0);
+    }), (i, s) => {
+      var h, _, y, x, w, b, v, c, p, a, f, n, d, g, u, $, E, m, k, V, S, D, C, B, M, R, N, P, O, A, F;
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("div", _hoisted_1$5, [
+          createElementVNode("div", _hoisted_2$3, [
+            createVNode(Transition, {
+              name: "ire-fade-in-out",
+              mode: "out-in"
+            }, {
+              default: withCtx(() => {
+                var j, T, L, I, H, z, W, K, Y, U, X, q, Z, J, Q, G, ee, te, oe, re, ie, se, le, ne;
+                return [
+                  r.value && ((I = (L = (T = (j = i.flat) == null ? void 0 : j.type) == null ? void 0 : T.image_2d) == null ? void 0 : L[t.value]) != null && I.url) ? (openBlock(), createElementBlock("img", {
+                    key: (K = (W = (z = (H = i.flat) == null ? void 0 : H.type) == null ? void 0 : z.image_2d) == null ? void 0 : W[t.value]) == null ? void 0 : K.url,
+                    src: (q = (X = (U = (Y = i.flat) == null ? void 0 : Y.type) == null ? void 0 : U.image_2d) == null ? void 0 : X[t.value]) == null ? void 0 : q.url,
+                    class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-[30rem]"
+                  }, null, 8, _hoisted_3$3)) : (G = (Q = (J = (Z = i.flat) == null ? void 0 : Z.type) == null ? void 0 : J.image_3d) == null ? void 0 : Q[t.value]) != null && G.url ? (openBlock(), createElementBlock("img", {
+                    src: (re = (oe = (te = (ee = i.flat) == null ? void 0 : ee.type) == null ? void 0 : te.image_3d) == null ? void 0 : oe[t.value]) == null ? void 0 : re.url,
+                    key: (ne = (le = (se = (ie = i.flat) == null ? void 0 : ie.type) == null ? void 0 : se.image_3d) == null ? void 0 : le[t.value]) == null ? void 0 : ne.url,
+                    class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-[30rem]"
+                  }, null, 8, _hoisted_4$2)) : createCommentVNode("", !0)
+                ];
+              }),
+              _: 1
+            }),
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                (x = (y = (_ = (h = i.flat) == null ? void 0 : h.type) == null ? void 0 : _.image_3d) == null ? void 0 : y[0]) != null && x.url ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": !r.value }]),
+                  onClick: s[0] || (s[0] = (j) => r.value = !1)
+                }, [
                   createElementVNode("div", null, [
-                    (O = i.flat) != null && O.offer_price ? (openBlock(), createElementBlock("div", _hoisted_28, [
-                      createElementVNode("div", _hoisted_29, toDisplayString(Number((F = i.flat) == null ? void 0 : F.price).toLocaleString("fr-FR")), 1),
-                      createElementVNode("div", _hoisted_30, [
-                        createTextVNode(toDisplayString(Number((I = i.flat) == null ? void 0 : I.offer_price).toLocaleString("fr-FR")) + " ", 1),
-                        createElementVNode("span", null, toDisplayString(unref(tr)("$")), 1)
-                      ])
-                    ])) : (openBlock(), createElementBlock("div", _hoisted_27, [
-                      createTextVNode(toDisplayString(Number((A = i.flat) == null ? void 0 : A.price).toLocaleString("fr-FR")) + " ", 1),
-                      createElementVNode("span", null, toDisplayString(unref(tr)("$")), 1)
-                    ]))
+                    createVNode(Cube, {
+                      class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !r.value }])
+                    }, null, 8, ["class"])
                   ]),
-                  createElementVNode("div", _hoisted_31, toDisplayString(unref(tr)("price")), 1)
-                ])) : createCommentVNode("", !0)
-              ])
+                  createElementVNode("div", {
+                    class: normalizeClass(["group-hover:!ire-text-white", {
+                      "!ire-text-white": !r.value,
+                      "!ire-text-black": r.value
+                    }])
+                  }, toDisplayString(unref(tr)("3d plan")), 3)
+                ], 2)) : createCommentVNode("", !0),
+                (c = (v = (b = (w = i.flat) == null ? void 0 : w.type) == null ? void 0 : b.image_2d) == null ? void 0 : v[0]) != null && c.url ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": r.value }]),
+                  onClick: s[1] || (s[1] = (j) => r.value = !0)
+                }, [
+                  createVNode(FlatIcon, {
+                    class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": r.value }])
+                  }, null, 8, ["class"]),
+                  createElementVNode("div", {
+                    class: normalizeClass(["group-hover:!ire-text-white", {
+                      "!ire-text-white": r.value,
+                      "!ire-text-black": !r.value
+                    }])
+                  }, toDisplayString(unref(tr)("2d plan")), 3)
+                ], 2)) : createCommentVNode("", !0)
+              ]),
+              ((p = l.value) == null ? void 0 : p.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (j, T) => (openBlock(), createElementBlock("div", {
+                  key: j,
+                  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": t.value === T
+                  }]),
+                  onClick: (L) => t.value = T
+                }, toDisplayString(j), 11, _hoisted_8))), 128))
+              ])) : createCommentVNode("", !0)
             ])
-          ];
-        }),
-        _: 1
-      })
-    ]));
+          ]),
+          createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("div", _hoisted_11, toDisplayString((a = i.flat) == null ? void 0 : a.flat_number), 1),
+              createElementVNode("div", _hoisted_12, toDisplayString(unref(tr)("apartment")), 1)
+            ]),
+            (n = (f = i.flat) == null ? void 0 : f.type) != null && n.title || (g = (d = i.flat) == null ? void 0 : d.type) != null && g.teaser ? (openBlock(), createElementBlock("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, toDisplayString(($ = (u = i.flat) == null ? void 0 : u.type) == null ? void 0 : $.title), 1),
+              createElementVNode("div", _hoisted_15, toDisplayString((m = (E = i.flat) == null ? void 0 : E.type) == null ? void 0 : m.teaser), 1)
+            ])) : createCommentVNode("", !0),
+            createElementVNode("div", _hoisted_16, [
+              (k = i.flat) != null && k.floor_number ? (openBlock(), createElementBlock("div", _hoisted_17, [
+                createElementVNode("div", _hoisted_18, toDisplayString((V = i.flat) == null ? void 0 : V.floor_number), 1),
+                createElementVNode("div", _hoisted_19, toDisplayString(unref(tr)("floor")), 1)
+              ])) : createCommentVNode("", !0),
+              (D = (S = i.flat) == null ? void 0 : S.type) != null && D.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                createElementVNode("div", _hoisted_21, toDisplayString((C = i.flat) == null ? void 0 : C.type.rooms_count), 1),
+                createElementVNode("div", _hoisted_22, toDisplayString(unref(tr)("room")), 1)
+              ])) : createCommentVNode("", !0)
+            ]),
+            (M = (B = i.flat) == null ? void 0 : B.type) != null && M.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_23, [
+              createElementVNode("div", _hoisted_24, [
+                createTextVNode(toDisplayString(Number((R = i.flat) == null ? void 0 : R.type.area_m2).toLocaleString("fr-FR")) + " ", 1),
+                s[2] || (s[2] = createElementVNode("span", null, [
+                  createTextVNode(" m "),
+                  createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
+                ], -1))
+              ]),
+              createElementVNode("div", _hoisted_25, toDisplayString(unref(tr)("area")), 1)
+            ])) : createCommentVNode("", !0),
+            (N = i.flat) != null && N.price ? (openBlock(), createElementBlock("div", _hoisted_26, [
+              createElementVNode("div", null, [
+                (P = i.flat) != null && P.offer_price ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                  createElementVNode("div", _hoisted_29, toDisplayString(Number((A = i.flat) == null ? void 0 : A.price).toLocaleString("fr-FR")), 1),
+                  createElementVNode("div", _hoisted_30, [
+                    createTextVNode(toDisplayString(Number((F = i.flat) == null ? void 0 : F.offer_price).toLocaleString("fr-FR")) + " ", 1),
+                    createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
+                  ])
+                ])) : (openBlock(), createElementBlock("div", _hoisted_27, [
+                  createTextVNode(toDisplayString(Number((O = i.flat) == null ? void 0 : O.price).toLocaleString("fr-FR")) + " ", 1),
+                  createElementVNode("span", null, toDisplayString(unref(currencySymbol)()), 1)
+                ]))
+              ]),
+              createElementVNode("div", _hoisted_31, toDisplayString(unref(tr)("price")), 1)
+            ])) : createCommentVNode("", !0)
+          ])
+        ])
+      ]);
+    };
   }
 }), _sfc_main$7 = {}, _hoisted_1$4 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -1279,35 +1380,37 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]
   height: "20",
   viewBox: "0 0 50 50"
 };
-function _sfc_render(t, o) {
+function _sfc_render(e, o) {
   return openBlock(), createElementBlock("svg", _hoisted_1$4, o[0] || (o[0] = [
     createElementVNode("path", { d: "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z" }, null, -1)
   ]));
 }
-const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]), _hoisted_1$3 = { class: "ire-fixed ire-left-0 ire-top-0 ire-z-[99999] ire-flex ire-h-full ire-w-full ire-cursor-pointer ire-items-center ire-justify-center ire-p-4 lg:ire-p-32" }, _hoisted_2$2 = { class: "ire-relative ire-h-fit ire-max-h-[95svh] ire-min-w-full ire-max-w-[1280px] ire-cursor-default ire-overflow-y-auto ire-rounded-lg ire-bg-white lg:ire-min-w-[500px]" }, _hoisted_3$2 = { class: "ire-h-full ire-w-full ire-cursor-auto" }, _hoisted_4$1 = { class: "ire-absolute ire-right-0 ire-top-0 ire-flex ire-w-full ire-flex-row-reverse" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]), _hoisted_1$3 = { class: "ire-fixed ire-left-0 ire-top-0 ire-z-[99999] ire-flex ire-h-full ire-w-full ire-cursor-pointer ire-items-center ire-justify-center ire-p-4 lg:ire-p-32" }, _hoisted_2$2 = { class: "ire-relative ire-min-w-full ire-max-w-[1280px] ire-cursor-default ire-rounded-lg ire-bg-white lg:ire-min-w-[500px]" }, _hoisted_3$2 = { class: "ire-absolute ire-right-0 ire-top-0 ire-flex ire-w-full ire-flex-row-reverse" }, _hoisted_4$1 = { class: "ire-h-fit ire-max-h-[95svh] ire-overflow-y-auto" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PreviewModal",
   emits: ["close"],
-  setup(t) {
+  setup(e) {
     return onMounted(() => {
       const o = window.innerWidth - document.documentElement.clientWidth;
       document.body.style.overflow = "hidden", document.body.style.paddingRight = `${o}px`;
     }), onUnmounted(() => {
-      document.body.style.overflow = "auto", document.body.style.paddingRight = "0";
+      setTimeout(() => {
+        document.body.style.overflow = "auto", document.body.style.paddingRight = "0";
+      }, 500);
     }), (o, r) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
       createElementVNode("div", {
         class: "ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full ire-bg-black/40 ire-transition-all",
-        onClick: r[0] || (r[0] = (e) => o.$emit("close"))
+        onClick: r[0] || (r[0] = (t) => o.$emit("close"))
       }),
       createElementVNode("div", _hoisted_2$2, [
         createElementVNode("div", _hoisted_3$2, [
-          createElementVNode("div", _hoisted_4$1, [
-            createElementVNode("div", {
-              class: "ire-z-[999] ire-mx-3 ire-my-2 ire-w-fit ire-cursor-pointer ire-rounded-full ire-p-1 ire-transition-all hover:ire-bg-gray-600 [&_path]:ire-fill-gray-400 [&_path]:hover:ire-fill-white [&_svg]:ire-h-3 [&_svg]:ire-w-3",
-              onClick: r[1] || (r[1] = (e) => o.$emit("close"))
-            }, [
-              createVNode(Close)
-            ])
-          ]),
+          createElementVNode("div", {
+            class: "ire-z-[999] ire-mx-3 ire-my-2 ire-w-fit ire-cursor-pointer ire-rounded-full ire-bg-white ire-p-1 ire-transition-all hover:ire-bg-gray-600 [&_path]:ire-fill-gray-400 [&_path]:hover:ire-fill-white [&_svg]:ire-h-3 [&_svg]:ire-w-3",
+            onClick: r[1] || (r[1] = (t) => o.$emit("close"))
+          }, [
+            createVNode(Close)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4$1, [
           renderSlot(o.$slots, "default")
         ])
       ])
@@ -1318,7 +1421,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   props: {
     editor: {}
   },
-  setup(t) {
+  setup(e) {
     return (o, r) => (openBlock(), createElementBlock("div", {
       class: "[&_ul]:ire-columns-1 [&_a]:ire-cursor-pointer [&_a]:ire-text-[#2980b9] [&_a]:ire-underline [&_ul]:ire-flex [&_ul]:ire-flex-col [&_ul]:ire-gap-2 [&_ul_li]:ire-relative [&_ul_li]:ire-pl-[20px] [&_ul_li]:after:ire-absolute [&_ul_li]:after:ire-left-2 [&_ul_li]:after:ire-top-[10px] [&_ul_li]:after:ire-h-[4px] [&_ul_li]:after:ire-w-[4px] [&_ul_li]:after:ire-rounded-[50%] [&_ul_li]:after:ire-bg-black",
       innerHTML: o.editor
@@ -1329,17 +1432,17 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   props: {
     modalData: {}
   },
-  setup(t) {
+  setup(e) {
     return (o, r) => {
-      var e, s, n, i, u, h, k, x, C, y, v, c;
+      var t, l, i, s, h, _, y, x, w, b, v, c;
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("p", _hoisted_2$1, toDisplayString((s = (e = o.modalData) == null ? void 0 : e.modalObject) == null ? void 0 : s.title), 1),
+        createElementVNode("p", _hoisted_2$1, toDisplayString((l = (t = o.modalData) == null ? void 0 : t.modalObject) == null ? void 0 : l.title), 1),
         createVNode(_sfc_main$5, {
-          editor: (i = (n = o.modalData) == null ? void 0 : n.modalObject) == null ? void 0 : i.description
+          editor: (s = (i = o.modalData) == null ? void 0 : i.modalObject) == null ? void 0 : s.description
         }, null, 8, ["editor"]),
-        (x = (k = (h = (u = o.modalData) == null ? void 0 : u.modalObject) == null ? void 0 : h.modalImage) == null ? void 0 : k[0]) != null && x.url ? (openBlock(), createElementBlock("img", {
+        (x = (y = (_ = (h = o.modalData) == null ? void 0 : h.modalObject) == null ? void 0 : _.modalImage) == null ? void 0 : y[0]) != null && x.url ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (c = (v = (y = (C = o.modalData) == null ? void 0 : C.modalObject) == null ? void 0 : y.modalImage) == null ? void 0 : v[0]) == null ? void 0 : c.url,
+          src: (c = (v = (b = (w = o.modalData) == null ? void 0 : w.modalObject) == null ? void 0 : b.modalImage) == null ? void 0 : v[0]) == null ? void 0 : c.url,
           alt: "",
           class: "ire-mt-5 ire-h-[400px] ire-w-full ire-object-contain"
         }, null, 8, _hoisted_3$1)) : createCommentVNode("", !0)
@@ -1355,105 +1458,108 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(t, { emit: o }) {
-    const r = o, e = t, s = useGlobalStore(), n = inject("showFlatModal"), i = ref(), u = ref(null), h = ref(), k = ref(), x = computed$1(() => {
+  setup(e, { emit: o }) {
+    const r = o, t = e, l = useGlobalStore(), i = inject("showFlatModal"), s = ref(), h = ref(null), _ = ref(), y = ref(), x = computed$1(() => {
       var v, c;
-      if ((v = e.block) != null && v.svg)
-        return (c = e.block) == null ? void 0 : c.svg;
-    }), C = (v) => {
+      if ((v = t.block) != null && v.svg)
+        return (c = t.block) == null ? void 0 : c.svg;
+    }), w = (v) => {
       const c = v.target;
-      c && (u.value = c);
-    }, y = (v) => {
-      var _, a, m;
+      c && (h.value = c);
+    }, b = (v) => {
+      var p, a, f;
       const c = v.target;
-      (c == null ? void 0 : c.nodeName) === "path" && (((_ = k.value) == null ? void 0 : _.conf) === "sold" || ((a = k.value) == null ? void 0 : a.conf) === "reserved" || r(
+      (c == null ? void 0 : c.nodeName) === "path" && (((p = y.value) == null ? void 0 : p.conf) === "sold" || ((a = y.value) == null ? void 0 : a.conf) === "reserved" || r(
         "changeComponent",
-        ((m = h.value) == null ? void 0 : m.type) || "",
-        k.value
+        ((f = _.value) == null ? void 0 : f.type) || "",
+        y.value
       ));
     };
     return watch(
-      () => n == null ? void 0 : n.value,
+      () => i == null ? void 0 : i.value,
       () => {
-        n != null && n.value || (u.value = null, h.value = null);
+        i != null && i.value || (h.value = null, _.value = null);
       }
     ), watch(
-      () => u.value,
+      () => h.value,
       (v) => {
-        var _, a, m, l, d, b, p, $;
+        var p, a, f, n, d, g, u, $;
         if (!v) return;
-        s.hoverdSvg = v;
+        l.hoverdSvg = v;
         const c = v == null ? void 0 : v.parentElement;
         if (c && (c == null ? void 0 : c.nodeName) === "g") {
-          const w = c == null ? void 0 : c.getAttribute("id");
-          if (!w || (h.value = ((a = (_ = e.block) == null ? void 0 : _.polygon_data) == null ? void 0 : a.find((f) => (f == null ? void 0 : f.key) === w)) || null, !h.value)) return;
-          if (((m = h.value) == null ? void 0 : m.type) === "floor") {
-            const f = (l = e.floors) == null ? void 0 : l.find(
-              (g) => {
-                var S;
-                return (g == null ? void 0 : g.id) === ((S = h.value) == null ? void 0 : S.id);
+          const E = c == null ? void 0 : c.getAttribute("id");
+          if (!E || (_.value = ((a = (p = t.block) == null ? void 0 : p.polygon_data) == null ? void 0 : a.find((m) => (m == null ? void 0 : m.key) === E)) || null, !_.value)) return;
+          if (((f = _.value) == null ? void 0 : f.type) === "floor") {
+            const m = (n = t.floors) == null ? void 0 : n.find(
+              (k) => {
+                var V;
+                return (k == null ? void 0 : k.id) === ((V = _.value) == null ? void 0 : V.id);
               }
             );
-            k.value = f;
-          } else if (((d = h.value) == null ? void 0 : d.type) === "flat") {
-            const f = (b = e.flats) == null ? void 0 : b.find(
-              (g) => {
-                var S;
-                return (g == null ? void 0 : g.id) === ((S = h.value) == null ? void 0 : S.id);
+            y.value = m;
+          } else if (((d = _.value) == null ? void 0 : d.type) === "flat") {
+            const m = (g = t.flats) == null ? void 0 : g.find(
+              (k) => {
+                var V;
+                return (k == null ? void 0 : k.id) === ((V = _.value) == null ? void 0 : V.id);
               }
             );
-            k.value = f;
-          } else if (((p = h.value) == null ? void 0 : p.type) === "tooltip") {
-            const f = ($ = e.actions) == null ? void 0 : $.find(
-              (g) => {
-                var S;
-                return (g == null ? void 0 : g.id) === ((S = h.value) == null ? void 0 : S.id);
+            y.value = m;
+          } else if (((u = _.value) == null ? void 0 : u.type) === "tooltip") {
+            const m = ($ = t.actions) == null ? void 0 : $.find(
+              (k) => {
+                var V;
+                return (k == null ? void 0 : k.id) === ((V = _.value) == null ? void 0 : V.id);
               }
             );
-            k.value = f;
+            y.value = m;
           } else
-            k.value = null;
+            y.value = null;
         } else
-          h.value = null, k.value = null;
+          _.value = null, y.value = null;
       }
-    ), (v, c) => {
-      var _;
+    ), onMounted(() => {
+      document.addEventListener("mousemove", w);
+    }), onUnmounted(() => {
+      document.removeEventListener("mousemove", w);
+    }), (v, c) => {
+      var p;
       return openBlock(), createBlock(_sfc_main$g, {
-        hoverdData: k.value,
-        type: (_ = h.value) == null ? void 0 : _.type,
-        onMouseover: C
+        hoverdData: y.value,
+        type: (p = _.value) == null ? void 0 : p.type
       }, {
         header: withCtx(() => {
           var a;
           return [
             createVNode(_sfc_main$c, {
-              onClick: c[0] || (c[0] = (m) => v.$emit("changeComponent", "project", null))
+              onClick: c[0] || (c[0] = (f) => v.$emit("changeComponent", "project", null))
             }),
             createElementVNode("p", _hoisted_1, toDisplayString((a = v.block) == null ? void 0 : a.title), 1)
           ];
         }),
         default: withCtx(() => {
-          var a, m, l, d, b, p;
+          var a, f, n, d, g, u;
           return [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("img", {
-                src: ((l = (m = (a = v.block) == null ? void 0 : a.block_image) == null ? void 0 : m[0]) == null ? void 0 : l.url) || "",
+                src: ((n = (f = (a = v.block) == null ? void 0 : a.block_image) == null ? void 0 : f[0]) == null ? void 0 : n.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: i,
+                ref: s,
                 innerHTML: x.value,
                 key: x.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)]": ((d = k.value) == null ? void 0 : d.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((b = k.value) == null ? void 0 : b.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((p = k.value) != null && p.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((d = y.value) == null ? void 0 : d.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((g = y.value) == null ? void 0 : g.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((u = y.value) != null && u.conf)
                   }
                 ]]),
-                onClick: y
+                onClick: b
               }, null, 10, _hoisted_4))
             ])
           ];
@@ -1464,32 +1570,32 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   }
 }), _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "MouseTracker",
-  setup(t) {
-    const o = useGlobalStore(), r = ref(!0), e = ref(0), s = ref(0), n = ref(null);
-    let i = null, u = 0, h = 0;
-    const k = (y, v, c) => y * (1 - c) + v * c, x = () => {
-      if (i) return;
-      const y = () => {
-        e.value = k(e.value, u, 0.06), s.value = k(s.value, h, 0.06), Math.abs(e.value - u) > 0.06 || Math.abs(s.value - h) > 0.06 ? i = requestAnimationFrame(y) : i = null;
+  setup(e) {
+    const o = useGlobalStore(), r = ref(!0), t = ref(-400), l = ref(-400), i = ref(null);
+    let s = null, h = 0, _ = 0;
+    const y = (b, v, c) => b * (1 - c) + v * c, x = () => {
+      if (s) return;
+      const b = () => {
+        t.value = y(t.value, h, 0.06), l.value = y(l.value, _, 0.06), Math.abs(t.value - h) > 0.06 || Math.abs(l.value - _) > 0.06 ? s = requestAnimationFrame(b) : s = null;
       };
-      i = requestAnimationFrame(y);
-    }, C = (y) => {
+      s = requestAnimationFrame(b);
+    }, w = (b) => {
       var $;
       const v = document.querySelector(".tooltip-2"), c = (($ = o.hoverdSvg) == null ? void 0 : $.nodeName) === "path" ? o.hoverdSvg : null;
-      if (!n.value || !v || !c)
+      if (!i.value || !v || !c)
         return;
-      const _ = n.value.getBoundingClientRect(), a = c.getBoundingClientRect(), m = v.getBoundingClientRect(), l = _.left + _.width / 2, d = _.top + _.height / 2, b = a.left > l, p = a.bottom > d;
-      u = y.clientX - _.left - (b ? m.width : -20), h = y.clientY - _.top - (p ? m.height : -20), r.value && (e.value = u, s.value = h), x(), r.value = !1;
+      const p = i.value.getBoundingClientRect(), a = c.getBoundingClientRect(), f = v.getBoundingClientRect(), n = p.left + p.width / 2, d = p.top + p.height / 2, g = a.left > n, u = a.bottom > d;
+      h = b.clientX - p.left - (g ? f.width : -20), _ = b.clientY - p.top - (u ? f.height : -20), r.value && (t.value = h, l.value = _), x(), r.value = !1;
     };
     return onMounted(() => {
-      document.addEventListener("mousemove", C);
+      document.addEventListener("mousemove", w);
     }), onUnmounted(() => {
-      document.removeEventListener("mousemove", C), i && cancelAnimationFrame(i);
-    }), provide("mouseX", e), provide("mouseY", s), (y, v) => (openBlock(), createElementBlock("div", {
+      document.removeEventListener("mousemove", w), s && cancelAnimationFrame(s);
+    }), provide("mouseX", t), provide("mouseY", l), (b, v) => (openBlock(), createElementBlock("div", {
       ref_key: "canvasRef",
-      ref: n
+      ref: i
     }, [
-      renderSlot(y.$slots, "default")
+      renderSlot(b.$slots, "default")
     ], 512));
   }
 }), _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -1498,24 +1604,24 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     shortcodeDataProps: {}
   },
   setup(__props) {
-    var t, o, r, e, s, n, i, u, h, k, x, C, y, v;
+    var e, o, r, t, l, i, s, h, _, y, x, w, b, v;
     const props = __props, getMeta = (c) => props.shortcodeDataProps.meta.find(
-      (_) => _.meta_key === c
+      (p) => p.meta_key === c
     ), constants = ref({
-      PREVIEW_PATH_COLOR: ((t = getMeta("path_color")) == null ? void 0 : t.meta_value) || "rgba(255, 255, 255, 0.3)",
+      PREVIEW_PATH_COLOR: ((e = getMeta("path_color")) == null ? void 0 : e.meta_value) || "rgba(255, 255, 255, 0.3)",
       PREVIEW_PATH_HOVER_COLOR: ((o = getMeta("path_hover_color")) == null ? void 0 : o.meta_value) || "rgba(250, 250, 250, 0.54)",
       PREVIEW_RESERVED_COLOR: ((r = getMeta("reserved_color")) == null ? void 0 : r.meta_value) || "rgba(255, 247, 89, 0.53)",
-      PREVIEW_SOLD_COLOR: ((e = getMeta("sold_color")) == null ? void 0 : e.meta_value) || "rgba(219, 64, 64, 0.45)",
-      PREVIEW_STROKE_COLOR: ((s = getMeta("stroke_color")) == null ? void 0 : s.meta_value) || "rgba(0, 0, 0,  1)",
-      PREVIEW_STROKE_WIDTH: +((n = getMeta("stroke_width")) == null ? void 0 : n.meta_value) || 1,
-      PREVIEW_BORDER_RADIUS: +((i = getMeta("border_radius")) == null ? void 0 : i.meta_value) || 0
+      PREVIEW_SOLD_COLOR: ((t = getMeta("sold_color")) == null ? void 0 : t.meta_value) || "rgba(219, 64, 64, 0.45)",
+      PREVIEW_STROKE_COLOR: ((l = getMeta("stroke_color")) == null ? void 0 : l.meta_value) || "rgba(0, 0, 0,  1)",
+      PREVIEW_STROKE_WIDTH: +((i = getMeta("stroke_width")) == null ? void 0 : i.meta_value) || 1,
+      PREVIEW_BORDER_RADIUS: +((s = getMeta("border_radius")) == null ? void 0 : s.meta_value) || 0
     }), colors = reactive({
-      path: (u = constants.value) == null ? void 0 : u.PREVIEW_PATH_COLOR,
-      path_hover: (h = constants.value) == null ? void 0 : h.PREVIEW_PATH_HOVER_COLOR,
-      reserved: (k = constants.value) == null ? void 0 : k.PREVIEW_RESERVED_COLOR,
+      path: (h = constants.value) == null ? void 0 : h.PREVIEW_PATH_COLOR,
+      path_hover: (_ = constants.value) == null ? void 0 : _.PREVIEW_PATH_HOVER_COLOR,
+      reserved: (y = constants.value) == null ? void 0 : y.PREVIEW_RESERVED_COLOR,
       sold: (x = constants.value) == null ? void 0 : x.PREVIEW_SOLD_COLOR,
-      stroke_color: (C = constants.value) == null ? void 0 : C.PREVIEW_STROKE_COLOR,
-      stroke_width: (y = constants.value) == null ? void 0 : y.PREVIEW_STROKE_WIDTH,
+      stroke_color: (w = constants.value) == null ? void 0 : w.PREVIEW_STROKE_COLOR,
+      stroke_width: (b = constants.value) == null ? void 0 : b.PREVIEW_STROKE_WIDTH,
       border_radius: (v = constants.value) == null ? void 0 : v.PREVIEW_BORDER_RADIUS
     }), cssVariables = computed$1(() => ({
       "--reserved-color": colors.reserved,
@@ -1532,26 +1638,26 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
       if (shortcodeData.value)
         return (c = shortcodeData.value) == null ? void 0 : c.project;
     }), floors = computed$1(() => {
-      var c, _;
+      var c, p;
       if (shortcodeData.value)
         return (c = shortcodeData.value.floors) == null || c.forEach((a) => {
-          var d, b;
-          const m = (b = (d = shortcodeData.value) == null ? void 0 : d.flats) == null ? void 0 : b.filter((p) => {
+          var d, g;
+          const f = (g = (d = shortcodeData.value) == null ? void 0 : d.flats) == null ? void 0 : g.filter((u) => {
             var $;
-            return (p == null ? void 0 : p.floor_number) !== (($ = a == null ? void 0 : a.floor_number) == null ? void 0 : $.toString()) ? !1 : a != null && a.polygon_data ? Object == null ? void 0 : Object.values(a == null ? void 0 : a.polygon_data).some(
-              (f) => {
-                var g;
-                return f != null && f.type && (f == null ? void 0 : f.type) === "flat" && (f == null ? void 0 : f.id) === (p == null ? void 0 : p.id) ? a != null && a.block_id ? (p == null ? void 0 : p.block_id) === ((g = a == null ? void 0 : a.block_id) == null ? void 0 : g.toString()) : !(p != null && p.block_id) : !1;
+            return (u == null ? void 0 : u.floor_number) !== (($ = a == null ? void 0 : a.floor_number) == null ? void 0 : $.toString()) ? !1 : a != null && a.polygon_data ? Object == null ? void 0 : Object.values(a == null ? void 0 : a.polygon_data).some(
+              (m) => {
+                var k;
+                return m != null && m.type && (m == null ? void 0 : m.type) === "flat" && (m == null ? void 0 : m.id) === (u == null ? void 0 : u.id) ? a != null && a.block_id ? (u == null ? void 0 : u.block_id) === ((k = a == null ? void 0 : a.block_id) == null ? void 0 : k.toString()) : !(u != null && u.block_id) : !1;
               }
             ) : !1;
           });
-          a.flats = m;
-          const { conf: l } = a || {};
-          if (m != null && m.length && !l) {
-            const p = m == null ? void 0 : m.every((w) => (w == null ? void 0 : w.conf) === "reserved"), $ = m == null ? void 0 : m.every((w) => (w == null ? void 0 : w.conf) === "sold");
-            p ? a.conf = "reserved" : $ && (a.conf = "sold");
+          a.flats = f;
+          const { conf: n } = a || {};
+          if (f != null && f.length && !n) {
+            const u = f == null ? void 0 : f.every((E) => (E == null ? void 0 : E.conf) === "reserved"), $ = f == null ? void 0 : f.every((E) => (E == null ? void 0 : E.conf) === "sold");
+            u ? a.conf = "reserved" : $ && (a.conf = "sold");
           }
-        }), (_ = shortcodeData.value) == null ? void 0 : _.floors;
+        }), (p = shortcodeData.value) == null ? void 0 : p.floors;
     }), blocks = computed$1(() => {
       if (shortcodeData.value)
         return shortcodeData.value.blocks;
@@ -1559,13 +1665,13 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
       if (shortcodeData.value)
         return shortcodeData.value.types;
     }), flats = computed$1(() => {
-      var c, _;
+      var c, p;
       if (shortcodeData.value)
-        return (_ = (c = shortcodeData.value) == null ? void 0 : c.flats) == null ? void 0 : _.map((a) => {
-          var m;
+        return (p = (c = shortcodeData.value) == null ? void 0 : c.flats) == null ? void 0 : p.map((a) => {
+          var f;
           if (a != null && a.use_type || !(a != null && a.type)) {
-            const l = (m = types.value) == null ? void 0 : m.find((d) => (d == null ? void 0 : d.id) === (a == null ? void 0 : a.type_id));
-            l && (a.type = l);
+            const n = (f = types.value) == null ? void 0 : f.find((d) => (d == null ? void 0 : d.id) === (a == null ? void 0 : a.type_id));
+            n && (a.type = n);
           }
           return a;
         });
@@ -1578,8 +1684,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
       if (shortcodeData.value)
         return (c = shortcodeData.value) == null ? void 0 : c.meta;
     }), getColorMeta = (c) => {
-      var _, a;
-      return (a = (_ = projectMeta.value) == null ? void 0 : _.find((m) => (m == null ? void 0 : m.meta_key) === c)) == null ? void 0 : a.meta_value;
+      var p, a;
+      return (a = (p = projectMeta.value) == null ? void 0 : p.find((f) => (f == null ? void 0 : f.meta_key) === c)) == null ? void 0 : a.meta_value;
     }, changeRoute = (flowType, polygonItem) => {
       switch (flowType) {
         case "project":
@@ -1615,10 +1721,10 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     return watch(
       () => projectMeta.value,
       () => {
-        const c = getColorMeta("path_color"), _ = getColorMeta("path_hover_color"), a = getColorMeta("reserved_color"), m = getColorMeta("sold_color"), l = getColorMeta("stroke_color"), d = getColorMeta("stroke_width");
-        c && (colors.path = c.toString()), _ && (colors.path_hover = _.toString()), a && (colors.reserved = a.toString()), m && (colors.sold = m.toString()), l && (colors.stroke_color = l.toString()), d && (colors.stroke_width = Number(d));
+        const c = getColorMeta("path_color"), p = getColorMeta("path_hover_color"), a = getColorMeta("reserved_color"), f = getColorMeta("sold_color"), n = getColorMeta("stroke_color"), d = getColorMeta("stroke_width");
+        c && (colors.path = c.toString()), p && (colors.path_hover = p.toString()), a && (colors.reserved = a.toString()), f && (colors.sold = f.toString()), n && (colors.stroke_color = n.toString()), d && (colors.stroke_width = Number(d));
       }
-    ), provide("showFlatModal", showFlatModal), (c, _) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
+    ), provide("showFlatModal", showFlatModal), provide("showFlatModal", showFlatModal), (c, p) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
       default: withCtx(() => [
         createVNode(Transition, {
           name: "ire-fade-in-out",
@@ -1637,14 +1743,14 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
                 projectMeta: projectMeta.value,
                 blocks: blocks.value,
                 actions: actions.value,
-                onChangeComponent: _[0] || (_[0] = (a, m) => changeRoute(a, m))
+                onChangeComponent: p[0] || (p[0] = (a, f) => changeRoute(a, f))
               }, null, 8, ["project", "floors", "flats", "projectMeta", "blocks", "actions"])) : flow.value === "blockFlow" && flats.value && floors.value && blocks.value && activeBlock.value ? (openBlock(), createBlock(_sfc_main$3, {
                 key: 1,
                 block: activeBlock.value,
                 flats: flats.value,
                 floors: floors.value,
                 actions: actions.value,
-                onChangeComponent: _[1] || (_[1] = (a, m) => changeRoute(a, m))
+                onChangeComponent: p[1] || (p[1] = (a, f) => changeRoute(a, f))
               }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$b, {
                 key: 2,
                 flats: flats.value,
@@ -1652,7 +1758,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
                 floors: floors.value,
                 blocks: blocks.value,
                 actions: actions.value,
-                onChangeComponent: _[2] || (_[2] = (a, m) => changeRoute(a, m))
+                onChangeComponent: p[2] || (p[2] = (a, f) => changeRoute(a, f))
               }, null, 8, ["flats", "floor", "floors", "blocks", "actions"])) : createCommentVNode("", !0)
             ], 4)) : createCommentVNode("", !0)
           ]),
@@ -1666,13 +1772,13 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
             default: withCtx(() => [
               showFlatModal.value ? (openBlock(), createBlock(_sfc_main$6, {
                 key: 0,
-                onClose: _[4] || (_[4] = (a) => showFlatModal.value = !1)
+                onClose: p[4] || (p[4] = (a) => showFlatModal.value = !1)
               }, {
                 default: withCtx(() => [
                   createVNode(_sfc_main$8, {
                     flat: hoveredData.value,
                     floors: floors.value,
-                    onChangeComponent: _[3] || (_[3] = (a, m) => changeRoute(a, m))
+                    onChangeComponent: p[3] || (p[3] = (a, f) => changeRoute(a, f))
                   }, null, 8, ["flat", "floors"])
                 ]),
                 _: 1
@@ -1689,7 +1795,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
             default: withCtx(() => [
               showModal.value ? (openBlock(), createBlock(_sfc_main$6, {
                 key: 0,
-                onClose: _[5] || (_[5] = (a) => showModal.value = !1)
+                onClose: p[5] || (p[5] = (a) => showModal.value = !1)
               }, {
                 default: withCtx(() => [
                   createVNode(_sfc_main$4, { modalData: hoveredData.value }, null, 8, ["modalData"])
@@ -1710,9 +1816,9 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     data: {},
     translations: {}
   },
-  setup(t) {
-    const o = t;
-    return provide("shortcodeData", o.data), provide("translations", o.translations), (r, e) => (openBlock(), createElementBlock("div", null, [
+  setup(e) {
+    const o = e;
+    return provide("shortcodeData", o.data), provide("translations", o.translations), (r, t) => (openBlock(), createElementBlock("div", null, [
       createVNode(_sfc_main$1, { "shortcode-data-props": r.data }, null, 8, ["shortcode-data-props"])
     ]));
   }