ire-preview 2.1.6 → 2.2.1

package/dist/lib.es.js

@@ -1,22 +1,34 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, renderSlot, ref, watch, createBlock, unref, normalizeClass, mergeModels, useModel, withDirectives, renderList, vModelSelect, computed as computed$1, onMounted, createStaticVNode, reactive, normalizeStyle, Teleport } from "vue";
+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;
+  return r;
+}, _sfc_main$k = {};
+function _sfc_render$4(e, t) {
+  return openBlock(), createElementBlock("div", null, t[0] || (t[0] = [
+    createElementVNode("h1", { class: "underline" }, "undeliner", -1)
+  ]));
+}
+const App = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4]]);
 /**
 * @vue/shared v3.5.12
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const extend = Object.assign, isFunction = (o) => typeof o == "function", isSymbol = (o) => typeof o == "symbol", hasChanged = (o, e) => !Object.is(o, e);
+const extend = Object.assign, isFunction = (e) => typeof e == "function", isSymbol = (e) => typeof e == "symbol", hasChanged = (e, t) => !Object.is(e, t);
 /**
 * @vue/reactivity v3.5.12
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 let activeSub, batchDepth = 0, batchedSub, batchedComputed;
-function batch(o, e = !1) {
-  if (o.flags |= 8, e) {
-    o.next = batchedComputed, batchedComputed = o;
+function batch(e, t = !1) {
+  if (e.flags |= 8, t) {
+    e.next = batchedComputed, batchedComputed = e;
     return;
   }
-  o.next = batchedSub, batchedSub = o;
+  e.next = batchedSub, batchedSub = e;
 }
 function startBatch() {
   batchDepth++;
@@ -25,106 +37,106 @@ function endBatch() {
   if (--batchDepth > 0)
     return;
   if (batchedComputed) {
-    let e = batchedComputed;
-    for (batchedComputed = void 0; e; ) {
-      const r = e.next;
-      e.next = void 0, e.flags &= -9, e = r;
+    let t = batchedComputed;
+    for (batchedComputed = void 0; t; ) {
+      const r = t.next;
+      t.next = void 0, t.flags &= -9, t = r;
     }
   }
-  let o;
+  let e;
   for (; batchedSub; ) {
-    let e = batchedSub;
-    for (batchedSub = void 0; e; ) {
-      const r = e.next;
-      if (e.next = void 0, e.flags &= -9, e.flags & 1)
+    let t = batchedSub;
+    for (batchedSub = void 0; t; ) {
+      const r = t.next;
+      if (t.next = void 0, t.flags &= -9, t.flags & 1)
         try {
-          e.trigger();
-        } catch (i) {
-          o || (o = i);
+          t.trigger();
+        } catch (o) {
+          e || (e = o);
         }
-      e = r;
+      t = r;
     }
   }
-  if (o) throw o;
+  if (e) throw e;
 }
-function prepareDeps(o) {
-  for (let e = o.deps; e; e = e.nextDep)
-    e.version = -1, e.prevActiveLink = e.dep.activeLink, e.dep.activeLink = e;
+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 cleanupDeps(o) {
-  let e, r = o.depsTail, i = r;
-  for (; i; ) {
-    const a = i.prevDep;
-    i.version === -1 ? (i === r && (r = a), removeSub(i), removeDep(i)) : e = i, i.dep.activeLink = i.prevActiveLink, i.prevActiveLink = void 0, i = a;
+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;
   }
-  o.deps = e, o.depsTail = r;
+  e.deps = t, e.depsTail = r;
 }
-function isDirty(o) {
-  for (let e = o.deps; e; e = e.nextDep)
-    if (e.dep.version !== e.version || e.dep.computed && (refreshComputed(e.dep.computed) || e.dep.version !== e.version))
+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))
       return !0;
-  return !!o._dirty;
+  return !!e._dirty;
 }
-function refreshComputed(o) {
-  if (o.flags & 4 && !(o.flags & 16) || (o.flags &= -17, o.globalVersion === globalVersion))
+function refreshComputed(e) {
+  if (e.flags & 4 && !(e.flags & 16) || (e.flags &= -17, e.globalVersion === globalVersion))
     return;
-  o.globalVersion = globalVersion;
-  const e = o.dep;
-  if (o.flags |= 2, e.version > 0 && !o.isSSR && o.deps && !isDirty(o)) {
-    o.flags &= -3;
+  e.globalVersion = globalVersion;
+  const t = e.dep;
+  if (e.flags |= 2, t.version > 0 && !e.isSSR && e.deps && !isDirty(e)) {
+    e.flags &= -3;
     return;
   }
-  const r = activeSub, i = shouldTrack;
-  activeSub = o, shouldTrack = !0;
+  const r = activeSub, o = shouldTrack;
+  activeSub = e, shouldTrack = !0;
   try {
-    prepareDeps(o);
-    const a = o.fn(o._value);
-    (e.version === 0 || hasChanged(a, o._value)) && (o._value = a, e.version++);
-  } catch (a) {
-    throw e.version++, a;
+    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;
   } finally {
-    activeSub = r, shouldTrack = i, cleanupDeps(o), o.flags &= -3;
+    activeSub = r, shouldTrack = o, cleanupDeps(e), e.flags &= -3;
   }
 }
-function removeSub(o, e = !1) {
-  const { dep: r, prevSub: i, nextSub: a } = o;
-  if (i && (i.nextSub = a, o.prevSub = void 0), a && (a.prevSub = i, o.nextSub = void 0), r.subs === o && (r.subs = i, !i && r.computed)) {
+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)) {
     r.computed.flags &= -5;
-    for (let p = r.computed.deps; p; p = p.nextDep)
-      removeSub(p, !0);
+    for (let c = r.computed.deps; c; c = c.nextDep)
+      removeSub(c, !0);
   }
-  !e && !--r.sc && r.map && r.map.delete(r.key);
+  !t && !--r.sc && r.map && r.map.delete(r.key);
 }
-function removeDep(o) {
-  const { prevDep: e, nextDep: r } = o;
-  e && (e.nextDep = r, o.prevDep = void 0), r && (r.prevDep = e, o.nextDep = void 0);
+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);
 }
 let shouldTrack = !0, globalVersion = 0;
 class Link {
-  constructor(e, r) {
-    this.sub = e, this.dep = r, this.version = r.version, this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
+  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;
   }
 }
 class Dep {
-  constructor(e) {
-    this.computed = e, this.version = 0, this.activeLink = void 0, this.subs = void 0, this.map = void 0, this.key = void 0, this.sc = 0;
+  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;
   }
-  track(e) {
+  track(t) {
     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 i = r.nextDep;
-      i.prevDep = r.prevDep, r.prevDep && (r.prevDep.nextDep = i), r.prevDep = activeSub.depsTail, r.nextDep = void 0, activeSub.depsTail.nextDep = r, activeSub.depsTail = r, activeSub.deps === r && (activeSub.deps = i);
+      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);
     }
     return r;
   }
-  trigger(e) {
-    this.version++, globalVersion++, this.notify(e);
+  trigger(t) {
+    this.version++, globalVersion++, this.notify(t);
   }
-  notify(e) {
+  notify(t) {
     startBatch();
     try {
       for (let r = this.subs; r; r = r.prevSub)
@@ -134,24 +146,24 @@ class Dep {
     }
   }
 }
-function addSub(o) {
-  if (o.dep.sc++, o.sub.flags & 4) {
-    const e = o.dep.computed;
-    if (e && !o.dep.subs) {
-      e.flags |= 20;
-      for (let i = e.deps; i; i = i.nextDep)
-        addSub(i);
+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);
     }
-    const r = o.dep.subs;
-    r !== o && (o.prevSub = r, r && (r.nextSub = o)), o.dep.subs = o;
+    const r = e.dep.subs;
+    r !== e && (e.prevSub = r, r && (r.nextSub = e)), e.dep.subs = e;
   }
 }
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((o) => o !== "arguments" && o !== "caller").map((o) => Symbol[o]).filter(isSymbol)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(isSymbol)
 );
 class ComputedRefImpl {
-  constructor(e, r, i) {
-    this.fn = e, 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 = i;
+  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;
   }
   /**
    * @internal
@@ -162,39 +174,39 @@ class ComputedRefImpl {
       return batch(this, !0), !0;
   }
   get value() {
-    const e = this.dep.track();
-    return refreshComputed(this), e && (e.version = this.dep.version), this._value;
+    const t = this.dep.track();
+    return refreshComputed(this), t && (t.version = this.dep.version), this._value;
   }
-  set value(e) {
-    this.setter && this.setter(e);
+  set value(t) {
+    this.setter && this.setter(t);
   }
 }
-function computed(o, e, r = !1) {
-  let i, a;
-  return isFunction(o) ? i = o : (i = o.get, a = o.set), new ComputedRefImpl(i, a, r);
+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);
 }
-const _hoisted_1$f = {
+const _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$8 = {
+}, _hoisted_2$9 = {
   key: 0,
   class: "ire-flex 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$8 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$7 = { class: "!ire-text-2xl" }, _hoisted_5$3 = {
   key: 0,
   class: "ire-rounded-lg ire-bg-gray-100 ire-p-6"
-}, _hoisted_6$1 = {
+}, _hoisted_6$3 = {
   key: 0,
   class: "!ire-text-2xl"
-}, _hoisted_7$1 = { key: 1 }, _hoisted_8$1 = {
+}, _hoisted_7$3 = { key: 1 }, _hoisted_8$3 = {
   key: 0,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_9$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_10$1 = {
+}, _hoisted_9$3 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_10$3 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_11$1 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_12$1 = {
+}, _hoisted_11$2 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_12$2 = {
   key: 2,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_13$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_14$1 = {
+}, _hoisted_13$2 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_14$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 = {
@@ -209,63 +221,63 @@ const _hoisted_1$f = {
 }, _hoisted_24$1 = {
   key: 0,
   class: "!ire-text-2xl"
-}, _hoisted_25$1 = { key: 1 }, _hoisted_26$1 = { class: "!ire-text-xs ire-line-through" }, _hoisted_27 = { class: "!ire-text-2xl" }, _hoisted_28 = { class: "ire-border ire-border-gray-800 ire-p-2" }, _hoisted_29 = { class: "ire-translate-x-3 ire-bg-white" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+}, _hoisted_25$1 = { key: 1 }, _hoisted_26$1 = { class: "!ire-text-xs ire-line-through" }, _hoisted_27 = { class: "!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({
   __name: "Tooltip_1",
   props: {
     hoveredData: {},
     type: {}
   },
-  setup(o) {
-    return (e, r) => (openBlock(), createElementBlock("div", null, [
+  setup(e) {
+    return (t, r) => (openBlock(), createElementBlock("div", null, [
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => {
-          var i, a, p, f, y, d, h, k, n, u, g, s, _, t, l, c, v, b, m, E, w, $, x, C, V, D, N, S;
+          var o, s, c, d, k, l, _, w, y, u, f, a, v, n, i, p, m, $, h, E, S, g, b, x, V, C, D, R;
           return [
-            e.type && e.hoveredData && e.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
-              e.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-                createElementVNode("div", _hoisted_3$6, [
-                  createElementVNode("p", _hoisted_4$5, toDisplayString((i = e.hoveredData) == null ? void 0 : i.floor_number), 1),
-                  r[0] || (r[0] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Floor", -1))
+            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))
                 ]),
-                (a = e.hoveredData) != null && a.conf || (f = (p = e.hoveredData) == null ? void 0 : p.flats) != null && f.length ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-                  (y = e.hoveredData) != null && y.conf ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString((d = e.hoveredData) == null ? void 0 : d.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$1, [
-                    (k = (h = e.hoveredData) == null ? void 0 : h.counts) != null && k.available ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                      createElementVNode("p", _hoisted_9$1, toDisplayString(((u = (n = e.hoveredData) == null ? void 0 : n.counts) == null ? void 0 : u.available) || 0), 1),
-                      r[1] || (r[1] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Available", -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, [
+                    (w = (_ = t.hoveredData) == null ? void 0 : _.counts) != null && w.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))
                     ])) : createCommentVNode("", !0),
-                    (s = (g = e.hoveredData) == null ? void 0 : g.counts) != null && s.reserved ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                      createElementVNode("p", _hoisted_11$1, toDisplayString((t = (_ = e.hoveredData) == null ? void 0 : _.counts) == null ? void 0 : t.reserved), 1),
-                      r[2] || (r[2] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Reserved", -1))
+                    (a = (f = t.hoveredData) == null ? void 0 : f.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))
                     ])) : createCommentVNode("", !0),
-                    (c = (l = e.hoveredData) == null ? void 0 : l.counts) != null && c.sold ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-                      createElementVNode("p", _hoisted_13$1, toDisplayString((b = (v = e.hoveredData) == null ? void 0 : v.counts) == null ? void 0 : b.sold), 1),
-                      r[3] || (r[3] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Sold", -1))
+                    (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))
                     ])) : createCommentVNode("", !0)
                   ]))
                 ])) : createCommentVNode("", !0)
-              ])) : e.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
+              ])) : t.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
                 createElementVNode("div", _hoisted_15$1, [
-                  createElementVNode("span", _hoisted_16$1, toDisplayString((m = e.hoveredData) == null ? void 0 : m.conf), 1),
-                  createElementVNode("p", _hoisted_17$1, toDisplayString((E = e.hoveredData) == null ? void 0 : E.title), 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)
                 ])
-              ])) : e.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+              ])) : t.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
                 createElementVNode("div", _hoisted_19$1, [
-                  createElementVNode("p", _hoisted_20$1, toDisplayString((w = e.hoveredData) == null ? void 0 : w.flat_number), 1),
-                  r[4] || (r[4] = createElementVNode("p", { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, "Apartment", -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("div", _hoisted_21$1, [
-                  ($ = e.hoveredData) != null && $.conf ? (openBlock(), createElementBlock("p", _hoisted_22$1, toDisplayString(e.hoveredData.conf), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    r[7] || (r[7] = createElementVNode("p", { class: "!ire-text-xs ire-uppercase ire-text-gray-500" }, "Price", -1)),
-                    (x = e.hoveredData) != null && x.price ? (openBlock(), createElementBlock("div", _hoisted_23$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", null, [
-                        (C = e.hoveredData) != null && C.offer_price ? (openBlock(), createElementBlock("div", _hoisted_25$1, [
-                          createElementVNode("p", _hoisted_26$1, toDisplayString(Number((V = e.hoveredData) == null ? void 0 : V.price).toLocaleString()), 1),
-                          createElementVNode("p", _hoisted_27, [
-                            createTextVNode(toDisplayString(Number((D = e.hoveredData) == null ? void 0 : D.offer_price).toLocaleString()), 1),
+                        (x = t.hoveredData) != null && x.offer_price ? (openBlock(), createElementBlock("div", _hoisted_25$1, [
+                          createElementVNode("div", _hoisted_26$1, toDisplayString(Number((V = t.hoveredData) == null ? void 0 : V.price).toLocaleString()), 1),
+                          createElementVNode("div", _hoisted_27, [
+                            createTextVNode(toDisplayString(Number((C = t.hoveredData) == null ? void 0 : C.offer_price).toLocaleString()), 1),
                             r[6] || (r[6] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                           ])
-                        ])) : (openBlock(), createElementBlock("p", _hoisted_24$1, [
-                          createTextVNode(toDisplayString(Number(e.hoveredData.price).toLocaleString()), 1),
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_24$1, [
+                          createTextVNode(toDisplayString(Number(t.hoveredData.price).toLocaleString()), 1),
                           r[5] || (r[5] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                         ]))
                       ])
@@ -273,8 +285,8 @@ const _hoisted_1$f = {
                   ], 64))
                 ]),
                 createElementVNode("div", _hoisted_28, [
-                  createElementVNode("p", _hoisted_29, [
-                    createTextVNode(toDisplayString((S = (N = e.hoveredData) == null ? void 0 : N.type) == null ? void 0 : S.area_m2) + " M", 1),
+                  createElementVNode("div", _hoisted_29, [
+                    createTextVNode(toDisplayString((R = (D = t.hoveredData) == null ? void 0 : D.type) == null ? void 0 : R.area_m2) + " M", 1),
                     r[8] || (r[8] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
                   ])
                 ])
@@ -286,29 +298,386 @@ const _hoisted_1$f = {
       })
     ]));
   }
-}), _hoisted_1$e = { class: "ire-relative" }, _hoisted_2$7 = {
+}), _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 = {
+  key: 0,
+  class: "ire-flex ire-flex-col ire-items-center !ire-text-sm"
+}, _hoisted_3$7 = {
+  key: 0,
+  class: "ire-uppercase"
+}, _hoisted_4$6 = { key: 1 }, _hoisted_5$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 = {
+  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 = {
+  key: 0,
+  class: "!ire-text-sm ire-uppercase"
+}, _hoisted_11$1 = {
+  key: 1,
+  class: "ire-flex ire-items-center"
+}, _hoisted_12$1 = { class: "!ire-text-sm" }, _hoisted_13$1 = { class: "!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" }, {
+      default: withCtx(() => {
+        var c, d, k, l, _, w, y, u, f, a, v;
+        return [
+          o.type && o.hoveredData && o.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)`
+            })
+          }, [
+            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((_ = o.hoveredData) == null ? void 0 : _.title), 1),
+                  createElementVNode("span", _hoisted_7$2, toDisplayString((w = o.hoveredData) == null ? void 0 : w.conf), 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, [
+                  createElementVNode("div", null, [
+                    createElementVNode("div", _hoisted_12$1, [
+                      createTextVNode(toDisplayString(Number((f = o.hoveredData) == null ? void 0 : f.price).toLocaleString()) + " ", 1),
+                      s[0] || (s[0] = createElementVNode("sup", { 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))
+                ])
+              ])) : createCommentVNode("", !0)
+            ])
+          ], 4)) : createCommentVNode("", !0)
+        ];
+      }),
+      _: 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 = {
+  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 = {
+  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 = {
+  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({
+  __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" }, {
+      default: withCtx(() => {
+        var c, d, k;
+        return [
+          o.type && o.hoveredData && o.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)`
+            })
+          }, [
+            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))
+                ])
+              ])) : 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)
+                ])
+              ])) : 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))
+                ])
+              ])) : createCommentVNode("", !0)
+            ])
+          ], 4)) : createCommentVNode("", !0)
+        ];
+      }),
+      _: 1
+    }));
+  }
+}), _hoisted_1$d = {
   key: 0,
-  class: "ire-mb-3 ire-flex ire-h-[48px] ire-items-center ire-justify-between ire-px-4"
-}, _sfc_main$f = /* @__PURE__ */ defineComponent({
+  class: "py-2 ire-mb-3 ire-flex ire-h-[48px] ire-items-center ire-justify-between ire-px-4"
+}, _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PreviewLayout",
   props: {
     hoverdData: {},
     type: {}
   },
-  setup(o) {
-    return (e, r) => (openBlock(), createElementBlock("div", _hoisted_1$e, [
-      e.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-        renderSlot(e.$slots, "header")
+  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";
+    });
+    return (s, c) => (openBlock(), createElementBlock("div", {
+      ref_key: "canvasRef",
+      ref: t,
+      class: "ire-relative ire-overflow-hidden [&_.tooltip-2]:active:!ire-scale-110"
+    }, [
+      s.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+        renderSlot(s.$slots, "header")
       ])) : createCommentVNode("", !0),
-      renderSlot(e.$slots, "default"),
-      createVNode(_sfc_main$g, {
-        "hovered-data": e.hoverdData,
-        type: e.type || "",
+      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"])
-    ]));
+      }, null, 8, ["hovered-data", "type"]))
+    ], 512));
+  }
+});
+/*!
+ * pinia v3.0.1
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+let activePinia;
+const setActivePinia = (e) => activePinia = e, piniaSymbol = (
+  /* istanbul ignore next */
+  Symbol()
+);
+function isPlainObject(e) {
+  return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
+}
+var MutationType;
+(function(e) {
+  e.direct = "direct", e.patchObject = "patch object", e.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 = [];
+    },
+    use(c) {
+      return this._a ? r.push(c) : o.push(c), this;
+    },
+    _p: r,
+    // it's actually undefined here
+    // @ts-expect-error
+    _a: null,
+    _e: e,
+    _s: /* @__PURE__ */ new Map(),
+    state: t
+  });
+  return s;
+}
+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());
+  };
+  return !r && getCurrentScope() && onScopeDispose(s), s;
+}
+function triggerSubscriptions(e, ...t) {
+  e.slice().forEach((r) => {
+    r(...t);
+  });
+}
+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))
+      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;
+  }
+  return e;
+}
+const skipHydrateSymbol = (
+  /* istanbul ignore next */
+  Symbol()
+);
+function shouldHydrate(e) {
+  return !isPlainObject(e) || !e.hasOwnProperty(skipHydrateSymbol);
+}
+const { assign } = Object;
+function isComputed(e) {
+  return !!(isRef(e) && e.effect);
+}
+function createOptionsStore(e, t, r, o) {
+  const { state: s, actions: c, getters: d } = t, k = r.state.value[e];
+  let l;
+  function _() {
+    k || (r.state.value[e] = s ? s() : {});
+    const w = toRefs(r.state.value[e]);
+    return assign(w, c, Object.keys(d || {}).reduce((y, u) => (y[u] = markRaw(computed$1(() => {
+      setActivePinia(r);
+      const f = r._s.get(e);
+      return d[u].call(f, f);
+    })), y), {}));
+  }
+  return l = createSetupStore(e, _, t, r, o, !0), l;
+}
+function createSetupStore(e, t, r = {}, o, s, c) {
+  let d;
+  const k = assign({ actions: {} }, r), l = { deep: !0 };
+  let _, w, y = [], u = [], f;
+  const a = o.state.value[e];
+  !c && !a && (o.state.value[e] = {}), ref({});
+  let v;
+  function n(g) {
+    let b;
+    _ = w = !1, typeof g == "function" ? (g(o.state.value[e]), b = {
+      type: MutationType.patchFunction,
+      storeId: e,
+      events: f
+    }) : (mergeReactiveObjects(o.state.value[e], g), b = {
+      type: MutationType.patchObject,
+      payload: g,
+      storeId: e,
+      events: f
+    });
+    const x = v = Symbol();
+    nextTick().then(() => {
+      v === x && (_ = !0);
+    }), w = !0, triggerSubscriptions(y, b, o.state.value[e]);
+  }
+  const i = c ? function() {
+    const { state: b } = r, x = b ? b() : {};
+    this.$patch((V) => {
+      assign(V, x);
+    });
+  } : (
+    /* istanbul ignore next */
+    noop
+  );
+  function p() {
+    d.stop(), y = [], u = [], o._s.delete(e);
   }
-}), _hoisted_1$d = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_2$6 = ["src"], _hoisted_3$5 = ["innerHTML"], _sfc_main$e = /* @__PURE__ */ defineComponent({
+  const m = (g, b = "") => {
+    if (ACTION_MARKER in g)
+      return g[ACTION_NAME] = b, g;
+    const x = function() {
+      setActivePinia(o);
+      const V = Array.from(arguments), C = [], D = [];
+      function R(B) {
+        C.push(B);
+      }
+      function L(B) {
+        D.push(B);
+      }
+      triggerSubscriptions(u, {
+        args: V,
+        name: x[ACTION_NAME],
+        store: h,
+        after: R,
+        onError: L
+      });
+      let N;
+      try {
+        N = g.apply(this && this.$id === e ? this : h, 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 x[ACTION_MARKER] = !0, x[ACTION_NAME] = b, x;
+  }, $ = {
+    _p: o,
+    // _s: scope,
+    $id: e,
+    $onAction: addSubscription.bind(null, u),
+    $patch: n,
+    $reset: i,
+    $subscribe(g, b = {}) {
+      const x = addSubscription(y, g, b.detached, () => V()), V = d.run(() => watch(() => o.state.value[e], (C) => {
+        (b.flush === "sync" ? w : _) && g({
+          storeId: e,
+          type: MutationType.direct,
+          events: f
+        }, C);
+      }, assign({}, l, b)));
+      return x;
+    },
+    $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 x = m(b, g);
+      S[g] = x, k.actions[g] = b;
+    }
+  }
+  return assign(h, S), assign(toRaw(h), S), Object.defineProperty(h, "$state", {
+    get: () => o.state.value[e],
+    set: (g) => {
+      n((b) => {
+        assign(b, g);
+      });
+    }
+  }), o._p.forEach((g) => {
+    assign(h, d.run(() => g({
+      store: h,
+      app: o._a,
+      pinia: o,
+      options: k
+    })));
+  }), a && c && r.hydrate && r.hydrate(h.$state, a), _ = !0, w = !0, h;
+}
+/*! #__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
+    // 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);
+  }
+  return c.$id = e, c;
+}
+const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
+  const e = ref(), t = ref("1");
+  return {
+    hoverdSvg: e,
+    tooltip: t
+  };
+}), _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({
   __name: "ProjectPreview",
   props: {
     project: {},
@@ -319,95 +688,96 @@ const _hoisted_1$f = {
     projectMeta: {}
   },
   emits: ["changeComponent"],
-  setup(o, { emit: e }) {
-    const r = e, i = o, a = ref(), p = ref(), f = ref(null), y = computed(() => {
-      if (i.project)
-        return i.project.svg;
+  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 n, u;
-      const k = (u = (n = i.projectMeta) == null ? void 0 : n.find(
-        (g) => (g == null ? void 0 : g.meta_key) === "project_img_contain"
-      )) == null ? void 0 : u.meta_value;
-      return JSON.parse((k == null ? void 0 : k.toString()) || "false");
+      var u, f;
+      const y = (f = (u = o.projectMeta) == null ? void 0 : u.find(
+        (a) => (a == null ? void 0 : a.meta_key) === "project_img_contain"
+      )) == null ? void 0 : f.meta_value;
+      return JSON.parse((y == null ? void 0 : y.toString()) || "false");
     });
-    const d = (k) => {
-      const n = k.target;
-      n && (a.value = n);
-    }, h = (k) => {
-      var u, g, s;
-      const n = k.target;
-      (n == null ? void 0 : n.nodeName) === "path" && (((u = p.value) == null ? void 0 : u.conf) === "sold" || ((g = p.value) == null ? void 0 : g.conf) === "reserved" || r("changeComponent", ((s = f.value) == null ? void 0 : s.type) || "", p == null ? void 0 : p.value));
+    const _ = (y) => {
+      const u = y.target;
+      u && (c.value = u);
+    }, w = (y) => {
+      var f, a, v;
+      const u = y.target;
+      (u == null ? void 0 : u.nodeName) === "path" && (((f = d.value) == null ? void 0 : f.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));
     };
     return watch(
-      () => a.value,
-      (k) => {
-        var u, g, s, _, t, l, c;
-        if (!k) return;
-        const n = k.parentElement;
-        if (n && (n == null ? void 0 : n.nodeName) === "g") {
-          const v = n == null ? void 0 : n.getAttribute("id");
-          if (!v || (f.value = ((u = i.project) == null ? void 0 : u.polygon_data.find((m) => (m == null ? void 0 : m.key) === v)) || null, !f.value)) return;
-          const b = (g = f.value) == null ? void 0 : g.id;
-          switch ((s = f.value) == null ? void 0 : s.type) {
+      () => c.value,
+      (y) => {
+        var f, 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 = ((f = o.project) == null ? void 0 : f.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) {
             case "floor":
-              const m = (_ = i.floors) == null ? void 0 : _.find(
-                (x) => x.id === b
+              const E = (n = o.floors) == null ? void 0 : n.find(
+                (x) => x.id === h
               );
-              p.value = m;
+              d.value = E;
               break;
             case "block":
-              const E = (t = i.blocks) == null ? void 0 : t.find(
-                (x) => (x == null ? void 0 : x.id) === b
+              const S = (i = o.blocks) == null ? void 0 : i.find(
+                (x) => (x == null ? void 0 : x.id) === h
               );
-              p.value = E;
+              d.value = S;
               break;
             case "flat":
-              const w = (l = i.flats) == null ? void 0 : l.find(
-                (x) => (x == null ? void 0 : x.id) === b
+              const g = (p = o.flats) == null ? void 0 : p.find(
+                (x) => (x == null ? void 0 : x.id) === h
               );
-              p.value = w;
+              d.value = g;
               break;
             case "tooltip":
-              const $ = (c = i.actions) == null ? void 0 : c.find(
-                (x) => (x == null ? void 0 : x.id) === b
+              const b = (m = o.actions) == null ? void 0 : m.find(
+                (x) => (x == null ? void 0 : x.id) === h
               );
-              p.value = $;
+              d.value = b;
               break;
             default:
-              p.value = null;
+              d.value = null;
               break;
           }
         } else
-          f.value = null, p.value = null;
+          k.value = null, d.value = null;
       }
-    ), (k, n) => {
-      var u;
-      return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: p.value,
-        type: (u = f.value) == null ? void 0 : u.type
+    ), (y, u) => {
+      var f;
+      return openBlock(), createBlock(_sfc_main$g, {
+        hoverdData: d.value,
+        type: (f = k.value) == null ? void 0 : f.type
       }, {
         default: withCtx(() => {
-          var g, s, _, t, l, c;
+          var a, v, n, i, p, m;
           return [
-            createElementVNode("div", _hoisted_1$d, [
+            createElementVNode("div", _hoisted_1$c, [
               createElementVNode("img", {
-                src: (_ = (s = (g = k.project) == null ? void 0 : g.project_image) == null ? void 0 : s[0]) == null ? void 0 : _.url,
+                src: (n = (v = (a = y.project) == null ? void 0 : a.project_image) == null ? void 0 : v[0]) == null ? void 0 : n.url,
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_2$6),
               (openBlock(), createElementBlock("div", {
-                innerHTML: unref(y),
-                key: unref(y),
+                innerHTML: unref(l),
+                key: unref(l),
                 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.value && ((t = p.value) == null ? void 0 : t.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": p.value && ((l = p.value) == null ? void 0 : l.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((c = p.value) != null && c.conf)
+                    "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)
                   }
                 ]]),
-                onMouseover: d,
-                onClick: h
+                onMouseover: _,
+                onClick: w
               }, null, 42, _hoisted_3$5))
             ])
           ];
@@ -416,10 +786,10 @@ const _hoisted_1$f = {
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _hoisted_1$c = { 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$5 = {
   key: 0,
   class: "label"
-}, _hoisted_3$4 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$d = /* @__PURE__ */ defineComponent({
+}, _hoisted_3$4 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "PreviewSelect",
   props: /* @__PURE__ */ mergeModels({
     data: {},
@@ -432,26 +802,26 @@ const _hoisted_1$f = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const e = useModel(o, "modelValue");
-    return (r, i) => (openBlock(), createElementBlock("div", _hoisted_1$c, [
+  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, [
         withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": i[0] || (i[0] = (a) => e.value = a),
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
           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, (a) => {
-            var p, f;
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(r.data, (s) => {
+            var c, d;
             return openBlock(), createElementBlock("option", {
-              value: a.value,
-              disabled: ((p = a == null ? void 0 : a.title) == null ? void 0 : p.includes("reserved")) || ((f = a == null ? void 0 : a.title) == null ? void 0 : f.includes("sold"))
-            }, toDisplayString(a.title), 9, _hoisted_4$4);
+              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);
           }), 256))
         ], 512), [
-          [vModelSelect, e.value]
+          [vModelSelect, t.value]
         ]),
-        i[1] || (i[1] = createElementVNode("svg", {
+        o[1] || (o[1] = createElementVNode("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           fill: "none",
           viewBox: "0 0 24 24",
@@ -468,35 +838,30 @@ const _hoisted_1$f = {
       ])
     ]));
   }
-}), _export_sfc = (o, e) => {
-  const r = o.__vccOpts || o;
-  for (const [i, a] of e)
-    r[i] = a;
-  return r;
-}, _sfc_main$c = {}, _hoisted_1$b = {
+}), _sfc_main$d = {}, _hoisted_1$a = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",
   height: "32",
   viewBox: "0 0 32 32",
   fill: "none"
 };
-function _sfc_render$3(o, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, e[0] || (e[0] = [
+function _sfc_render$3(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, t[0] || (t[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$c, [["render", _sfc_render$3]]), _hoisted_1$a = { 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$b = /* @__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" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "BackButton",
-  setup(o) {
-    return (e, r) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
+  setup(e) {
+    return (t, 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))
     ]));
   }
-}), _hoisted_1$9 = { class: "ire-w-fit ire-bg-white" }, _hoisted_2$4 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3$3 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$a = /* @__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$3 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FloorPreview",
   props: {
     flats: {},
@@ -506,147 +871,148 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(o, { emit: e }) {
-    const r = e, i = o, a = ref(), p = ref(), f = ref(), y = ref(null), d = ref(), h = ref(), k = computed$1(() => {
-      var t;
-      if ((t = i.floor) != null && t.svg)
-        return i.floor.svg;
-    }), n = computed$1(() => i.floors.filter(
-      (t) => {
-        var l, c;
+  setup(e, { emit: t }) {
+    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(), l = ref(null), _ = ref(), w = 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;
         return (
           // floorItem.conf !== "reserved" &&
           // floorItem.conf !== "sold" &&
-          (l = i.floor) != null && l.block_id ? (t == null ? void 0 : t.block_id) === ((c = i.floor) == null ? void 0 : c.block_id) : !(t != null && t.block_id)
+          (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)
         );
       }
-    ).map((t) => {
-      var c, v;
-      const l = (c = i.blocks) == null ? void 0 : c.find(
-        (b) => {
-          var m;
-          return (b == null ? void 0 : b.id) === ((m = t == null ? void 0 : t.block_id) == null ? void 0 : m.toString());
+    ).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());
         }
       );
       return {
-        title: ((v = t == null ? void 0 : t.floor_number) == null ? void 0 : v.toString()) + " Floor" + (l != null && l.id ? ` - ${l == null ? void 0 : l.title}` : "") + (t != null && t.conf ? " " + t.conf : ""),
-        value: t == null ? void 0 : t.id
+        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
       };
-    }).sort((t, l) => +(t == null ? void 0 : t.title) - +(l == null ? void 0 : l.title)) || []), u = (t) => {
-      const l = t.target;
-      l && (p.value = l);
-    }, g = (t) => {
-      var c, v, b;
-      const l = t.target;
-      (l == null ? void 0 : l.nodeName) === "path" && (y.value && "conf" in y.value && (((c = y.value) == null ? void 0 : c.conf) === "sold" || ((v = y.value) == null ? void 0 : v.conf) === "reserved") || r("changeComponent", ((b = f.value) == null ? void 0 : b.type) || "", y.value));
-    }, s = () => {
-      var t;
-      a.value && ((t = a.value) == null ? void 0 : t.querySelectorAll("g")).forEach((c) => {
-        var m, E, w, $, x, C;
-        const v = c == null ? void 0 : c.getAttribute("id"), b = (E = (m = i.floor) == null ? void 0 : m.polygon_data) == null ? void 0 : E.find(
-          (V) => (V == null ? void 0 : V.key) === v
+    }).sort((i, p) => +(i == null ? void 0 : i.title) - +(p == null ? void 0 : p.title)) || []), f = (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, x, 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) === $
         );
-        if (i.flats)
-          if ((w = i.floor) != null && w.conf)
-            c.setAttribute("conf", (($ = i.floor) == null ? void 0 : $.conf) || "");
+        if (o.flats)
+          if ((g = o.floor) != null && g.conf)
+            m.setAttribute("conf", ((b = o.floor) == null ? void 0 : b.conf) || "");
           else {
-            const V = (x = i.flats) == null ? void 0 : x.find(
-              (D) => (D == null ? void 0 : D.id) === (b == null ? void 0 : b.id)
+            const C = (x = o.flats) == null ? void 0 : x.find(
+              (D) => (D == null ? void 0 : D.id) === (h == null ? void 0 : h.id)
             );
-            c == null || c.setAttribute("conf", ((C = V == null ? void 0 : V.conf) == null ? void 0 : C.toString()) || "");
+            m == null || m.setAttribute("conf", ((V = C == null ? void 0 : C.conf) == null ? void 0 : V.toString()) || "");
           }
       });
-    }, _ = () => {
-      var t;
-      (t = i.floor) != null && t.block_id ? r("changeComponent", "block", h.value) : r("changeComponent", "project", null);
+    }, n = () => {
+      var i;
+      (i = o.floor) != null && i.block_id ? r("changeComponent", "block", w.value) : r("changeComponent", "project", null);
     };
     return watch(
-      () => p.value,
-      (t) => {
-        var c, v, b, m, E, w;
-        if (!t) return;
-        const l = t == null ? void 0 : t.parentElement;
-        if (l && (l == null ? void 0 : l.nodeName) === "g") {
-          const $ = l.getAttribute("id");
-          if (!$ || (f.value = ((v = (c = i.floor) == null ? void 0 : c.polygon_data) == null ? void 0 : v.find((x) => (x == null ? void 0 : x.key) === $)) || null, !f.value)) return;
-          if (((b = f.value) == null ? void 0 : b.type) === "flat") {
-            const x = (m = i.flats) == null ? void 0 : m.find(
-              (C) => {
-                var V;
-                return (C == null ? void 0 : C.id) === ((V = f.value) == null ? void 0 : V.id);
+      () => 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((x) => (x == null ? void 0 : x.key) === b)) || null, !k.value)) return;
+          if (((h = k.value) == null ? void 0 : h.type) === "flat") {
+            const x = (E = o.flats) == null ? void 0 : E.find(
+              (V) => {
+                var C;
+                return (V == null ? void 0 : V.id) === ((C = k.value) == null ? void 0 : C.id);
               }
             );
-            y.value = x ?? null;
-          } else if (((E = f.value) == null ? void 0 : E.type) === "tooltip") {
-            const x = (w = i.actions) == null ? void 0 : w.find(
-              (C) => {
-                var V;
-                return (C == null ? void 0 : C.id) === ((V = f.value) == null ? void 0 : V.id);
+            l.value = x ?? null;
+          } else if (((S = k.value) == null ? void 0 : S.type) === "tooltip") {
+            const x = (g = o.actions) == null ? void 0 : g.find(
+              (V) => {
+                var C;
+                return (V == null ? void 0 : V.id) === ((C = k.value) == null ? void 0 : C.id);
               }
             );
-            y.value = x ?? null;
+            l.value = x ?? null;
           } else
-            y.value = null;
+            l.value = null;
         } else
-          f.value = null;
+          k.value = null;
       }
     ), watch(
-      () => d.value,
+      () => _.value,
       () => {
-        var l;
-        const t = (l = i.floors) == null ? void 0 : l.find(
-          (c) => (c == null ? void 0 : c.id) === (d == null ? void 0 : d.value)
+        var p;
+        const i = (p = o.floors) == null ? void 0 : p.find(
+          (m) => (m == null ? void 0 : m.id) === (_ == null ? void 0 : _.value)
         );
-        t != null && t.conf || (t && r("changeComponent", "floor", t), setTimeout(() => {
-          s();
+        i != null && i.conf || (i && r("changeComponent", "floor", i), setTimeout(() => {
+          v();
         }, 0));
       }
     ), onMounted(() => {
-      var t, l, c;
-      h.value = (t = i.blocks) == null ? void 0 : t.find(
-        (v) => {
-          var b, m;
-          return (v == null ? void 0 : v.id) === ((m = (b = i.floor) == null ? void 0 : b.block_id) == null ? void 0 : m.toString());
+      var i, p, m;
+      w.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());
         }
-      ), d.value = (c = (l = n.value) == null ? void 0 : l.find(
-        (v) => {
-          var b;
-          return (v == null ? void 0 : v.value) == ((b = i.floor) == null ? void 0 : b.id);
+      ), _.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);
         }
-      )) == null ? void 0 : c.value, s();
-    }), (t, l) => {
-      var c;
-      return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: y.value,
-        type: (c = f.value) == null ? void 0 : c.type
+      )) == null ? void 0 : m.value, v();
+    }), (i, p) => {
+      var m;
+      return openBlock(), createBlock(_sfc_main$g, {
+        hoverdData: l.value,
+        type: (m = k.value) == null ? void 0 : m.type
       }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$b, { onClick: _ }),
-          createElementVNode("div", _hoisted_1$9, [
-            createVNode(_sfc_main$d, {
-              modelValue: d.value,
-              "onUpdate:modelValue": l[0] || (l[0] = (v) => d.value = v),
-              data: n.value
+          createVNode(_sfc_main$c, { onClick: n }),
+          createElementVNode("div", _hoisted_1$8, [
+            createVNode(_sfc_main$e, {
+              modelValue: _.value,
+              "onUpdate:modelValue": p[0] || (p[0] = ($) => _.value = $),
+              data: u.value
             }, null, 8, ["modelValue", "data"])
           ])
         ]),
         default: withCtx(() => {
-          var v, b, m;
+          var $, h, E;
           return [
             createElementVNode("div", _hoisted_2$4, [
               createElementVNode("img", {
-                src: ((m = (b = (v = t.floor) == null ? void 0 : v.floor_image) == null ? void 0 : b[0]) == null ? void 0 : m.url) || "",
+                src: ((E = (h = ($ = i.floor) == null ? void 0 : $.floor_image) == null ? void 0 : h[0]) == null ? void 0 : E.url) || "",
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_3$3),
               (openBlock(), createElementBlock("div", {
                 ref_key: "svgRef",
-                ref: a,
-                innerHTML: k.value,
-                key: k.value,
+                ref: c,
+                innerHTML: y.value,
+                key: y.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: u,
-                onClick: g
+                onMouseover: f,
+                onClick: a
               }, null, 40, _hoisted_4$3))
             ])
           ];
@@ -655,27 +1021,27 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _sfc_main$9 = {}, _hoisted_1$8 = {
+}), _sfc_main$a = {}, _hoisted_1$7 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$2(o, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, e[0] || (e[0] = [
+function _sfc_render$2(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, t[0] || (t[0] = [
     createStaticVNode('<path d="M5.25 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 8.25H8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 20.25H9" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.75 15V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 20.25H15C15.1989 20.25 15.3897 20.171 15.5303 20.0303C15.671 19.8897 15.75 19.6989 15.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 8.25H15C15.1989 8.25 15.3897 8.32902 15.5303 8.46967C15.671 8.61032 15.75 8.80109 15.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.25 8.25H4.5C4.30109 8.25 4.11032 8.32902 3.96967 8.46967C3.82902 8.61032 3.75 8.80109 3.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75H19.5C19.6989 15.75 19.8897 15.671 20.0303 15.5303C20.171 15.3897 20.25 15.1989 20.25 15V4.5C20.25 4.30109 20.171 4.11032 20.0303 3.96967C19.8897 3.82902 19.6989 3.75 19.5 3.75H9C8.80109 3.75 8.61032 3.82902 8.46967 3.96967C8.32902 4.11032 8.25 4.30109 8.25 4.5V8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>', 9)
   ]));
 }
-const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$2]]), _sfc_main$8 = {}, _hoisted_1$7 = {
+const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$2]]), _sfc_main$9 = {}, _hoisted_1$6 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$1(o, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, e[0] || (e[0] = [
+function _sfc_render$1(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, t[0] || (t[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",
@@ -696,78 +1062,81 @@ function _sfc_render$1(o, e) {
     }, null, -1)
   ]));
 }
-const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]), _hoisted_1$6 = { 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" }, _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 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 = {
   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-2 lg:ire-w-auto" }, _hoisted_10 = { class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4" }, _hoisted_11 = { class: "!ire-text-2xl ire-font-semibold ire-capitalize" }, _hoisted_12 = { 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_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 = {
   key: 0,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4"
+  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 = {
+  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 = {
   key: 1,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4"
+  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 = {
-  key: 0,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4"
-}, _hoisted_21 = { class: "!ire-text-2xl" }, _hoisted_22 = {
   key: 1,
-  class: "border-b ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b-gray-200 ire-py-4"
+  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 = {
+  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 = {
   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$7 = /* @__PURE__ */ defineComponent({
+}, _hoisted_24 = { key: 1 }, _hoisted_25 = { class: "!ire-text-xs ire-line-through" }, _hoisted_26 = { class: "!ire-text-2xl" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FlatPreview",
   props: {
     flat: {},
     floors: {}
   },
   emits: ["changeComponent"],
-  setup(o, { emit: e }) {
-    const r = e, i = o, a = ref(!0), p = ref(0), f = computed$1(() => {
-      var h, k, n, u, g, s;
-      const d = a.value ? (n = (k = (h = i.flat) == null ? void 0 : h.type) == null ? void 0 : k.image_2d) == null ? void 0 : n.length : (s = (g = (u = i.flat) == null ? void 0 : u.type) == null ? void 0 : g.image_3d) == null ? void 0 : s.length;
-      return ["I", "II", "III"].slice(0, d);
-    }), y = () => {
-      var h;
-      const d = (h = i.floors) == null ? void 0 : h.find(
-        (k) => {
-          var n, u, g, s, _, t;
-          return ((n = k.floor_number) == null ? void 0 : n.toString()) === ((g = (u = i.flat) == null ? void 0 : u.floor_number) == null ? void 0 : g.toString()) && ((s = i.flat) != null && s.block_id ? ((_ = k == null ? void 0 : k.block_id) == null ? void 0 : _.toString()) === ((t = i.flat) == null ? void 0 : t.block_id) : !(k != null && k.block_id));
+  setup(e, { emit: t }) {
+    const r = t, o = e, s = ref(!0), c = ref(0), d = computed$1(() => {
+      var _, w, y, u, f, a;
+      const l = s.value ? (y = (w = (_ = o.flat) == null ? void 0 : _.type) == null ? void 0 : w.image_2d) == null ? void 0 : y.length : (a = (f = (u = o.flat) == null ? void 0 : u.type) == null ? void 0 : f.image_3d) == null ? void 0 : a.length;
+      return ["I", "II", "III"].slice(0, l);
+    }), k = () => {
+      var _;
+      const l = (_ = o.floors) == null ? void 0 : _.find(
+        (w) => {
+          var y, u, f, a, v, n;
+          return ((y = w.floor_number) == null ? void 0 : y.toString()) === ((f = (u = o.flat) == null ? void 0 : u.floor_number) == null ? void 0 : f.toString()) && ((a = o.flat) != null && a.block_id ? ((v = w == null ? void 0 : w.block_id) == null ? void 0 : v.toString()) === ((n = o.flat) == null ? void 0 : n.block_id) : !(w != null && w.block_id));
         }
       );
-      d ? r("changeComponent", "floor", d) : r("changeComponent", "project", null);
+      l ? r("changeComponent", "floor", l) : r("changeComponent", "project", null);
     };
     return watch(
-      () => a.value,
+      () => s.value,
       () => {
-        p.value = 0;
+        c.value = 0;
       }
     ), onMounted(() => {
-      var d, h;
-      (h = (d = i.flat) == null ? void 0 : d.type) != null && h.image_2d || (a.value = !1);
-    }), (d, h) => (openBlock(), createElementBlock("div", null, [
-      createVNode(_sfc_main$f, { "hoverd-data": null }, {
+      var l, _;
+      (_ = (l = o.flat) == null ? void 0 : l.type) != null && _.image_2d || (s.value = !1);
+    }), (l, _) => (openBlock(), createElementBlock("div", null, [
+      createVNode(_sfc_main$g, { "hoverd-data": null }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$b, { onClick: y })
+          createVNode(_sfc_main$c, { onClick: k })
         ]),
         default: withCtx(() => {
-          var k, n, u, g, s, _, t, l, c, v, b, m, E, w, $, x, C, V, D, N, S, j, R, T, P, O, F;
+          var w, y, u, f, a, v, n, i, p, m, $, h, E, S, g, b, x, V, C, D, R, L, N, B, P, O, A, I, F, H, W;
           return [
-            createElementVNode("div", _hoisted_1$6, [
+            createElementVNode("div", _hoisted_1$5, [
               createElementVNode("div", _hoisted_2$3, [
                 createVNode(Transition, {
                   name: "ire-fade-in-out",
                   mode: "out-in"
                 }, {
                   default: withCtx(() => {
-                    var B, M, L, I, A, H, z, W, K, U, Z, q, J, Q, X, Y, G, ee, te, re, oe, ie, le, se;
+                    var j, M, T, z, X, Y, K, U, q, Z, J, Q, G, ee, te, oe, re, ie, se, le, ne, ae, ce, de;
                     return [
-                      a.value && ((I = (L = (M = (B = d.flat) == null ? void 0 : B.type) == null ? void 0 : M.image_2d) == null ? void 0 : L[p.value]) != null && I.url) ? (openBlock(), createElementBlock("img", {
-                        key: (W = (z = (H = (A = d.flat) == null ? void 0 : A.type) == null ? void 0 : H.image_2d) == null ? void 0 : z[p.value]) == null ? void 0 : W.url,
-                        src: (q = (Z = (U = (K = d.flat) == null ? void 0 : K.type) == null ? void 0 : U.image_2d) == null ? void 0 : Z[p.value]) == null ? void 0 : q.url,
+                      s.value && ((z = (T = (M = (j = l.flat) == null ? void 0 : j.type) == null ? void 0 : M.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)) : (Y = (X = (Q = (J = d.flat) == null ? void 0 : J.type) == null ? void 0 : Q.image_3d) == null ? void 0 : X[p.value]) != null && Y.url ? (openBlock(), createElementBlock("img", {
-                        src: (re = (te = (ee = (G = d.flat) == null ? void 0 : G.type) == null ? void 0 : ee.image_3d) == null ? void 0 : te[p.value]) == null ? void 0 : re.url,
-                        key: (se = (le = (ie = (oe = d.flat) == null ? void 0 : oe.type) == null ? void 0 : ie.image_3d) == null ? void 0 : le[p.value]) == null ? void 0 : se.url,
+                      }, 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"
                       }, null, 8, _hoisted_4$2)) : createCommentVNode("", !0)
                     ];
@@ -776,93 +1145,93 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                 }),
                 createElementVNode("div", _hoisted_5, [
                   createElementVNode("div", _hoisted_6, [
-                    (g = (u = (n = (k = d.flat) == null ? void 0 : k.type) == null ? void 0 : n.image_2d) == null ? void 0 : u[0]) != null && g.url ? (openBlock(), createElementBlock("div", {
+                    (f = (u = (y = (w = l.flat) == null ? void 0 : w.type) == null ? void 0 : y.image_2d) == null ? void 0 : u[0]) != null && f.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": a.value }]),
-                      onClick: h[0] || (h[0] = (B) => a.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": s.value }]),
+                      onClick: _[0] || (_[0] = (j) => s.value = !0)
                     }, [
                       createVNode(FlatIcon, {
-                        class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": a.value }])
+                        class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": s.value }])
                       }, null, 8, ["class"]),
-                      createElementVNode("p", {
+                      createElementVNode("div", {
                         class: normalizeClass(["group-hover:!ire-text-white", {
-                          "!ire-text-white": a.value,
-                          "!ire-text-black": !a.value
+                          "!ire-text-white": s.value,
+                          "!ire-text-black": !s.value
                         }])
                       }, " 2D plan ", 2)
                     ], 2)) : createCommentVNode("", !0),
-                    (l = (t = (_ = (s = d.flat) == null ? void 0 : s.type) == null ? void 0 : _.image_3d) == null ? void 0 : t[0]) != null && l.url ? (openBlock(), createElementBlock("div", {
+                    (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", {
                       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": !a.value }]),
-                      onClick: h[1] || (h[1] = (B) => a.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": !s.value }]),
+                      onClick: _[1] || (_[1] = (j) => s.value = !1)
                     }, [
                       createElementVNode("div", null, [
                         createVNode(Cube, {
-                          class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !a.value }])
+                          class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !s.value }])
                         }, null, 8, ["class"])
                       ]),
-                      createElementVNode("p", {
+                      createElementVNode("div", {
                         class: normalizeClass(["group-hover:!ire-text-white", {
-                          "!ire-text-white": !a.value,
-                          "!ire-text-black": a.value
+                          "!ire-text-white": !s.value,
+                          "!ire-text-black": s.value
                         }])
                       }, " 3D plan ", 2)
                     ], 2)) : createCommentVNode("", !0)
                   ]),
-                  ((c = f.value) == null ? void 0 : c.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(f.value, (B, M) => (openBlock(), createElementBlock("div", {
-                      key: B,
+                  ((p = d.value) == null ? void 0 : p.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (j, M) => (openBlock(), createElementBlock("div", {
+                      key: j,
                       class: normalizeClass(["ire-flex ire-h-10 ire-w-10 ire-cursor-pointer ire-items-center ire-justify-center ire-rounded-lg ire-p-2 ire-transition-all hover:ire-bg-black hover:ire-text-white", {
-                        "ire-bg-black ire-text-white": p.value === M
+                        "ire-bg-black ire-text-white": c.value === M
                       }]),
-                      onClick: (L) => p.value = M
-                    }, toDisplayString(B), 11, _hoisted_8))), 128))
+                      onClick: (T) => c.value = M
+                    }, toDisplayString(j), 11, _hoisted_8))), 128))
                   ])) : createCommentVNode("", !0)
                 ])
               ]),
               createElementVNode("div", _hoisted_9, [
                 createElementVNode("div", _hoisted_10, [
-                  createElementVNode("p", _hoisted_11, toDisplayString((v = d.flat) == null ? void 0 : v.flat_number), 1),
-                  h[2] || (h[2] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Apartment", -1))
-                ]),
-                createElementVNode("div", _hoisted_12, [
-                  createElementVNode("p", _hoisted_13, toDisplayString((m = (b = d.flat) == null ? void 0 : b.type) == null ? void 0 : m.title), 1),
-                  createElementVNode("p", _hoisted_14, toDisplayString((w = (E = d.flat) == null ? void 0 : E.type) == null ? void 0 : w.teaser), 1)
+                  createElementVNode("div", _hoisted_11, toDisplayString((m = l.flat) == null ? void 0 : m.flat_number), 1),
+                  _[2] || (_[2] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "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 = (x = l.flat) == null ? void 0 : x.type) == null ? void 0 : V.teaser), 1)
+                ])) : createCommentVNode("", !0),
                 createElementVNode("div", _hoisted_15, [
-                  ($ = d.flat) != null && $.floor_number ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                    createElementVNode("p", _hoisted_17, toDisplayString((x = d.flat) == null ? void 0 : x.floor_number), 1),
-                    h[3] || (h[3] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Floor", -1))
+                  (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),
+                    _[3] || (_[3] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Floor", -1))
                   ])) : createCommentVNode("", !0),
-                  (V = (C = d.flat) == null ? void 0 : C.type) != null && V.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_18, [
-                    createElementVNode("p", _hoisted_19, toDisplayString((D = d.flat) == null ? void 0 : D.type.rooms_count), 1),
-                    h[4] || (h[4] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
+                  (L = (R = l.flat) == null ? void 0 : R.type) != null && L.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                    createElementVNode("div", _hoisted_19, toDisplayString((N = l.flat) == null ? void 0 : N.type.rooms_count), 1),
+                    _[4] || (_[4] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
                   ])) : createCommentVNode("", !0)
                 ]),
-                (S = (N = d.flat) == null ? void 0 : N.type) != null && S.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                  createElementVNode("p", _hoisted_21, [
-                    createTextVNode(toDisplayString((j = d.flat) == null ? void 0 : j.type.area_m2) + " ", 1),
-                    h[5] || (h[5] = createElementVNode("span", { class: "ire-font-light" }, [
+                (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),
+                    _[5] || (_[5] = createElementVNode("span", { class: "ire-font-light" }, [
                       createTextVNode(" M "),
                       createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
                     ], -1))
                   ]),
-                  h[6] || (h[6] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
+                  _[6] || (_[6] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
                 ])) : createCommentVNode("", !0),
-                (R = d.flat) != null && R.price ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                (A = l.flat) != null && A.price ? (openBlock(), createElementBlock("div", _hoisted_22, [
                   createElementVNode("div", null, [
-                    (T = d.flat) != null && T.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
-                      createElementVNode("p", _hoisted_25, toDisplayString(Number((O = d.flat) == null ? void 0 : O.price).toLocaleString()), 1),
-                      createElementVNode("p", _hoisted_26, [
-                        createTextVNode(toDisplayString(Number((F = d.flat) == null ? void 0 : F.offer_price).toLocaleString()), 1),
-                        h[8] || (h[8] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                    (I = l.flat) != null && I.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                      createElementVNode("div", _hoisted_25, toDisplayString(Number((H = l.flat) == null ? void 0 : H.price).toLocaleString()), 1),
+                      createElementVNode("div", _hoisted_26, [
+                        createTextVNode(toDisplayString(Number((W = l.flat) == null ? void 0 : W.offer_price).toLocaleString()), 1),
+                        _[8] || (_[8] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                       ])
-                    ])) : (openBlock(), createElementBlock("p", _hoisted_23, [
-                      createTextVNode(toDisplayString(Number((P = d.flat) == null ? void 0 : P.price).toLocaleString()), 1),
-                      h[7] || (h[7] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_23, [
+                      createTextVNode(toDisplayString(Number((F = l.flat) == null ? void 0 : F.price).toLocaleString()), 1),
+                      _[7] || (_[7] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                     ]))
                   ]),
-                  h[9] || (h[9] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
+                  _[9] || (_[9] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
                 ])) : createCommentVNode("", !0)
               ])
             ])
@@ -872,7 +1241,7 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
       })
     ]));
   }
-}), _sfc_main$6 = {}, _hoisted_1$5 = {
+}), _sfc_main$7 = {}, _hoisted_1$4 = {
   xmlns: "http://www.w3.org/2000/svg",
   x: "0px",
   y: "0px",
@@ -880,69 +1249,69 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
   height: "20",
   viewBox: "0 0 50 50"
 };
-function _sfc_render(o, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, e[0] || (e[0] = [
+function _sfc_render(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, t[0] || (t[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$6, [["render", _sfc_render]]), _hoisted_1$4 = { 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$5 = /* @__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-[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({
   __name: "PreviewModal",
   emits: ["close"],
-  setup(o) {
-    return (e, r) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
+  setup(e) {
+    return (t, 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] = (i) => e.$emit("close"))
+        onClick: r[0] || (r[0] = (o) => t.$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] = (i) => e.$emit("close"))
+            onClick: r[1] || (r[1] = (o) => t.$emit("close"))
           }, [
             createVNode(Close)
           ])
         ]),
         createElementVNode("div", _hoisted_4$1, [
-          renderSlot(e.$slots, "default")
+          renderSlot(t.$slots, "default")
         ])
       ])
     ]));
   }
-}), _hoisted_1$3 = ["innerHTML"], _sfc_main$4 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$2 = ["innerHTML"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BaseEditor",
   props: {
     editor: {}
   },
-  setup(o) {
-    return (e, r) => (openBlock(), createElementBlock("div", {
+  setup(e) {
+    return (t, 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: e.editor
-    }, null, 8, _hoisted_1$3));
+      innerHTML: t.editor
+    }, null, 8, _hoisted_1$2));
   }
-}), _hoisted_1$2 = { class: "ire-mb-3 !ire-text-3xl ire-font-bold" }, _hoisted_2$1 = ["src"], _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$1 = { class: "ire-mb-3 !ire-text-3xl ire-font-bold" }, _hoisted_2$1 = ["src"], _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "ActionModal",
   props: {
     modalData: {}
   },
-  setup(o) {
-    return (e, r) => {
-      var i, a, p, f, y, d, h, k, n, u, g, s;
+  setup(e) {
+    return (t, r) => {
+      var o, s, c, d, k, l, _, w, y, u, f, a;
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$2, toDisplayString((a = (i = e.modalData) == null ? void 0 : i.modalObject) == null ? void 0 : a.title), 1),
-        createVNode(_sfc_main$4, {
-          editor: (f = (p = e.modalData) == null ? void 0 : p.modalObject) == null ? void 0 : f.description
+        createElementVNode("p", _hoisted_1$1, toDisplayString((s = (o = t.modalData) == null ? void 0 : o.modalObject) == null ? void 0 : s.title), 1),
+        createVNode(_sfc_main$5, {
+          editor: (d = (c = t.modalData) == null ? void 0 : c.modalObject) == null ? void 0 : d.description
         }, null, 8, ["editor"]),
-        (k = (h = (d = (y = e.modalData) == null ? void 0 : y.modalObject) == null ? void 0 : d.modalImage) == null ? void 0 : h[0]) != null && k.url ? (openBlock(), createElementBlock("img", {
+        (w = (_ = (l = (k = t.modalData) == null ? void 0 : k.modalObject) == null ? void 0 : l.modalImage) == null ? void 0 : _[0]) != null && w.url ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (s = (g = (u = (n = e.modalData) == null ? void 0 : n.modalObject) == null ? void 0 : u.modalImage) == null ? void 0 : g[0]) == null ? void 0 : s.url,
+          src: (a = (f = (u = (y = t.modalData) == null ? void 0 : y.modalObject) == null ? void 0 : u.modalImage) == null ? void 0 : f[0]) == null ? void 0 : a.url,
           alt: "",
           class: "ire-mt-5 ire-h-[400px] ire-w-full ire-object-contain"
         }, null, 8, _hoisted_2$1)) : createCommentVNode("", !0)
       ]);
     };
   }
-}), _hoisted_1$1 = { class: "lg:!ire-text-xl" }, _hoisted_2 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3 = ["src"], _hoisted_4 = ["innerHTML"], _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1 = { class: "lg:!ire-text-xl" }, _hoisted_2 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3 = ["src"], _hoisted_4 = ["innerHTML"], _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "BlockPreview",
   props: {
     block: {},
@@ -951,99 +1320,100 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(o, { emit: e }) {
-    const r = e, i = o, a = ref(), p = ref(), f = ref(), y = ref(), d = computed$1(() => {
-      var n, u;
-      if ((n = i.block) != null && n.svg)
-        return (u = i.block) == null ? void 0 : u.svg;
-    }), h = (n) => {
-      const u = n.target;
-      u && (p.value = u);
-    }, k = (n) => {
-      var g, s, _;
-      const u = n.target;
-      (u == null ? void 0 : u.nodeName) === "path" && (((g = y.value) == null ? void 0 : g.conf) === "sold" || ((s = y.value) == null ? void 0 : s.conf) === "reserved" || r(
+  setup(e, { emit: t }) {
+    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(), l = ref(), _ = computed$1(() => {
+      var u, f;
+      if ((u = o.block) != null && u.svg)
+        return (f = o.block) == null ? void 0 : f.svg;
+    }), w = (u) => {
+      const f = u.target;
+      f && (d.value = f);
+    }, y = (u) => {
+      var a, v, n;
+      const f = u.target;
+      (f == null ? void 0 : f.nodeName) === "path" && (((a = l.value) == null ? void 0 : a.conf) === "sold" || ((v = l.value) == null ? void 0 : v.conf) === "reserved" || r(
         "changeComponent",
-        ((_ = f.value) == null ? void 0 : _.type) || "",
-        y.value
+        ((n = k.value) == null ? void 0 : n.type) || "",
+        l.value
       ));
     };
     return watch(
-      () => p.value,
-      (n) => {
-        var g, s, _, t, l, c, v, b;
-        if (!n) return;
-        const u = n == null ? void 0 : n.parentElement;
-        if (u && (u == null ? void 0 : u.nodeName) === "g") {
-          const m = u == null ? void 0 : u.getAttribute("id");
-          if (!m || (f.value = ((s = (g = i.block) == null ? void 0 : g.polygon_data) == null ? void 0 : s.find((E) => (E == null ? void 0 : E.key) === m)) || null, !f.value)) return;
-          if (((_ = f.value) == null ? void 0 : _.type) === "floor") {
-            const E = (t = i.floors) == null ? void 0 : t.find(
-              (w) => {
-                var $;
-                return (w == null ? void 0 : w.id) === (($ = f.value) == null ? void 0 : $.id);
+      () => d.value,
+      (u) => {
+        var a, v, n, i, p, m, $, h;
+        if (!u) return;
+        s.hoverdSvg = u;
+        const f = u == null ? void 0 : u.parentElement;
+        if (f && (f == null ? void 0 : f.nodeName) === "g") {
+          const E = f == null ? void 0 : f.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);
               }
             );
-            y.value = E;
-          } else if (((l = f.value) == null ? void 0 : l.type) === "flat") {
-            const E = (c = i.flats) == null ? void 0 : c.find(
-              (w) => {
-                var $;
-                return (w == null ? void 0 : w.id) === (($ = f.value) == null ? void 0 : $.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);
               }
             );
-            y.value = E;
-          } else if (((v = f.value) == null ? void 0 : v.type) === "tooltip") {
-            const E = (b = i.actions) == null ? void 0 : b.find(
-              (w) => {
-                var $;
-                return (w == null ? void 0 : w.id) === (($ = f.value) == null ? void 0 : $.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);
               }
             );
-            y.value = E;
+            l.value = S;
           } else
-            y.value = null;
+            l.value = null;
         } else
-          f.value = null, y.value = null;
+          k.value = null, l.value = null;
       }
-    ), (n, u) => {
-      var g;
-      return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: y.value,
-        type: (g = f.value) == null ? void 0 : g.type
+    ), (u, f) => {
+      var a;
+      return openBlock(), createBlock(_sfc_main$g, {
+        hoverdData: l.value,
+        type: (a = k.value) == null ? void 0 : a.type
       }, {
         header: withCtx(() => {
-          var s;
+          var v;
           return [
-            createVNode(_sfc_main$b, {
-              onClick: u[0] || (u[0] = (_) => n.$emit("changeComponent", "project", null))
+            createVNode(_sfc_main$c, {
+              onClick: f[0] || (f[0] = (n) => u.$emit("changeComponent", "project", null))
             }),
-            createElementVNode("p", _hoisted_1$1, toDisplayString((s = n.block) == null ? void 0 : s.title), 1)
+            createElementVNode("p", _hoisted_1, toDisplayString((v = u.block) == null ? void 0 : v.title), 1)
           ];
         }),
         default: withCtx(() => {
-          var s, _, t, l, c, v;
+          var v, n, i, p, m, $;
           return [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("img", {
-                src: ((t = (_ = (s = n.block) == null ? void 0 : s.block_image) == null ? void 0 : _[0]) == null ? void 0 : t.url) || "",
+                src: ((i = (n = (v = u.block) == null ? void 0 : v.block_image) == null ? void 0 : n[0]) == null ? void 0 : i.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: a,
-                innerHTML: d.value,
-                key: d.value,
+                ref: c,
+                innerHTML: _.value,
+                key: _.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)]": ((l = y.value) == null ? void 0 : l.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((c = y.value) == null ? void 0 : c.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((v = y.value) != null && v.conf)
+                    "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)
                   }
                 ]]),
-                onMouseover: h,
-                onClick: k
+                onMouseover: w,
+                onClick: y
               }, null, 42, _hoisted_4))
             ])
           ];
@@ -1052,31 +1422,56 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _hoisted_1 = { class: "interactive-real-estate" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+}), _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";
+      const {
+        bottom: l,
+        height: _,
+        left: w,
+        right: y,
+        top: u,
+        width: f
+      } = s.value.getBoundingClientRect(), { bottom: a, left: v } = k.getBoundingClientRect(), { height: n, width: i } = d.getBoundingClientRect(), p = y - f / 2, m = l - _ / 2, $ = v > p, h = a > m;
+      r.value = c.clientX - w - ($ ? i : -20), o.value = c.clientY - u - (h ? n : -20);
+    }), provide("mouseX", r), provide("mouseY", o), (c, d) => (openBlock(), createElementBlock("div", {
+      ref_key: "canvasRef",
+      ref: s
+    }, [
+      renderSlot(c.$slots, "default")
+    ], 512));
+  }
+}), _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Preview",
   props: {
     shortcodeDataProps: {}
   },
   setup(__props) {
-    var o, e, r, i, a, p, f, y, d, h, k, n, u, g;
-    const props = __props, getMeta = (s) => props.shortcodeDataProps.meta.find(
-      (_) => _.meta_key === s
+    var e, t, r, o, s, c, d, k, l, _, w, y, u, f;
+    const props = __props, getMeta = (a) => props.shortcodeDataProps.meta.find(
+      (v) => v.meta_key === a
     ), constants = ref({
-      PREVIEW_PATH_COLOR: ((o = getMeta("path_color")) == null ? void 0 : o.meta_value) || "rgba(255, 255, 255, 0.3)",
-      PREVIEW_PATH_HOVER_COLOR: ((e = getMeta("path_hover_color")) == null ? void 0 : e.meta_value) || "rgba(250, 250, 250, 0.54)",
+      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_RESERVED_COLOR: ((r = getMeta("reserved_color")) == null ? void 0 : r.meta_value) || "rgba(255, 247, 89, 0.53)",
-      PREVIEW_SOLD_COLOR: ((i = getMeta("sold_color")) == null ? void 0 : i.meta_value) || "rgba(219, 64, 64, 0.45)",
-      PREVIEW_STROKE_COLOR: ((a = getMeta("stroke_color")) == null ? void 0 : a.meta_value) || "rgba(0, 0, 0,  1)",
-      PREVIEW_STROKE_WIDTH: +((p = getMeta("stroke_width")) == null ? void 0 : p.meta_value) || 1,
-      PREVIEW_BORDER_RADIUS: +((f = getMeta("border_radius")) == null ? void 0 : f.meta_value) || 0
+      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
     }), colors = reactive({
-      path: (y = constants.value) == null ? void 0 : y.PREVIEW_PATH_COLOR,
-      path_hover: (d = constants.value) == null ? void 0 : d.PREVIEW_PATH_HOVER_COLOR,
-      reserved: (h = constants.value) == null ? void 0 : h.PREVIEW_RESERVED_COLOR,
-      sold: (k = constants.value) == null ? void 0 : k.PREVIEW_SOLD_COLOR,
-      stroke_color: (n = constants.value) == null ? void 0 : n.PREVIEW_STROKE_COLOR,
+      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: (_ = constants.value) == null ? void 0 : _.PREVIEW_RESERVED_COLOR,
+      sold: (w = constants.value) == null ? void 0 : w.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: (g = constants.value) == null ? void 0 : g.PREVIEW_BORDER_RADIUS
+      border_radius: (f = constants.value) == null ? void 0 : f.PREVIEW_BORDER_RADIUS
     }), cssVariables = computed$1(() => ({
       "--reserved-color": colors.reserved,
       "--sold-color": colors.sold,
@@ -1088,30 +1483,30 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     })), shortcodeData = ref(props.shortcodeDataProps), flow = ref(
       "projectFlow"
     ), hoveredData = ref(), showModal = ref(!1), activeBlock = ref(), activeFloor = ref(), project = computed$1(() => {
-      var s;
+      var a;
       if (shortcodeData.value)
-        return (s = shortcodeData.value) == null ? void 0 : s.project;
+        return (a = shortcodeData.value) == null ? void 0 : a.project;
     }), floors = computed$1(() => {
-      var s, _;
+      var a, v;
       if (shortcodeData.value)
-        return (s = shortcodeData.value.floors) == null || s.forEach((t) => {
-          var v, b;
-          const l = (b = (v = shortcodeData.value) == null ? void 0 : v.flats) == null ? void 0 : b.filter((m) => {
+        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 (m == null ? void 0 : m.floor_number) !== ((E = t == null ? void 0 : t.floor_number) == null ? void 0 : E.toString()) ? !1 : t != null && t.polygon_data ? Object == null ? void 0 : Object.values(t == null ? void 0 : t.polygon_data).some(
-              ($) => {
-                var x;
-                return $ != null && $.type && ($ == null ? void 0 : $.type) === "flat" && ($ == null ? void 0 : $.id) === (m == null ? void 0 : m.id) ? t != null && t.block_id ? (m == null ? void 0 : m.block_id) === ((x = t == null ? void 0 : t.block_id) == null ? void 0 : x.toString()) : !(m != null && m.block_id) : !1;
+            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;
               }
             ) : !1;
           });
-          t.flats = l;
-          const { conf: c } = t || {};
-          if (l != null && l.length && !c) {
-            const m = l == null ? void 0 : l.every((w) => (w == null ? void 0 : w.conf) === "reserved"), E = l == null ? void 0 : l.every((w) => (w == null ? void 0 : w.conf) === "sold");
-            m ? t.conf = "reserved" : E && (t.conf = "sold");
+          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");
           }
-        }), (_ = shortcodeData.value) == null ? void 0 : _.floors;
+        }), (v = shortcodeData.value) == null ? void 0 : v.floors;
     }), blocks = computed$1(() => {
       if (shortcodeData.value)
         return shortcodeData.value.blocks;
@@ -1119,27 +1514,27 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       if (shortcodeData.value)
         return shortcodeData.value.types;
     }), flats = computed$1(() => {
-      var s, _;
+      var a, v;
       if (shortcodeData.value)
-        return (_ = (s = shortcodeData.value) == null ? void 0 : s.flats) == null ? void 0 : _.map((t) => {
-          var l;
-          if (t != null && t.use_type || !(t != null && t.type)) {
-            const c = (l = types.value) == null ? void 0 : l.find((v) => (v == null ? void 0 : v.id) === (t == null ? void 0 : t.type_id));
-            c && (t.type = c);
+        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 t;
+          return n;
         });
     }), actions = computed$1(() => {
-      var s;
+      var a;
       if (shortcodeData.value)
-        return (s = shortcodeData.value) == null ? void 0 : s.actions;
+        return (a = shortcodeData.value) == null ? void 0 : a.actions;
     }), projectMeta = computed$1(() => {
-      var s;
+      var a;
       if (shortcodeData.value)
-        return (s = shortcodeData.value) == null ? void 0 : s.meta;
-    }), getColorMeta = (s) => {
-      var _, t;
-      return (t = (_ = projectMeta.value) == null ? void 0 : _.find((l) => (l == null ? void 0 : l.meta_key) === s)) == null ? void 0 : t.meta_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;
     }, changeRoute = (flowType, polygonItem) => {
       switch (flowType) {
         case "project":
@@ -1166,8 +1561,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
           else if ((actionData == null ? void 0 : actionData.actionType) === "script")
             try {
               eval(actionData == null ? void 0 : actionData.script);
-            } catch (s) {
-              console.error("Error executing script:", s);
+            } catch (a) {
+              console.error("Error executing script:", a);
             }
           break;
       }
@@ -1175,83 +1570,88 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     return watch(
       () => projectMeta.value,
       () => {
-        const s = getColorMeta("path_color"), _ = getColorMeta("path_hover_color"), t = getColorMeta("reserved_color"), l = getColorMeta("sold_color"), c = getColorMeta("stroke_color"), v = getColorMeta("stroke_width");
-        s && (colors.path = s.toString()), _ && (colors.path_hover = _.toString()), t && (colors.reserved = t.toString()), l && (colors.sold = l.toString()), c && (colors.stroke_color = c.toString()), v && (colors.stroke_width = Number(v));
+        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));
       }
-    ), (s, _) => (openBlock(), createElementBlock("div", _hoisted_1, [
-      createVNode(Transition, {
-        name: "ire-fade-in-out",
-        mode: "out-in",
-        style: normalizeStyle(cssVariables.value)
-      }, {
-        default: withCtx(() => [
-          shortcodeData.value ? (openBlock(), createElementBlock("div", { key: flow.value }, [
-            flow.value === "projectFlow" ? (openBlock(), createBlock(_sfc_main$e, {
-              key: 0,
-              project: project.value,
-              floors: floors.value,
-              flats: flats.value,
-              projectMeta: projectMeta.value,
-              blocks: blocks.value,
-              actions: actions.value,
-              onChangeComponent: _[0] || (_[0] = (t, l) => changeRoute(t, l))
-            }, null, 8, ["project", "floors", "flats", "projectMeta", "blocks", "actions"])) : flow.value === "blockFlow" && flats.value && floors.value && blocks.value && activeBlock.value ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 1,
-              block: activeBlock.value,
-              flats: flats.value,
-              floors: floors.value,
-              actions: actions.value,
-              onChangeComponent: _[1] || (_[1] = (t, l) => changeRoute(t, l))
-            }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$a, {
-              key: 2,
-              flats: flats.value,
-              floor: activeFloor.value,
-              floors: floors.value,
-              blocks: blocks.value,
-              actions: actions.value,
-              onChangeComponent: _[2] || (_[2] = (t, l) => changeRoute(t, l))
-            }, null, 8, ["flats", "floor", "floors", "blocks", "actions"])) : flow.value === "flatFlow" ? (openBlock(), createBlock(_sfc_main$7, {
-              key: 3,
-              flat: hoveredData.value,
-              floors: floors.value,
-              onChangeComponent: _[3] || (_[3] = (t, l) => changeRoute(t, l))
-            }, null, 8, ["flat", "floors"])) : createCommentVNode("", !0)
-          ])) : createCommentVNode("", !0)
-        ]),
-        _: 1
-      }, 8, ["style"]),
-      (openBlock(), createBlock(Teleport, { to: "body" }, [
+    ), (a, v) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
+      default: withCtx(() => [
         createVNode(Transition, {
           name: "ire-fade-in-out",
-          appear: ""
+          mode: "out-in",
+          style: normalizeStyle(cssVariables.value)
         }, {
           default: withCtx(() => [
-            showModal.value ? (openBlock(), createBlock(_sfc_main$5, {
-              key: 0,
-              onClose: _[4] || (_[4] = (t) => showModal.value = !1)
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$3, { modalData: hoveredData.value }, null, 8, ["modalData"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", !0)
+            shortcodeData.value ? (openBlock(), createElementBlock("div", { key: flow.value }, [
+              flow.value === "projectFlow" ? (openBlock(), createBlock(_sfc_main$f, {
+                key: 0,
+                project: project.value,
+                floors: floors.value,
+                flats: flats.value,
+                projectMeta: projectMeta.value,
+                blocks: blocks.value,
+                actions: actions.value,
+                onChangeComponent: v[0] || (v[0] = (n, i) => changeRoute(n, i))
+              }, 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))
+              }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$b, {
+                key: 2,
+                flats: flats.value,
+                floor: activeFloor.value,
+                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)
           ]),
           _: 1
-        })
-      ]))
-    ]));
+        }, 8, ["style"]),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createVNode(Transition, {
+            name: "ire-fade-in-out",
+            appear: ""
+          }, {
+            default: withCtx(() => [
+              showModal.value ? (openBlock(), createBlock(_sfc_main$6, {
+                key: 0,
+                onClose: v[4] || (v[4] = (n) => showModal.value = !1)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$4, { modalData: hoveredData.value }, null, 8, ["modalData"])
+                ]),
+                _: 1
+              })) : createCommentVNode("", !0)
+            ]),
+            _: 1
+          })
+        ]))
+      ]),
+      _: 1
+    }));
   }
 }), _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Project",
   props: {
     data: {}
   },
-  setup(o) {
-    return (e, r) => (openBlock(), createElementBlock("div", null, [
-      createVNode(_sfc_main$1, { "shortcode-data-props": e.data }, null, 8, ["shortcode-data-props"])
+  setup(e) {
+    return provide("shortcodeData", e.data), (r, o) => (openBlock(), createElementBlock("div", null, [
+      createVNode(_sfc_main$1, { "shortcode-data-props": r.data }, null, 8, ["shortcode-data-props"])
     ]));
   }
-});
+}), pinia = createPinia(), app = createApp(App);
+app.use(pinia);
+app.mount("#app");
 export {
   _sfc_main as Project
 };