ire-preview 2.0.0 → 2.0.2

package/dist/lib.es.js

@@ -219,7 +219,7 @@ const _hoisted_1$f = {
     return (e, t) => (openBlock(), createElementBlock("div", null, [
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => {
-          var r, n, p, c, a, i, l, m, d, u, g, h, b, s, f, k, _, v, y, w;
+          var r, n, p, d, a, i, l, h, c, u, g, m, b, s, f, k, _, v, y, w;
           return [
             e.type && e.hoveredData && e.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
               e.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
@@ -228,16 +228,16 @@ const _hoisted_1$f = {
                   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, [
-                  (c = e.hoveredData) != null && c.conf ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString(e.hoveredData.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$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(((m = (l = e.hoveredData) == null ? void 0 : l.counts) == null ? void 0 : m.available) || 0), 1),
+                      createElementVNode("p", _hoisted_9$1, toDisplayString(((h = (l = e.hoveredData) == null ? void 0 : l.counts) == null ? void 0 : h.available) || 0), 1),
                       t[1] || (t[1] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Available", -1))
                     ])) : createCommentVNode("", !0),
-                    (u = (d = e.hoveredData) == null ? void 0 : d.counts) != null && u.reserved ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+                    (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),
                       t[2] || (t[2] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Reserved", -1))
                     ])) : createCommentVNode("", !0),
-                    (h = (g = e.hoveredData) == null ? void 0 : g.counts) != null && h.sold ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+                    (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),
                       t[3] || (t[3] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Sold", -1))
                     ])) : createCommentVNode("", !0)
@@ -319,33 +319,33 @@ const _hoisted_1$f = {
   },
   emits: ["changeComponent"],
   setup(o, { emit: e }) {
-    const t = e, r = o, n = ref(), p = ref(), c = ref(null), a = computed(() => {
+    const t = e, r = o, n = ref(), p = ref(), d = ref(null), a = computed(() => {
       if (r.project)
         return r.project.svg;
     }), i = computed(() => {
       var u, g;
-      const d = (g = (u = r.projectMeta) == null ? void 0 : u.find(
-        (h) => h.meta_key === "project_img_contain"
+      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((d == null ? void 0 : d.toString()) || "false");
-    }), l = (d) => {
-      const u = d.target;
+      return JSON.parse((c == null ? void 0 : c.toString()) || "false");
+    }), l = (c) => {
+      const u = c.target;
       u && (n.value = u);
-    }, m = (d) => {
-      var g, h, b;
-      d.target.nodeName === "path" && (((g = p.value) == null ? void 0 : g.conf) === "sold" || ((h = p.value) == null ? void 0 : h.conf) === "reserved" || t("changeComponent", ((b = c.value) == null ? void 0 : b.type) || "", p.value));
+    }, 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));
     };
     return watch(
       () => n.value,
-      (d) => {
-        var g, h, b, s, f, k, _;
-        if (!d) return;
-        const u = d.parentElement;
+      (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 || (c.value = ((g = r.project) == null ? void 0 : g.polygon_data.find((w) => w.key === v)) || null, !c.value)) return;
-          const y = (h = c.value) == null ? void 0 : h.id;
-          switch ((b = c.value) == null ? void 0 : b.type) {
+          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) {
             case "floor":
               const w = (s = r.floors) == null ? void 0 : s.find(
                 (x) => x.id === y
@@ -373,20 +373,20 @@ const _hoisted_1$f = {
               break;
           }
         } else
-          c.value = null, p.value = null;
+          d.value = null, p.value = null;
       }
-    ), (d, u) => {
+    ), (c, u) => {
       var g;
       return openBlock(), createBlock(_sfc_main$f, {
         hoverdData: p.value,
-        type: (g = c.value) == null ? void 0 : g.type
+        type: (g = d.value) == null ? void 0 : g.type
       }, {
         default: withCtx(() => {
-          var h, b, s, f;
+          var m, b, s, f;
           return [
             createElementVNode("div", _hoisted_1$d, [
               createElementVNode("img", {
-                src: (h = d.project) == null ? void 0 : h.project_image[0].url,
+                src: (m = c.project) == null ? void 0 : m.project_image[0].url,
                 alt: "",
                 class: normalizeClass(["ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full", {
                   "ire-object-contain": unref(i),
@@ -404,7 +404,7 @@ const _hoisted_1$f = {
                 innerHTML: unref(a),
                 key: unref(a),
                 onMouseover: l,
-                onClick: m
+                onClick: h
               }, null, 42, _hoisted_3$5))
             ])
           ];
@@ -497,11 +497,11 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
   },
   emits: ["changeComponent"],
   setup(o, { emit: e }) {
-    const t = e, r = o, n = ref(), p = ref(), c = ref(), a = ref(), i = ref(), l = ref(), m = computed$1(() => {
+    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)
         return r.floor.svg;
-    }), d = computed$1(() => r.floors.filter(
+    }), c = computed$1(() => r.floors.filter(
       (s) => (
         // floorItem.conf !== "reserved" &&
         // floorItem.conf !== "sold" &&
@@ -524,8 +524,8 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
       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 = c.value) == null ? void 0 : v.type) || "", a.value));
-    }, h = () => {
+      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(
@@ -552,18 +552,18 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
         const f = s.parentElement;
         if (f && f.nodeName === "g") {
           const y = f.getAttribute("id");
-          if (!y || (c.value = ((k = r.floor) == null ? void 0 : k.polygon_data.find((w) => w.key === y)) || null, !c.value)) return;
-          if (((_ = c.value) == null ? void 0 : _.type) === "flat") {
+          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(
               ($) => {
                 var C;
-                return ($ == null ? void 0 : $.id) === ((C = c.value) == null ? void 0 : C.id);
+                return ($ == null ? void 0 : $.id) === ((C = d.value) == null ? void 0 : C.id);
               }
             );
             a.value = w;
           }
         } else
-          c.value = null;
+          d.value = null;
       }
     ), watch(
       () => i.value,
@@ -572,7 +572,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
           (f) => f.id === i.value
         );
         s != null && s.conf || (s && t("changeComponent", "floor", s), setTimeout(() => {
-          h();
+          m();
         }, 0));
       }
     ), onMounted(() => {
@@ -582,17 +582,17 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
           var v;
           return _.id === ((v = r.floor.block_id) == null ? void 0 : v.toString());
         }
-      ), i.value = (k = (f = d.value) == null ? void 0 : f.find(
+      ), 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);
         }
-      )) == null ? void 0 : k.value, h();
+      )) == null ? void 0 : k.value, m();
     }), (s, f) => {
       var k;
       return openBlock(), createBlock(_sfc_main$f, {
         hoverdData: a.value,
-        type: (k = c.value) == null ? void 0 : k.type
+        type: (k = d.value) == null ? void 0 : k.type
       }, {
         header: withCtx(() => [
           createVNode(_sfc_main$b, { onClick: b }),
@@ -600,7 +600,7 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
             createVNode(_sfc_main$d, {
               modelValue: i.value,
               "onUpdate:modelValue": f[0] || (f[0] = (_) => i.value = _),
-              data: d.value
+              data: c.value
             }, null, 8, ["modelValue", "data"])
           ])
         ]),
@@ -620,8 +620,8 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
                 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: m.value,
-                key: m.value,
+                innerHTML: h.value,
+                key: h.value,
                 onMouseover: u,
                 onClick: g
               }, null, 40, _hoisted_4$3))
@@ -682,11 +682,11 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
 }, _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"
-}, _hoisted_19 = { class: "!ire-text-2xl" }, _hoisted_20 = { 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 = {
-  key: 0,
-  class: "!ire-text-2xl"
-}, _hoisted_22 = {
+}, _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"
 }, _hoisted_23 = {
   key: 0,
@@ -699,16 +699,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), c = computed$1(() => {
-      var l, m, d, u, g, h;
-      const i = n.value ? (d = (m = (l = r.flat) == null ? void 0 : l.type) == null ? void 0 : m.image_2d) == null ? void 0 : d.length : (h = (g = (u = r.flat) == null ? void 0 : u.type) == null ? void 0 : g.image_3d) == null ? void 0 : h.length;
+    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;
       return ["I", "II", "III"].slice(0, i);
     }), a = () => {
       var l;
       const i = (l = r.floors) == null ? void 0 : l.find(
-        (m) => {
-          var d, u, g, h;
-          return ((d = m.floor_number) == null ? void 0 : d.toString()) === ((g = (u = r.flat) == null ? void 0 : u.floor_number) == null ? void 0 : g.toString()) && (r.flat.block_id ? ((h = m == null ? void 0 : m.block_id) == null ? void 0 : h.toString()) === r.flat.block_id : !m.block_id);
+        (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);
         }
       );
       i ? t("changeComponent", "floor", i) : t("changeComponent", "project", null);
@@ -727,7 +727,7 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
           createVNode(_sfc_main$b, { onClick: a })
         ]),
         default: withCtx(() => {
-          var m, d, u, g, h, b, s, f, k, _, v, y, w, $, C, D, x, B, S, M, j, L, T;
+          var h, c, u, g, m, b, s, f, k, _, v, y, w, $, C, D, x, B, S, M, j, L, T;
           return [
             createElementVNode("div", _hoisted_1$6, [
               createElementVNode("div", _hoisted_2$3, [
@@ -753,7 +753,7 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                 }),
                 createElementVNode("div", _hoisted_5, [
                   createElementVNode("div", _hoisted_6, [
-                    (g = (u = (d = (m = i.flat) == null ? void 0 : m.type) == null ? void 0 : d.image_2d) == null ? void 0 : u[0]) != null && g.url ? (openBlock(), createElementBlock("div", {
+                    (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", {
                       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)
@@ -763,7 +763,7 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                       }, null, 8, ["class"]),
                       l[2] || (l[2] = createElementVNode("p", null, "2D plan", -1))
                     ], 2)) : createCommentVNode("", !0),
-                    (f = (s = (b = (h = i.flat) == null ? void 0 : h.type) == null ? void 0 : b.image_3d) == null ? void 0 : s[0]) != null && f.url ? (openBlock(), createElementBlock("div", {
+                    (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", {
                       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)
@@ -776,8 +776,8 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                       l[3] || (l[3] = createElementVNode("p", null, "3D plan", -1))
                     ], 2)) : createCommentVNode("", !0)
                   ]),
-                  ((k = c.value) == null ? void 0 : k.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(c.value, (E, V) => (openBlock(), createElementBlock("div", {
+                  ((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,
                       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
@@ -806,16 +806,16 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                     l[6] || (l[6] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
                   ])) : createCommentVNode("", !0)
                 ]),
-                createElementVNode("div", _hoisted_20, [
-                  (S = (B = i.flat) == null ? void 0 : B.type) != null && S.area_m2 ? (openBlock(), createElementBlock("p", _hoisted_21, [
+                (S = (B = i.flat) == null ? void 0 : B.type) != null && S.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(" M "),
-                      createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, "2")
+                      createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
                     ], -1))
-                  ])) : createCommentVNode("", !0),
+                  ]),
                   l[8] || (l[8] = 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, [
                   createElementVNode("div", null, [
                     (j = i.flat) != null && j.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
@@ -894,15 +894,15 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
   },
   setup(o) {
     return (e, t) => {
-      var r, n, p, c, a, i, l, m;
+      var r, n, p, d, a, i, l, 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: (c = (p = e.modalData) == null ? void 0 : p.modalObject) == null ? void 0 : c.description
+          editor: (d = (p = e.modalData) == null ? void 0 : p.modalObject) == null ? void 0 : d.description
         }, null, 8, ["editor"]),
         (i = (a = e.modalData.modalObject.modalImage) == null ? void 0 : a[0]) != null && i.url ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (m = (l = e.modalData.modalObject.modalImage) == null ? void 0 : l[0]) == null ? void 0 : m.url,
+          src: (h = (l = e.modalData.modalObject.modalImage) == null ? void 0 : l[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)
@@ -918,76 +918,76 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
   },
   emits: ["changeComponent"],
   setup(o, { emit: e }) {
-    const t = e, r = o, n = ref(), p = ref(), c = ref(), a = ref(), i = computed$1(() => {
-      var d, u;
-      if ((d = r.block) != null && d.svg)
+    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 = (d) => {
-      const u = d.target;
+    }), l = (c) => {
+      const u = c.target;
       u && (p.value = u);
-    }, m = (d) => {
-      var g, h, b;
-      d.target.nodeName === "path" && (((g = a.value) == null ? void 0 : g.conf) === "sold" || ((h = a.value) == null ? void 0 : h.conf) === "reserved" || t(
+    }, 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(
         "changeComponent",
-        ((b = c.value) == null ? void 0 : b.type) || "",
+        ((b = d.value) == null ? void 0 : b.type) || "",
         a.value
       ));
     };
     return watch(
       () => p.value,
-      (d) => {
-        var g, h, b, s, f;
-        if (!d) return;
-        const u = d.parentElement;
+      (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 || (c.value = ((g = r.block) == null ? void 0 : g.polygon_data.find((_) => _.key === k)) || null, !c.value)) return;
-          if (((h = c.value) == null ? void 0 : h.type) === "floor") {
+          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 = c.value) == null ? void 0 : y.id);
+                return (v == null ? void 0 : v.id) === ((y = d.value) == null ? void 0 : y.id);
               }
             );
             a.value = _;
-          } else if (((s = c.value) == null ? void 0 : s.type) === "flat") {
+          } 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 = c.value) == null ? void 0 : y.id);
+                return (v == null ? void 0 : v.id) === ((y = d.value) == null ? void 0 : y.id);
               }
             );
             a.value = _;
           } else
             a.value = null;
         } else
-          c.value = null, a.value = null;
+          d.value = null, a.value = null;
       }
-    ), (d, u) => {
+    ), (c, u) => {
       var g;
       return openBlock(), createBlock(_sfc_main$f, {
         hoverdData: a.value,
-        type: (g = c.value) == null ? void 0 : g.type
+        type: (g = d.value) == null ? void 0 : g.type
       }, {
         header: withCtx(() => {
-          var h;
+          var m;
           return [
             createVNode(_sfc_main$b, {
-              onClick: u[0] || (u[0] = (b) => d.$emit("changeComponent", "project", null))
+              onClick: u[0] || (u[0] = (b) => c.$emit("changeComponent", "project", null))
             }),
-            createElementVNode("p", _hoisted_1$1, toDisplayString((h = d.block) == null ? void 0 : h.title), 1)
+            createElementVNode("p", _hoisted_1$1, toDisplayString((m = c.block) == null ? void 0 : m.title), 1)
           ];
         }),
         default: withCtx(() => {
-          var h, b, s, f, k, _;
+          var m, b, s, f, k, _;
           return [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("img", {
-                src: ((s = (b = (h = d.block) == null ? void 0 : h.block_image) == null ? void 0 : b[0]) == null ? void 0 : s.url) || "",
+                src: ((s = (b = (m = c.block) == null ? void 0 : m.block_image) == null ? void 0 : b[0]) == null ? void 0 : s.url) || "",
                 alt: "",
                 class: normalizeClass(["ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full", {
-                  "ire-object-contain": d.block.img_contain,
-                  "ire-object-cover": !d.block.img_contain
+                  "ire-object-contain": c.block.img_contain,
+                  "ire-object-cover": !c.block.img_contain
                 }])
               }, null, 10, _hoisted_3),
               (openBlock(), createElementBlock("div", {
@@ -1003,7 +1003,7 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
                 innerHTML: i.value,
                 key: i.value,
                 onMouseover: l,
-                onClick: m
+                onClick: h
               }, null, 42, _hoisted_4))
             ])
           ];
@@ -1019,8 +1019,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
   },
   setup(__props) {
     var o, e, t, r, n, p;
-    const props = __props, getMeta = (c) => props.shortcodeDataProps.meta.find(
-      (a) => a.meta_key === c
+    const props = __props, getMeta = (d) => props.shortcodeDataProps.meta.find(
+      (a) => a.meta_key === d
     ), 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)",
@@ -1048,17 +1048,17 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       if (shortcodeData.value)
         return shortcodeData.value.project;
     }), floors = computed$1(() => {
-      var c;
+      var d;
       if (shortcodeData.value)
-        return (c = shortcodeData.value.floors) == null || c.forEach((a) => {
-          const i = shortcodeData.value.flats.filter((m) => m.floor_number !== a.floor_number.toString() ? !1 : Object.values(a.polygon_data).some(
-            (u) => u.type && u.type === "flat" && u.id === m.id ? a.block_id ? m.block_id === a.block_id.toString() : !m.block_id : !1
+        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 m = i.every((u) => u.conf === "reserved"), d = i.every((u) => u.conf === "sold");
-            m ? a.conf = "reserved" : d && (a.conf = "sold");
+            const h = i.every((u) => u.conf === "reserved"), c = i.every((u) => u.conf === "sold");
+            h ? a.conf = "reserved" : c && (a.conf = "sold");
           }
         }), shortcodeData.value.floors;
     }), blocks = computed$1(() => {
@@ -1068,12 +1068,15 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       if (shortcodeData.value)
         return shortcodeData.value.types;
     }), flats = computed$1(() => {
-      var c;
+      var d, a;
       if (shortcodeData.value)
-        return (c = shortcodeData.value) == null ? void 0 : c.flats.map((a) => {
+        return (a = (d = shortcodeData.value) == null ? void 0 : d.flats) == null ? void 0 : a.map((i) => {
           var l;
-          const i = (l = types.value) == null ? void 0 : l.find((m) => m.id === a.type_id);
-          return i && (a.type = i), a;
+          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);
+          }
+          return i;
         });
     }), actions = computed$1(() => {
       if (shortcodeData.value)
@@ -1081,9 +1084,9 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     }), projectMeta = computed$1(() => {
       if (shortcodeData.value)
         return shortcodeData.value.meta;
-    }), getColorMeta = (c) => {
+    }), getColorMeta = (d) => {
       var a, i;
-      return (i = (a = projectMeta.value) == null ? void 0 : a.find((l) => l.meta_key === c)) == null ? void 0 : i.meta_value;
+      return (i = (a = projectMeta.value) == null ? void 0 : a.find((l) => l.meta_key === d)) == null ? void 0 : i.meta_value;
     }, changeRoute = (flowType, polygonItem) => {
       switch (flowType) {
         case "project":
@@ -1110,8 +1113,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
           else if (actionData.actionType === "script")
             try {
               eval(actionData == null ? void 0 : actionData.script);
-            } catch (c) {
-              console.error("Error executing script:", c);
+            } catch (d) {
+              console.error("Error executing script:", d);
             }
           break;
       }
@@ -1119,10 +1122,10 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     return watch(
       () => projectMeta.value,
       () => {
-        const c = getColorMeta("path_color"), a = getColorMeta("path_hover_color"), i = getColorMeta("reserved_color"), l = getColorMeta("sold_color"), m = getColorMeta("stroke_color"), d = getColorMeta("stroke_width");
-        c && (colors.path = c.toString()), a && (colors.path_hover = a.toString()), i && (colors.reserved = i.toString()), l && (colors.sold = l.toString()), m && (colors.stroke_color = m.toString()), d && (colors.stroke_width = Number(d));
+        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));
       }
-    ), (c, a) => (openBlock(), createElementBlock("div", _hoisted_1, [
+    ), (d, a) => (openBlock(), createElementBlock("div", _hoisted_1, [
       createVNode(Transition, {
         name: "ire-fade-in-out",
         mode: "out-in",

package/dist/src/components/demo/preview/BlockPreview.vue.d.ts

@@ -4,12 +4,12 @@ declare const _default: import('vue').DefineComponent<{
     flats: FlatItem[];
     floors: FloorItem[];
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    changeComponent: (flow: "" | "flat" | "floor" | "block" | "project", hoveredData: any) => any;
+    changeComponent: (flow: "" | "project" | "flat" | "floor" | "block", hoveredData: any) => any;
 }, string, import('vue').PublicProps, Readonly<{
     block: BlockItem;
     flats: FlatItem[];
     floors: FloorItem[];
 }> & Readonly<{
-    onChangeComponent?: ((flow: "" | "flat" | "floor" | "block" | "project", hoveredData: any) => any) | undefined;
+    onChangeComponent?: ((flow: "" | "project" | "flat" | "floor" | "block", hoveredData: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/demo/preview/FlatPreview.vue.d.ts

@@ -3,11 +3,11 @@ declare const _default: import('vue').DefineComponent<{
     flat: FlatItem | undefined;
     floors: FloorItem[] | undefined;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    changeComponent: (flow: "" | "flat" | "floor" | "block" | "project", hoveredData: any) => any;
+    changeComponent: (flow: "" | "project" | "flat" | "floor" | "block", hoveredData: any) => any;
 }, string, import('vue').PublicProps, Readonly<{
     flat: FlatItem | undefined;
     floors: FloorItem[] | undefined;
 }> & Readonly<{
-    onChangeComponent?: ((flow: "" | "flat" | "floor" | "block" | "project", hoveredData: any) => any) | undefined;
+    onChangeComponent?: ((flow: "" | "project" | "flat" | "floor" | "block", hoveredData: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/components/demo/preview/FloorPreview.vue.d.ts

@@ -5,13 +5,13 @@ declare const _default: import('vue').DefineComponent<{
     floors: FloorItem[];
     blocks?: BlockItem[];
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    changeComponent: (flow: "" | "flat" | "floor" | "block" | "project", hoveredData: any) => any;
+    changeComponent: (flow: "" | "project" | "flat" | "floor" | "block", hoveredData: any) => any;
 }, string, import('vue').PublicProps, Readonly<{
     flats: FlatItem[] | undefined;
     floor: FloorItem;
     floors: FloorItem[];
     blocks?: BlockItem[];
 }> & Readonly<{
-    onChangeComponent?: ((flow: "" | "flat" | "floor" | "block" | "project", hoveredData: any) => any) | undefined;
+    onChangeComponent?: ((flow: "" | "project" | "flat" | "floor" | "block", hoveredData: any) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/src/types/DemoTypes.d.ts

@@ -158,6 +158,7 @@ export interface FlatItem {
     offer_price: string;
     block_id?: string | null;
     type?: TypeItem;
+    use_type?: boolean;
     created_at: string;
     updated_at: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ire-preview",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type": "module",
   "emitDeclarationOnly": true,
   "declaration": true,