ire-preview 2.0.3 → 2.0.5

package/dist/lib.es.js

@@ -90,8 +90,8 @@ function removeSub(o, e = !1) {
   const { dep: t, prevSub: r, nextSub: n } = o;
   if (r && (r.nextSub = n, o.prevSub = void 0), n && (n.prevSub = r, o.nextSub = void 0), t.subs === o && (t.subs = r, !r && t.computed)) {
     t.computed.flags &= -5;
-    for (let p = t.computed.deps; p; p = p.nextDep)
-      removeSub(p, !0);
+    for (let v = t.computed.deps; v; v = v.nextDep)
+      removeSub(v, !0);
   }
   !e && !--t.sc && t.map && t.map.delete(t.key);
 }
@@ -219,48 +219,48 @@ const _hoisted_1$f = {
     return (e, t) => (openBlock(), createElementBlock("div", null, [
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => {
-          var r, n, p, d, a, i, l, h, c, u, g, m, b, s, f, k, _, v, y, w;
+          var r, n, v, a, d, i, s, b, u, c, _, h, k, l, p, f, m, g, y, w, x, C, V, $, E, B, N;
           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(e.hoveredData.floor_number), 1),
+                  createElementVNode("p", _hoisted_4$5, toDisplayString((r = e.hoveredData) == null ? void 0 : r.floor_number), 1),
                   t[0] || (t[0] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Floor", -1))
                 ]),
-                (r = e.hoveredData) != null && r.conf || (p = (n = e.hoveredData) == null ? void 0 : n.flats) != null && p.length ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-                  (d = e.hoveredData) != null && d.conf ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString(e.hoveredData.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$1, [
-                    (i = (a = e.hoveredData) == null ? void 0 : a.counts) != null && i.available ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                      createElementVNode("p", _hoisted_9$1, toDisplayString(((h = (l = e.hoveredData) == null ? void 0 : l.counts) == null ? void 0 : h.available) || 0), 1),
+                (n = e.hoveredData) != null && n.conf || (a = (v = e.hoveredData) == null ? void 0 : v.flats) != null && a.length ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+                  (d = e.hoveredData) != null && d.conf ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString((i = e.hoveredData) == null ? void 0 : i.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$1, [
+                    (b = (s = e.hoveredData) == null ? void 0 : s.counts) != null && b.available ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+                      createElementVNode("p", _hoisted_9$1, toDisplayString(((c = (u = e.hoveredData) == null ? void 0 : u.counts) == null ? void 0 : c.available) || 0), 1),
                       t[1] || (t[1] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Available", -1))
                     ])) : createCommentVNode("", !0),
-                    (u = (c = e.hoveredData) == null ? void 0 : c.counts) != null && u.reserved ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                      createElementVNode("p", _hoisted_11$1, toDisplayString(e.hoveredData.counts.reserved), 1),
+                    (h = (_ = e.hoveredData) == null ? void 0 : _.counts) != null && h.reserved ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+                      createElementVNode("p", _hoisted_11$1, toDisplayString((l = (k = e.hoveredData) == null ? void 0 : k.counts) == null ? void 0 : l.reserved), 1),
                       t[2] || (t[2] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Reserved", -1))
                     ])) : createCommentVNode("", !0),
-                    (m = (g = e.hoveredData) == null ? void 0 : g.counts) != null && m.sold ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-                      createElementVNode("p", _hoisted_13$1, toDisplayString(e.hoveredData.counts.sold), 1),
+                    (f = (p = e.hoveredData) == null ? void 0 : p.counts) != null && f.sold ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+                      createElementVNode("p", _hoisted_13$1, toDisplayString((g = (m = e.hoveredData) == null ? void 0 : m.counts) == null ? void 0 : g.sold), 1),
                       t[3] || (t[3] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Sold", -1))
                     ])) : createCommentVNode("", !0)
                   ]))
                 ])) : createCommentVNode("", !0)
               ])) : e.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
                 createElementVNode("div", _hoisted_15$1, [
-                  createElementVNode("p", _hoisted_16$1, toDisplayString(e.hoveredData.title), 1)
+                  createElementVNode("p", _hoisted_16$1, toDisplayString((y = e.hoveredData) == null ? void 0 : y.title), 1)
                 ])
               ])) : e.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_17$1, [
                 createElementVNode("div", _hoisted_18$1, [
-                  createElementVNode("p", _hoisted_19$1, toDisplayString((b = e.hoveredData) == null ? void 0 : b.flat_number), 1),
+                  createElementVNode("p", _hoisted_19$1, toDisplayString((w = e.hoveredData) == null ? void 0 : w.flat_number), 1),
                   t[4] || (t[4] = createElementVNode("p", { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, "Apartment", -1))
                 ]),
                 createElementVNode("div", _hoisted_20$1, [
-                  (s = e.hoveredData) != null && s.conf ? (openBlock(), createElementBlock("p", _hoisted_21$1, toDisplayString(e.hoveredData.conf), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  (x = e.hoveredData) != null && x.conf ? (openBlock(), createElementBlock("p", _hoisted_21$1, toDisplayString(e.hoveredData.conf), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                     t[7] || (t[7] = createElementVNode("p", { class: "!ire-text-xs ire-uppercase ire-text-gray-500" }, "Price", -1)),
-                    (f = e.hoveredData) != null && f.price ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
+                    (C = e.hoveredData) != null && C.price ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
                       createElementVNode("div", null, [
-                        (k = e.hoveredData) != null && k.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24$1, [
-                          createElementVNode("p", _hoisted_25$1, toDisplayString(Number((_ = e.hoveredData) == null ? void 0 : _.price).toLocaleString()), 1),
+                        (V = e.hoveredData) != null && V.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24$1, [
+                          createElementVNode("p", _hoisted_25$1, toDisplayString(Number(($ = e.hoveredData) == null ? void 0 : $.price).toLocaleString()), 1),
                           createElementVNode("p", _hoisted_26$1, [
-                            createTextVNode(toDisplayString(Number((v = e.hoveredData) == null ? void 0 : v.offer_price).toLocaleString()), 1),
+                            createTextVNode(toDisplayString(Number((E = e.hoveredData) == null ? void 0 : E.offer_price).toLocaleString()), 1),
                             t[6] || (t[6] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                           ])
                         ])) : (openBlock(), createElementBlock("p", _hoisted_23$1, [
@@ -273,7 +273,7 @@ const _hoisted_1$f = {
                 ]),
                 createElementVNode("div", _hoisted_27, [
                   createElementVNode("p", _hoisted_28, [
-                    createTextVNode(toDisplayString((w = (y = e.hoveredData) == null ? void 0 : y.type) == null ? void 0 : w.area_m2) + " M", 1),
+                    createTextVNode(toDisplayString((N = (B = e.hoveredData) == null ? void 0 : B.type) == null ? void 0 : N.area_m2) + " M", 1),
                     t[8] || (t[8] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
                   ])
                 ])
@@ -319,74 +319,77 @@ const _hoisted_1$f = {
   },
   emits: ["changeComponent"],
   setup(o, { emit: e }) {
-    const t = e, r = o, n = ref(), p = ref(), d = ref(null), a = computed(() => {
+    const t = e, r = o, n = ref(), v = ref(), a = ref(null), d = computed(() => {
       if (r.project)
         return r.project.svg;
     }), i = computed(() => {
-      var u, g;
-      const c = (g = (u = r.projectMeta) == null ? void 0 : u.find(
-        (m) => m.meta_key === "project_img_contain"
-      )) == null ? void 0 : g.meta_value;
-      return JSON.parse((c == null ? void 0 : c.toString()) || "false");
-    }), l = (c) => {
-      const u = c.target;
-      u && (n.value = u);
-    }, h = (c) => {
-      var g, m, b;
-      c.target.nodeName === "path" && (((g = p.value) == null ? void 0 : g.conf) === "sold" || ((m = p.value) == null ? void 0 : m.conf) === "reserved" || t("changeComponent", ((b = d.value) == null ? void 0 : b.type) || "", p.value));
+      var c, _;
+      const u = (_ = (c = r.projectMeta) == null ? void 0 : c.find(
+        (h) => (h == null ? void 0 : h.meta_key) === "project_img_contain"
+      )) == null ? void 0 : _.meta_value;
+      return JSON.parse((u == null ? void 0 : u.toString()) || "false");
+    }), s = (u) => {
+      const c = u.target;
+      c && (n.value = c);
+    }, b = (u) => {
+      var _, h, k;
+      const c = u.target;
+      (c == null ? void 0 : c.nodeName) === "path" && (((_ = v.value) == null ? void 0 : _.conf) === "sold" || ((h = v.value) == null ? void 0 : h.conf) === "reserved" || t("changeComponent", ((k = a.value) == null ? void 0 : k.type) || "", v == null ? void 0 : v.value));
     };
     return watch(
       () => n.value,
-      (c) => {
-        var g, m, b, s, f, k, _;
-        if (!c) return;
-        const u = c.parentElement;
-        if (u && u.nodeName === "g") {
-          const v = u.getAttribute("id");
-          if (!v || (d.value = ((g = r.project) == null ? void 0 : g.polygon_data.find((w) => w.key === v)) || null, !d.value)) return;
-          const y = (m = d.value) == null ? void 0 : m.id;
-          switch ((b = d.value) == null ? void 0 : b.type) {
+      (u) => {
+        var _, h, k, l, p, f, m;
+        if (!u) return;
+        const c = u.parentElement;
+        if (c && (c == null ? void 0 : c.nodeName) === "g") {
+          const g = c == null ? void 0 : c.getAttribute("id");
+          if (!g || (a.value = ((_ = r.project) == null ? void 0 : _.polygon_data.find((w) => (w == null ? void 0 : w.key) === g)) || null, !a.value)) return;
+          const y = (h = a.value) == null ? void 0 : h.id;
+          switch ((k = a.value) == null ? void 0 : k.type) {
             case "floor":
-              const w = (s = r.floors) == null ? void 0 : s.find(
-                (x) => x.id === y
+              const w = (l = r.floors) == null ? void 0 : l.find(
+                ($) => $.id === y
               );
-              p.value = w;
+              v.value = w;
               break;
             case "block":
-              const $ = (f = r.blocks) == null ? void 0 : f.find(
-                (x) => x.id === y
+              const x = (p = r.blocks) == null ? void 0 : p.find(
+                ($) => ($ == null ? void 0 : $.id) === y
               );
-              p.value = $;
+              v.value = x;
               break;
             case "flat":
-              const C = (k = r.flats) == null ? void 0 : k.find((x) => x.id === y);
-              p.value = C;
+              const C = (f = r.flats) == null ? void 0 : f.find(
+                ($) => ($ == null ? void 0 : $.id) === y
+              );
+              v.value = C;
               break;
             case "tooltip":
-              const D = (_ = r.actions) == null ? void 0 : _.find(
-                (x) => x.id === y
+              const V = (m = r.actions) == null ? void 0 : m.find(
+                ($) => ($ == null ? void 0 : $.id) === y
               );
-              p.value = D;
+              v.value = V;
               break;
             default:
-              p.value = null;
+              v.value = null;
               break;
           }
         } else
-          d.value = null, p.value = null;
+          a.value = null, v.value = null;
       }
-    ), (c, u) => {
-      var g;
+    ), (u, c) => {
+      var _;
       return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: p.value,
-        type: (g = d.value) == null ? void 0 : g.type
+        hoverdData: v.value,
+        type: (_ = a.value) == null ? void 0 : _.type
       }, {
         default: withCtx(() => {
-          var m, b, s, f;
+          var h, k, l, p, f, m;
           return [
             createElementVNode("div", _hoisted_1$d, [
               createElementVNode("img", {
-                src: (m = c.project) == null ? void 0 : m.project_image[0].url,
+                src: (l = (k = (h = u.project) == null ? void 0 : h.project_image) == null ? void 0 : k[0]) == null ? void 0 : l.url,
                 alt: "",
                 class: normalizeClass(["ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full", {
                   "ire-object-contain": unref(i),
@@ -396,15 +399,15 @@ const _hoisted_1$f = {
               (openBlock(), createElementBlock("div", {
                 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", [
                   {
-                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": p.value && ((b = p.value) == null ? void 0 : b.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": p.value && ((s = p.value) == null ? void 0 : s.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((f = p.value) != null && f.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": v.value && ((p = v.value) == null ? void 0 : p.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": v.value && ((f = v.value) == null ? void 0 : f.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((m = v.value) != null && m.conf)
                   }
                 ]]),
-                innerHTML: unref(a),
-                key: unref(a),
-                onMouseover: l,
-                onClick: h
+                innerHTML: unref(d),
+                key: unref(d),
+                onMouseover: s,
+                onClick: b
               }, null, 42, _hoisted_3$5))
             ])
           ];
@@ -438,10 +441,13 @@ const _hoisted_1$f = {
           "onUpdate:modelValue": r[0] || (r[0] = (n) => e.value = n),
           class: "ire-w-full ire-cursor-pointer ire-appearance-none ire-rounded-none ire-bg-transparent ire-py-2 ire-pl-3 ire-pr-8 ire-text-sm ire-text-slate-700 ire-shadow-sm ire-transition ire-duration-300 ire-ease-linear placeholder:ire-text-slate-400 hover:ire-border-slate-400 focus:ire-border-slate-400 focus:ire-shadow-md focus:ire-outline-none"
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(t.data, (n) => (openBlock(), createElementBlock("option", {
-            value: n.value,
-            disabled: n.title.includes("reserved") || n.title.includes("sold")
-          }, toDisplayString(n.title), 9, _hoisted_4$4))), 256))
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(t.data, (n) => {
+            var v, a;
+            return openBlock(), createElementBlock("option", {
+              value: n.value,
+              disabled: ((v = n == null ? void 0 : n.title) == null ? void 0 : v.includes("reserved")) || ((a = n == null ? void 0 : n.title) == null ? void 0 : a.includes("sold"))
+            }, toDisplayString(n.title), 9, _hoisted_4$4);
+          }), 256))
         ], 512), [
           [vModelSelect, e.value]
         ]),
@@ -482,12 +488,12 @@ function _sfc_render$3(o, e) {
     }, 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 hover:ire-text-white lg:ire-px-5 lg:ire-py-2" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
+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({
   __name: "BackButton",
   setup(o) {
     return (e, t) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
       createVNode(ArrowRight, { class: "ire-w-6 ire-rotate-180 group-hover:[&_path]:ire-fill-white" }),
-      t[0] || (t[0] = createElementVNode("p", { class: "!ire-text-sm lg:!ire-text-balance" }, "Back", -1))
+      t[0] || (t[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 ire-pt-[50%]" }, _hoisted_3$3 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$a = /* @__PURE__ */ defineComponent({
@@ -496,137 +502,154 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
     flats: {},
     floor: {},
     floors: {},
-    blocks: {}
+    blocks: {},
+    actions: {}
   },
   emits: ["changeComponent"],
   setup(o, { emit: e }) {
-    const t = e, r = o, n = ref(), p = ref(), d = ref(), a = ref(), i = ref(), l = ref(), h = computed$1(() => {
-      var s;
-      if ((s = r.floor) != null && s.svg)
+    const t = e, r = o, n = ref(), v = ref(), a = ref(), d = ref(null), i = ref(), s = ref(), b = computed$1(() => {
+      var l;
+      if ((l = r.floor) != null && l.svg)
         return r.floor.svg;
-    }), c = computed$1(() => r.floors.filter(
-      (s) => (
-        // floorItem.conf !== "reserved" &&
-        // floorItem.conf !== "sold" &&
-        r.floor.block_id ? s.block_id === r.floor.block_id : !s.block_id
-      )
-    ).map((s) => {
-      var k, _;
-      const f = (k = r.blocks) == null ? void 0 : k.find(
-        (v) => {
+    }), u = computed$1(() => r.floors.filter(
+      (l) => {
+        var p, f;
+        return (
+          // floorItem.conf !== "reserved" &&
+          // floorItem.conf !== "sold" &&
+          (p = r.floor) != null && p.block_id ? (l == null ? void 0 : l.block_id) === ((f = r.floor) == null ? void 0 : f.block_id) : !(l != null && l.block_id)
+        );
+      }
+    ).map((l) => {
+      var f, m;
+      const p = (f = r.blocks) == null ? void 0 : f.find(
+        (g) => {
           var y;
-          return (v == null ? void 0 : v.id) === ((y = s.block_id) == null ? void 0 : y.toString());
+          return (g == null ? void 0 : g.id) === ((y = l == null ? void 0 : l.block_id) == null ? void 0 : y.toString());
         }
       );
       return {
-        title: ((_ = s == null ? void 0 : s.floor_number) == null ? void 0 : _.toString()) + " Floor" + (f != null && f.id ? ` - ${f == null ? void 0 : f.title}` : "") + (s != null && s.conf ? " " + s.conf : ""),
-        value: s.id
+        title: ((m = l == null ? void 0 : l.floor_number) == null ? void 0 : m.toString()) + " Floor" + (p != null && p.id ? ` - ${p == null ? void 0 : p.title}` : "") + (l != null && l.conf ? " " + l.conf : ""),
+        value: l == null ? void 0 : l.id
       };
-    }).sort((s, f) => +s.title - +f.title) || []), u = (s) => {
-      const f = s.target;
-      f && (p.value = f);
-    }, g = (s) => {
-      var k, _, v;
-      s.target.nodeName === "path" && (((k = a.value) == null ? void 0 : k.conf) === "sold" || ((_ = a.value) == null ? void 0 : _.conf) === "reserved" || t("changeComponent", ((v = d.value) == null ? void 0 : v.type) || "", a.value));
-    }, m = () => {
-      n.value && n.value.querySelectorAll("g").forEach((f) => {
-        var v, y, w;
-        const k = f.getAttribute("id"), _ = r.floor.polygon_data.find(
-          ($) => $.key === k
+    }).sort((l, p) => +(l == null ? void 0 : l.title) - +(p == null ? void 0 : p.title)) || []), c = (l) => {
+      const p = l.target;
+      p && (v.value = p);
+    }, _ = (l) => {
+      var f, m, g;
+      const p = l.target;
+      (p == null ? void 0 : p.nodeName) === "path" && (d.value && "conf" in d.value && (((f = d.value) == null ? void 0 : f.conf) === "sold" || ((m = d.value) == null ? void 0 : m.conf) === "reserved") || t("changeComponent", ((g = a.value) == null ? void 0 : g.type) || "", d.value));
+    }, h = () => {
+      var l;
+      n.value && ((l = n.value) == null ? void 0 : l.querySelectorAll("g")).forEach((f) => {
+        var y, w, x, C, V, $;
+        const m = f == null ? void 0 : f.getAttribute("id"), g = (w = (y = r.floor) == null ? void 0 : y.polygon_data) == null ? void 0 : w.find(
+          (E) => (E == null ? void 0 : E.key) === m
         );
         if (r.flats)
-          if (r.floor.conf)
-            f.setAttribute("conf", ((v = r.floor) == null ? void 0 : v.conf) || "");
+          if ((x = r.floor) != null && x.conf)
+            f.setAttribute("conf", ((C = r.floor) == null ? void 0 : C.conf) || "");
           else {
-            const $ = (y = r.flats) == null ? void 0 : y.find(
-              (C) => C.id === (_ == null ? void 0 : _.id)
+            const E = (V = r.flats) == null ? void 0 : V.find(
+              (B) => (B == null ? void 0 : B.id) === (g == null ? void 0 : g.id)
             );
-            f.setAttribute("conf", ((w = $ == null ? void 0 : $.conf) == null ? void 0 : w.toString()) || "");
+            f == null || f.setAttribute("conf", (($ = E == null ? void 0 : E.conf) == null ? void 0 : $.toString()) || "");
           }
       });
-    }, b = () => {
-      r.floor.block_id ? t("changeComponent", "block", l.value) : t("changeComponent", "project", null);
+    }, k = () => {
+      var l;
+      (l = r.floor) != null && l.block_id ? t("changeComponent", "block", s.value) : t("changeComponent", "project", null);
     };
     return watch(
-      () => p.value,
-      (s) => {
-        var k, _, v;
-        if (!s) return;
-        const f = s.parentElement;
-        if (f && f.nodeName === "g") {
-          const y = f.getAttribute("id");
-          if (!y || (d.value = ((k = r.floor) == null ? void 0 : k.polygon_data.find((w) => w.key === y)) || null, !d.value)) return;
-          if (((_ = d.value) == null ? void 0 : _.type) === "flat") {
-            const w = (v = r.flats) == null ? void 0 : v.find(
+      () => v.value,
+      (l) => {
+        var f, m, g, y, w, x;
+        if (!l) return;
+        const p = l == null ? void 0 : l.parentElement;
+        if (p && (p == null ? void 0 : p.nodeName) === "g") {
+          const C = p.getAttribute("id");
+          if (!C || (a.value = ((m = (f = r.floor) == null ? void 0 : f.polygon_data) == null ? void 0 : m.find((V) => (V == null ? void 0 : V.key) === C)) || null, !a.value)) return;
+          if (((g = a.value) == null ? void 0 : g.type) === "flat") {
+            const V = (y = r.flats) == null ? void 0 : y.find(
               ($) => {
-                var C;
-                return ($ == null ? void 0 : $.id) === ((C = d.value) == null ? void 0 : C.id);
+                var E;
+                return ($ == null ? void 0 : $.id) === ((E = a.value) == null ? void 0 : E.id);
               }
             );
-            a.value = w;
-          }
+            d.value = V ?? null;
+          } else if (((w = a.value) == null ? void 0 : w.type) === "tooltip") {
+            const V = (x = r.actions) == null ? void 0 : x.find(
+              ($) => {
+                var E;
+                return ($ == null ? void 0 : $.id) === ((E = a.value) == null ? void 0 : E.id);
+              }
+            );
+            d.value = V ?? null;
+          } else
+            d.value = null;
         } else
-          d.value = null;
+          a.value = null;
       }
     ), watch(
       () => i.value,
       () => {
-        const s = r.floors.find(
-          (f) => f.id === i.value
+        var p;
+        const l = (p = r.floors) == null ? void 0 : p.find(
+          (f) => (f == null ? void 0 : f.id) === (i == null ? void 0 : i.value)
         );
-        s != null && s.conf || (s && t("changeComponent", "floor", s), setTimeout(() => {
-          m();
+        l != null && l.conf || (l && t("changeComponent", "floor", l), setTimeout(() => {
+          h();
         }, 0));
       }
     ), onMounted(() => {
-      var s, f, k;
-      l.value = (s = r.blocks) == null ? void 0 : s.find(
-        (_) => {
-          var v;
-          return _.id === ((v = r.floor.block_id) == null ? void 0 : v.toString());
+      var l, p, f;
+      s.value = (l = r.blocks) == null ? void 0 : l.find(
+        (m) => {
+          var g, y;
+          return (m == null ? void 0 : m.id) === ((y = (g = r.floor) == null ? void 0 : g.block_id) == null ? void 0 : y.toString());
         }
-      ), i.value = (k = (f = c.value) == null ? void 0 : f.find(
-        (_) => {
-          var v;
-          return (_ == null ? void 0 : _.value) == ((v = r.floor) == null ? void 0 : v.id);
+      ), i.value = (f = (p = u.value) == null ? void 0 : p.find(
+        (m) => {
+          var g;
+          return (m == null ? void 0 : m.value) == ((g = r.floor) == null ? void 0 : g.id);
         }
-      )) == null ? void 0 : k.value, m();
-    }), (s, f) => {
-      var k;
+      )) == null ? void 0 : f.value, h();
+    }), (l, p) => {
+      var f;
       return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: a.value,
-        type: (k = d.value) == null ? void 0 : k.type
+        hoverdData: d.value,
+        type: (f = a.value) == null ? void 0 : f.type
       }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$b, { onClick: b }),
+          createVNode(_sfc_main$b, { onClick: k }),
           createElementVNode("div", _hoisted_1$9, [
             createVNode(_sfc_main$d, {
               modelValue: i.value,
-              "onUpdate:modelValue": f[0] || (f[0] = (_) => i.value = _),
-              data: c.value
+              "onUpdate:modelValue": p[0] || (p[0] = (m) => i.value = m),
+              data: u.value
             }, null, 8, ["modelValue", "data"])
           ])
         ]),
         default: withCtx(() => {
-          var _, v;
+          var m, g, y, w, x;
           return [
             createElementVNode("div", _hoisted_2$4, [
               createElementVNode("img", {
-                src: ((v = (_ = s.floor.floor_image) == null ? void 0 : _[0]) == null ? void 0 : v.url) || "",
+                src: ((y = (g = (m = l.floor) == null ? void 0 : m.floor_image) == null ? void 0 : g[0]) == null ? void 0 : y.url) || "",
                 alt: "",
                 class: normalizeClass(["ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full", {
-                  "ire-object-contain": s.floor.img_contain,
-                  "ire-object-cover": !s.floor.img_contain
+                  "ire-object-contain": (w = l.floor) == null ? void 0 : w.img_contain,
+                  "ire-object-cover": !((x = l.floor) != null && x.img_contain)
                 }])
               }, null, 10, _hoisted_3$3),
               (openBlock(), createElementBlock("div", {
                 ref_key: "svgRef",
                 ref: n,
                 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)]",
-                innerHTML: h.value,
-                key: h.value,
-                onMouseover: u,
-                onClick: g
+                innerHTML: b.value,
+                key: b.value,
+                onMouseover: c,
+                onClick: _
               }, null, 40, _hoisted_4$3))
             ])
           ];
@@ -702,16 +725,16 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
   },
   emits: ["changeComponent"],
   setup(o, { emit: e }) {
-    const t = e, r = o, n = ref(!0), p = ref(0), d = computed$1(() => {
-      var l, h, c, u, g, m;
-      const i = n.value ? (c = (h = (l = r.flat) == null ? void 0 : l.type) == null ? void 0 : h.image_2d) == null ? void 0 : c.length : (m = (g = (u = r.flat) == null ? void 0 : u.type) == null ? void 0 : g.image_3d) == null ? void 0 : m.length;
+    const t = e, r = o, n = ref(!0), v = ref(0), a = computed$1(() => {
+      var s, b, u, c, _, h;
+      const i = n.value ? (u = (b = (s = r.flat) == null ? void 0 : s.type) == null ? void 0 : b.image_2d) == null ? void 0 : u.length : (h = (_ = (c = r.flat) == null ? void 0 : c.type) == null ? void 0 : _.image_3d) == null ? void 0 : h.length;
       return ["I", "II", "III"].slice(0, i);
-    }), a = () => {
-      var l;
-      const i = (l = r.floors) == null ? void 0 : l.find(
-        (h) => {
-          var c, u, g, m;
-          return ((c = h.floor_number) == null ? void 0 : c.toString()) === ((g = (u = r.flat) == null ? void 0 : u.floor_number) == null ? void 0 : g.toString()) && (r.flat.block_id ? ((m = h == null ? void 0 : h.block_id) == null ? void 0 : m.toString()) === r.flat.block_id : !h.block_id);
+    }), d = () => {
+      var s;
+      const i = (s = r.floors) == null ? void 0 : s.find(
+        (b) => {
+          var u, c, _, h, k, l;
+          return ((u = b.floor_number) == null ? void 0 : u.toString()) === ((_ = (c = r.flat) == null ? void 0 : c.floor_number) == null ? void 0 : _.toString()) && ((h = r.flat) != null && h.block_id ? ((k = b == null ? void 0 : b.block_id) == null ? void 0 : k.toString()) === ((l = r.flat) == null ? void 0 : l.block_id) : !(b != null && b.block_id));
         }
       );
       i ? t("changeComponent", "floor", i) : t("changeComponent", "project", null);
@@ -719,18 +742,18 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
     return watch(
       () => n.value,
       () => {
-        p.value = 0;
+        v.value = 0;
       }
     ), onMounted(() => {
-      var i, l;
-      (l = (i = r.flat) == null ? void 0 : i.type) != null && l.image_2d || (n.value = !1);
-    }), (i, l) => (openBlock(), createElementBlock("div", null, [
+      var i, s;
+      (s = (i = r.flat) == null ? void 0 : i.type) != null && s.image_2d || (n.value = !1);
+    }), (i, s) => (openBlock(), createElementBlock("div", null, [
       createVNode(_sfc_main$f, { "hoverd-data": null }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$b, { onClick: a })
+          createVNode(_sfc_main$b, { onClick: d })
         ]),
         default: withCtx(() => {
-          var h, c, u, g, m, b, s, f, k, _, v, y, w, $, C, D, x, N, S, M, j, L, T;
+          var b, u, c, _, h, k, l, p, f, m, g, y, w, x, C, V, $, E, B, N, j, L, T, R, P, O, F;
           return [
             createElementVNode("div", _hoisted_1$6, [
               createElementVNode("div", _hoisted_2$3, [
@@ -739,15 +762,15 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                   mode: "out-in"
                 }, {
                   default: withCtx(() => {
-                    var E, V, B, R, P, O, I, F, A, H, z, W, K, G, Z, q, U, J, Q, X, Y, ee, te, oe;
+                    var D, S, M, I, A, H, z, W, K, Z, q, U, J, Q, X, Y, G, ee, te, oe, re, ie, le, se;
                     return [
-                      n.value && ((R = (B = (V = (E = i.flat) == null ? void 0 : E.type) == null ? void 0 : V.image_2d) == null ? void 0 : B[p.value]) != null && R.url) ? (openBlock(), createElementBlock("img", {
-                        key: (F = (I = (O = (P = i.flat) == null ? void 0 : P.type) == null ? void 0 : O.image_2d) == null ? void 0 : I[p.value]) == null ? void 0 : F.url,
-                        src: (W = (z = (H = (A = i.flat) == null ? void 0 : A.type) == null ? void 0 : H.image_2d) == null ? void 0 : z[p.value]) == null ? void 0 : W.url,
+                      n.value && ((I = (M = (S = (D = i.flat) == null ? void 0 : D.type) == null ? void 0 : S.image_2d) == null ? void 0 : M[v.value]) != null && I.url) ? (openBlock(), createElementBlock("img", {
+                        key: (W = (z = (H = (A = i.flat) == null ? void 0 : A.type) == null ? void 0 : H.image_2d) == null ? void 0 : z[v.value]) == null ? void 0 : W.url,
+                        src: (U = (q = (Z = (K = i.flat) == null ? void 0 : K.type) == null ? void 0 : Z.image_2d) == null ? void 0 : q[v.value]) == null ? void 0 : U.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)) : (q = (Z = (G = (K = i.flat) == null ? void 0 : K.type) == null ? void 0 : G.image_3d) == null ? void 0 : Z[p.value]) != null && q.url ? (openBlock(), createElementBlock("img", {
-                        src: (X = (Q = (J = (U = i.flat) == null ? void 0 : U.type) == null ? void 0 : J.image_3d) == null ? void 0 : Q[p.value]) == null ? void 0 : X.url,
-                        key: (oe = (te = (ee = (Y = i.flat) == null ? void 0 : Y.type) == null ? void 0 : ee.image_3d) == null ? void 0 : te[p.value]) == null ? void 0 : oe.url,
+                      }, null, 8, _hoisted_3$2)) : (Y = (X = (Q = (J = i.flat) == null ? void 0 : J.type) == null ? void 0 : Q.image_3d) == null ? void 0 : X[v.value]) != null && Y.url ? (openBlock(), createElementBlock("img", {
+                        src: (oe = (te = (ee = (G = i.flat) == null ? void 0 : G.type) == null ? void 0 : ee.image_3d) == null ? void 0 : te[v.value]) == null ? void 0 : oe.url,
+                        key: (se = (le = (ie = (re = i.flat) == null ? void 0 : re.type) == null ? void 0 : ie.image_3d) == null ? void 0 : le[v.value]) == null ? void 0 : se.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)
                     ];
@@ -756,83 +779,93 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                 }),
                 createElementVNode("div", _hoisted_5, [
                   createElementVNode("div", _hoisted_6, [
-                    (g = (u = (c = (h = i.flat) == null ? void 0 : h.type) == null ? void 0 : c.image_2d) == null ? void 0 : u[0]) != null && g.url ? (openBlock(), createElementBlock("div", {
+                    (_ = (c = (u = (b = i.flat) == null ? void 0 : b.type) == null ? void 0 : u.image_2d) == null ? void 0 : c[0]) != null && _.url ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary hover:ire-text-white", { "ire-bg-primary ire-text-white": n.value }]),
-                      onClick: l[0] || (l[0] = (E) => n.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": n.value }]),
+                      onClick: s[0] || (s[0] = (D) => n.value = !0)
                     }, [
                       createVNode(FlatIcon, {
                         class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": n.value }])
                       }, null, 8, ["class"]),
-                      l[2] || (l[2] = createElementVNode("p", null, "2D plan", -1))
+                      createElementVNode("p", {
+                        class: normalizeClass(["group-hover:!ire-text-white", {
+                          "!ire-text-white": n.value,
+                          "!ire-text-black": !n.value
+                        }])
+                      }, " 2D plan ", 2)
                     ], 2)) : createCommentVNode("", !0),
-                    (f = (s = (b = (m = i.flat) == null ? void 0 : m.type) == null ? void 0 : b.image_3d) == null ? void 0 : s[0]) != null && f.url ? (openBlock(), createElementBlock("div", {
+                    (p = (l = (k = (h = i.flat) == null ? void 0 : h.type) == null ? void 0 : k.image_3d) == null ? void 0 : l[0]) != null && p.url ? (openBlock(), createElementBlock("div", {
                       key: 1,
-                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary hover:ire-text-white", { "ire-bg-primary ire-text-white": !n.value }]),
-                      onClick: l[1] || (l[1] = (E) => n.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": !n.value }]),
+                      onClick: s[1] || (s[1] = (D) => n.value = !1)
                     }, [
                       createElementVNode("div", null, [
                         createVNode(Cube, {
                           class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !n.value }])
                         }, null, 8, ["class"])
                       ]),
-                      l[3] || (l[3] = createElementVNode("p", null, "3D plan", -1))
+                      createElementVNode("p", {
+                        class: normalizeClass(["group-hover:!ire-text-white", {
+                          "!ire-text-white": !n.value,
+                          "!ire-text-black": n.value
+                        }])
+                      }, " 3D plan ", 2)
                     ], 2)) : createCommentVNode("", !0)
                   ]),
-                  ((k = d.value) == null ? void 0 : k.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (E, V) => (openBlock(), createElementBlock("div", {
-                      key: E,
+                  ((f = a.value) == null ? void 0 : f.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(a.value, (D, S) => (openBlock(), createElementBlock("div", {
+                      key: D,
                       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 === V
+                        "ire-bg-black ire-text-white": v.value === S
                       }]),
-                      onClick: (B) => p.value = V
-                    }, toDisplayString(E), 11, _hoisted_8))), 128))
+                      onClick: (M) => v.value = S
+                    }, toDisplayString(D), 11, _hoisted_8))), 128))
                   ])) : createCommentVNode("", !0)
                 ])
               ]),
               createElementVNode("div", _hoisted_9, [
                 createElementVNode("div", _hoisted_10, [
-                  createElementVNode("p", _hoisted_11, toDisplayString((_ = i.flat) == null ? void 0 : _.flat_number), 1),
-                  l[4] || (l[4] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Apartment", -1))
+                  createElementVNode("p", _hoisted_11, toDisplayString((m = i.flat) == null ? void 0 : m.flat_number), 1),
+                  s[2] || (s[2] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Apartment", -1))
                 ]),
                 createElementVNode("div", _hoisted_12, [
-                  createElementVNode("p", _hoisted_13, toDisplayString((y = (v = i.flat) == null ? void 0 : v.type) == null ? void 0 : y.title), 1),
-                  createElementVNode("p", _hoisted_14, toDisplayString(($ = (w = i.flat) == null ? void 0 : w.type) == null ? void 0 : $.teaser), 1)
+                  createElementVNode("p", _hoisted_13, toDisplayString((y = (g = i.flat) == null ? void 0 : g.type) == null ? void 0 : y.title), 1),
+                  createElementVNode("p", _hoisted_14, toDisplayString((x = (w = i.flat) == null ? void 0 : w.type) == null ? void 0 : x.teaser), 1)
                 ]),
                 createElementVNode("div", _hoisted_15, [
                   (C = i.flat) != null && C.floor_number ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                    createElementVNode("p", _hoisted_17, toDisplayString(i.flat.floor_number), 1),
-                    l[5] || (l[5] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Floor", -1))
+                    createElementVNode("p", _hoisted_17, toDisplayString((V = i.flat) == null ? void 0 : V.floor_number), 1),
+                    s[3] || (s[3] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Floor", -1))
                   ])) : createCommentVNode("", !0),
-                  (x = (D = i.flat) == null ? void 0 : D.type) != null && x.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_18, [
-                    createElementVNode("p", _hoisted_19, toDisplayString(i.flat.type.rooms_count), 1),
-                    l[6] || (l[6] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
+                  (E = ($ = i.flat) == null ? void 0 : $.type) != null && E.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                    createElementVNode("p", _hoisted_19, toDisplayString((B = i.flat) == null ? void 0 : B.type.rooms_count), 1),
+                    s[4] || (s[4] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
                   ])) : createCommentVNode("", !0)
                 ]),
-                (S = (N = i.flat) == null ? void 0 : N.type) != null && S.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                (j = (N = i.flat) == null ? void 0 : N.type) != null && j.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_20, [
                   createElementVNode("p", _hoisted_21, [
-                    createTextVNode(toDisplayString(i.flat.type.area_m2) + " ", 1),
-                    l[7] || (l[7] = createElementVNode("span", { class: "ire-font-light" }, [
+                    createTextVNode(toDisplayString((L = i.flat) == null ? void 0 : L.type.area_m2) + " ", 1),
+                    s[5] || (s[5] = createElementVNode("span", { class: "ire-font-light" }, [
                       createTextVNode(" M "),
                       createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
                     ], -1))
                   ]),
-                  l[8] || (l[8] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
+                  s[6] || (s[6] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
                 ])) : createCommentVNode("", !0),
-                (M = i.flat) != null && M.price ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                (T = i.flat) != null && T.price ? (openBlock(), createElementBlock("div", _hoisted_22, [
                   createElementVNode("div", null, [
-                    (j = i.flat) != null && j.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
-                      createElementVNode("p", _hoisted_25, toDisplayString(Number((L = i.flat) == null ? void 0 : L.price).toLocaleString()), 1),
+                    (R = i.flat) != null && R.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                      createElementVNode("p", _hoisted_25, toDisplayString(Number((O = i.flat) == null ? void 0 : O.price).toLocaleString()), 1),
                       createElementVNode("p", _hoisted_26, [
-                        createTextVNode(toDisplayString(Number((T = i.flat) == null ? void 0 : T.offer_price).toLocaleString()), 1),
-                        l[10] || (l[10] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                        createTextVNode(toDisplayString(Number((F = i.flat) == null ? void 0 : F.offer_price).toLocaleString()), 1),
+                        s[8] || (s[8] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                       ])
                     ])) : (openBlock(), createElementBlock("p", _hoisted_23, [
-                      createTextVNode(toDisplayString(Number(i.flat.price).toLocaleString()), 1),
-                      l[9] || (l[9] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                      createTextVNode(toDisplayString(Number((P = i.flat) == null ? void 0 : P.price).toLocaleString()), 1),
+                      s[7] || (s[7] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                     ]))
                   ]),
-                  l[11] || (l[11] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
+                  s[9] || (s[9] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
                 ])) : createCommentVNode("", !0)
               ])
             ])
@@ -897,15 +930,15 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
   },
   setup(o) {
     return (e, t) => {
-      var r, n, p, d, a, i, l, h;
+      var r, n, v, a, d, i, s, b, u, c, _, h;
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("p", _hoisted_1$2, toDisplayString((n = (r = e.modalData) == null ? void 0 : r.modalObject) == null ? void 0 : n.title), 1),
         createVNode(_sfc_main$4, {
-          editor: (d = (p = e.modalData) == null ? void 0 : p.modalObject) == null ? void 0 : d.description
+          editor: (a = (v = e.modalData) == null ? void 0 : v.modalObject) == null ? void 0 : a.description
         }, null, 8, ["editor"]),
-        (i = (a = e.modalData.modalObject.modalImage) == null ? void 0 : a[0]) != null && i.url ? (openBlock(), createElementBlock("img", {
+        (b = (s = (i = (d = e.modalData) == null ? void 0 : d.modalObject) == null ? void 0 : i.modalImage) == null ? void 0 : s[0]) != null && b.url ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (h = (l = e.modalData.modalObject.modalImage) == null ? void 0 : l[0]) == null ? void 0 : h.url,
+          src: (h = (_ = (c = (u = e.modalData) == null ? void 0 : u.modalObject) == null ? void 0 : c.modalImage) == null ? void 0 : _[0]) == null ? void 0 : h.url,
           alt: "",
           class: "ire-mt-5 ire-h-[400px] ire-w-full ire-object-contain"
         }, null, 8, _hoisted_2$1)) : createCommentVNode("", !0)
@@ -917,80 +950,90 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
   props: {
     block: {},
     flats: {},
-    floors: {}
+    floors: {},
+    actions: {}
   },
   emits: ["changeComponent"],
   setup(o, { emit: e }) {
-    const t = e, r = o, n = ref(), p = ref(), d = ref(), a = ref(), i = computed$1(() => {
-      var c, u;
-      if ((c = r.block) != null && c.svg)
-        return (u = r.block) == null ? void 0 : u.svg;
-    }), l = (c) => {
-      const u = c.target;
-      u && (p.value = u);
-    }, h = (c) => {
-      var g, m, b;
-      c.target.nodeName === "path" && (((g = a.value) == null ? void 0 : g.conf) === "sold" || ((m = a.value) == null ? void 0 : m.conf) === "reserved" || t(
+    const t = e, r = o, n = ref(), v = ref(), a = ref(), d = ref(), i = computed$1(() => {
+      var u, c;
+      if ((u = r.block) != null && u.svg)
+        return (c = r.block) == null ? void 0 : c.svg;
+    }), s = (u) => {
+      const c = u.target;
+      c && (v.value = c);
+    }, b = (u) => {
+      var _, h, k;
+      const c = u.target;
+      (c == null ? void 0 : c.nodeName) === "path" && (((_ = d.value) == null ? void 0 : _.conf) === "sold" || ((h = d.value) == null ? void 0 : h.conf) === "reserved" || t(
         "changeComponent",
-        ((b = d.value) == null ? void 0 : b.type) || "",
-        a.value
+        ((k = a.value) == null ? void 0 : k.type) || "",
+        d.value
       ));
     };
     return watch(
-      () => p.value,
-      (c) => {
-        var g, m, b, s, f;
-        if (!c) return;
-        const u = c.parentElement;
-        if (u && u.nodeName === "g") {
-          const k = u.getAttribute("id");
-          if (!k || (d.value = ((g = r.block) == null ? void 0 : g.polygon_data.find((_) => _.key === k)) || null, !d.value)) return;
-          if (((m = d.value) == null ? void 0 : m.type) === "floor") {
-            const _ = (b = r.floors) == null ? void 0 : b.find(
-              (v) => {
-                var y;
-                return (v == null ? void 0 : v.id) === ((y = d.value) == null ? void 0 : y.id);
+      () => v.value,
+      (u) => {
+        var _, h, k, l, p, f, m, g;
+        if (!u) return;
+        const c = u == null ? void 0 : u.parentElement;
+        if (c && (c == null ? void 0 : c.nodeName) === "g") {
+          const y = c == null ? void 0 : c.getAttribute("id");
+          if (!y || (a.value = ((h = (_ = r.block) == null ? void 0 : _.polygon_data) == null ? void 0 : h.find((w) => (w == null ? void 0 : w.key) === y)) || null, !a.value)) return;
+          if (((k = a.value) == null ? void 0 : k.type) === "floor") {
+            const w = (l = r.floors) == null ? void 0 : l.find(
+              (x) => {
+                var C;
+                return (x == null ? void 0 : x.id) === ((C = a.value) == null ? void 0 : C.id);
               }
             );
-            a.value = _;
-          } else if (((s = d.value) == null ? void 0 : s.type) === "flat") {
-            const _ = (f = r.flats) == null ? void 0 : f.find(
-              (v) => {
-                var y;
-                return (v == null ? void 0 : v.id) === ((y = d.value) == null ? void 0 : y.id);
+            d.value = w;
+          } else if (((p = a.value) == null ? void 0 : p.type) === "flat") {
+            const w = (f = r.flats) == null ? void 0 : f.find(
+              (x) => {
+                var C;
+                return (x == null ? void 0 : x.id) === ((C = a.value) == null ? void 0 : C.id);
               }
             );
-            a.value = _;
+            d.value = w;
+          } else if (((m = a.value) == null ? void 0 : m.type) === "tooltip") {
+            const w = (g = r.actions) == null ? void 0 : g.find(
+              (x) => {
+                var C;
+                return (x == null ? void 0 : x.id) === ((C = a.value) == null ? void 0 : C.id);
+              }
+            );
+            d.value = w;
           } else
-            a.value = null;
+            d.value = null;
         } else
-          d.value = null, a.value = null;
+          a.value = null, d.value = null;
       }
-    ), (c, u) => {
-      var g;
+    ), (u, c) => {
+      var _;
       return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: a.value,
-        type: (g = d.value) == null ? void 0 : g.type
+        hoverdData: d.value,
+        type: (_ = a.value) == null ? void 0 : _.type
       }, {
         header: withCtx(() => {
-          var m;
+          var h;
           return [
             createVNode(_sfc_main$b, {
-              onClick: u[0] || (u[0] = (b) => c.$emit("changeComponent", "project", null))
+              onClick: c[0] || (c[0] = (k) => u.$emit("changeComponent", "project", null))
             }),
-            createElementVNode("p", _hoisted_1$1, toDisplayString((m = c.block) == null ? void 0 : m.title), 1)
+            createElementVNode("p", _hoisted_1$1, toDisplayString((h = u.block) == null ? void 0 : h.title), 1)
           ];
         }),
         default: withCtx(() => {
-          var m, b, s, f, k, _;
+          var h, k, l, p, f, m, g, y;
           return [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("img", {
-                src: ((s = (b = (m = c.block) == null ? void 0 : m.block_image) == null ? void 0 : b[0]) == null ? void 0 : s.url) || "",
+                src: ((l = (k = (h = u.block) == null ? void 0 : h.block_image) == null ? void 0 : k[0]) == null ? void 0 : l.url) || "",
                 alt: "",
                 class: normalizeClass(["ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full", {
-                  "ire-object-contain": c.block.img_contain,
-                  "ire-object-cover": !c.block.img_contain
+                  "ire-object-contain": (p = u.block) == null ? void 0 : p.img_contain,
+                  "ire-object-cover": !((f = u.block) != null && f.img_contain)
                 }])
               }, null, 10, _hoisted_3),
               (openBlock(), createElementBlock("div", {
@@ -998,15 +1041,15 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
                 ref: n,
                 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", [
                   {
-                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((f = a.value) == null ? void 0 : f.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((k = a.value) == null ? void 0 : k.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((_ = a.value) != null && _.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((m = d.value) == null ? void 0 : m.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((g = d.value) == null ? void 0 : g.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((y = d.value) != null && y.conf)
                   }
                 ]]),
                 innerHTML: i.value,
                 key: i.value,
-                onMouseover: l,
-                onClick: h
+                onMouseover: s,
+                onClick: b
               }, null, 42, _hoisted_4))
             ])
           ];
@@ -1021,9 +1064,9 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     shortcodeDataProps: {}
   },
   setup(__props) {
-    var o, e, t, r, n, p;
-    const props = __props, getMeta = (d) => props.shortcodeDataProps.meta.find(
-      (a) => a.meta_key === d
+    var o, e, t, r, n, v;
+    const props = __props, getMeta = (a) => props.shortcodeDataProps.meta.find(
+      (d) => d.meta_key === a
     ), constants = ref({
       PREVIEW_PATH_COLOR: getMeta("path_color").meta_value || "rgba(255, 255, 255, 0.3)",
       PREVIEW_PATH_HOVER_COLOR: getMeta("path_hover_color").meta_value || "rgba(250, 250, 250, 0.54)",
@@ -1037,7 +1080,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       reserved: (t = constants.value) == null ? void 0 : t.PREVIEW_RESERVED_COLOR,
       sold: (r = constants.value) == null ? void 0 : r.PREVIEW_SOLD_COLOR,
       stroke_color: (n = constants.value) == null ? void 0 : n.PREVIEW_STROKE_COLOR,
-      stroke_width: (p = constants.value) == null ? void 0 : p.PREVIEW_STROKE_WIDTH
+      stroke_width: (v = constants.value) == null ? void 0 : v.PREVIEW_STROKE_WIDTH
     }), cssVariables = computed$1(() => ({
       "--reserved-color": colors.reserved,
       "--sold-color": colors.sold,
@@ -1047,23 +1090,31 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       "--stroke-width": colors.stroke_width + "px"
     })), shortcodeData = ref(props.shortcodeDataProps), flow = ref(
       "projectFlow"
-    ), hoveredData = ref(), showModal = ref(!1), project = computed$1(() => {
+    ), hoveredData = ref(), showModal = ref(!1), activeBlock = ref(), activeFloor = ref(), project = computed$1(() => {
+      var a;
       if (shortcodeData.value)
-        return shortcodeData.value.project;
+        return (a = shortcodeData.value) == null ? void 0 : a.project;
     }), floors = computed$1(() => {
-      var d;
+      var a, d;
       if (shortcodeData.value)
-        return (d = shortcodeData.value.floors) == null || d.forEach((a) => {
-          const i = shortcodeData.value.flats.filter((h) => h.floor_number !== a.floor_number.toString() ? !1 : Object.values(a.polygon_data).some(
-            (u) => u.type && u.type === "flat" && u.id === h.id ? a.block_id ? h.block_id === a.block_id.toString() : !h.block_id : !1
-          ));
-          a.flats = i;
-          const { conf: l } = a || {};
-          if (i != null && i.length && !l) {
-            const h = i.every((u) => u.conf === "reserved"), c = i.every((u) => u.conf === "sold");
-            h ? a.conf = "reserved" : c && (a.conf = "sold");
+        return (a = shortcodeData.value.floors) == null || a.forEach((i) => {
+          var u, c;
+          const s = (c = (u = shortcodeData.value) == null ? void 0 : u.flats) == null ? void 0 : c.filter((_) => {
+            var h;
+            return (_ == null ? void 0 : _.floor_number) !== ((h = i == null ? void 0 : i.floor_number) == null ? void 0 : h.toString()) ? !1 : i != null && i.polygon_data ? Object == null ? void 0 : Object.values(i == null ? void 0 : i.polygon_data).some(
+              (l) => {
+                var p;
+                return l != null && l.type && (l == null ? void 0 : l.type) === "flat" && (l == null ? void 0 : l.id) === (_ == null ? void 0 : _.id) ? i != null && i.block_id ? (_ == null ? void 0 : _.block_id) === ((p = i == null ? void 0 : i.block_id) == null ? void 0 : p.toString()) : !(_ != null && _.block_id) : !1;
+              }
+            ) : !1;
+          });
+          i.flats = s;
+          const { conf: b } = i || {};
+          if (s != null && s.length && !b) {
+            const _ = s == null ? void 0 : s.every((k) => (k == null ? void 0 : k.conf) === "reserved"), h = s == null ? void 0 : s.every((k) => (k == null ? void 0 : k.conf) === "sold");
+            _ ? i.conf = "reserved" : h && (i.conf = "sold");
           }
-        }), shortcodeData.value.floors;
+        }), (d = shortcodeData.value) == null ? void 0 : d.floors;
     }), blocks = computed$1(() => {
       if (shortcodeData.value)
         return shortcodeData.value.blocks;
@@ -1071,53 +1122,55 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       if (shortcodeData.value)
         return shortcodeData.value.types;
     }), flats = computed$1(() => {
-      var d, a;
+      var a, d;
       if (shortcodeData.value)
-        return (a = (d = shortcodeData.value) == null ? void 0 : d.flats) == null ? void 0 : a.map((i) => {
-          var l;
+        return (d = (a = shortcodeData.value) == null ? void 0 : a.flats) == null ? void 0 : d.map((i) => {
+          var s;
           if (i != null && i.use_type || !(i != null && i.type)) {
-            const h = (l = types.value) == null ? void 0 : l.find((c) => c.id === i.type_id);
-            h && (i.type = h);
+            const b = (s = types.value) == null ? void 0 : s.find((u) => (u == null ? void 0 : u.id) === (i == null ? void 0 : i.type_id));
+            b && (i.type = b);
           }
           return i;
         });
     }), actions = computed$1(() => {
+      var a;
       if (shortcodeData.value)
-        return shortcodeData.value.actions;
+        return (a = shortcodeData.value) == null ? void 0 : a.actions;
     }), projectMeta = computed$1(() => {
+      var a;
       if (shortcodeData.value)
-        return shortcodeData.value.meta;
-    }), getColorMeta = (d) => {
-      var a, i;
-      return (i = (a = projectMeta.value) == null ? void 0 : a.find((l) => l.meta_key === d)) == null ? void 0 : i.meta_value;
+        return (a = shortcodeData.value) == null ? void 0 : a.meta;
+    }), getColorMeta = (a) => {
+      var d, i;
+      return (i = (d = projectMeta.value) == null ? void 0 : d.find((s) => (s == null ? void 0 : s.meta_key) === a)) == null ? void 0 : i.meta_value;
     }, changeRoute = (flowType, polygonItem) => {
       switch (flowType) {
         case "project":
           flow.value = "projectFlow";
           break;
         case "floor":
-          flow.value = "floorFlow", hoveredData.value = polygonItem;
+          flow.value = "floorFlow", hoveredData.value = polygonItem, activeFloor.value = polygonItem;
           break;
         case "block":
-          flow.value = "blockFlow", hoveredData.value = polygonItem;
+          flow.value = "blockFlow", hoveredData.value = polygonItem, activeBlock.value = polygonItem;
           break;
         case "flat":
           flow.value = "flatFlow", hoveredData.value = polygonItem;
           break;
         case "tooltip":
           const actionData = polygonItem == null ? void 0 : polygonItem.data;
-          if (hoveredData.value = actionData, actionData.actionType === "url")
+          if (hoveredData.value = actionData, (actionData == null ? void 0 : actionData.actionType) === "url")
             window.open(
-              actionData.url,
-              actionData.targetBlank ? "_blank" : "_self"
+              actionData == null ? void 0 : actionData.url,
+              actionData != null && actionData.targetBlank ? "_blank" : "_self"
             );
-          else if (actionData.actionType === "modal")
+          else if ((actionData == null ? void 0 : actionData.actionType) === "modal")
             showModal.value = !0;
-          else if (actionData.actionType === "script")
+          else if ((actionData == null ? void 0 : actionData.actionType) === "script")
             try {
               eval(actionData == null ? void 0 : actionData.script);
-            } catch (d) {
-              console.error("Error executing script:", d);
+            } catch (a) {
+              console.error("Error executing script:", a);
             }
           break;
       }
@@ -1125,10 +1178,10 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     return watch(
       () => projectMeta.value,
       () => {
-        const d = getColorMeta("path_color"), a = getColorMeta("path_hover_color"), i = getColorMeta("reserved_color"), l = getColorMeta("sold_color"), h = getColorMeta("stroke_color"), c = getColorMeta("stroke_width");
-        d && (colors.path = d.toString()), a && (colors.path_hover = a.toString()), i && (colors.reserved = i.toString()), l && (colors.sold = l.toString()), h && (colors.stroke_color = h.toString()), c && (colors.stroke_width = Number(c));
+        const a = getColorMeta("path_color"), d = getColorMeta("path_hover_color"), i = getColorMeta("reserved_color"), s = getColorMeta("sold_color"), b = getColorMeta("stroke_color"), u = getColorMeta("stroke_width");
+        a && (colors.path = a.toString()), d && (colors.path_hover = d.toString()), i && (colors.reserved = i.toString()), s && (colors.sold = s.toString()), b && (colors.stroke_color = b.toString()), u && (colors.stroke_width = Number(u));
       }
-    ), (d, a) => (openBlock(), createElementBlock("div", _hoisted_1, [
+    ), (a, d) => (openBlock(), createElementBlock("div", _hoisted_1, [
       createVNode(Transition, {
         name: "ire-fade-in-out",
         mode: "out-in",
@@ -1144,25 +1197,27 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
               projectMeta: projectMeta.value,
               blocks: blocks.value,
               actions: actions.value,
-              onChangeComponent: a[0] || (a[0] = (i, l) => changeRoute(i, l))
-            }, null, 8, ["project", "floors", "flats", "projectMeta", "blocks", "actions"])) : flow.value === "blockFlow" && flats.value && floors.value && blocks.value ? (openBlock(), createBlock(_sfc_main$2, {
+              onChangeComponent: d[0] || (d[0] = (i, s) => changeRoute(i, s))
+            }, 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: hoveredData.value,
+              block: activeBlock.value,
               flats: flats.value,
               floors: floors.value,
-              onChangeComponent: a[1] || (a[1] = (i, l) => changeRoute(i, l))
-            }, null, 8, ["block", "flats", "floors"])) : flow.value === "floorFlow" && floors.value ? (openBlock(), createBlock(_sfc_main$a, {
+              actions: actions.value,
+              onChangeComponent: d[1] || (d[1] = (i, s) => changeRoute(i, s))
+            }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$a, {
               key: 2,
               flats: flats.value,
-              floor: hoveredData.value,
+              floor: activeFloor.value,
               floors: floors.value,
               blocks: blocks.value,
-              onChangeComponent: a[2] || (a[2] = (i, l) => changeRoute(i, l))
-            }, null, 8, ["flats", "floor", "floors", "blocks"])) : flow.value === "flatFlow" ? (openBlock(), createBlock(_sfc_main$7, {
+              actions: actions.value,
+              onChangeComponent: d[2] || (d[2] = (i, s) => changeRoute(i, s))
+            }, null, 8, ["flats", "floor", "floors", "blocks", "actions"])) : flow.value === "flatFlow" ? (openBlock(), createBlock(_sfc_main$7, {
               key: 3,
               flat: hoveredData.value,
               floors: floors.value,
-              onChangeComponent: a[3] || (a[3] = (i, l) => changeRoute(i, l))
+              onChangeComponent: d[3] || (d[3] = (i, s) => changeRoute(i, s))
             }, null, 8, ["flat", "floors"])) : createCommentVNode("", !0)
           ])) : createCommentVNode("", !0)
         ]),
@@ -1176,7 +1231,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
           default: withCtx(() => [
             showModal.value ? (openBlock(), createBlock(_sfc_main$5, {
               key: 0,
-              onClose: a[4] || (a[4] = (i) => showModal.value = !1)
+              onClose: d[4] || (d[4] = (i) => showModal.value = !1)
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$3, { modalData: hoveredData.value }, null, 8, ["modalData"])