ire-preview 1.0.4 → 2.0.0

package/dist/lib.es.js

@@ -1,23 +1,1199 @@
-import { defineComponent as e, openBlock as n, createElementBlock as o, toDisplayString as _ } from "vue";
-const c = { class: "bg-blue-500" }, i = /* @__PURE__ */ e({
-  __name: "MyButton",
+import { defineComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, renderSlot, ref, watch, createBlock, normalizeClass, unref, mergeModels, useModel, withDirectives, renderList, vModelSelect, computed as computed$1, onMounted, createStaticVNode, reactive, normalizeStyle, Teleport } from "vue";
+/**
+* @vue/shared v3.5.12
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+const extend = Object.assign, isFunction = (o) => typeof o == "function", isSymbol = (o) => typeof o == "symbol", hasChanged = (o, e) => !Object.is(o, e);
+/**
+* @vue/reactivity v3.5.12
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+let activeSub, batchDepth = 0, batchedSub, batchedComputed;
+function batch(o, e = !1) {
+  if (o.flags |= 8, e) {
+    o.next = batchedComputed, batchedComputed = o;
+    return;
+  }
+  o.next = batchedSub, batchedSub = o;
+}
+function startBatch() {
+  batchDepth++;
+}
+function endBatch() {
+  if (--batchDepth > 0)
+    return;
+  if (batchedComputed) {
+    let e = batchedComputed;
+    for (batchedComputed = void 0; e; ) {
+      const t = e.next;
+      e.next = void 0, e.flags &= -9, e = t;
+    }
+  }
+  let o;
+  for (; batchedSub; ) {
+    let e = batchedSub;
+    for (batchedSub = void 0; e; ) {
+      const t = e.next;
+      if (e.next = void 0, e.flags &= -9, e.flags & 1)
+        try {
+          e.trigger();
+        } catch (r) {
+          o || (o = r);
+        }
+      e = t;
+    }
+  }
+  if (o) throw o;
+}
+function prepareDeps(o) {
+  for (let e = o.deps; e; e = e.nextDep)
+    e.version = -1, e.prevActiveLink = e.dep.activeLink, e.dep.activeLink = e;
+}
+function cleanupDeps(o) {
+  let e, t = o.depsTail, r = t;
+  for (; r; ) {
+    const n = r.prevDep;
+    r.version === -1 ? (r === t && (t = n), removeSub(r), removeDep(r)) : e = r, r.dep.activeLink = r.prevActiveLink, r.prevActiveLink = void 0, r = n;
+  }
+  o.deps = e, o.depsTail = t;
+}
+function isDirty(o) {
+  for (let e = o.deps; e; e = e.nextDep)
+    if (e.dep.version !== e.version || e.dep.computed && (refreshComputed(e.dep.computed) || e.dep.version !== e.version))
+      return !0;
+  return !!o._dirty;
+}
+function refreshComputed(o) {
+  if (o.flags & 4 && !(o.flags & 16) || (o.flags &= -17, o.globalVersion === globalVersion))
+    return;
+  o.globalVersion = globalVersion;
+  const e = o.dep;
+  if (o.flags |= 2, e.version > 0 && !o.isSSR && o.deps && !isDirty(o)) {
+    o.flags &= -3;
+    return;
+  }
+  const t = activeSub, r = shouldTrack;
+  activeSub = o, shouldTrack = !0;
+  try {
+    prepareDeps(o);
+    const n = o.fn(o._value);
+    (e.version === 0 || hasChanged(n, o._value)) && (o._value = n, e.version++);
+  } catch (n) {
+    throw e.version++, n;
+  } finally {
+    activeSub = t, shouldTrack = r, cleanupDeps(o), o.flags &= -3;
+  }
+}
+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);
+  }
+  !e && !--t.sc && t.map && t.map.delete(t.key);
+}
+function removeDep(o) {
+  const { prevDep: e, nextDep: t } = o;
+  e && (e.nextDep = t, o.prevDep = void 0), t && (t.prevDep = e, o.nextDep = void 0);
+}
+let shouldTrack = !0, globalVersion = 0;
+class Link {
+  constructor(e, t) {
+    this.sub = e, this.dep = t, this.version = t.version, this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
+  }
+}
+class Dep {
+  constructor(e) {
+    this.computed = e, this.version = 0, this.activeLink = void 0, this.subs = void 0, this.map = void 0, this.key = void 0, this.sc = 0;
+  }
+  track(e) {
+    if (!activeSub || !shouldTrack || activeSub === this.computed)
+      return;
+    let t = this.activeLink;
+    if (t === void 0 || t.sub !== activeSub)
+      t = this.activeLink = new Link(activeSub, this), activeSub.deps ? (t.prevDep = activeSub.depsTail, activeSub.depsTail.nextDep = t, activeSub.depsTail = t) : activeSub.deps = activeSub.depsTail = t, addSub(t);
+    else if (t.version === -1 && (t.version = this.version, t.nextDep)) {
+      const r = t.nextDep;
+      r.prevDep = t.prevDep, t.prevDep && (t.prevDep.nextDep = r), t.prevDep = activeSub.depsTail, t.nextDep = void 0, activeSub.depsTail.nextDep = t, activeSub.depsTail = t, activeSub.deps === t && (activeSub.deps = r);
+    }
+    return t;
+  }
+  trigger(e) {
+    this.version++, globalVersion++, this.notify(e);
+  }
+  notify(e) {
+    startBatch();
+    try {
+      for (let t = this.subs; t; t = t.prevSub)
+        t.sub.notify() && t.sub.dep.notify();
+    } finally {
+      endBatch();
+    }
+  }
+}
+function addSub(o) {
+  if (o.dep.sc++, o.sub.flags & 4) {
+    const e = o.dep.computed;
+    if (e && !o.dep.subs) {
+      e.flags |= 20;
+      for (let r = e.deps; r; r = r.nextDep)
+        addSub(r);
+    }
+    const t = o.dep.subs;
+    t !== o && (o.prevSub = t, t && (t.nextSub = o)), o.dep.subs = o;
+  }
+}
+new Set(
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((o) => o !== "arguments" && o !== "caller").map((o) => Symbol[o]).filter(isSymbol)
+);
+class ComputedRefImpl {
+  constructor(e, t, r) {
+    this.fn = e, this.setter = t, this._value = void 0, this.dep = new Dep(this), this.__v_isRef = !0, this.deps = void 0, this.depsTail = void 0, this.flags = 16, this.globalVersion = globalVersion - 1, this.next = void 0, this.effect = this, this.__v_isReadonly = !t, this.isSSR = r;
+  }
+  /**
+   * @internal
+   */
+  notify() {
+    if (this.flags |= 16, !(this.flags & 8) && // avoid infinite self recursion
+    activeSub !== this)
+      return batch(this, !0), !0;
+  }
+  get value() {
+    const e = this.dep.track();
+    return refreshComputed(this), e && (e.version = this.dep.version), this._value;
+  }
+  set value(e) {
+    this.setter && this.setter(e);
+  }
+}
+function computed(o, e, t = !1) {
+  let r, n;
+  return isFunction(o) ? r = o : (r = o.get, n = o.set), new ComputedRefImpl(r, n, t);
+}
+const _hoisted_1$f = {
+  key: 0,
+  class: "ire-pointer-events-none ire-absolute !ire-bottom-10 !ire-right-10 ire-w-fit ire-select-none ire-rounded-lg ire-border ire-bg-white ire-p-4"
+}, _hoisted_2$8 = {
+  key: 0,
+  class: "ire-flex ire-items-center ire-gap-3"
+}, _hoisted_3$6 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$5 = { class: "!ire-text-2xl" }, _hoisted_5$1 = {
+  key: 0,
+  class: "ire-rounded-lg ire-bg-gray-100 ire-p-6"
+}, _hoisted_6$1 = {
+  key: 0,
+  class: "!ire-text-2xl"
+}, _hoisted_7$1 = { key: 1 }, _hoisted_8$1 = {
+  key: 0,
+  class: "ire-flex ire-items-center ire-gap-2"
+}, _hoisted_9$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_10$1 = {
+  key: 1,
+  class: "ire-flex ire-items-center ire-gap-2"
+}, _hoisted_11$1 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_12$1 = {
+  key: 2,
+  class: "ire-flex ire-items-center ire-gap-2"
+}, _hoisted_13$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_14$1 = {
+  key: 1,
+  class: "ire-flex ire-items-center ire-gap-3"
+}, _hoisted_15$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_16$1 = { class: "!text-2xl" }, _hoisted_17$1 = {
+  key: 2,
+  class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3"
+}, _hoisted_18$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_19$1 = { class: "!ire-text-2xl ire-capitalize" }, _hoisted_20$1 = { class: "ire-flex ire-min-w-36 ire-flex-col ire-items-center ire-rounded-lg ire-bg-gray-100 ire-px-7 ire-py-3" }, _hoisted_21$1 = {
+  key: 0,
+  class: "!ire-text-2xl ire-uppercase"
+}, _hoisted_22$1 = {
+  key: 0,
+  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-py-2"
+}, _hoisted_23$1 = {
+  key: 0,
+  class: "!ire-text-2xl"
+}, _hoisted_24$1 = { key: 1 }, _hoisted_25$1 = { class: "!ire-text-xs ire-line-through" }, _hoisted_26$1 = { class: "!ire-text-2xl" }, _hoisted_27 = { class: "ire-border ire-border-gray-800 ire-p-2" }, _hoisted_28 = { class: "ire-translate-x-3 ire-bg-white" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip_1",
+  props: {
+    hoveredData: {},
+    type: {}
+  },
+  setup(o) {
+    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;
+          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),
+                  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, [
+                    (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),
+                      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, [
+                      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, [
+                      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)
+                  ]))
+                ])) : 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)
+                ])
+              ])) : 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),
+                  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 }, [
+                    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, [
+                      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),
+                          createElementVNode("p", _hoisted_26$1, [
+                            createTextVNode(toDisplayString(Number((v = e.hoveredData) == null ? void 0 : v.offer_price).toLocaleString()), 1),
+                            t[6] || (t[6] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                          ])
+                        ])) : (openBlock(), createElementBlock("p", _hoisted_23$1, [
+                          createTextVNode(toDisplayString(Number(e.hoveredData.price).toLocaleString()), 1),
+                          t[5] || (t[5] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                        ]))
+                      ])
+                    ])) : createCommentVNode("", !0)
+                  ], 64))
+                ]),
+                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),
+                    t[8] || (t[8] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
+                  ])
+                ])
+              ])) : createCommentVNode("", !0)
+            ])) : createCommentVNode("", !0)
+          ];
+        }),
+        _: 1
+      })
+    ]));
+  }
+}), _hoisted_1$e = { class: "ire-relative" }, _hoisted_2$7 = {
+  key: 0,
+  class: "ire-mb-3 ire-flex ire-h-[48px] ire-items-center ire-justify-between ire-px-4"
+}, _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "PreviewLayout",
+  props: {
+    hoverdData: {},
+    type: {}
+  },
+  setup(o) {
+    return (e, t) => (openBlock(), createElementBlock("div", _hoisted_1$e, [
+      e.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+        renderSlot(e.$slots, "header")
+      ])) : createCommentVNode("", !0),
+      renderSlot(e.$slots, "default"),
+      createVNode(_sfc_main$g, {
+        "hovered-data": e.hoverdData,
+        type: e.type || "",
+        class: "ire-hidden lg:ire-block"
+      }, null, 8, ["hovered-data", "type"])
+    ]));
+  }
+}), _hoisted_1$d = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden ire-pt-[50%]" }, _hoisted_2$6 = ["src"], _hoisted_3$5 = ["innerHTML"], _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "ProjectPreview",
+  props: {
+    project: {},
+    floors: {},
+    blocks: {},
+    flats: {},
+    actions: {},
+    projectMeta: {}
+  },
+  emits: ["changeComponent"],
+  setup(o, { emit: e }) {
+    const t = e, r = o, n = ref(), p = ref(), c = 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"
+      )) == null ? void 0 : g.meta_value;
+      return JSON.parse((d == null ? void 0 : d.toString()) || "false");
+    }), l = (d) => {
+      const u = d.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));
+    };
+    return watch(
+      () => n.value,
+      (d) => {
+        var g, h, b, s, f, k, _;
+        if (!d) return;
+        const u = d.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) {
+            case "floor":
+              const w = (s = r.floors) == null ? void 0 : s.find(
+                (x) => x.id === y
+              );
+              p.value = w;
+              break;
+            case "block":
+              const $ = (f = r.blocks) == null ? void 0 : f.find(
+                (x) => x.id === y
+              );
+              p.value = $;
+              break;
+            case "flat":
+              const C = (k = r.flats) == null ? void 0 : k.find((x) => x.id === y);
+              p.value = C;
+              break;
+            case "tooltip":
+              const D = (_ = r.actions) == null ? void 0 : _.find(
+                (x) => x.id === y
+              );
+              p.value = D;
+              break;
+            default:
+              p.value = null;
+              break;
+          }
+        } else
+          c.value = null, p.value = null;
+      }
+    ), (d, u) => {
+      var g;
+      return openBlock(), createBlock(_sfc_main$f, {
+        hoverdData: p.value,
+        type: (g = c.value) == null ? void 0 : g.type
+      }, {
+        default: withCtx(() => {
+          var h, b, s, f;
+          return [
+            createElementVNode("div", _hoisted_1$d, [
+              createElementVNode("img", {
+                src: (h = d.project) == null ? void 0 : h.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),
+                  "ire-object-cover": !unref(i)
+                }])
+              }, null, 10, _hoisted_2$6),
+              (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)
+                  }
+                ]]),
+                innerHTML: unref(a),
+                key: unref(a),
+                onMouseover: l,
+                onClick: m
+              }, null, 42, _hoisted_3$5))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["hoverdData", "type"]);
+    };
+  }
+}), _hoisted_1$c = { class: "ire-w-full ire-min-w-[150px] ire-max-w-[200px] ire-border ire-border-slate-200 lg:ire-min-w-[250px]" }, _hoisted_2$5 = { class: "label" }, _hoisted_3$4 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "PreviewSelect",
+  props: /* @__PURE__ */ mergeModels({
+    data: {},
+    placeholder: { default: "Choose" },
+    label: { default: "" },
+    clearable: { type: Boolean, default: !1 },
+    required: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = useModel(o, "modelValue");
+    return (t, r) => (openBlock(), createElementBlock("div", _hoisted_1$c, [
+      createElementVNode("p", _hoisted_2$5, toDisplayString(t.label), 1),
+      createElementVNode("div", _hoisted_3$4, [
+        withDirectives(createElementVNode("select", {
+          "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))
+        ], 512), [
+          [vModelSelect, e.value]
+        ]),
+        r[1] || (r[1] = createElementVNode("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          "stroke-width": "1.2",
+          stroke: "currentColor",
+          class: "ire-absolute ire-right-2.5 ire-top-2.5 ire-ml-1 ire-h-5 ire-w-5 ire-text-slate-700"
+        }, [
+          createElementVNode("path", {
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
+          })
+        ], -1))
+      ])
+    ]));
+  }
+}), _export_sfc = (o, e) => {
+  const t = o.__vccOpts || o;
+  for (const [r, n] of e)
+    t[r] = n;
+  return t;
+}, _sfc_main$c = {}, _hoisted_1$b = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32",
+  fill: "none"
+};
+function _sfc_render$3(o, e) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, e[0] || (e[0] = [
+    createElementVNode("path", {
+      d: "M22.7074 16.7076L12.7074 26.7076C12.6145 26.8005 12.5042 26.8742 12.3828 26.9245C12.2614 26.9747 12.1313 27.0006 11.9999 27.0006C11.8686 27.0006 11.7384 26.9747 11.617 26.9245C11.4957 26.8742 11.3854 26.8005 11.2924 26.7076C11.1995 26.6147 11.1258 26.5044 11.0756 26.383C11.0253 26.2616 10.9994 26.1315 10.9994 26.0001C10.9994 25.8687 11.0253 25.7386 11.0756 25.6172C11.1258 25.4958 11.1995 25.3855 11.2924 25.2926L20.5862 16.0001L11.2924 6.70757C11.1048 6.51993 10.9994 6.26543 10.9994 6.00007C10.9994 5.7347 11.1048 5.48021 11.2924 5.29257C11.4801 5.10493 11.7346 4.99951 11.9999 4.99951C12.2653 4.99951 12.5198 5.10493 12.7074 5.29257L22.7074 15.2926C22.8004 15.3854 22.8742 15.4957 22.9245 15.6171C22.9748 15.7385 23.0007 15.8687 23.0007 16.0001C23.0007 16.1315 22.9748 16.2616 22.9245 16.383C22.8742 16.5044 22.8004 16.6147 22.7074 16.7076Z",
+      fill: "#44546F"
+    }, null, -1)
+  ]));
+}
+const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]), _hoisted_1$a = { class: "ire-group ire-flex ire-w-fit ire-cursor-pointer ire-items-center ire-gap-1 ire-rounded-lg ire-border ire-bg-gray-50 ire-px-4 ire-py-2 ire-shadow-sm ire-transition-all hover:ire-bg-black hover:ire-text-white 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))
+    ]));
+  }
+}), _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({
+  __name: "FloorPreview",
+  props: {
+    flats: {},
+    floor: {},
+    floors: {},
+    blocks: {}
+  },
+  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(() => {
+      var s;
+      if ((s = r.floor) != null && s.svg)
+        return r.floor.svg;
+    }), d = 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) => {
+          var y;
+          return (v == null ? void 0 : v.id) === ((y = s.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
+      };
+    }).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 = c.value) == null ? void 0 : v.type) || "", a.value));
+    }, h = () => {
+      n.value && n.value.querySelectorAll("g").forEach((f) => {
+        var v, y, w;
+        const k = f.getAttribute("id"), _ = r.floor.polygon_data.find(
+          ($) => $.key === k
+        );
+        if (r.flats)
+          if (r.floor.conf)
+            f.setAttribute("conf", ((v = r.floor) == null ? void 0 : v.conf) || "");
+          else {
+            const $ = (y = r.flats) == null ? void 0 : y.find(
+              (C) => C.id === (_ == null ? void 0 : _.id)
+            );
+            f.setAttribute("conf", ((w = $ == null ? void 0 : $.conf) == null ? void 0 : w.toString()) || "");
+          }
+      });
+    }, b = () => {
+      r.floor.block_id ? t("changeComponent", "block", l.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 || (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") {
+            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);
+              }
+            );
+            a.value = w;
+          }
+        } else
+          c.value = null;
+      }
+    ), watch(
+      () => i.value,
+      () => {
+        const s = r.floors.find(
+          (f) => f.id === i.value
+        );
+        s != null && s.conf || (s && t("changeComponent", "floor", s), 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());
+        }
+      ), i.value = (k = (f = d.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();
+    }), (s, f) => {
+      var k;
+      return openBlock(), createBlock(_sfc_main$f, {
+        hoverdData: a.value,
+        type: (k = c.value) == null ? void 0 : k.type
+      }, {
+        header: withCtx(() => [
+          createVNode(_sfc_main$b, { onClick: b }),
+          createElementVNode("div", _hoisted_1$9, [
+            createVNode(_sfc_main$d, {
+              modelValue: i.value,
+              "onUpdate:modelValue": f[0] || (f[0] = (_) => i.value = _),
+              data: d.value
+            }, null, 8, ["modelValue", "data"])
+          ])
+        ]),
+        default: withCtx(() => {
+          var _, v;
+          return [
+            createElementVNode("div", _hoisted_2$4, [
+              createElementVNode("img", {
+                src: ((v = (_ = s.floor.floor_image) == null ? void 0 : _[0]) == null ? void 0 : v.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
+                }])
+              }, 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: m.value,
+                key: m.value,
+                onMouseover: u,
+                onClick: g
+              }, null, 40, _hoisted_4$3))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["hoverdData", "type"]);
+    };
+  }
+}), _sfc_main$9 = {}, _hoisted_1$8 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$2(o, e) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, e[0] || (e[0] = [
+    createStaticVNode('<path d="M5.25 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 8.25H8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 20.25H9" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.75 15V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 20.25H15C15.1989 20.25 15.3897 20.171 15.5303 20.0303C15.671 19.8897 15.75 19.6989 15.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 8.25H15C15.1989 8.25 15.3897 8.32902 15.5303 8.46967C15.671 8.61032 15.75 8.80109 15.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.25 8.25H4.5C4.30109 8.25 4.11032 8.32902 3.96967 8.46967C3.82902 8.61032 3.75 8.80109 3.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75H19.5C19.6989 15.75 19.8897 15.671 20.0303 15.5303C20.171 15.3897 20.25 15.1989 20.25 15V4.5C20.25 4.30109 20.171 4.11032 20.0303 3.96967C19.8897 3.82902 19.6989 3.75 19.5 3.75H9C8.80109 3.75 8.61032 3.82902 8.46967 3.96967C8.32902 4.11032 8.25 4.30109 8.25 4.5V8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>', 9)
+  ]));
+}
+const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$2]]), _sfc_main$8 = {}, _hoisted_1$7 = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function _sfc_render$1(o, e) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, e[0] || (e[0] = [
+    createElementVNode("path", {
+      d: "M21 16.622V7.37824C20.9993 7.24472 20.9634 7.11375 20.8959 6.99853C20.8284 6.88331 20.7317 6.78793 20.6156 6.72199L12.3656 2.08137C12.2545 2.01719 12.1284 1.9834 12 1.9834C11.8716 1.9834 11.7455 2.01719 11.6344 2.08137L3.38437 6.72199C3.26827 6.78793 3.1716 6.88331 3.10411 6.99853C3.03663 7.11375 3.00072 7.24472 3 7.37824V16.622C3.00072 16.7555 3.03663 16.8865 3.10411 17.0017C3.1716 17.1169 3.26827 17.2123 3.38437 17.2782L11.6344 21.9189C11.7455 21.983 11.8716 22.0168 12 22.0168C12.1284 22.0168 12.2545 21.983 12.3656 21.9189L20.6156 17.2782C20.7317 17.2123 20.8284 17.1169 20.8959 17.0017C20.9634 16.8865 20.9993 16.7555 21 16.622V16.622Z",
+      stroke: "#222222",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M20.8953 6.99365L12.0828 11.9999L3.10156 6.99365",
+      stroke: "#222222",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1),
+    createElementVNode("path", {
+      d: "M12.0844 12L12 22.0125",
+      stroke: "#222222",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ]));
+}
+const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]), _hoisted_1$6 = { class: "ire-flex ire-flex-col ire-items-start ire-justify-center ire-gap-5 lg:ire-flex-row lg:ire-gap-20" }, _hoisted_2$3 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-justify-center ire-px-4 lg:ire-w-auto lg:ire-px-0" }, _hoisted_3$2 = ["src"], _hoisted_4$2 = ["src"], _hoisted_5 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_6 = { class: "ire-flex ire-w-fit ire-items-center ire-gap-1 ire-border-gray-400 ire-p-1" }, _hoisted_7 = {
+  key: 0,
+  class: "ire-ml-4 ire-flex ire-items-center ire-gap-1"
+}, _hoisted_8 = ["onClick"], _hoisted_9 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-2 lg:ire-w-auto" }, _hoisted_10 = { class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4" }, _hoisted_11 = { class: "!ire-text-2xl ire-font-semibold ire-capitalize" }, _hoisted_12 = { class: "ire-text-center" }, _hoisted_13 = { class: "!ire-text-lg ire-font-semibold" }, _hoisted_14 = { class: "ire-mt-1 ire-text-gray-600" }, _hoisted_15 = { class: "ire-flex ire-items-center ire-gap-3" }, _hoisted_16 = {
+  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_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 = {
+  key: 0,
+  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,
+  class: "!ire-text-2xl"
+}, _hoisted_24 = { key: 1 }, _hoisted_25 = { class: "!ire-text-xs ire-line-through" }, _hoisted_26 = { class: "!ire-text-2xl" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "FlatPreview",
+  props: {
+    flat: {},
+    floors: {}
+  },
+  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;
+      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);
+        }
+      );
+      i ? t("changeComponent", "floor", i) : t("changeComponent", "project", null);
+    };
+    return watch(
+      () => n.value,
+      () => {
+        p.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, [
+      createVNode(_sfc_main$f, { "hoverd-data": null }, {
+        header: withCtx(() => [
+          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;
+          return [
+            createElementVNode("div", _hoisted_1$6, [
+              createElementVNode("div", _hoisted_2$3, [
+                createVNode(Transition, {
+                  name: "ire-fade-in-out",
+                  mode: "out-in"
+                }, {
+                  default: withCtx(() => {
+                    var E, V, N, R, P, O, I, F, A, H, z, W, K, G, Z, q, U, J, Q, X, Y, ee, te, oe;
+                    return [
+                      n.value && ((R = (N = (V = (E = i.flat) == null ? void 0 : E.type) == null ? void 0 : V.image_2d) == null ? void 0 : N[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,
+                        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,
+                        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)
+                    ];
+                  }),
+                  _: 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", {
+                      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)
+                    }, [
+                      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))
+                    ], 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", {
+                      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)
+                    }, [
+                      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))
+                    ], 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", {
+                      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
+                      }]),
+                      onClick: (N) => p.value = V
+                    }, toDisplayString(E), 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("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("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))
+                  ])) : 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))
+                  ])) : createCommentVNode("", !0)
+                ]),
+                createElementVNode("div", _hoisted_20, [
+                  (S = (B = i.flat) == null ? void 0 : B.type) != null && S.area_m2 ? (openBlock(), createElementBlock("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")
+                    ], -1))
+                  ])) : createCommentVNode("", !0),
+                  l[8] || (l[8] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
+                ]),
+                (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, [
+                      createElementVNode("p", _hoisted_25, toDisplayString(Number((L = i.flat) == null ? void 0 : L.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))
+                      ])
+                    ])) : (openBlock(), createElementBlock("p", _hoisted_23, [
+                      createTextVNode(toDisplayString(Number(i.flat.price).toLocaleString()), 1),
+                      l[9] || (l[9] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                    ]))
+                  ]),
+                  l[11] || (l[11] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
+                ])) : createCommentVNode("", !0)
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      })
+    ]));
+  }
+}), _sfc_main$6 = {}, _hoisted_1$5 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  x: "0px",
+  y: "0px",
+  width: "20",
+  height: "20",
+  viewBox: "0 0 50 50"
+};
+function _sfc_render(o, e) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, e[0] || (e[0] = [
+    createElementVNode("path", { d: "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z" }, null, -1)
+  ]));
+}
+const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]), _hoisted_1$4 = { class: "ire-fixed ire-left-0 ire-top-0 ire-z-[99999] ire-flex ire-h-full ire-w-full ire-cursor-pointer ire-items-center ire-justify-center ire-p-4 lg:ire-p-32" }, _hoisted_2$2 = { class: "ire-relative ire-h-fit ire-max-h-[80%] ire-min-w-full ire-cursor-default ire-overflow-y-auto ire-rounded-l-sm ire-bg-white lg:ire-min-w-[500px]" }, _hoisted_3$1 = { class: "ire-sticky ire-right-full ire-top-0 ire-flex ire-w-full ire-flex-row-reverse" }, _hoisted_4$1 = { class: "ire-h-full ire-w-full ire-cursor-auto ire-p-5 ire-pt-1" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "PreviewModal",
+  emits: ["close"],
+  setup(o) {
+    return (e, t) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
+      createElementVNode("div", {
+        class: "ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full ire-bg-black/40 ire-transition-all",
+        onClick: t[0] || (t[0] = (r) => e.$emit("close"))
+      }),
+      createElementVNode("div", _hoisted_2$2, [
+        createElementVNode("div", _hoisted_3$1, [
+          createElementVNode("div", {
+            class: "ire-z-[999] ire-mx-3 ire-my-2 ire-w-fit ire-cursor-pointer ire-rounded-full ire-p-1 ire-transition-all hover:ire-bg-gray-600 [&_path]:ire-fill-gray-400 [&_path]:hover:ire-fill-white [&_svg]:ire-h-3 [&_svg]:ire-w-3",
+            onClick: t[1] || (t[1] = (r) => e.$emit("close"))
+          }, [
+            createVNode(Close)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_4$1, [
+          renderSlot(e.$slots, "default")
+        ])
+      ])
+    ]));
+  }
+}), _hoisted_1$3 = ["innerHTML"], _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "BaseEditor",
+  props: {
+    editor: {}
+  },
+  setup(o) {
+    return (e, t) => (openBlock(), createElementBlock("div", {
+      class: "[&_ul]:ire-columns-1 [&_a]:ire-cursor-pointer [&_a]:ire-text-[#2980b9] [&_a]:ire-underline [&_ul]:ire-flex [&_ul]:ire-flex-col [&_ul]:ire-gap-2 [&_ul_li]:ire-relative [&_ul_li]:ire-pl-[20px] [&_ul_li]:after:ire-absolute [&_ul_li]:after:ire-left-2 [&_ul_li]:after:ire-top-[10px] [&_ul_li]:after:ire-h-[4px] [&_ul_li]:after:ire-w-[4px] [&_ul_li]:after:ire-rounded-[50%] [&_ul_li]:after:ire-bg-black",
+      innerHTML: e.editor
+    }, null, 8, _hoisted_1$3));
+  }
+}), _hoisted_1$2 = { class: "!ire-text-3xl ire-font-bold" }, _hoisted_2$1 = ["src"], _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ActionModal",
+  props: {
+    modalData: {}
+  },
+  setup(o) {
+    return (e, t) => {
+      var r, n, p, c, a, i, l, m;
+      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
+        }, 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,
+          alt: "",
+          class: "ire-mt-5 ire-h-[400px] ire-w-full ire-object-contain"
+        }, null, 8, _hoisted_2$1)) : createCommentVNode("", !0)
+      ]);
+    };
+  }
+}), _hoisted_1$1 = { class: "lg:!ire-text-xl" }, _hoisted_2 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden ire-pt-[50%]" }, _hoisted_3 = ["src"], _hoisted_4 = ["innerHTML"], _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BlockPreview",
+  props: {
+    block: {},
+    flats: {},
+    floors: {}
+  },
+  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)
+        return (u = r.block) == null ? void 0 : u.svg;
+    }), l = (d) => {
+      const u = d.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(
+        "changeComponent",
+        ((b = c.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;
+        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") {
+            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);
+              }
+            );
+            a.value = _;
+          } else if (((s = c.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);
+              }
+            );
+            a.value = _;
+          } else
+            a.value = null;
+        } else
+          c.value = null, a.value = null;
+      }
+    ), (d, u) => {
+      var g;
+      return openBlock(), createBlock(_sfc_main$f, {
+        hoverdData: a.value,
+        type: (g = c.value) == null ? void 0 : g.type
+      }, {
+        header: withCtx(() => {
+          var h;
+          return [
+            createVNode(_sfc_main$b, {
+              onClick: u[0] || (u[0] = (b) => d.$emit("changeComponent", "project", null))
+            }),
+            createElementVNode("p", _hoisted_1$1, toDisplayString((h = d.block) == null ? void 0 : h.title), 1)
+          ];
+        }),
+        default: withCtx(() => {
+          var h, 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) || "",
+                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
+                }])
+              }, null, 10, _hoisted_3),
+              (openBlock(), createElementBlock("div", {
+                ref_key: "svgRef",
+                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)
+                  }
+                ]]),
+                innerHTML: i.value,
+                key: i.value,
+                onMouseover: l,
+                onClick: m
+              }, null, 42, _hoisted_4))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["hoverdData", "type"]);
+    };
+  }
+}), _hoisted_1 = { class: "ire-strokee" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Preview",
   props: {
-    text: {}
+    shortcodeDataProps: {}
   },
-  setup(s) {
-    return (t, r) => (n(), o("button", c, _(t.text), 1));
+  setup(__props) {
+    var o, e, t, r, n, p;
+    const props = __props, getMeta = (c) => props.shortcodeDataProps.meta.find(
+      (a) => a.meta_key === c
+    ), 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)",
+      PREVIEW_RESERVED_COLOR: getMeta("reserved_color").meta_value || "rgba(255, 247, 89, 0.53)",
+      PREVIEW_SOLD_COLOR: getMeta("sold_color").meta_value || "rgba(219, 64, 64, 0.45)",
+      PREVIEW_STROKE_COLOR: getMeta("stroke_color").meta_value || "rgba(0, 0, 0,  1)",
+      PREVIEW_STROKE_WIDTH: +getMeta("stroke_width").meta_value || 0
+    }), colors = reactive({
+      path: (o = constants.value) == null ? void 0 : o.PREVIEW_PATH_COLOR,
+      path_hover: (e = constants.value) == null ? void 0 : e.PREVIEW_PATH_HOVER_COLOR,
+      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
+    }), cssVariables = computed$1(() => ({
+      "--reserved-color": colors.reserved,
+      "--sold-color": colors.sold,
+      "--path-hover-color": colors.path_hover,
+      "--path-color": colors.path,
+      "--stroke-color": colors.stroke_color,
+      "--stroke-width": colors.stroke_width + "px"
+    })), shortcodeData = ref(props.shortcodeDataProps), flow = ref(
+      "projectFlow"
+    ), hoveredData = ref(), showModal = ref(!1), project = computed$1(() => {
+      if (shortcodeData.value)
+        return shortcodeData.value.project;
+    }), floors = computed$1(() => {
+      var c;
+      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
+          ));
+          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");
+          }
+        }), shortcodeData.value.floors;
+    }), blocks = computed$1(() => {
+      if (shortcodeData.value)
+        return shortcodeData.value.blocks;
+    }), types = computed$1(() => {
+      if (shortcodeData.value)
+        return shortcodeData.value.types;
+    }), flats = computed$1(() => {
+      var c;
+      if (shortcodeData.value)
+        return (c = shortcodeData.value) == null ? void 0 : c.flats.map((a) => {
+          var l;
+          const i = (l = types.value) == null ? void 0 : l.find((m) => m.id === a.type_id);
+          return i && (a.type = i), a;
+        });
+    }), actions = computed$1(() => {
+      if (shortcodeData.value)
+        return shortcodeData.value.actions;
+    }), projectMeta = computed$1(() => {
+      if (shortcodeData.value)
+        return shortcodeData.value.meta;
+    }), getColorMeta = (c) => {
+      var a, i;
+      return (i = (a = projectMeta.value) == null ? void 0 : a.find((l) => l.meta_key === c)) == 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;
+          break;
+        case "block":
+          flow.value = "blockFlow", hoveredData.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")
+            window.open(
+              actionData.url,
+              actionData.targetBlank ? "_blank" : "_self"
+            );
+          else if (actionData.actionType === "modal")
+            showModal.value = !0;
+          else if (actionData.actionType === "script")
+            try {
+              eval(actionData == null ? void 0 : actionData.script);
+            } catch (c) {
+              console.error("Error executing script:", c);
+            }
+          break;
+      }
+    };
+    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));
+      }
+    ), (c, a) => (openBlock(), createElementBlock("div", _hoisted_1, [
+      createVNode(Transition, {
+        name: "ire-fade-in-out",
+        mode: "out-in",
+        style: normalizeStyle(cssVariables.value)
+      }, {
+        default: withCtx(() => [
+          shortcodeData.value ? (openBlock(), createElementBlock("div", { key: flow.value }, [
+            flow.value === "projectFlow" ? (openBlock(), createBlock(_sfc_main$e, {
+              key: 0,
+              project: project.value,
+              floors: floors.value,
+              flats: flats.value,
+              projectMeta: projectMeta.value,
+              blocks: blocks.value,
+              actions: actions.value,
+              onChangeComponent: 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, {
+              key: 1,
+              block: hoveredData.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, {
+              key: 2,
+              flats: flats.value,
+              floor: hoveredData.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, {
+              key: 3,
+              flat: hoveredData.value,
+              floors: floors.value,
+              onChangeComponent: a[3] || (a[3] = (i, l) => changeRoute(i, l))
+            }, null, 8, ["flat", "floors"])) : createCommentVNode("", !0)
+          ])) : createCommentVNode("", !0)
+        ]),
+        _: 1
+      }, 8, ["style"]),
+      (openBlock(), createBlock(Teleport, { to: "body" }, [
+        createVNode(Transition, {
+          name: "ire-fade-in-out",
+          appear: ""
+        }, {
+          default: withCtx(() => [
+            showModal.value ? (openBlock(), createBlock(_sfc_main$5, {
+              key: 0,
+              onClose: a[4] || (a[4] = (i) => showModal.value = !1)
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$3, { modalData: hoveredData.value }, null, 8, ["modalData"])
+              ]),
+              _: 1
+            })) : createCommentVNode("", !0)
+          ]),
+          _: 1
+        })
+      ]))
+    ]));
   }
-}), p = { class: "bg-pink-500 text-orange-200" }, u = /* @__PURE__ */ e({
-  __name: "MyDiv",
+}), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Project",
   props: {
-    title: {},
-    width: {}
+    data: {}
   },
-  setup(s) {
-    return (t, r) => (n(), o("button", p, "from package (ch anged 2)"));
+  setup(o) {
+    return (e, t) => (openBlock(), createElementBlock("div", null, [
+      createVNode(_sfc_main$1, { "shortcode-data-props": e.data }, null, 8, ["shortcode-data-props"])
+    ]));
   }
 });
 export {
-  i as MyButton,
-  u as MyDiv
+  _sfc_main as Project
 };