ire-preview 2.2.9 → 2.3.1

package/dist/lib.es.js

@@ -1,12 +1,12 @@
-import { openBlock, createElementBlock, createElementVNode, defineComponent, createVNode, Transition, withCtx, toDisplayString, createCommentVNode, Fragment, createTextVNode, inject, createBlock, normalizeStyle, unref, ref, computed as computed$1, renderSlot, effectScope, markRaw, hasInjectionContext, watch, reactive, isRef, isReactive, toRaw, getCurrentScope, onScopeDispose, nextTick, toRefs, normalizeClass, mergeModels, useModel, withDirectives, renderList, vModelSelect, onMounted, createStaticVNode, provide, Teleport, createApp } from "vue";
-const _export_sfc = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [o, s] of t)
-    r[o] = s;
+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, n] of o)
+    r[e] = n;
   return r;
 }, _sfc_main$k = {};
-function _sfc_render$4(e, t) {
-  return openBlock(), createElementBlock("div", null, t[0] || (t[0] = [
+function _sfc_render$4(t, 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 = (e) => typeof e == "function", isSymbol = (e) => typeof e == "symbol", hasChanged = (e, t) => !Object.is(e, t);
+const extend = Object.assign, isFunction = (t) => typeof t == "function", isSymbol = (t) => typeof t == "symbol", hasChanged = (t, o) => !Object.is(t, 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(e, t = !1) {
-  if (e.flags |= 8, t) {
-    e.next = batchedComputed, batchedComputed = e;
+function batch(t, o = !1) {
+  if (t.flags |= 8, o) {
+    t.next = batchedComputed, batchedComputed = t;
     return;
   }
-  e.next = batchedSub, batchedSub = e;
+  t.next = batchedSub, batchedSub = t;
 }
 function startBatch() {
   batchDepth++;
@@ -37,106 +37,106 @@ function endBatch() {
   if (--batchDepth > 0)
     return;
   if (batchedComputed) {
-    let t = batchedComputed;
-    for (batchedComputed = void 0; t; ) {
-      const r = t.next;
-      t.next = void 0, t.flags &= -9, t = r;
+    let o = batchedComputed;
+    for (batchedComputed = void 0; o; ) {
+      const r = o.next;
+      o.next = void 0, o.flags &= -9, o = r;
     }
   }
-  let e;
+  let t;
   for (; batchedSub; ) {
-    let t = batchedSub;
-    for (batchedSub = void 0; t; ) {
-      const r = t.next;
-      if (t.next = void 0, t.flags &= -9, t.flags & 1)
+    let o = batchedSub;
+    for (batchedSub = void 0; o; ) {
+      const r = o.next;
+      if (o.next = void 0, o.flags &= -9, o.flags & 1)
         try {
-          t.trigger();
-        } catch (o) {
-          e || (e = o);
+          o.trigger();
+        } catch (e) {
+          t || (t = e);
         }
-      t = r;
+      o = r;
     }
   }
-  if (e) throw e;
+  if (t) throw t;
 }
-function prepareDeps(e) {
-  for (let t = e.deps; t; t = t.nextDep)
-    t.version = -1, t.prevActiveLink = t.dep.activeLink, t.dep.activeLink = t;
+function prepareDeps(t) {
+  for (let o = t.deps; o; o = o.nextDep)
+    o.version = -1, o.prevActiveLink = o.dep.activeLink, o.dep.activeLink = o;
 }
-function cleanupDeps(e) {
-  let t, r = e.depsTail, o = r;
-  for (; o; ) {
-    const s = o.prevDep;
-    o.version === -1 ? (o === r && (r = s), removeSub(o), removeDep(o)) : t = o, o.dep.activeLink = o.prevActiveLink, o.prevActiveLink = void 0, o = s;
+function cleanupDeps(t) {
+  let o, r = t.depsTail, e = r;
+  for (; e; ) {
+    const n = e.prevDep;
+    e.version === -1 ? (e === r && (r = n), removeSub(e), removeDep(e)) : o = e, e.dep.activeLink = e.prevActiveLink, e.prevActiveLink = void 0, e = n;
   }
-  e.deps = t, e.depsTail = r;
+  t.deps = o, t.depsTail = r;
 }
-function isDirty(e) {
-  for (let t = e.deps; t; t = t.nextDep)
-    if (t.dep.version !== t.version || t.dep.computed && (refreshComputed(t.dep.computed) || t.dep.version !== t.version))
+function isDirty(t) {
+  for (let o = t.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 !!e._dirty;
+  return !!t._dirty;
 }
-function refreshComputed(e) {
-  if (e.flags & 4 && !(e.flags & 16) || (e.flags &= -17, e.globalVersion === globalVersion))
+function refreshComputed(t) {
+  if (t.flags & 4 && !(t.flags & 16) || (t.flags &= -17, t.globalVersion === globalVersion))
     return;
-  e.globalVersion = globalVersion;
-  const t = e.dep;
-  if (e.flags |= 2, t.version > 0 && !e.isSSR && e.deps && !isDirty(e)) {
-    e.flags &= -3;
+  t.globalVersion = globalVersion;
+  const o = t.dep;
+  if (t.flags |= 2, o.version > 0 && !t.isSSR && t.deps && !isDirty(t)) {
+    t.flags &= -3;
     return;
   }
-  const r = activeSub, o = shouldTrack;
-  activeSub = e, shouldTrack = !0;
+  const r = activeSub, e = shouldTrack;
+  activeSub = t, shouldTrack = !0;
   try {
-    prepareDeps(e);
-    const s = e.fn(e._value);
-    (t.version === 0 || hasChanged(s, e._value)) && (e._value = s, t.version++);
-  } catch (s) {
-    throw t.version++, s;
+    prepareDeps(t);
+    const n = t.fn(t._value);
+    (o.version === 0 || hasChanged(n, t._value)) && (t._value = n, o.version++);
+  } catch (n) {
+    throw o.version++, n;
   } finally {
-    activeSub = r, shouldTrack = o, cleanupDeps(e), e.flags &= -3;
+    activeSub = r, shouldTrack = e, cleanupDeps(t), t.flags &= -3;
   }
 }
-function removeSub(e, t = !1) {
-  const { dep: r, prevSub: o, nextSub: s } = e;
-  if (o && (o.nextSub = s, e.prevSub = void 0), s && (s.prevSub = o, e.nextSub = void 0), r.subs === e && (r.subs = o, !o && r.computed)) {
+function removeSub(t, o = !1) {
+  const { dep: r, prevSub: e, nextSub: n } = t;
+  if (e && (e.nextSub = n, t.prevSub = void 0), n && (n.prevSub = e, t.nextSub = void 0), r.subs === t && (r.subs = e, !e && r.computed)) {
     r.computed.flags &= -5;
-    for (let c = r.computed.deps; c; c = c.nextDep)
-      removeSub(c, !0);
+    for (let l = r.computed.deps; l; l = l.nextDep)
+      removeSub(l, !0);
   }
-  !t && !--r.sc && r.map && r.map.delete(r.key);
+  !o && !--r.sc && r.map && r.map.delete(r.key);
 }
-function removeDep(e) {
-  const { prevDep: t, nextDep: r } = e;
-  t && (t.nextDep = r, e.prevDep = void 0), r && (r.prevDep = t, e.nextDep = void 0);
+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);
 }
 let shouldTrack = !0, globalVersion = 0;
 class Link {
-  constructor(t, r) {
-    this.sub = t, this.dep = r, this.version = r.version, this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
+  constructor(o, r) {
+    this.sub = o, this.dep = r, this.version = r.version, this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
   }
 }
 class Dep {
-  constructor(t) {
-    this.computed = t, this.version = 0, this.activeLink = void 0, this.subs = void 0, this.map = void 0, this.key = void 0, this.sc = 0;
+  constructor(o) {
+    this.computed = o, this.version = 0, this.activeLink = void 0, this.subs = void 0, this.map = void 0, this.key = void 0, this.sc = 0;
   }
-  track(t) {
+  track(o) {
     if (!activeSub || !shouldTrack || activeSub === this.computed)
       return;
     let r = this.activeLink;
     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 o = r.nextDep;
-      o.prevDep = r.prevDep, r.prevDep && (r.prevDep.nextDep = o), r.prevDep = activeSub.depsTail, r.nextDep = void 0, activeSub.depsTail.nextDep = r, activeSub.depsTail = r, activeSub.deps === r && (activeSub.deps = o);
+      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);
     }
     return r;
   }
-  trigger(t) {
-    this.version++, globalVersion++, this.notify(t);
+  trigger(o) {
+    this.version++, globalVersion++, this.notify(o);
   }
-  notify(t) {
+  notify(o) {
     startBatch();
     try {
       for (let r = this.subs; r; r = r.prevSub)
@@ -146,24 +146,24 @@ class Dep {
     }
   }
 }
-function addSub(e) {
-  if (e.dep.sc++, e.sub.flags & 4) {
-    const t = e.dep.computed;
-    if (t && !e.dep.subs) {
-      t.flags |= 20;
-      for (let o = t.deps; o; o = o.nextDep)
-        addSub(o);
+function addSub(t) {
+  if (t.dep.sc++, t.sub.flags & 4) {
+    const o = t.dep.computed;
+    if (o && !t.dep.subs) {
+      o.flags |= 20;
+      for (let e = o.deps; e; e = e.nextDep)
+        addSub(e);
     }
-    const r = e.dep.subs;
-    r !== e && (e.prevSub = r, r && (r.nextSub = e)), e.dep.subs = e;
+    const r = t.dep.subs;
+    r !== t && (t.prevSub = r, r && (r.nextSub = t)), t.dep.subs = t;
   }
 }
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(isSymbol)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((t) => t !== "arguments" && t !== "caller").map((t) => Symbol[t]).filter(isSymbol)
 );
 class ComputedRefImpl {
-  constructor(t, r, o) {
-    this.fn = t, 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 = o;
+  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;
   }
   /**
    * @internal
@@ -174,122 +174,129 @@ class ComputedRefImpl {
       return batch(this, !0), !0;
   }
   get value() {
-    const t = this.dep.track();
-    return refreshComputed(this), t && (t.version = this.dep.version), this._value;
+    const o = this.dep.track();
+    return refreshComputed(this), o && (o.version = this.dep.version), this._value;
   }
-  set value(t) {
-    this.setter && this.setter(t);
+  set value(o) {
+    this.setter && this.setter(o);
   }
 }
-function computed(e, t, r = !1) {
-  let o, s;
-  return isFunction(e) ? o = e : (o = e.get, s = e.set), new ComputedRefImpl(o, s, r);
+function computed(t, o, r = !1) {
+  let e, n;
+  return isFunction(t) ? e = t : (e = t.get, n = t.set), new ComputedRefImpl(e, n, r);
 }
-const _hoisted_1$g = {
+const tr = (t) => {
+  const o = inject("translations");
+  return (o == null ? void 0 : o[t]) || t;
+}, _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$9 = {
+}, _hoisted_2$a = {
   key: 0,
   class: "ire-flex ire-items-center ire-gap-3"
-}, _hoisted_3$8 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$7 = { class: "!ire-text-2xl" }, _hoisted_5$3 = {
+}, _hoisted_3$9 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$7 = { class: "!ire-text-2xl" }, _hoisted_5$3 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_6$3 = {
   key: 0,
   class: "ire-rounded-lg ire-bg-gray-100 ire-p-6"
-}, _hoisted_6$3 = {
+}, _hoisted_7$3 = {
   key: 0,
   class: "!ire-text-2xl"
-}, _hoisted_7$3 = { key: 1 }, _hoisted_8$3 = {
+}, _hoisted_8$3 = { key: 1 }, _hoisted_9$3 = {
   key: 0,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_9$3 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_10$3 = {
+}, _hoisted_10$3 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_11$3 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_12$3 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_11$2 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_12$2 = {
+}, _hoisted_13$2 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_14$2 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_15$1 = {
   key: 2,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_13$2 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_14$1 = {
+}, _hoisted_16$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_17$1 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_18$1 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-3"
-}, _hoisted_15$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_16$1 = { class: "text-sm ire-text-gray-700" }, _hoisted_17$1 = { class: "!text-2xl" }, _hoisted_18$1 = {
+}, _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 = {
   key: 2,
   class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3"
-}, _hoisted_19$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_20$1 = { class: "!ire-text-2xl ire-capitalize" }, _hoisted_21$1 = { class: "ire-flex ire-min-w-36 ire-flex-col ire-items-center ire-rounded-lg ire-bg-gray-100 ire-px-7 ire-py-3" }, _hoisted_22$1 = {
+}, _hoisted_23$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_24$1 = { class: "!ire-text-2xl ire-capitalize" }, _hoisted_25$1 = { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, _hoisted_26$1 = { class: "ire-flex ire-min-w-36 ire-flex-col ire-items-center ire-rounded-lg ire-bg-gray-100 ire-px-7 ire-py-3" }, _hoisted_27$1 = {
   key: 0,
   class: "!ire-text-2xl ire-uppercase"
-}, _hoisted_23$1 = {
+}, _hoisted_28$1 = { class: "!ire-text-xs ire-uppercase ire-text-gray-500" }, _hoisted_29$1 = {
   key: 0,
   class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-py-2"
-}, _hoisted_24$1 = {
+}, _hoisted_30$1 = {
   key: 0,
   class: "ire-whitespace-nowrap !ire-text-2xl"
-}, _hoisted_25$1 = { key: 1 }, _hoisted_26$1 = { class: "!ire-text-xs ire-line-through" }, _hoisted_27 = { class: "ire-whitespace-nowrap !ire-text-2xl" }, _hoisted_28 = { class: "ire-border ire-border-solid ire-border-gray-800 ire-p-2" }, _hoisted_29 = { class: "ire-translate-x-3 ire-bg-white" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
+}, _hoisted_31$1 = { key: 1 }, _hoisted_32 = { class: "!ire-text-xs ire-line-through" }, _hoisted_33 = { class: "ire-whitespace-nowrap !ire-text-2xl" }, _hoisted_34 = { class: "ire-border ire-border-solid ire-border-gray-800 ire-p-2" }, _hoisted_35 = { class: "ire-translate-x-3 ire-bg-white" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_1",
   props: {
     hoveredData: {},
     type: {}
   },
-  setup(e) {
-    return (t, r) => (openBlock(), createElementBlock("div", null, [
+  setup(t) {
+    const o = t, r = computed$1(() => {
+      var e;
+      return tr((e = o.hoveredData) == null ? void 0 : e.conf);
+    });
+    return (e, n) => (openBlock(), createElementBlock("div", null, [
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => {
-          var o, s, c, d, k, l, f, x, y, u, _, a, v, n, i, p, m, $, h, E, S, g, b, w, V, C, D, R, j;
+          var l, i, c, k, w, S, $, h, m, u, p, a, s, d, v, b, _, x, E, f, g, y, V, C, D;
           return [
-            t.type && t.hoveredData && t.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-              t.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-                createElementVNode("div", _hoisted_3$8, [
-                  createElementVNode("div", _hoisted_4$7, toDisplayString((o = t.hoveredData) == null ? void 0 : o.floor_number), 1),
-                  r[0] || (r[0] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Floor", -1))
+            e.type && e.hoveredData && e.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+              e.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
+                createElementVNode("div", _hoisted_3$9, [
+                  createElementVNode("div", _hoisted_4$7, toDisplayString((l = e.hoveredData) == null ? void 0 : l.floor_number), 1),
+                  createElementVNode("div", _hoisted_5$3, toDisplayString(unref(tr)("floor")), 1)
                 ]),
-                (s = t.hoveredData) != null && s.conf || (d = (c = t.hoveredData) == null ? void 0 : c.flats) != null && d.length ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
-                  (k = t.hoveredData) != null && k.conf ? (openBlock(), createElementBlock("div", _hoisted_6$3, toDisplayString((l = t.hoveredData) == null ? void 0 : l.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                    (x = (f = t.hoveredData) == null ? void 0 : f.counts) != null && x.available ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
-                      createElementVNode("div", _hoisted_9$3, toDisplayString(((u = (y = t.hoveredData) == null ? void 0 : y.counts) == null ? void 0 : u.available) || 0), 1),
-                      r[1] || (r[1] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Available", -1))
+                (i = e.hoveredData) != null && i.conf || (k = (c = e.hoveredData) == null ? void 0 : c.flats) != null && k.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, [
+                    (S = (w = e.hoveredData) == null ? void 0 : w.counts) != null && S.available ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+                      createElementVNode("div", _hoisted_10$3, toDisplayString(((h = ($ = e.hoveredData) == null ? void 0 : $.counts) == null ? void 0 : h.available) || 0), 1),
+                      createElementVNode("div", _hoisted_11$3, toDisplayString(unref(tr)("available")), 1)
                     ])) : createCommentVNode("", !0),
-                    (a = (_ = t.hoveredData) == null ? void 0 : _.counts) != null && a.reserved ? (openBlock(), createElementBlock("div", _hoisted_10$3, [
-                      createElementVNode("div", _hoisted_11$2, toDisplayString((n = (v = t.hoveredData) == null ? void 0 : v.counts) == null ? void 0 : n.reserved), 1),
-                      r[2] || (r[2] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Reserved", -1))
+                    (u = (m = e.hoveredData) == null ? void 0 : m.counts) != null && u.reserved ? (openBlock(), createElementBlock("div", _hoisted_12$3, [
+                      createElementVNode("div", _hoisted_13$2, toDisplayString((a = (p = e.hoveredData) == null ? void 0 : p.counts) == null ? void 0 : a.reserved), 1),
+                      createElementVNode("div", _hoisted_14$2, toDisplayString(unref(tr)("reserved")), 1)
                     ])) : createCommentVNode("", !0),
-                    (p = (i = t.hoveredData) == null ? void 0 : i.counts) != null && p.sold ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
-                      createElementVNode("div", _hoisted_13$2, toDisplayString(($ = (m = t.hoveredData) == null ? void 0 : m.counts) == null ? void 0 : $.sold), 1),
-                      r[3] || (r[3] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Sold", -1))
+                    (d = (s = e.hoveredData) == null ? void 0 : s.counts) != null && d.sold ? (openBlock(), createElementBlock("div", _hoisted_15$1, [
+                      createElementVNode("div", _hoisted_16$1, toDisplayString((b = (v = e.hoveredData) == null ? void 0 : v.counts) == null ? void 0 : b.sold), 1),
+                      createElementVNode("div", _hoisted_17$1, toDisplayString(unref(tr)("sold")), 1)
                     ])) : createCommentVNode("", !0)
                   ]))
                 ])) : createCommentVNode("", !0)
-              ])) : t.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
-                createElementVNode("div", _hoisted_15$1, [
-                  createElementVNode("span", _hoisted_16$1, toDisplayString((h = t.hoveredData) == null ? void 0 : h.conf), 1),
-                  createElementVNode("div", _hoisted_17$1, toDisplayString((E = t.hoveredData) == null ? void 0 : E.title), 1)
-                ])
-              ])) : t.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+              ])) : e.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
                 createElementVNode("div", _hoisted_19$1, [
-                  createElementVNode("div", _hoisted_20$1, toDisplayString((S = t.hoveredData) == null ? void 0 : S.flat_number), 1),
-                  r[4] || (r[4] = createElementVNode("div", { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, "Apartment", -1))
+                  createElementVNode("span", _hoisted_20$1, toDisplayString(r.value), 1),
+                  createElementVNode("div", _hoisted_21$1, toDisplayString((_ = e.hoveredData) == null ? void 0 : _.title), 1)
+                ])
+              ])) : e.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
+                createElementVNode("div", _hoisted_23$1, [
+                  createElementVNode("div", _hoisted_24$1, toDisplayString((x = e.hoveredData) == null ? void 0 : x.flat_number), 1),
+                  createElementVNode("div", _hoisted_25$1, toDisplayString(unref(tr)("apartment")), 1)
                 ]),
-                createElementVNode("div", _hoisted_21$1, [
-                  (g = t.hoveredData) != null && g.conf ? (openBlock(), createElementBlock("div", _hoisted_22$1, toDisplayString(t.hoveredData.conf), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    r[7] || (r[7] = createElementVNode("div", { class: "!ire-text-xs ire-uppercase ire-text-gray-500" }, " Price ", -1)),
-                    (b = t.hoveredData) != null && b.price ? (openBlock(), createElementBlock("div", _hoisted_23$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),
+                    (E = e.hoveredData) != null && E.price ? (openBlock(), createElementBlock("div", _hoisted_29$1, [
                       createElementVNode("div", null, [
-                        (w = t.hoveredData) != null && w.offer_price ? (openBlock(), createElementBlock("div", _hoisted_25$1, [
-                          createElementVNode("div", _hoisted_26$1, toDisplayString(Number((V = t.hoveredData) == null ? void 0 : V.price).toLocaleString("fr-FR")), 1),
-                          createElementVNode("div", _hoisted_27, [
-                            createTextVNode(toDisplayString(Number((C = t.hoveredData) == null ? void 0 : C.offer_price).toLocaleString("fr-FR")) + " ", 1),
-                            r[6] || (r[6] = createElementVNode("span", null, "$", -1))
+                        (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),
+                          createElementVNode("div", _hoisted_33, [
+                            createTextVNode(toDisplayString(Number((y = e.hoveredData) == null ? void 0 : y.offer_price).toLocaleString("fr-FR")) + " ", 1),
+                            n[1] || (n[1] = createElementVNode("span", null, "$", -1))
                           ])
-                        ])) : (openBlock(), createElementBlock("div", _hoisted_24$1, [
-                          createTextVNode(toDisplayString(Number(t.hoveredData.price).toLocaleString("fr-FR")) + " ", 1),
-                          r[5] || (r[5] = createElementVNode("span", null, "$", -1))
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_30$1, [
+                          createTextVNode(toDisplayString(Number(e.hoveredData.price).toLocaleString("fr-FR")) + " ", 1),
+                          n[0] || (n[0] = createElementVNode("span", null, "$", -1))
                         ]))
                       ])
                     ])) : createCommentVNode("", !0)
                   ], 64))
                 ]),
-                createElementVNode("div", _hoisted_28, [
-                  createElementVNode("div", _hoisted_29, [
-                    createTextVNode(toDisplayString((j = Number(
-                      (R = (D = t.hoveredData) == null ? void 0 : D.type) == null ? void 0 : R.area_m2
-                    )) == null ? void 0 : j.toLocaleString("fr-FR")) + " M", 1),
-                    r[8] || (r[8] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
+                createElementVNode("div", _hoisted_34, [
+                  createElementVNode("div", _hoisted_35, [
+                    createTextVNode(toDisplayString((D = Number(
+                      (C = (V = e.hoveredData) == null ? void 0 : V.type) == null ? void 0 : C.area_m2
+                    )) == null ? void 0 : D.toLocaleString("fr-FR")) + " M", 1),
+                    n[2] || (n[2] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
                   ])
                 ])
               ])) : createCommentVNode("", !0)
@@ -300,65 +307,79 @@ const _hoisted_1$g = {
       })
     ]));
   }
-}), _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-opacity-0 ire-transition-transform ire-duration-500 ire-ease-in-out" }, _hoisted_2$8 = {
+}), _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-opacity-0 ire-transition-transform ire-duration-500 ire-ease-in-out" }, _hoisted_2$9 = {
   key: 0,
   class: "ire-flex ire-flex-col ire-items-center !ire-text-sm"
-}, _hoisted_3$7 = {
+}, _hoisted_3$8 = { class: "ire-capitalize" }, _hoisted_4$6 = {
   key: 0,
-  class: "ire-uppercase"
-}, _hoisted_4$6 = { key: 1 }, _hoisted_5$2 = {
+  class: "ire-capitalize"
+}, _hoisted_5$2 = {
+  key: 1,
+  class: "ire-text-nowrap ire-capitalize"
+}, _hoisted_6$2 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-3 !ire-text-sm"
-}, _hoisted_6$2 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_7$2 = { class: "ire-text-gray-300 ire-opacity-80" }, _hoisted_8$2 = {
+}, _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 = {
   key: 2,
   class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-1"
-}, _hoisted_9$2 = { class: "ire-line-clamp-2 ire-max-w-52 ire-text-center !ire-text-sm ire-capitalize" }, _hoisted_10$2 = {
+}, _hoisted_10$2 = { class: "ire-line-clamp-2 ire-max-w-52 ire-text-center !ire-text-sm ire-capitalize" }, _hoisted_11$2 = {
   key: 0,
   class: "!ire-text-sm ire-uppercase"
-}, _hoisted_11$1 = {
+}, _hoisted_12$2 = {
   key: 1,
   class: "ire-flex ire-items-center"
-}, _hoisted_12$1 = { class: "ire-whitespace-nowrap !ire-text-sm" }, _hoisted_13$1 = { class: "ire-whitespace-nowrap !ire-text-sm" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+}, _hoisted_13$1 = { class: "ire-whitespace-nowrap !ire-text-sm" }, _hoisted_14$1 = { class: "ire-whitespace-nowrap !ire-text-sm" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_2",
   props: {
     hoveredData: {},
     type: {}
   },
-  setup(e) {
-    const t = inject("mouseX"), r = inject("mouseY");
-    return (o, s) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
+  setup(t) {
+    const o = t, r = inject("mouseX"), e = inject("mouseY"), n = computed$1(() => {
+      var l;
+      return tr((l = o.hoveredData) == null ? void 0 : l.conf);
+    });
+    return (l, i) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
       default: withCtx(() => {
-        var c, d, k, l, f, x, y, u, _, a, v;
+        var c, k, w, S, $, h, m, u, p;
         return [
-          o.type && o.hoveredData && o.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+          l.type && l.hoveredData && l.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
             style: normalizeStyle({
-              transform: `translateX(${unref(t) || 0}px) translateY(${unref(r) || 0}px)`
+              transform: `translateX(${unref(r) || 0}px) translateY(${unref(e) || 0}px)`
             })
           }, [
             createElementVNode("div", _hoisted_1$f, [
-              o.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-                createElementVNode("div", null, "Floor: " + toDisplayString((c = o.hoveredData) == null ? void 0 : c.floor_number), 1),
-                (d = o.hoveredData) != null && d.conf ? (openBlock(), createElementBlock("div", _hoisted_3$7, toDisplayString(o.hoveredData.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_4$6, "Available: " + toDisplayString(((l = (k = o.hoveredData) == null ? void 0 : k.counts) == null ? void 0 : l.available) || 0), 1))
-              ])) : o.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
-                createElementVNode("div", _hoisted_6$2, [
-                  createElementVNode("div", null, toDisplayString((f = o.hoveredData) == null ? void 0 : f.title), 1),
-                  createElementVNode("span", _hoisted_7$2, toDisplayString((x = o.hoveredData) == null ? void 0 : x.conf), 1)
+              l.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+                createElementVNode("div", _hoisted_3$8, [
+                  createElementVNode("span", null, toDisplayString(unref(tr)("floor")), 1),
+                  createTextVNode(": " + toDisplayString((c = l.hoveredData) == null ? void 0 : c.floor_number), 1)
+                ]),
+                n.value ? (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString(n.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                  createElementVNode("span", null, toDisplayString(unref(tr)("available")), 1),
+                  createTextVNode(": " + toDisplayString(((w = (k = l.hoveredData) == null ? void 0 : k.counts) == null ? void 0 : w.available) || 0), 1)
+                ]))
+              ])) : l.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+                createElementVNode("div", _hoisted_7$2, [
+                  createElementVNode("div", null, toDisplayString((S = l.hoveredData) == null ? void 0 : S.title), 1),
+                  createElementVNode("span", _hoisted_8$2, toDisplayString(n.value), 1)
                 ])
-              ])) : o.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
-                createElementVNode("div", _hoisted_9$2, toDisplayString((y = o.hoveredData) == null ? void 0 : y.flat_number), 1),
-                (u = o.hoveredData) != null && u.conf ? (openBlock(), createElementBlock("div", _hoisted_10$2, toDisplayString(o.hoveredData.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_11$1, [
+              ])) : l.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+                createElementVNode("div", _hoisted_10$2, toDisplayString(($ = l.hoveredData) == null ? void 0 : $.flat_number), 1),
+                n.value ? (openBlock(), createElementBlock("div", _hoisted_11$2, toDisplayString(n.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_12$2, [
                   createElementVNode("div", null, [
-                    createElementVNode("div", _hoisted_12$1, [
-                      createTextVNode(toDisplayString(Number((_ = o.hoveredData) == null ? void 0 : _.price).toLocaleString("fr-FR")) + " ", 1),
-                      s[0] || (s[0] = createElementVNode("span", { class: "ire-right-[2px] !ire-text-sm ire-text-gray-200" }, " $ ", -1))
+                    createElementVNode("div", _hoisted_13$1, [
+                      createTextVNode(toDisplayString(Number((h = l.hoveredData) == null ? void 0 : h.price).toLocaleString("fr-FR")) + " ", 1),
+                      i[0] || (i[0] = createElementVNode("span", { class: "ire-right-[2px] !ire-text-sm ire-text-gray-200" }, " $ ", -1))
                     ])
                   ])
                 ])),
-                createElementVNode("div", _hoisted_13$1, [
-                  createTextVNode(toDisplayString((v = (a = o.hoveredData) == null ? void 0 : a.type) == null ? void 0 : v.area_m2) + " M ", 1),
-                  s[1] || (s[1] = createElementVNode("sup", { class: "ire-right-[2px] !ire-text-xs ire-text-gray-200" }, " 2 ", -1))
+                createElementVNode("div", _hoisted_14$1, [
+                  createTextVNode(toDisplayString((p = Number((u = (m = l.hoveredData) == null ? void 0 : m.type) == null ? void 0 : u.area_m2)) == null ? void 0 : p.toLocaleString(
+                    "fr-FR"
+                  )) + " M ", 1),
+                  i[1] || (i[1] = createElementVNode("sup", { class: "ire-right-[2px] !ire-text-xs ire-text-gray-200" }, " 2 ", -1))
                 ])
               ])) : createCommentVNode("", !0)
             ])
@@ -368,48 +389,48 @@ const _hoisted_1$g = {
       _: 1
     }));
   }
-}), _hoisted_1$e = { class: "tooltip-2 ire-flex ire-w-fit ire-origin-top ire-items-center ire-justify-center ire-rounded-2xl ire-border ire-bg-white ire-p-4 ire-transition-transform ire-ease-in-out" }, _hoisted_2$7 = {
+}), _hoisted_1$e = { class: "tooltip-2 ire-flex ire-w-fit ire-origin-top ire-items-center ire-justify-center ire-rounded-2xl ire-border ire-bg-white ire-p-4 ire-transition-transform ire-ease-in-out" }, _hoisted_2$8 = {
   key: 0,
   class: "ire-flex ire-flex-col ire-items-center ire-gap-3"
-}, _hoisted_3$6 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$5 = { class: "!ire-text-2xl" }, _hoisted_5$1 = {
+}, _hoisted_3$7 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$5 = { class: "!ire-text-2xl" }, _hoisted_5$1 = { class: "!ire-text-sm ire-uppercase" }, _hoisted_6$1 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-3"
-}, _hoisted_6$1 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_7$1 = { class: "!text-2xl" }, _hoisted_8$1 = {
+}, _hoisted_7$1 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_8$1 = { class: "!text-2xl" }, _hoisted_9$1 = {
   key: 2,
   class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3"
-}, _hoisted_9$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_10$1 = { class: "ire-max-w-52 ire-text-center !ire-text-2xl ire-capitalize" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
+}, _hoisted_10$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_11$1 = { class: "ire-max-w-52 ire-text-center !ire-text-2xl ire-capitalize" }, _hoisted_12$1 = { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_3",
   props: {
     hoveredData: {},
     type: {}
   },
-  setup(e) {
-    const t = inject("mouseX"), r = inject("mouseY");
-    return (o, s) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
+  setup(t) {
+    const o = inject("mouseX"), r = inject("mouseY");
+    return (e, n) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
       default: withCtx(() => {
-        var c, d, k;
+        var l, i, c;
         return [
-          o.type && o.hoveredData && o.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+          e.type && e.hoveredData && e.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
             style: normalizeStyle({
-              transform: `translateX(${unref(t) || 0}px) translateY(${unref(r) || 0}px)`
+              transform: `translateX(${unref(o) || 0}px) translateY(${unref(r) || 0}px)`
             })
           }, [
             createElementVNode("div", _hoisted_1$e, [
-              o.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-                createElementVNode("div", _hoisted_3$6, [
-                  createElementVNode("div", _hoisted_4$5, toDisplayString((c = o.hoveredData) == null ? void 0 : c.floor_number), 1),
-                  s[0] || (s[0] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Floor", -1))
+              e.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+                createElementVNode("div", _hoisted_3$7, [
+                  createElementVNode("div", _hoisted_4$5, toDisplayString((l = e.hoveredData) == null ? void 0 : l.floor_number), 1),
+                  createElementVNode("div", _hoisted_5$1, toDisplayString(unref(tr)("floor")), 1)
                 ])
-              ])) : o.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-                createElementVNode("div", _hoisted_6$1, [
-                  createElementVNode("div", _hoisted_7$1, toDisplayString((d = o.hoveredData) == null ? void 0 : d.title), 1)
+              ])) : e.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)
                 ])
-              ])) : o.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                createElementVNode("div", _hoisted_9$1, [
-                  createElementVNode("div", _hoisted_10$1, toDisplayString((k = o.hoveredData) == null ? void 0 : k.flat_number), 1),
-                  s[1] || (s[1] = createElementVNode("div", { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, "Apartment", -1))
+              ])) : e.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                createElementVNode("div", _hoisted_10$1, [
+                  createElementVNode("div", _hoisted_11$1, toDisplayString((c = e.hoveredData) == null ? void 0 : c.flat_number), 1),
+                  createElementVNode("div", _hoisted_12$1, toDisplayString(unref(tr)("apartment")), 1)
                 ])
               ])) : createCommentVNode("", !0)
             ])
@@ -428,36 +449,50 @@ const _hoisted_1$g = {
     hoverdData: {},
     type: {}
   },
-  setup(e) {
-    const t = ref(), r = inject("shortcodeData"), o = computed$1(() => {
-      var s;
-      return ((s = r.meta.find((c) => c.meta_key === "tooltip")) == null ? void 0 : s.meta_value) || "1";
+  setup(t) {
+    const o = inject("shortcodeData"), r = inject("showFlatModal"), e = ref(), n = ref(!0), l = computed$1(() => {
+      var i;
+      return ((i = o.meta.find((c) => c.meta_key === "tooltip")) == null ? void 0 : i.meta_value) || "1";
     });
-    return (s, c) => (openBlock(), createElementBlock("div", {
+    return watch(
+      () => r == null ? void 0 : r.value,
+      () => {
+        r != null && r.value ? n.value = !1 : setTimeout(() => {
+          n.value = !0;
+        }, 400);
+      }
+    ), (i, c) => (openBlock(), createElementBlock("div", {
       ref_key: "canvasRef",
-      ref: t,
-      class: "ire-relative ire-overflow-hidden ire-pt-1 [&_.tooltip-2]:active:!ire-scale-110"
+      ref: e,
+      class: "ire-relative ire-overflow-hidden ire-pt-2 [&_.tooltip-2]:active:!ire-scale-110"
     }, [
-      s.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
-        renderSlot(s.$slots, "header")
+      i.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+        renderSlot(i.$slots, "header")
       ])) : createCommentVNode("", !0),
-      renderSlot(s.$slots, "default"),
-      o.value === "2" ? (openBlock(), createBlock(_sfc_main$i, {
-        key: 1,
-        "hovered-data": s.hoverdData,
-        type: s.type || "",
-        class: "ire-hidden lg:ire-flex"
-      }, null, 8, ["hovered-data", "type"])) : o.value === "3" ? (openBlock(), createBlock(_sfc_main$h, {
-        key: 2,
-        "hovered-data": s.hoverdData,
-        type: s.type || "",
-        class: "ire-hidden lg:ire-flex"
-      }, 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"]))
+      renderSlot(i.$slots, "default"),
+      createVNode(Transition, { name: "ire-fade-in-out" }, {
+        default: withCtx(() => [
+          n.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            l.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"])) : l.value === "3" ? (openBlock(), createBlock(_sfc_main$h, {
+              key: 1,
+              "hovered-data": i.hoverdData,
+              type: i.type || "",
+              class: "ire-hidden lg:ire-flex"
+            }, null, 8, ["hovered-data", "type"])) : (openBlock(), createBlock(_sfc_main$j, {
+              key: 2,
+              "hovered-data": i.hoverdData,
+              type: i.type || "",
+              class: "ire-hidden lg:ire-block"
+            }, null, 8, ["hovered-data", "type"]))
+          ], 64)) : createCommentVNode("", !0)
+        ]),
+        _: 1
+      })
     ], 512));
   }
 });
@@ -467,219 +502,219 @@ const _hoisted_1$g = {
  * @license MIT
  */
 let activePinia;
-const setActivePinia = (e) => activePinia = e, piniaSymbol = (
+const setActivePinia = (t) => activePinia = t, piniaSymbol = (
   /* istanbul ignore next */
   Symbol()
 );
-function isPlainObject(e) {
-  return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
+function isPlainObject(t) {
+  return t && typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]" && typeof t.toJSON != "function";
 }
 var MutationType;
-(function(e) {
-  e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
+(function(t) {
+  t.direct = "direct", t.patchObject = "patch object", t.patchFunction = "patch function";
 })(MutationType || (MutationType = {}));
 function createPinia() {
-  const e = effectScope(!0), t = e.run(() => ref({}));
-  let r = [], o = [];
-  const s = markRaw({
-    install(c) {
-      setActivePinia(s), s._a = c, c.provide(piniaSymbol, s), c.config.globalProperties.$pinia = s, o.forEach((d) => r.push(d)), o = [];
+  const t = effectScope(!0), o = t.run(() => ref({}));
+  let r = [], e = [];
+  const n = markRaw({
+    install(l) {
+      setActivePinia(n), n._a = l, l.provide(piniaSymbol, n), l.config.globalProperties.$pinia = n, e.forEach((i) => r.push(i)), e = [];
     },
-    use(c) {
-      return this._a ? r.push(c) : o.push(c), this;
+    use(l) {
+      return this._a ? r.push(l) : e.push(l), this;
     },
     _p: r,
     // it's actually undefined here
     // @ts-expect-error
     _a: null,
-    _e: e,
+    _e: t,
     _s: /* @__PURE__ */ new Map(),
-    state: t
+    state: o
   });
-  return s;
+  return n;
 }
 const noop = () => {
 };
-function addSubscription(e, t, r, o = noop) {
-  e.push(t);
-  const s = () => {
-    const c = e.indexOf(t);
-    c > -1 && (e.splice(c, 1), o());
+function addSubscription(t, o, r, e = noop) {
+  t.push(o);
+  const n = () => {
+    const l = t.indexOf(o);
+    l > -1 && (t.splice(l, 1), e());
   };
-  return !r && getCurrentScope() && onScopeDispose(s), s;
+  return !r && getCurrentScope() && onScopeDispose(n), n;
 }
-function triggerSubscriptions(e, ...t) {
-  e.slice().forEach((r) => {
-    r(...t);
+function triggerSubscriptions(t, ...o) {
+  t.slice().forEach((r) => {
+    r(...o);
   });
 }
-const fallbackRunWithContext = (e) => e(), ACTION_MARKER = Symbol(), ACTION_NAME = Symbol();
-function mergeReactiveObjects(e, t) {
-  e instanceof Map && t instanceof Map ? t.forEach((r, o) => e.set(o, r)) : e instanceof Set && t instanceof Set && t.forEach(e.add, e);
-  for (const r in t) {
-    if (!t.hasOwnProperty(r))
+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);
+  for (const r in o) {
+    if (!o.hasOwnProperty(r))
       continue;
-    const o = t[r], s = e[r];
-    isPlainObject(s) && isPlainObject(o) && e.hasOwnProperty(r) && !isRef(o) && !isReactive(o) ? e[r] = mergeReactiveObjects(s, o) : e[r] = o;
+    const e = o[r], n = t[r];
+    isPlainObject(n) && isPlainObject(e) && t.hasOwnProperty(r) && !isRef(e) && !isReactive(e) ? t[r] = mergeReactiveObjects(n, e) : t[r] = e;
   }
-  return e;
+  return t;
 }
 const skipHydrateSymbol = (
   /* istanbul ignore next */
   Symbol()
 );
-function shouldHydrate(e) {
-  return !isPlainObject(e) || !e.hasOwnProperty(skipHydrateSymbol);
+function shouldHydrate(t) {
+  return !isPlainObject(t) || !t.hasOwnProperty(skipHydrateSymbol);
 }
 const { assign } = Object;
-function isComputed(e) {
-  return !!(isRef(e) && e.effect);
+function isComputed(t) {
+  return !!(isRef(t) && t.effect);
 }
-function createOptionsStore(e, t, r, o) {
-  const { state: s, actions: c, getters: d } = t, k = r.state.value[e];
-  let l;
-  function f() {
-    k || (r.state.value[e] = s ? s() : {});
-    const x = toRefs(r.state.value[e]);
-    return assign(x, c, Object.keys(d || {}).reduce((y, u) => (y[u] = markRaw(computed$1(() => {
+function createOptionsStore(t, o, r, e) {
+  const { state: n, actions: l, getters: i } = o, c = r.state.value[t];
+  let k;
+  function w() {
+    c || (r.state.value[t] = n ? n() : {});
+    const S = toRefs(r.state.value[t]);
+    return assign(S, l, Object.keys(i || {}).reduce(($, h) => ($[h] = markRaw(computed$1(() => {
       setActivePinia(r);
-      const _ = r._s.get(e);
-      return d[u].call(_, _);
-    })), y), {}));
+      const m = r._s.get(t);
+      return i[h].call(m, m);
+    })), $), {}));
   }
-  return l = createSetupStore(e, f, t, r, o, !0), l;
+  return k = createSetupStore(t, w, o, r, e, !0), k;
 }
-function createSetupStore(e, t, r = {}, o, s, c) {
-  let d;
-  const k = assign({ actions: {} }, r), l = { deep: !0 };
-  let f, x, y = [], u = [], _;
-  const a = o.state.value[e];
-  !c && !a && (o.state.value[e] = {}), ref({});
-  let v;
-  function n(g) {
-    let b;
-    f = x = !1, typeof g == "function" ? (g(o.state.value[e]), b = {
+function createSetupStore(t, o, r = {}, e, n, l) {
+  let i;
+  const c = assign({ actions: {} }, r), k = { deep: !0 };
+  let w, S, $ = [], h = [], m;
+  const u = e.state.value[t];
+  !l && !u && (e.state.value[t] = {}), ref({});
+  let p;
+  function a(f) {
+    let g;
+    w = S = !1, typeof f == "function" ? (f(e.state.value[t]), g = {
       type: MutationType.patchFunction,
-      storeId: e,
-      events: _
-    }) : (mergeReactiveObjects(o.state.value[e], g), b = {
+      storeId: t,
+      events: m
+    }) : (mergeReactiveObjects(e.state.value[t], f), g = {
       type: MutationType.patchObject,
-      payload: g,
-      storeId: e,
-      events: _
+      payload: f,
+      storeId: t,
+      events: m
     });
-    const w = v = Symbol();
+    const y = p = Symbol();
     nextTick().then(() => {
-      v === w && (f = !0);
-    }), x = !0, triggerSubscriptions(y, b, o.state.value[e]);
+      p === y && (w = !0);
+    }), S = !0, triggerSubscriptions($, g, e.state.value[t]);
   }
-  const i = c ? function() {
-    const { state: b } = r, w = b ? b() : {};
+  const s = l ? function() {
+    const { state: g } = r, y = g ? g() : {};
     this.$patch((V) => {
-      assign(V, w);
+      assign(V, y);
     });
   } : (
     /* istanbul ignore next */
     noop
   );
-  function p() {
-    d.stop(), y = [], u = [], o._s.delete(e);
+  function d() {
+    i.stop(), $ = [], h = [], e._s.delete(t);
   }
-  const m = (g, b = "") => {
-    if (ACTION_MARKER in g)
-      return g[ACTION_NAME] = b, g;
-    const w = function() {
-      setActivePinia(o);
+  const v = (f, g = "") => {
+    if (ACTION_MARKER in f)
+      return f[ACTION_NAME] = g, f;
+    const y = function() {
+      setActivePinia(e);
       const V = Array.from(arguments), C = [], D = [];
-      function R(B) {
+      function M(B) {
         C.push(B);
       }
-      function j(B) {
+      function T(B) {
         D.push(B);
       }
-      triggerSubscriptions(u, {
+      triggerSubscriptions(h, {
         args: V,
-        name: w[ACTION_NAME],
-        store: h,
-        after: R,
-        onError: j
+        name: y[ACTION_NAME],
+        store: _,
+        after: M,
+        onError: T
       });
       let N;
       try {
-        N = g.apply(this && this.$id === e ? this : h, V);
+        N = f.apply(this && this.$id === t ? this : _, V);
       } catch (B) {
         throw triggerSubscriptions(D, B), B;
       }
       return N instanceof Promise ? N.then((B) => (triggerSubscriptions(C, B), B)).catch((B) => (triggerSubscriptions(D, B), Promise.reject(B))) : (triggerSubscriptions(C, N), N);
     };
-    return w[ACTION_MARKER] = !0, w[ACTION_NAME] = b, w;
-  }, $ = {
-    _p: o,
+    return y[ACTION_MARKER] = !0, y[ACTION_NAME] = g, y;
+  }, b = {
+    _p: e,
     // _s: scope,
-    $id: e,
-    $onAction: addSubscription.bind(null, u),
-    $patch: n,
-    $reset: i,
-    $subscribe(g, b = {}) {
-      const w = addSubscription(y, g, b.detached, () => V()), V = d.run(() => watch(() => o.state.value[e], (C) => {
-        (b.flush === "sync" ? x : f) && g({
-          storeId: e,
+    $id: t,
+    $onAction: addSubscription.bind(null, h),
+    $patch: a,
+    $reset: s,
+    $subscribe(f, g = {}) {
+      const y = addSubscription($, f, g.detached, () => V()), V = i.run(() => watch(() => e.state.value[t], (C) => {
+        (g.flush === "sync" ? S : w) && f({
+          storeId: t,
           type: MutationType.direct,
-          events: _
+          events: m
         }, C);
-      }, assign({}, l, b)));
-      return w;
+      }, assign({}, k, g)));
+      return y;
     },
-    $dispose: p
-  }, h = reactive($);
-  o._s.set(e, h);
-  const S = (o._a && o._a.runWithContext || fallbackRunWithContext)(() => o._e.run(() => (d = effectScope()).run(() => t({ action: m }))));
-  for (const g in S) {
-    const b = S[g];
-    if (isRef(b) && !isComputed(b) || isReactive(b))
-      c || (a && shouldHydrate(b) && (isRef(b) ? b.value = a[g] : mergeReactiveObjects(b, a[g])), o.state.value[e][g] = b);
-    else if (typeof b == "function") {
-      const w = m(b, g);
-      S[g] = w, k.actions[g] = b;
+    $dispose: d
+  }, _ = reactive(b);
+  e._s.set(t, _);
+  const E = (e._a && e._a.runWithContext || fallbackRunWithContext)(() => e._e.run(() => (i = effectScope()).run(() => o({ action: v }))));
+  for (const f in E) {
+    const g = E[f];
+    if (isRef(g) && !isComputed(g) || isReactive(g))
+      l || (u && shouldHydrate(g) && (isRef(g) ? g.value = u[f] : mergeReactiveObjects(g, u[f])), e.state.value[t][f] = g);
+    else if (typeof g == "function") {
+      const y = v(g, f);
+      E[f] = y, c.actions[f] = g;
     }
   }
-  return assign(h, S), assign(toRaw(h), S), Object.defineProperty(h, "$state", {
-    get: () => o.state.value[e],
-    set: (g) => {
-      n((b) => {
-        assign(b, g);
+  return assign(_, E), assign(toRaw(_), E), Object.defineProperty(_, "$state", {
+    get: () => e.state.value[t],
+    set: (f) => {
+      a((g) => {
+        assign(g, f);
       });
     }
-  }), o._p.forEach((g) => {
-    assign(h, d.run(() => g({
-      store: h,
-      app: o._a,
-      pinia: o,
-      options: k
+  }), e._p.forEach((f) => {
+    assign(_, i.run(() => f({
+      store: _,
+      app: e._a,
+      pinia: e,
+      options: c
     })));
-  }), a && c && r.hydrate && r.hydrate(h.$state, a), f = !0, x = !0, h;
+  }), u && l && r.hydrate && r.hydrate(_.$state, u), w = !0, S = !0, _;
 }
 /*! #__NO_SIDE_EFFECTS__ */
 // @__NO_SIDE_EFFECTS__
-function defineStore(e, t, r) {
-  let o;
-  const s = typeof t == "function";
-  o = s ? r : t;
-  function c(d, k) {
-    const l = hasInjectionContext();
-    return d = // in test mode, ignore the argument provided as we can always retrieve a
+function defineStore(t, o, r) {
+  let e;
+  const n = typeof o == "function";
+  e = n ? r : o;
+  function l(i, c) {
+    const k = hasInjectionContext();
+    return i = // in test mode, ignore the argument provided as we can always retrieve a
     // pinia instance with getActivePinia()
-    d || (l ? inject(piniaSymbol, null) : null), d && setActivePinia(d), d = activePinia, d._s.has(e) || (s ? createSetupStore(e, t, o, d) : createOptionsStore(e, o, d)), d._s.get(e);
+    i || (k ? inject(piniaSymbol, null) : null), i && setActivePinia(i), i = activePinia, i._s.has(t) || (n ? createSetupStore(t, o, e, i) : createOptionsStore(t, e, i)), i._s.get(t);
   }
-  return c.$id = e, c;
+  return l.$id = t, l;
 }
 const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
-  const e = ref(), t = ref("1");
+  const t = ref(), o = ref("1");
   return {
-    hoverdSvg: e,
-    tooltip: t
+    hoverdSvg: t,
+    tooltip: o
   };
-}), _hoisted_1$c = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_2$6 = ["src"], _hoisted_3$5 = ["innerHTML"], _sfc_main$f = /* @__PURE__ */ defineComponent({
+}), _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({
   __name: "ProjectPreview",
   props: {
     project: {},
@@ -690,97 +725,89 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
     projectMeta: {}
   },
   emits: ["changeComponent"],
-  setup(e, { emit: t }) {
-    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(null), l = computed(() => {
-      if (o.project)
-        return o.project.svg;
-    });
-    computed(() => {
-      var u, _;
-      const y = (_ = (u = o.projectMeta) == null ? void 0 : u.find(
-        (a) => (a == null ? void 0 : a.meta_key) === "project_img_contain"
-      )) == null ? void 0 : _.meta_value;
-      return JSON.parse((y == null ? void 0 : y.toString()) || "false");
-    });
-    const f = (y) => {
-      const u = y.target;
-      u && (c.value = u);
-    }, x = (y) => {
-      var _, a, v;
-      const u = y.target;
-      (u == null ? void 0 : u.nodeName) === "path" && (((_ = d.value) == null ? void 0 : _.conf) === "sold" || ((a = d.value) == null ? void 0 : a.conf) === "reserved" || r("changeComponent", ((v = k.value) == null ? void 0 : v.type) || "", d == null ? void 0 : d.value));
+  setup(t, { emit: o }) {
+    const r = o, e = t, n = useGlobalStore(), l = ref(), i = ref(), c = ref(null), k = computed(() => {
+      if (e.project)
+        return e.project.svg;
+    }), w = ($) => {
+      const h = $.target;
+      h && (l.value = h);
+    }, S = ($) => {
+      var m, u, p;
+      const h = $.target;
+      (h == null ? void 0 : h.nodeName) === "path" && (((m = i.value) == null ? void 0 : m.conf) === "sold" || ((u = i.value) == null ? void 0 : u.conf) === "reserved" || r("changeComponent", ((p = c.value) == null ? void 0 : p.type) || "", i == null ? void 0 : i.value));
     };
     return watch(
-      () => c.value,
-      (y) => {
-        var _, a, v, n, i, p, m;
-        if (!y) return;
-        s.hoverdSvg = y;
-        const u = y.parentElement;
-        if (u && (u == null ? void 0 : u.nodeName) === "g") {
-          const $ = u == null ? void 0 : u.getAttribute("id");
-          if (!$ || (k.value = ((_ = o.project) == null ? void 0 : _.polygon_data.find((E) => (E == null ? void 0 : E.key) === $)) || null, !k.value)) return;
-          const h = (a = k.value) == null ? void 0 : a.id;
-          switch ((v = k.value) == null ? void 0 : v.type) {
+      () => l.value,
+      ($) => {
+        var m, u, p, a, s, d, v;
+        if (!$) return;
+        n.hoverdSvg = $;
+        const h = $.parentElement;
+        if (h && (h == null ? void 0 : h.nodeName) === "g") {
+          const b = h == null ? void 0 : h.getAttribute("id");
+          if (!b || (c.value = ((m = e.project) == null ? void 0 : m.polygon_data.find((x) => (x == null ? void 0 : x.key) === b)) || null, !c.value)) return;
+          const _ = (u = c.value) == null ? void 0 : u.id;
+          switch ((p = c.value) == null ? void 0 : p.type) {
             case "floor":
-              const E = (n = o.floors) == null ? void 0 : n.find(
-                (w) => w.id === h
+              const x = (a = e.floors) == null ? void 0 : a.find(
+                (y) => y.id === _
               );
-              d.value = E;
+              i.value = x;
               break;
             case "block":
-              const S = (i = o.blocks) == null ? void 0 : i.find(
-                (w) => (w == null ? void 0 : w.id) === h
+              const E = (s = e.blocks) == null ? void 0 : s.find(
+                (y) => (y == null ? void 0 : y.id) === _
               );
-              d.value = S;
+              i.value = E;
               break;
             case "flat":
-              const g = (p = o.flats) == null ? void 0 : p.find(
-                (w) => (w == null ? void 0 : w.id) === h
+              const f = (d = e.flats) == null ? void 0 : d.find(
+                (y) => (y == null ? void 0 : y.id) === _
               );
-              d.value = g;
+              i.value = f;
               break;
             case "tooltip":
-              const b = (m = o.actions) == null ? void 0 : m.find(
-                (w) => (w == null ? void 0 : w.id) === h
+              const g = (v = e.actions) == null ? void 0 : v.find(
+                (y) => (y == null ? void 0 : y.id) === _
               );
-              d.value = b;
+              i.value = g;
               break;
             default:
-              d.value = null;
+              i.value = null;
               break;
           }
         } else
-          k.value = null, d.value = null;
+          c.value = null, i.value = null;
       }
-    ), (y, u) => {
-      var _;
+    ), ($, h) => {
+      var m;
       return openBlock(), createBlock(_sfc_main$g, {
-        hoverdData: d.value,
-        type: (_ = k.value) == null ? void 0 : _.type
+        hoverdData: i.value,
+        type: (m = c.value) == null ? void 0 : m.type,
+        onMouseover: w
       }, {
         default: withCtx(() => {
-          var a, v, n, i, p, m;
+          var u, p, a, s, d, v;
           return [
             createElementVNode("div", _hoisted_1$c, [
               createElementVNode("img", {
-                src: (n = (v = (a = y.project) == null ? void 0 : a.project_image) == null ? void 0 : v[0]) == null ? void 0 : n.url,
+                src: (a = (p = (u = $.project) == null ? void 0 : u.project_image) == null ? void 0 : p[0]) == null ? void 0 : a.url,
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
-              }, null, 8, _hoisted_2$6),
+              }, null, 8, _hoisted_2$7),
               (openBlock(), createElementBlock("div", {
-                innerHTML: unref(l),
-                key: unref(l),
+                innerHTML: unref(k),
+                key: unref(k),
                 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.value && ((i = d.value) == null ? void 0 : i.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": d.value && ((p = d.value) == null ? void 0 : p.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((m = d.value) != null && m.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": i.value && ((s = i.value) == null ? void 0 : s.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": i.value && ((d = i.value) == null ? void 0 : d.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((v = i.value) != null && v.conf)
                   }
                 ]]),
-                onMouseover: f,
-                onClick: x
-              }, null, 42, _hoisted_3$5))
+                onClick: S
+              }, null, 10, _hoisted_3$6))
             ])
           ];
         }),
@@ -788,10 +815,10 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _hoisted_1$b = { class: "ire-w-full ire-min-w-[150px] ire-max-w-[200px] ire-border ire-border-slate-200 lg:ire-min-w-[250px]" }, _hoisted_2$5 = {
+}), _hoisted_1$b = { class: "ire-w-full ire-min-w-[150px] ire-max-w-[200px] ire-border ire-border-slate-200 lg:ire-min-w-[250px]" }, _hoisted_2$6 = {
   key: 0,
   class: "label"
-}, _hoisted_3$4 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$e = /* @__PURE__ */ defineComponent({
+}, _hoisted_3$5 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "PreviewSelect",
   props: /* @__PURE__ */ mergeModels({
     data: {},
@@ -804,26 +831,26 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(e) {
-    const t = useModel(e, "modelValue");
-    return (r, o) => (openBlock(), createElementBlock("div", _hoisted_1$b, [
-      r.label ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(r.label), 1)) : createCommentVNode("", !0),
-      createElementVNode("div", _hoisted_3$4, [
+  setup(t) {
+    const o = useModel(t, "modelValue");
+    return (r, e) => (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": o[0] || (o[0] = (s) => t.value = s),
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => o.value = n),
           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 c, d;
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(r.data, (n) => {
+            var l, i;
             return openBlock(), createElementBlock("option", {
-              value: s.value,
-              disabled: ((c = s == null ? void 0 : s.title) == null ? void 0 : c.includes("reserved")) || ((d = s == null ? void 0 : s.title) == null ? void 0 : d.includes("sold"))
-            }, toDisplayString(s.title), 9, _hoisted_4$4);
+              value: n.value,
+              disabled: ((l = n == null ? void 0 : n.title) == null ? void 0 : l.includes("reserved")) || ((i = n == null ? void 0 : n.title) == null ? void 0 : i.includes("sold"))
+            }, toDisplayString(n.title), 9, _hoisted_4$4);
           }), 256))
         ], 512), [
-          [vModelSelect, t.value]
+          [vModelSelect, o.value]
         ]),
-        o[1] || (o[1] = createElementVNode("svg", {
+        e[1] || (e[1] = createElementVNode("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -847,23 +874,23 @@ const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
   viewBox: "0 0 32 32",
   fill: "none"
 };
-function _sfc_render$3(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$a, t[0] || (t[0] = [
+function _sfc_render$3(t, 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",
       fill: "#44546F"
     }, 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" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
+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({
   __name: "BackButton",
-  setup(e) {
-    return (t, r) => (openBlock(), createElementBlock("div", _hoisted_1$9, [
+  setup(t) {
+    return (o, r) => (openBlock(), createElementBlock("div", _hoisted_1$9, [
       createVNode(ArrowRight, { class: "ire-w-6 ire-rotate-180 group-hover:[&_path]:ire-fill-white" }),
-      r[0] || (r[0] = createElementVNode("p", { class: "!ire-text-sm group-hover:!ire-text-white lg:!ire-text-balance" }, " Back ", -1))
+      createElementVNode("p", _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$3 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$b = /* @__PURE__ */ defineComponent({
+}), _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({
   __name: "FloorPreview",
   props: {
     flats: {},
@@ -873,149 +900,149 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_ren
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(e, { emit: t }) {
-    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(), l = ref(null), f = ref(), x = ref(), y = computed$1(() => {
-      var i;
-      if ((i = o.floor) != null && i.svg)
-        return o.floor.svg;
-    }), u = computed$1(() => o.floors.filter(
-      (i) => {
-        var p, m;
+  setup(t, { emit: o }) {
+    const r = o, e = t, n = useGlobalStore(), l = ref(), i = ref(), c = ref(), k = ref(null), w = ref(), S = ref(), $ = computed$1(() => {
+      var s;
+      if ((s = e.floor) != null && s.svg)
+        return e.floor.svg;
+    }), h = computed$1(() => e.floors.filter(
+      (s) => {
+        var d, v;
         return (
           // floorItem.conf !== "reserved" &&
           // floorItem.conf !== "sold" &&
-          (p = o.floor) != null && p.block_id ? (i == null ? void 0 : i.block_id) === ((m = o.floor) == null ? void 0 : m.block_id) : !(i != null && i.block_id)
+          (d = e.floor) != null && d.block_id ? (s == null ? void 0 : s.block_id) === ((v = e.floor) == null ? void 0 : v.block_id) : !(s != null && s.block_id)
         );
       }
-    ).map((i) => {
-      var m, $;
-      const p = (m = o.blocks) == null ? void 0 : m.find(
-        (h) => {
-          var E;
-          return (h == null ? void 0 : h.id) === ((E = i == null ? void 0 : i.block_id) == null ? void 0 : E.toString());
+    ).map((s) => {
+      var v, b;
+      const d = (v = e.blocks) == null ? void 0 : v.find(
+        (_) => {
+          var x;
+          return (_ == null ? void 0 : _.id) === ((x = s == null ? void 0 : s.block_id) == null ? void 0 : x.toString());
         }
       );
       return {
-        title: (($ = i == null ? void 0 : i.floor_number) == null ? void 0 : $.toString()) + " Floor" + (p != null && p.id ? ` - ${p == null ? void 0 : p.title}` : "") + (i != null && i.conf ? " " + i.conf : ""),
-        value: i == null ? void 0 : i.id
+        title: ((b = s == null ? void 0 : s.floor_number) == null ? void 0 : b.toString()) + " Floor" + (d != null && d.id ? ` - ${d == null ? void 0 : d.title}` : "") + (s != null && s.conf ? " " + s.conf : ""),
+        value: s == null ? void 0 : s.id
       };
-    }).sort((i, p) => +(i == null ? void 0 : i.title) - +(p == null ? void 0 : p.title)) || []), _ = (i) => {
-      const p = i.target;
-      p && (d.value = p);
-    }, a = (i) => {
-      var m, $, h;
-      const p = i.target;
-      (p == null ? void 0 : p.nodeName) === "path" && (l.value && "conf" in l.value && (((m = l.value) == null ? void 0 : m.conf) === "sold" || (($ = l.value) == null ? void 0 : $.conf) === "reserved") || r("changeComponent", ((h = k.value) == null ? void 0 : h.type) || "", l.value));
-    }, v = () => {
-      var i;
-      c.value && ((i = c.value) == null ? void 0 : i.querySelectorAll("g")).forEach((m) => {
-        var E, S, g, b, w, V;
-        const $ = m == null ? void 0 : m.getAttribute("id"), h = (S = (E = o.floor) == null ? void 0 : E.polygon_data) == null ? void 0 : S.find(
-          (C) => (C == null ? void 0 : C.key) === $
+    }).sort((s, d) => +(s == null ? void 0 : s.title) - +(d == null ? void 0 : d.title)) || []), m = (s) => {
+      const d = s.target;
+      d && (i.value = d);
+    }, u = (s) => {
+      var v, b, _;
+      const d = s.target;
+      (d == null ? void 0 : d.nodeName) === "path" && (k.value && "conf" in k.value && (((v = k.value) == null ? void 0 : v.conf) === "sold" || ((b = k.value) == null ? void 0 : b.conf) === "reserved") || r("changeComponent", ((_ = c.value) == null ? void 0 : _.type) || "", k.value));
+    }, p = () => {
+      var s;
+      l.value && ((s = l.value) == null ? void 0 : s.querySelectorAll("g")).forEach((v) => {
+        var x, E, f, g, y, V;
+        const b = v == null ? void 0 : v.getAttribute("id"), _ = (E = (x = e.floor) == null ? void 0 : x.polygon_data) == null ? void 0 : E.find(
+          (C) => (C == null ? void 0 : C.key) === b
         );
-        if (o.flats)
-          if ((g = o.floor) != null && g.conf)
-            m.setAttribute("conf", ((b = o.floor) == null ? void 0 : b.conf) || "");
+        if (e.flats)
+          if ((f = e.floor) != null && f.conf)
+            v.setAttribute("conf", ((g = e.floor) == null ? void 0 : g.conf) || "");
           else {
-            const C = (w = o.flats) == null ? void 0 : w.find(
-              (D) => (D == null ? void 0 : D.id) === (h == null ? void 0 : h.id)
+            const C = (y = e.flats) == null ? void 0 : y.find(
+              (D) => (D == null ? void 0 : D.id) === (_ == null ? void 0 : _.id)
             );
-            m == null || m.setAttribute("conf", ((V = C == null ? void 0 : C.conf) == null ? void 0 : V.toString()) || "");
+            v == null || v.setAttribute("conf", ((V = C == null ? void 0 : C.conf) == null ? void 0 : V.toString()) || "");
           }
       });
-    }, n = () => {
-      var i;
-      (i = o.floor) != null && i.block_id ? r("changeComponent", "block", x.value) : r("changeComponent", "project", null);
+    }, a = () => {
+      var s;
+      (s = e.floor) != null && s.block_id ? r("changeComponent", "block", S.value) : r("changeComponent", "project", null);
     };
     return watch(
-      () => d.value,
-      (i) => {
-        var m, $, h, E, S, g;
-        if (!i) return;
-        s.hoverdSvg = i;
-        const p = i == null ? void 0 : i.parentElement;
-        if (p && (p == null ? void 0 : p.nodeName) === "g") {
-          const b = p.getAttribute("id");
-          if (!b || (k.value = (($ = (m = o.floor) == null ? void 0 : m.polygon_data) == null ? void 0 : $.find((w) => (w == null ? void 0 : w.key) === b)) || null, !k.value)) return;
-          if (((h = k.value) == null ? void 0 : h.type) === "flat") {
-            const w = (E = o.flats) == null ? void 0 : E.find(
+      () => i.value,
+      (s) => {
+        var v, b, _, x, E, f;
+        if (!s) return;
+        n.hoverdSvg = s;
+        const d = s == null ? void 0 : s.parentElement;
+        if (d && (d == null ? void 0 : d.nodeName) === "g") {
+          const g = d.getAttribute("id");
+          if (!g || (c.value = ((b = (v = e.floor) == null ? void 0 : v.polygon_data) == null ? void 0 : b.find((y) => (y == null ? void 0 : y.key) === g)) || null, !c.value)) return;
+          if (((_ = c.value) == null ? void 0 : _.type) === "flat") {
+            const y = (x = e.flats) == null ? void 0 : x.find(
               (V) => {
                 var C;
-                return (V == null ? void 0 : V.id) === ((C = k.value) == null ? void 0 : C.id);
+                return (V == null ? void 0 : V.id) === ((C = c.value) == null ? void 0 : C.id);
               }
             );
-            l.value = w ?? null;
-          } else if (((S = k.value) == null ? void 0 : S.type) === "tooltip") {
-            const w = (g = o.actions) == null ? void 0 : g.find(
+            k.value = y ?? null;
+          } else if (((E = c.value) == null ? void 0 : E.type) === "tooltip") {
+            const y = (f = e.actions) == null ? void 0 : f.find(
               (V) => {
                 var C;
-                return (V == null ? void 0 : V.id) === ((C = k.value) == null ? void 0 : C.id);
+                return (V == null ? void 0 : V.id) === ((C = c.value) == null ? void 0 : C.id);
               }
             );
-            l.value = w ?? null;
+            k.value = y ?? null;
           } else
-            l.value = null;
+            k.value = null;
         } else
-          k.value = null;
+          c.value = null;
       }
     ), watch(
-      () => f.value,
+      () => w.value,
       () => {
-        var p;
-        const i = (p = o.floors) == null ? void 0 : p.find(
-          (m) => (m == null ? void 0 : m.id) === (f == null ? void 0 : f.value)
+        var d;
+        const s = (d = e.floors) == null ? void 0 : d.find(
+          (v) => (v == null ? void 0 : v.id) === (w == null ? void 0 : w.value)
         );
-        i != null && i.conf || (i && r("changeComponent", "floor", i), setTimeout(() => {
-          v();
+        s != null && s.conf || (s && r("changeComponent", "floor", s), setTimeout(() => {
+          p();
         }, 0));
       }
     ), onMounted(() => {
-      var i, p, m;
-      x.value = (i = o.blocks) == null ? void 0 : i.find(
-        ($) => {
-          var h, E;
-          return ($ == null ? void 0 : $.id) === ((E = (h = o.floor) == null ? void 0 : h.block_id) == null ? void 0 : E.toString());
+      var s, d, v;
+      S.value = (s = e.blocks) == null ? void 0 : s.find(
+        (b) => {
+          var _, x;
+          return (b == null ? void 0 : b.id) === ((x = (_ = e.floor) == null ? void 0 : _.block_id) == null ? void 0 : x.toString());
         }
-      ), f.value = (m = (p = u.value) == null ? void 0 : p.find(
-        ($) => {
-          var h;
-          return ($ == null ? void 0 : $.value) == ((h = o.floor) == null ? void 0 : h.id);
+      ), w.value = (v = (d = h.value) == null ? void 0 : d.find(
+        (b) => {
+          var _;
+          return (b == null ? void 0 : b.value) == ((_ = e.floor) == null ? void 0 : _.id);
         }
-      )) == null ? void 0 : m.value, v();
-    }), (i, p) => {
-      var m;
+      )) == null ? void 0 : v.value, p();
+    }), (s, d) => {
+      var v;
       return openBlock(), createBlock(_sfc_main$g, {
-        hoverdData: l.value,
-        type: (m = k.value) == null ? void 0 : m.type
+        hoverdData: k.value,
+        type: (v = c.value) == null ? void 0 : v.type,
+        onMouseover: m
       }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$c, { onClick: n }),
+          createVNode(_sfc_main$c, { onClick: a }),
           createElementVNode("div", _hoisted_1$8, [
             createVNode(_sfc_main$e, {
-              modelValue: f.value,
-              "onUpdate:modelValue": p[0] || (p[0] = ($) => f.value = $),
-              data: u.value
+              modelValue: w.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (b) => w.value = b),
+              data: h.value
             }, null, 8, ["modelValue", "data"])
           ])
         ]),
         default: withCtx(() => {
-          var $, h, E;
+          var b, _, x;
           return [
             createElementVNode("div", _hoisted_2$4, [
               createElementVNode("img", {
-                src: ((E = (h = ($ = i.floor) == null ? void 0 : $.floor_image) == null ? void 0 : h[0]) == null ? void 0 : E.url) || "",
+                src: ((x = (_ = (b = s.floor) == null ? void 0 : b.floor_image) == null ? void 0 : _[0]) == null ? void 0 : x.url) || "",
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
-              }, null, 8, _hoisted_3$3),
+              }, null, 8, _hoisted_3$4),
               (openBlock(), createElementBlock("div", {
                 ref_key: "svgRef",
-                ref: c,
-                innerHTML: y.value,
-                key: y.value,
+                ref: l,
+                innerHTML: $.value,
+                key: $.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",
-                onMouseover: _,
-                onClick: a
-              }, null, 40, _hoisted_4$3))
+                onClick: u
+              }, null, 8, _hoisted_4$3))
             ])
           ];
         }),
@@ -1030,8 +1057,8 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_ren
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$2(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, t[0] || (t[0] = [
+function _sfc_render$2(t, 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)
   ]));
 }
@@ -1042,8 +1069,8 @@ const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_rende
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$1(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, t[0] || (t[0] = [
+function _sfc_render$1(t, 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",
       stroke: "#222222",
@@ -1064,64 +1091,55 @@ function _sfc_render$1(e, t) {
     }, null, -1)
   ]));
 }
-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 ire-gap-5 lg:ire-flex-row lg:ire-gap-20" }, _hoisted_2$3 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-justify-center ire-px-4 lg:ire-w-auto lg:ire-px-0 [&_img]:ire-rounded-none" }, _hoisted_3$2 = ["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 = {
+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 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-semibold ire-capitalize" }, _hoisted_12 = {
+}, _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 = {
   key: 0,
   class: "ire-text-center"
-}, _hoisted_13 = { class: "!ire-text-lg ire-font-semibold" }, _hoisted_14 = { class: "ire-mt-1 ire-text-gray-600" }, _hoisted_15 = { class: "ire-flex ire-items-center ire-gap-3" }, _hoisted_16 = {
+}, _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 = {
   key: 0,
   class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
-}, _hoisted_17 = { class: "!ire-text-2xl" }, _hoisted_18 = {
+}, _hoisted_18 = { class: "!ire-text-2xl" }, _hoisted_19 = { class: "!ire-text-xs ire-capitalize ire-text-gray-600" }, _hoisted_20 = {
   key: 1,
   class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
-}, _hoisted_19 = { class: "!ire-text-2xl" }, _hoisted_20 = {
+}, _hoisted_21 = { class: "!ire-text-2xl" }, _hoisted_22 = { class: "!ire-text-xs ire-capitalize ire-text-gray-600" }, _hoisted_23 = {
   key: 1,
   class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
-}, _hoisted_21 = { class: "!ire-text-2xl" }, _hoisted_22 = {
+}, _hoisted_24 = { class: "!ire-text-2xl" }, _hoisted_25 = { class: "!ire-text-xs ire-capitalize ire-text-gray-600" }, _hoisted_26 = {
   key: 2,
   class: "border-b ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b-gray-200 ire-py-2"
-}, _hoisted_23 = {
+}, _hoisted_27 = {
   key: 0,
-  class: "!ire-text-2xl"
-}, _hoisted_24 = { key: 1 }, _hoisted_25 = { class: "!ire-text-xs ire-line-through" }, _hoisted_26 = { class: "!ire-text-2xl" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  class: "ire-whitespace-nowrap !ire-text-2xl"
+}, _hoisted_28 = {
+  key: 1,
+  class: "ire-whitespace-nowrap ire-capitalize"
+}, _hoisted_29 = { class: "!ire-text-xs ire-line-through" }, _hoisted_30 = { class: "!ire-text-2xl" }, _hoisted_31 = { class: "!ire-text-xs ire-capitalize ire-text-gray-600" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FlatPreview",
   props: {
     flat: {},
     floors: {}
   },
   emits: ["changeComponent"],
-  setup(e, { emit: t }) {
-    const r = t, o = e, s = ref(!0), c = ref(0), d = computed$1(() => {
-      var f, x, y, u, _, a;
-      const l = s.value ? (y = (x = (f = o.flat) == null ? void 0 : f.type) == null ? void 0 : x.image_2d) == null ? void 0 : y.length : (a = (_ = (u = o.flat) == null ? void 0 : u.type) == null ? void 0 : _.image_3d) == null ? void 0 : a.length;
-      return ["I", "II", "III"].slice(0, l);
-    }), k = () => {
-      var f;
-      const l = (f = o.floors) == null ? void 0 : f.find(
-        (x) => {
-          var y, u, _, a, v, n;
-          return ((y = x.floor_number) == null ? void 0 : y.toString()) === ((_ = (u = o.flat) == null ? void 0 : u.floor_number) == null ? void 0 : _.toString()) && ((a = o.flat) != null && a.block_id ? ((v = x == null ? void 0 : x.block_id) == null ? void 0 : v.toString()) === ((n = o.flat) == null ? void 0 : n.block_id) : !(x != null && x.block_id));
-        }
-      );
-      l ? r("changeComponent", "floor", l) : r("changeComponent", "project", null);
-    };
+  setup(t, { emit: o }) {
+    const r = t, e = ref(!1), n = ref(0), l = computed$1(() => {
+      var c, k, w, S, $, h;
+      const i = e.value ? (w = (k = (c = r.flat) == null ? void 0 : c.type) == null ? void 0 : k.image_2d) == null ? void 0 : w.length : (h = ($ = (S = r.flat) == null ? void 0 : S.type) == null ? void 0 : $.image_3d) == null ? void 0 : h.length;
+      return ["I", "II", "III"].slice(0, i);
+    });
     return watch(
-      () => s.value,
+      () => e.value,
       () => {
-        c.value = 0;
+        n.value = 0;
       }
     ), onMounted(() => {
-      var l, f;
-      (f = (l = o.flat) == null ? void 0 : l.type) != null && f.image_2d || (s.value = !1);
-    }), (l, f) => (openBlock(), createElementBlock("div", null, [
+      var i, c;
+      (c = (i = r.flat) == null ? void 0 : i.type) != null && c.image_3d || (e.value = !0);
+    }), (i, c) => (openBlock(), createElementBlock("div", null, [
       createVNode(_sfc_main$g, { "hoverd-data": null }, {
-        header: withCtx(() => [
-          createVNode(_sfc_main$c, { onClick: k })
-        ]),
         default: withCtx(() => {
-          var x, y, u, _, a, v, n, i, p, m, $, h, E, S, g, b, w, V, C, D, R, j, N, B, P, O, A, F, I, H, W;
+          var k, w, S, $, h, m, u, p, a, s, d, v, b, _, x, E, f, g, y, V, C, D, M, T, N, B, P, O, F, I, A;
           return [
             createElementVNode("div", _hoisted_1$5, [
               createElementVNode("div", _hoisted_2$3, [
@@ -1130,16 +1148,16 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]
                   mode: "out-in"
                 }, {
                   default: withCtx(() => {
-                    var M, L, T, z, X, Y, K, U, q, Z, J, Q, G, ee, te, oe, re, ie, se, le, ne, ae, ce, de;
+                    var R, j, L, H, z, W, X, Y, K, U, q, Z, J, Q, G, ee, te, oe, re, ie, se, ne, le, ae;
                     return [
-                      s.value && ((z = (T = (L = (M = l.flat) == null ? void 0 : M.type) == null ? void 0 : L.image_2d) == null ? void 0 : T[c.value]) != null && z.url) ? (openBlock(), createElementBlock("img", {
-                        key: (U = (K = (Y = (X = l.flat) == null ? void 0 : X.type) == null ? void 0 : Y.image_2d) == null ? void 0 : K[c.value]) == null ? void 0 : U.url,
-                        src: (Q = (J = (Z = (q = l.flat) == null ? void 0 : q.type) == null ? void 0 : Z.image_2d) == null ? void 0 : J[c.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-96"
-                      }, null, 8, _hoisted_3$2)) : (oe = (te = (ee = (G = l.flat) == null ? void 0 : G.type) == null ? void 0 : ee.image_3d) == null ? void 0 : te[c.value]) != null && oe.url ? (openBlock(), createElementBlock("img", {
-                        src: (le = (se = (ie = (re = l.flat) == null ? void 0 : re.type) == null ? void 0 : ie.image_3d) == null ? void 0 : se[c.value]) == null ? void 0 : le.url,
-                        key: (de = (ce = (ae = (ne = l.flat) == null ? void 0 : ne.type) == null ? void 0 : ae.image_3d) == null ? void 0 : ce[c.value]) == null ? void 0 : de.url,
-                        class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-96"
+                      e.value && ((H = (L = (j = (R = i.flat) == null ? void 0 : R.type) == null ? void 0 : j.image_2d) == null ? void 0 : L[n.value]) != null && H.url) ? (openBlock(), createElementBlock("img", {
+                        key: (Y = (X = (W = (z = i.flat) == null ? void 0 : z.type) == null ? void 0 : W.image_2d) == null ? void 0 : X[n.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[n.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[n.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[n.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[n.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)
                     ];
                   }),
@@ -1147,93 +1165,93 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]
                 }),
                 createElementVNode("div", _hoisted_5, [
                   createElementVNode("div", _hoisted_6, [
-                    (_ = (u = (y = (x = l.flat) == null ? void 0 : x.type) == null ? void 0 : y.image_2d) == null ? void 0 : u[0]) != null && _.url ? (openBlock(), createElementBlock("div", {
+                    ($ = (S = (w = (k = i.flat) == null ? void 0 : k.type) == null ? void 0 : w.image_3d) == null ? void 0 : S[0]) != null && $.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": s.value }]),
-                      onClick: f[0] || (f[0] = (M) => s.value = !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: c[0] || (c[0] = (R) => e.value = !1)
                     }, [
-                      createVNode(FlatIcon, {
-                        class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": s.value }])
-                      }, null, 8, ["class"]),
+                      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": s.value,
-                          "!ire-text-black": !s.value
+                          "!ire-text-white": !e.value,
+                          "!ire-text-black": e.value
                         }])
-                      }, " 2D plan ", 2)
+                      }, toDisplayString(unref(tr)("3d plan")), 3)
                     ], 2)) : createCommentVNode("", !0),
-                    (i = (n = (v = (a = l.flat) == null ? void 0 : a.type) == null ? void 0 : v.image_3d) == null ? void 0 : n[0]) != null && i.url ? (openBlock(), createElementBlock("div", {
+                    (p = (u = (m = (h = i.flat) == null ? void 0 : h.type) == null ? void 0 : m.image_2d) == null ? void 0 : u[0]) != null && p.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": !s.value }]),
-                      onClick: f[1] || (f[1] = (M) => s.value = !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: c[1] || (c[1] = (R) => e.value = !0)
                     }, [
-                      createElementVNode("div", null, [
-                        createVNode(Cube, {
-                          class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !s.value }])
-                        }, null, 8, ["class"])
-                      ]),
+                      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": !s.value,
-                          "!ire-text-black": s.value
+                          "!ire-text-white": e.value,
+                          "!ire-text-black": !e.value
                         }])
-                      }, " 3D plan ", 2)
+                      }, toDisplayString(unref(tr)("2d plan")), 3)
                     ], 2)) : createCommentVNode("", !0)
                   ]),
-                  ((p = d.value) == null ? void 0 : p.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (M, L) => (openBlock(), createElementBlock("div", {
-                      key: M,
+                  ((a = l.value) == null ? void 0 : a.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(l.value, (R, j) => (openBlock(), createElementBlock("div", {
+                      key: R,
                       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": c.value === L
+                        "ire-bg-black ire-text-white": n.value === j
                       }]),
-                      onClick: (T) => c.value = L
-                    }, toDisplayString(M), 11, _hoisted_8))), 128))
+                      onClick: (L) => n.value = j
+                    }, toDisplayString(R), 11, _hoisted_8))), 128))
                   ])) : createCommentVNode("", !0)
                 ])
               ]),
               createElementVNode("div", _hoisted_9, [
                 createElementVNode("div", _hoisted_10, [
-                  createElementVNode("div", _hoisted_11, toDisplayString((m = l.flat) == null ? void 0 : m.flat_number), 1),
-                  f[2] || (f[2] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Apartment", -1))
+                  createElementVNode("div", _hoisted_11, toDisplayString((s = i.flat) == null ? void 0 : s.flat_number), 1),
+                  createElementVNode("div", _hoisted_12, toDisplayString(unref(tr)("apartment")), 1)
                 ]),
-                (h = ($ = l.flat) == null ? void 0 : $.type) != null && h.title || (S = (E = l.flat) == null ? void 0 : E.type) != null && S.teaser ? (openBlock(), createElementBlock("div", _hoisted_12, [
-                  createElementVNode("div", _hoisted_13, toDisplayString((b = (g = l.flat) == null ? void 0 : g.type) == null ? void 0 : b.title), 1),
-                  createElementVNode("div", _hoisted_14, toDisplayString((V = (w = l.flat) == null ? void 0 : w.type) == null ? void 0 : V.teaser), 1)
+                (v = (d = i.flat) == null ? void 0 : d.type) != null && v.title || (_ = (b = i.flat) == null ? void 0 : b.type) != null && _.teaser ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                  createElementVNode("div", _hoisted_14, toDisplayString((E = (x = i.flat) == null ? void 0 : x.type) == null ? void 0 : E.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_15, [
-                  (C = l.flat) != null && C.floor_number ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                    createElementVNode("div", _hoisted_17, toDisplayString((D = l.flat) == null ? void 0 : D.floor_number), 1),
-                    f[3] || (f[3] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Floor", -1))
+                createElementVNode("div", _hoisted_16, [
+                  (y = i.flat) != null && y.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),
-                  (j = (R = l.flat) == null ? void 0 : R.type) != null && j.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_18, [
-                    createElementVNode("div", _hoisted_19, toDisplayString((N = l.flat) == null ? void 0 : N.type.rooms_count), 1),
-                    f[4] || (f[4] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
+                  (D = (C = i.flat) == null ? void 0 : C.type) != null && D.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                    createElementVNode("div", _hoisted_21, toDisplayString((M = i.flat) == null ? void 0 : M.type.rooms_count), 1),
+                    createElementVNode("div", _hoisted_22, toDisplayString(unref(tr)("room")), 1)
                   ])) : createCommentVNode("", !0)
                 ]),
-                (P = (B = l.flat) == null ? void 0 : B.type) != null && P.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                  createElementVNode("div", _hoisted_21, [
-                    createTextVNode(toDisplayString((O = l.flat) == null ? void 0 : O.type.area_m2) + " ", 1),
-                    f[5] || (f[5] = createElementVNode("span", { class: "ire-font-light" }, [
+                (N = (T = i.flat) == null ? void 0 : T.type) != null && N.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),
+                    c[2] || (c[2] = createElementVNode("span", { class: "ire-font-light" }, [
                       createTextVNode(" M "),
                       createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
                     ], -1))
                   ]),
-                  f[6] || (f[6] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
+                  createElementVNode("div", _hoisted_25, toDisplayString(unref(tr)("area")), 1)
                 ])) : createCommentVNode("", !0),
-                (A = l.flat) != null && A.price ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                (P = i.flat) != null && P.price ? (openBlock(), createElementBlock("div", _hoisted_26, [
                   createElementVNode("div", null, [
-                    (F = l.flat) != null && F.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
-                      createElementVNode("div", _hoisted_25, toDisplayString(Number((H = l.flat) == null ? void 0 : H.price).toLocaleString("fr-FR")), 1),
-                      createElementVNode("div", _hoisted_26, [
-                        createTextVNode(toDisplayString(Number((W = l.flat) == null ? void 0 : W.offer_price).toLocaleString("fr-FR")) + " ", 1),
-                        f[8] || (f[8] = createElementVNode("div", { class: "ire-ml-1" }, "$", -1))
+                    (O = i.flat) != null && O.offer_price ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                      createElementVNode("div", _hoisted_29, toDisplayString(Number((I = i.flat) == null ? void 0 : I.price).toLocaleString("fr-FR")), 1),
+                      createElementVNode("div", _hoisted_30, [
+                        createTextVNode(toDisplayString(Number((A = i.flat) == null ? void 0 : A.offer_price).toLocaleString("fr-FR")) + " ", 1),
+                        c[4] || (c[4] = createElementVNode("span", null, "$", -1))
                       ])
-                    ])) : (openBlock(), createElementBlock("div", _hoisted_23, [
-                      createTextVNode(toDisplayString(Number((I = l.flat) == null ? void 0 : I.price).toLocaleString("fr-FR")) + " ", 1),
-                      f[7] || (f[7] = createElementVNode("span", null, "$", -1))
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_27, [
+                      createTextVNode(toDisplayString(Number((F = i.flat) == null ? void 0 : F.price).toLocaleString("fr-FR")) + " ", 1),
+                      c[3] || (c[3] = createElementVNode("span", null, "$", -1))
                     ]))
                   ]),
-                  f[9] || (f[9] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
+                  createElementVNode("div", _hoisted_31, toDisplayString(unref(tr)("price")), 1)
                 ])) : createCommentVNode("", !0)
               ])
             ])
@@ -1251,31 +1269,36 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]
   height: "20",
   viewBox: "0 0 50 50"
 };
-function _sfc_render(e, t) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, t[0] || (t[0] = [
+function _sfc_render(t, 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-[80%] ire-min-w-full ire-max-w-[1280px] ire-cursor-default ire-overflow-y-auto ire-rounded-l-sm ire-bg-white lg:ire-min-w-[500px]" }, _hoisted_3$1 = { class: "ire-sticky ire-right-full ire-top-0 ire-flex ire-w-full ire-flex-row-reverse" }, _hoisted_4$1 = { class: "ire-h-full ire-w-full ire-cursor-auto ire-p-5 ire-pt-1" }, _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-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({
   __name: "PreviewModal",
   emits: ["close"],
-  setup(e) {
-    return (t, r) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
+  setup(t) {
+    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";
+    }), (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] = (o) => t.$emit("close"))
+        onClick: r[0] || (r[0] = (e) => o.$emit("close"))
       }),
       createElementVNode("div", _hoisted_2$2, [
-        createElementVNode("div", _hoisted_3$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] = (o) => t.$emit("close"))
-          }, [
-            createVNode(Close)
-          ])
-        ]),
-        createElementVNode("div", _hoisted_4$1, [
-          renderSlot(t.$slots, "default")
+        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)
+            ])
+          ]),
+          renderSlot(o.$slots, "default")
         ])
       ])
     ]));
@@ -1285,31 +1308,31 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   props: {
     editor: {}
   },
-  setup(e) {
-    return (t, r) => (openBlock(), createElementBlock("div", {
+  setup(t) {
+    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: t.editor
+      innerHTML: o.editor
     }, null, 8, _hoisted_1$2));
   }
-}), _hoisted_1$1 = { class: "ire-mb-3 !ire-text-3xl ire-font-bold" }, _hoisted_2$1 = ["src"], _sfc_main$4 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$1 = { class: "ire-p-5" }, _hoisted_2$1 = { class: "ire-mb-3 !ire-text-3xl ire-font-bold" }, _hoisted_3$1 = ["src"], _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "ActionModal",
   props: {
     modalData: {}
   },
-  setup(e) {
-    return (t, r) => {
-      var o, s, c, d, k, l, f, x, y, u, _, a;
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$1, toDisplayString((s = (o = t.modalData) == null ? void 0 : o.modalObject) == null ? void 0 : s.title), 1),
+  setup(t) {
+    return (o, r) => {
+      var e, n, l, i, c, k, w, S, $, h, m, u;
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("p", _hoisted_2$1, toDisplayString((n = (e = o.modalData) == null ? void 0 : e.modalObject) == null ? void 0 : n.title), 1),
         createVNode(_sfc_main$5, {
-          editor: (d = (c = t.modalData) == null ? void 0 : c.modalObject) == null ? void 0 : d.description
+          editor: (i = (l = o.modalData) == null ? void 0 : l.modalObject) == null ? void 0 : i.description
         }, null, 8, ["editor"]),
-        (x = (f = (l = (k = t.modalData) == null ? void 0 : k.modalObject) == null ? void 0 : l.modalImage) == null ? void 0 : f[0]) != null && x.url ? (openBlock(), createElementBlock("img", {
+        (S = (w = (k = (c = o.modalData) == null ? void 0 : c.modalObject) == null ? void 0 : k.modalImage) == null ? void 0 : w[0]) != null && S.url ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (a = (_ = (u = (y = t.modalData) == null ? void 0 : y.modalObject) == null ? void 0 : u.modalImage) == null ? void 0 : _[0]) == null ? void 0 : a.url,
+          src: (u = (m = (h = ($ = o.modalData) == null ? void 0 : $.modalObject) == null ? void 0 : h.modalImage) == null ? void 0 : m[0]) == null ? void 0 : u.url,
           alt: "",
           class: "ire-mt-5 ire-h-[400px] ire-w-full ire-object-contain"
-        }, null, 8, _hoisted_2$1)) : createCommentVNode("", !0)
+        }, null, 8, _hoisted_3$1)) : createCommentVNode("", !0)
       ]);
     };
   }
@@ -1322,101 +1345,101 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(e, { emit: t }) {
-    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(), l = ref(), f = computed$1(() => {
-      var u, _;
-      if ((u = o.block) != null && u.svg)
-        return (_ = o.block) == null ? void 0 : _.svg;
-    }), x = (u) => {
-      const _ = u.target;
-      _ && (d.value = _);
-    }, y = (u) => {
-      var a, v, n;
-      const _ = u.target;
-      (_ == null ? void 0 : _.nodeName) === "path" && (((a = l.value) == null ? void 0 : a.conf) === "sold" || ((v = l.value) == null ? void 0 : v.conf) === "reserved" || r(
+  setup(t, { emit: o }) {
+    const r = o, e = t, n = useGlobalStore(), l = ref(), i = ref(), c = ref(), k = ref(), w = computed$1(() => {
+      var h, m;
+      if ((h = e.block) != null && h.svg)
+        return (m = e.block) == null ? void 0 : m.svg;
+    }), S = (h) => {
+      const m = h.target;
+      m && (i.value = m);
+    }, $ = (h) => {
+      var u, p, a;
+      const m = h.target;
+      (m == null ? void 0 : m.nodeName) === "path" && (((u = k.value) == null ? void 0 : u.conf) === "sold" || ((p = k.value) == null ? void 0 : p.conf) === "reserved" || r(
         "changeComponent",
-        ((n = k.value) == null ? void 0 : n.type) || "",
-        l.value
+        ((a = c.value) == null ? void 0 : a.type) || "",
+        k.value
       ));
     };
     return watch(
-      () => d.value,
-      (u) => {
-        var a, v, n, i, p, m, $, h;
-        if (!u) return;
-        s.hoverdSvg = u;
-        const _ = u == null ? void 0 : u.parentElement;
-        if (_ && (_ == null ? void 0 : _.nodeName) === "g") {
-          const E = _ == null ? void 0 : _.getAttribute("id");
-          if (!E || (k.value = ((v = (a = o.block) == null ? void 0 : a.polygon_data) == null ? void 0 : v.find((S) => (S == null ? void 0 : S.key) === E)) || null, !k.value)) return;
-          if (((n = k.value) == null ? void 0 : n.type) === "floor") {
-            const S = (i = o.floors) == null ? void 0 : i.find(
-              (g) => {
-                var b;
-                return (g == null ? void 0 : g.id) === ((b = k.value) == null ? void 0 : b.id);
+      () => i.value,
+      (h) => {
+        var u, p, a, s, d, v, b, _;
+        if (!h) return;
+        n.hoverdSvg = h;
+        const m = h == null ? void 0 : h.parentElement;
+        if (m && (m == null ? void 0 : m.nodeName) === "g") {
+          const x = m == null ? void 0 : m.getAttribute("id");
+          if (!x || (c.value = ((p = (u = e.block) == null ? void 0 : u.polygon_data) == null ? void 0 : p.find((E) => (E == null ? void 0 : E.key) === x)) || null, !c.value)) return;
+          if (((a = c.value) == null ? void 0 : a.type) === "floor") {
+            const E = (s = e.floors) == null ? void 0 : s.find(
+              (f) => {
+                var g;
+                return (f == null ? void 0 : f.id) === ((g = c.value) == null ? void 0 : g.id);
               }
             );
-            l.value = S;
-          } else if (((p = k.value) == null ? void 0 : p.type) === "flat") {
-            const S = (m = o.flats) == null ? void 0 : m.find(
-              (g) => {
-                var b;
-                return (g == null ? void 0 : g.id) === ((b = k.value) == null ? void 0 : b.id);
+            k.value = E;
+          } else if (((d = c.value) == null ? void 0 : d.type) === "flat") {
+            const E = (v = e.flats) == null ? void 0 : v.find(
+              (f) => {
+                var g;
+                return (f == null ? void 0 : f.id) === ((g = c.value) == null ? void 0 : g.id);
               }
             );
-            l.value = S;
-          } else if ((($ = k.value) == null ? void 0 : $.type) === "tooltip") {
-            const S = (h = o.actions) == null ? void 0 : h.find(
-              (g) => {
-                var b;
-                return (g == null ? void 0 : g.id) === ((b = k.value) == null ? void 0 : b.id);
+            k.value = E;
+          } else if (((b = c.value) == null ? void 0 : b.type) === "tooltip") {
+            const E = (_ = e.actions) == null ? void 0 : _.find(
+              (f) => {
+                var g;
+                return (f == null ? void 0 : f.id) === ((g = c.value) == null ? void 0 : g.id);
               }
             );
-            l.value = S;
+            k.value = E;
           } else
-            l.value = null;
+            k.value = null;
         } else
-          k.value = null, l.value = null;
+          c.value = null, k.value = null;
       }
-    ), (u, _) => {
-      var a;
+    ), (h, m) => {
+      var u;
       return openBlock(), createBlock(_sfc_main$g, {
-        hoverdData: l.value,
-        type: (a = k.value) == null ? void 0 : a.type
+        hoverdData: k.value,
+        type: (u = c.value) == null ? void 0 : u.type,
+        onMouseover: S
       }, {
         header: withCtx(() => {
-          var v;
+          var p;
           return [
             createVNode(_sfc_main$c, {
-              onClick: _[0] || (_[0] = (n) => u.$emit("changeComponent", "project", null))
+              onClick: m[0] || (m[0] = (a) => h.$emit("changeComponent", "project", null))
             }),
-            createElementVNode("p", _hoisted_1, toDisplayString((v = u.block) == null ? void 0 : v.title), 1)
+            createElementVNode("p", _hoisted_1, toDisplayString((p = h.block) == null ? void 0 : p.title), 1)
           ];
         }),
         default: withCtx(() => {
-          var v, n, i, p, m, $;
+          var p, a, s, d, v, b;
           return [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("img", {
-                src: ((i = (n = (v = u.block) == null ? void 0 : v.block_image) == null ? void 0 : n[0]) == null ? void 0 : i.url) || "",
+                src: ((s = (a = (p = h.block) == null ? void 0 : p.block_image) == null ? void 0 : a[0]) == null ? void 0 : s.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: c,
-                innerHTML: f.value,
-                key: f.value,
+                ref: l,
+                innerHTML: w.value,
+                key: w.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)]": ((p = l.value) == null ? void 0 : p.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((m = l.value) == null ? void 0 : m.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !(($ = l.value) != null && $.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((d = k.value) == null ? void 0 : d.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((v = k.value) == null ? void 0 : v.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((b = k.value) != null && b.conf)
                   }
                 ]]),
-                onMouseover: x,
-                onClick: y
-              }, null, 42, _hoisted_4))
+                onClick: $
+              }, null, 10, _hoisted_4))
             ])
           ];
         }),
@@ -1426,27 +1449,27 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
   }
 }), _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "GlobalProvider",
-  setup(e) {
-    const t = useGlobalStore(), r = ref(0), o = ref(0), s = ref(null);
-    return document.addEventListener("mousemove", (c) => {
-      var E;
-      const d = document.querySelector(".tooltip-2"), k = ((E = t.hoverdSvg) == null ? void 0 : E.nodeName) === "path" ? t.hoverdSvg : null;
-      if (!s.value || !d || !k) return;
-      d.style.opacity = "1";
+  setup(t) {
+    const o = useGlobalStore(), r = ref(0), e = ref(0), n = ref(null);
+    return document.addEventListener("mousemove", (l) => {
+      var x;
+      const i = document.querySelector(".tooltip-2"), c = ((x = o.hoverdSvg) == null ? void 0 : x.nodeName) === "path" ? o.hoverdSvg : null;
+      if (!n.value || !i || !c) return;
+      i.style.opacity = "1";
       const {
-        bottom: l,
-        height: f,
-        left: x,
-        right: y,
-        top: u,
-        width: _
-      } = s.value.getBoundingClientRect(), { bottom: a, left: v } = k.getBoundingClientRect(), { height: n, width: i } = d.getBoundingClientRect(), p = y - _ / 2, m = l - f / 2, $ = v > p, h = a > m;
-      r.value = c.clientX - x - ($ ? i : -20), o.value = c.clientY - u - (h ? n : -20);
-    }), provide("mouseX", r), provide("mouseY", o), (c, d) => (openBlock(), createElementBlock("div", {
+        bottom: k,
+        height: w,
+        left: S,
+        right: $,
+        top: h,
+        width: m
+      } = n.value.getBoundingClientRect(), { bottom: u, left: p } = c.getBoundingClientRect(), { height: a, width: s } = i.getBoundingClientRect(), d = $ - m / 2, v = k - w / 2, b = p > d, _ = u > v;
+      r.value = l.clientX - S - (b ? s : -20), e.value = l.clientY - h - (_ ? a : -20);
+    }), provide("mouseX", r), provide("mouseY", e), (l, i) => (openBlock(), createElementBlock("div", {
       ref_key: "canvasRef",
-      ref: s
+      ref: n
     }, [
-      renderSlot(c.$slots, "default")
+      renderSlot(l.$slots, "default")
     ], 512));
   }
 }), _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -1455,25 +1478,25 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     shortcodeDataProps: {}
   },
   setup(__props) {
-    var e, t, r, o, s, c, d, k, l, f, x, y, u, _;
-    const props = __props, getMeta = (a) => props.shortcodeDataProps.meta.find(
-      (v) => v.meta_key === a
+    var t, o, r, e, n, l, i, c, k, w, S, $, h, m;
+    const props = __props, getMeta = (u) => props.shortcodeDataProps.meta.find(
+      (p) => p.meta_key === u
     ), constants = ref({
-      PREVIEW_PATH_COLOR: ((e = getMeta("path_color")) == null ? void 0 : e.meta_value) || "rgba(255, 255, 255, 0.3)",
-      PREVIEW_PATH_HOVER_COLOR: ((t = getMeta("path_hover_color")) == null ? void 0 : t.meta_value) || "rgba(250, 250, 250, 0.54)",
+      PREVIEW_PATH_COLOR: ((t = getMeta("path_color")) == null ? void 0 : t.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: ((o = getMeta("sold_color")) == null ? void 0 : o.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: +((c = getMeta("stroke_width")) == null ? void 0 : c.meta_value) || 1,
-      PREVIEW_BORDER_RADIUS: +((d = getMeta("border_radius")) == null ? void 0 : d.meta_value) || 0
+      PREVIEW_SOLD_COLOR: ((e = getMeta("sold_color")) == null ? void 0 : e.meta_value) || "rgba(219, 64, 64, 0.45)",
+      PREVIEW_STROKE_COLOR: ((n = getMeta("stroke_color")) == null ? void 0 : n.meta_value) || "rgba(0, 0, 0,  1)",
+      PREVIEW_STROKE_WIDTH: +((l = getMeta("stroke_width")) == null ? void 0 : l.meta_value) || 1,
+      PREVIEW_BORDER_RADIUS: +((i = getMeta("border_radius")) == null ? void 0 : i.meta_value) || 0
     }), colors = reactive({
-      path: (k = constants.value) == null ? void 0 : k.PREVIEW_PATH_COLOR,
-      path_hover: (l = constants.value) == null ? void 0 : l.PREVIEW_PATH_HOVER_COLOR,
-      reserved: (f = constants.value) == null ? void 0 : f.PREVIEW_RESERVED_COLOR,
-      sold: (x = constants.value) == null ? void 0 : x.PREVIEW_SOLD_COLOR,
-      stroke_color: (y = constants.value) == null ? void 0 : y.PREVIEW_STROKE_COLOR,
-      stroke_width: (u = constants.value) == null ? void 0 : u.PREVIEW_STROKE_WIDTH,
-      border_radius: (_ = constants.value) == null ? void 0 : _.PREVIEW_BORDER_RADIUS
+      path: (c = constants.value) == null ? void 0 : c.PREVIEW_PATH_COLOR,
+      path_hover: (k = constants.value) == null ? void 0 : k.PREVIEW_PATH_HOVER_COLOR,
+      reserved: (w = constants.value) == null ? void 0 : w.PREVIEW_RESERVED_COLOR,
+      sold: (S = constants.value) == null ? void 0 : S.PREVIEW_SOLD_COLOR,
+      stroke_color: ($ = constants.value) == null ? void 0 : $.PREVIEW_STROKE_COLOR,
+      stroke_width: (h = constants.value) == null ? void 0 : h.PREVIEW_STROKE_WIDTH,
+      border_radius: (m = constants.value) == null ? void 0 : m.PREVIEW_BORDER_RADIUS
     }), cssVariables = computed$1(() => ({
       "--reserved-color": colors.reserved,
       "--sold-color": colors.sold,
@@ -1484,31 +1507,31 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
       "--border-radius": colors.border_radius + "px"
     })), shortcodeData = ref(props.shortcodeDataProps), flow = ref(
       "projectFlow"
-    ), hoveredData = ref(), showModal = ref(!1), activeBlock = ref(), activeFloor = ref(), project = computed$1(() => {
-      var a;
+    ), hoveredData = ref(), showModal = ref(!1), activeBlock = ref(), activeFloor = ref(), showFlatModal = ref(), project = computed$1(() => {
+      var u;
       if (shortcodeData.value)
-        return (a = shortcodeData.value) == null ? void 0 : a.project;
+        return (u = shortcodeData.value) == null ? void 0 : u.project;
     }), floors = computed$1(() => {
-      var a, v;
+      var u, p;
       if (shortcodeData.value)
-        return (a = shortcodeData.value.floors) == null || a.forEach((n) => {
-          var m, $;
-          const i = ($ = (m = shortcodeData.value) == null ? void 0 : m.flats) == null ? void 0 : $.filter((h) => {
-            var E;
-            return (h == null ? void 0 : h.floor_number) !== ((E = n == null ? void 0 : n.floor_number) == null ? void 0 : E.toString()) ? !1 : n != null && n.polygon_data ? Object == null ? void 0 : Object.values(n == null ? void 0 : n.polygon_data).some(
-              (g) => {
-                var b;
-                return g != null && g.type && (g == null ? void 0 : g.type) === "flat" && (g == null ? void 0 : g.id) === (h == null ? void 0 : h.id) ? n != null && n.block_id ? (h == null ? void 0 : h.block_id) === ((b = n == null ? void 0 : n.block_id) == null ? void 0 : b.toString()) : !(h != null && h.block_id) : !1;
+        return (u = shortcodeData.value.floors) == null || u.forEach((a) => {
+          var v, b;
+          const s = (b = (v = shortcodeData.value) == null ? void 0 : v.flats) == null ? void 0 : b.filter((_) => {
+            var x;
+            return (_ == null ? void 0 : _.floor_number) !== ((x = a == null ? void 0 : a.floor_number) == null ? void 0 : x.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) === (_ == null ? void 0 : _.id) ? a != null && a.block_id ? (_ == null ? void 0 : _.block_id) === ((g = a == null ? void 0 : a.block_id) == null ? void 0 : g.toString()) : !(_ != null && _.block_id) : !1;
               }
             ) : !1;
           });
-          n.flats = i;
-          const { conf: p } = n || {};
-          if (i != null && i.length && !p) {
-            const h = i == null ? void 0 : i.every((S) => (S == null ? void 0 : S.conf) === "reserved"), E = i == null ? void 0 : i.every((S) => (S == null ? void 0 : S.conf) === "sold");
-            h ? n.conf = "reserved" : E && (n.conf = "sold");
+          a.flats = s;
+          const { conf: d } = a || {};
+          if (s != null && s.length && !d) {
+            const _ = s == null ? void 0 : s.every((E) => (E == null ? void 0 : E.conf) === "reserved"), x = s == null ? void 0 : s.every((E) => (E == null ? void 0 : E.conf) === "sold");
+            _ ? a.conf = "reserved" : x && (a.conf = "sold");
           }
-        }), (v = shortcodeData.value) == null ? void 0 : v.floors;
+        }), (p = shortcodeData.value) == null ? void 0 : p.floors;
     }), blocks = computed$1(() => {
       if (shortcodeData.value)
         return shortcodeData.value.blocks;
@@ -1516,27 +1539,27 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
       if (shortcodeData.value)
         return shortcodeData.value.types;
     }), flats = computed$1(() => {
-      var a, v;
+      var u, p;
       if (shortcodeData.value)
-        return (v = (a = shortcodeData.value) == null ? void 0 : a.flats) == null ? void 0 : v.map((n) => {
-          var i;
-          if (n != null && n.use_type || !(n != null && n.type)) {
-            const p = (i = types.value) == null ? void 0 : i.find((m) => (m == null ? void 0 : m.id) === (n == null ? void 0 : n.type_id));
-            p && (n.type = p);
+        return (p = (u = shortcodeData.value) == null ? void 0 : u.flats) == null ? void 0 : p.map((a) => {
+          var s;
+          if (a != null && a.use_type || !(a != null && a.type)) {
+            const d = (s = types.value) == null ? void 0 : s.find((v) => (v == null ? void 0 : v.id) === (a == null ? void 0 : a.type_id));
+            d && (a.type = d);
           }
-          return n;
+          return a;
         });
     }), actions = computed$1(() => {
-      var a;
+      var u;
       if (shortcodeData.value)
-        return (a = shortcodeData.value) == null ? void 0 : a.actions;
+        return (u = shortcodeData.value) == null ? void 0 : u.actions;
     }), projectMeta = computed$1(() => {
-      var a;
+      var u;
       if (shortcodeData.value)
-        return (a = shortcodeData.value) == null ? void 0 : a.meta;
-    }), getColorMeta = (a) => {
-      var v, n;
-      return (n = (v = projectMeta.value) == null ? void 0 : v.find((i) => (i == null ? void 0 : i.meta_key) === a)) == null ? void 0 : n.meta_value;
+        return (u = shortcodeData.value) == null ? void 0 : u.meta;
+    }), getColorMeta = (u) => {
+      var p, a;
+      return (a = (p = projectMeta.value) == null ? void 0 : p.find((s) => (s == null ? void 0 : s.meta_key) === u)) == null ? void 0 : a.meta_value;
     }, changeRoute = (flowType, polygonItem) => {
       switch (flowType) {
         case "project":
@@ -1549,7 +1572,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
           flow.value = "blockFlow", hoveredData.value = polygonItem, activeBlock.value = polygonItem;
           break;
         case "flat":
-          flow.value = "flatFlow", hoveredData.value = polygonItem;
+          showFlatModal.value = !0, hoveredData.value = polygonItem;
           break;
         case "tooltip":
           const actionData = polygonItem == null ? void 0 : polygonItem.data;
@@ -1563,8 +1586,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
           else if ((actionData == null ? void 0 : actionData.actionType) === "script")
             try {
               eval(actionData == null ? void 0 : actionData.script);
-            } catch (a) {
-              console.error("Error executing script:", a);
+            } catch (u) {
+              console.error("Error executing script:", u);
             }
           break;
       }
@@ -1572,18 +1595,20 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
     return watch(
       () => projectMeta.value,
       () => {
-        const a = getColorMeta("path_color"), v = getColorMeta("path_hover_color"), n = getColorMeta("reserved_color"), i = getColorMeta("sold_color"), p = getColorMeta("stroke_color"), m = getColorMeta("stroke_width");
-        a && (colors.path = a.toString()), v && (colors.path_hover = v.toString()), n && (colors.reserved = n.toString()), i && (colors.sold = i.toString()), p && (colors.stroke_color = p.toString()), m && (colors.stroke_width = Number(m));
+        const u = getColorMeta("path_color"), p = getColorMeta("path_hover_color"), a = getColorMeta("reserved_color"), s = getColorMeta("sold_color"), d = getColorMeta("stroke_color"), v = getColorMeta("stroke_width");
+        u && (colors.path = u.toString()), p && (colors.path_hover = p.toString()), a && (colors.reserved = a.toString()), s && (colors.sold = s.toString()), d && (colors.stroke_color = d.toString()), v && (colors.stroke_width = Number(v));
       }
-    ), (a, v) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
+    ), provide("showFlatModal", showFlatModal), (u, p) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
       default: withCtx(() => [
         createVNode(Transition, {
           name: "ire-fade-in-out",
-          mode: "out-in",
-          style: normalizeStyle(cssVariables.value)
+          mode: "out-in"
         }, {
           default: withCtx(() => [
-            shortcodeData.value ? (openBlock(), createElementBlock("div", { key: flow.value }, [
+            shortcodeData.value ? (openBlock(), createElementBlock("div", {
+              key: flow.value,
+              style: normalizeStyle(cssVariables.value)
+            }, [
               flow.value === "projectFlow" ? (openBlock(), createBlock(_sfc_main$f, {
                 key: 0,
                 project: project.value,
@@ -1592,14 +1617,14 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
                 projectMeta: projectMeta.value,
                 blocks: blocks.value,
                 actions: actions.value,
-                onChangeComponent: v[0] || (v[0] = (n, i) => changeRoute(n, i))
+                onChangeComponent: p[0] || (p[0] = (a, s) => changeRoute(a, s))
               }, 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: v[1] || (v[1] = (n, i) => changeRoute(n, i))
+                onChangeComponent: p[1] || (p[1] = (a, s) => changeRoute(a, s))
               }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$b, {
                 key: 2,
                 flats: flats.value,
@@ -1607,17 +1632,35 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
                 floors: floors.value,
                 blocks: blocks.value,
                 actions: actions.value,
-                onChangeComponent: v[2] || (v[2] = (n, i) => changeRoute(n, i))
-              }, null, 8, ["flats", "floor", "floors", "blocks", "actions"])) : flow.value === "flatFlow" ? (openBlock(), createBlock(_sfc_main$8, {
-                key: 3,
-                flat: hoveredData.value,
-                floors: floors.value,
-                onChangeComponent: v[3] || (v[3] = (n, i) => changeRoute(n, i))
-              }, null, 8, ["flat", "floors"])) : createCommentVNode("", !0)
-            ])) : createCommentVNode("", !0)
+                onChangeComponent: p[2] || (p[2] = (a, s) => changeRoute(a, s))
+              }, null, 8, ["flats", "floor", "floors", "blocks", "actions"])) : createCommentVNode("", !0)
+            ], 4)) : createCommentVNode("", !0)
           ]),
           _: 1
-        }, 8, ["style"]),
+        }),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createVNode(Transition, {
+            name: "ire-fade-in-out",
+            appear: ""
+          }, {
+            default: withCtx(() => [
+              showFlatModal.value ? (openBlock(), createBlock(_sfc_main$6, {
+                key: 0,
+                onClose: p[4] || (p[4] = (a) => showFlatModal.value = !1)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$8, {
+                    flat: hoveredData.value,
+                    floors: floors.value,
+                    onChangeComponent: p[3] || (p[3] = (a, s) => changeRoute(a, s))
+                  }, null, 8, ["flat", "floors"])
+                ]),
+                _: 1
+              })) : createCommentVNode("", !0)
+            ]),
+            _: 1
+          })
+        ])),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
           createVNode(Transition, {
             name: "ire-fade-in-out",
@@ -1626,7 +1669,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
             default: withCtx(() => [
               showModal.value ? (openBlock(), createBlock(_sfc_main$6, {
                 key: 0,
-                onClose: v[4] || (v[4] = (n) => showModal.value = !1)
+                onClose: p[5] || (p[5] = (a) => showModal.value = !1)
               }, {
                 default: withCtx(() => [
                   createVNode(_sfc_main$4, { modalData: hoveredData.value }, null, 8, ["modalData"])
@@ -1644,10 +1687,12 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]
 }), _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Project",
   props: {
-    data: {}
+    data: {},
+    translations: {}
   },
-  setup(e) {
-    return provide("shortcodeData", e.data), (r, o) => (openBlock(), createElementBlock("div", null, [
+  setup(t) {
+    const o = t;
+    return provide("shortcodeData", o.data), provide("translations", o.translations), (r, e) => (openBlock(), createElementBlock("div", null, [
       createVNode(_sfc_main$1, { "shortcode-data-props": r.data }, null, 8, ["shortcode-data-props"])
     ]));
   }