ire-preview 2.1.5 → 2.2.0

package/dist/lib.es.js

@@ -1,22 +1,253 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createElementVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, renderSlot, ref, watch, createBlock, unref, normalizeClass, mergeModels, useModel, withDirectives, renderList, vModelSelect, computed as computed$1, onMounted, createStaticVNode, reactive, normalizeStyle, Teleport } from "vue";
+import { openBlock, createElementBlock, createElementVNode, effectScope, ref, markRaw, hasInjectionContext, inject, watch, reactive, isRef, isReactive, toRaw, getCurrentScope, onScopeDispose, nextTick, toRefs, computed as computed$1, defineComponent, createVNode, Transition, withCtx, toDisplayString, createCommentVNode, Fragment, createTextVNode, createBlock, normalizeStyle, unref, renderSlot, normalizeClass, mergeModels, useModel, withDirectives, renderList, vModelSelect, onMounted, createStaticVNode, provide, Teleport, createApp } from "vue";
+const _export_sfc = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [o, s] of t)
+    r[o] = s;
+  return r;
+}, _sfc_main$k = {};
+function _sfc_render$4(e, t) {
+  return openBlock(), createElementBlock("div", null, t[0] || (t[0] = [
+    createElementVNode("h1", { class: "underline" }, "undeliner", -1)
+  ]));
+}
+const App = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4]]);
+/*!
+ * pinia v3.0.1
+ * (c) 2025 Eduardo San Martin Morote
+ * @license MIT
+ */
+let activePinia;
+const setActivePinia = (e) => activePinia = e, piniaSymbol = (
+  /* istanbul ignore next */
+  Symbol()
+);
+function isPlainObject(e) {
+  return e && typeof e == "object" && Object.prototype.toString.call(e) === "[object Object]" && typeof e.toJSON != "function";
+}
+var MutationType;
+(function(e) {
+  e.direct = "direct", e.patchObject = "patch object", e.patchFunction = "patch function";
+})(MutationType || (MutationType = {}));
+function createPinia() {
+  const e = effectScope(!0), t = e.run(() => ref({}));
+  let r = [], o = [];
+  const s = markRaw({
+    install(c) {
+      setActivePinia(s), s._a = c, c.provide(piniaSymbol, s), c.config.globalProperties.$pinia = s, o.forEach((d) => r.push(d)), o = [];
+    },
+    use(c) {
+      return this._a ? r.push(c) : o.push(c), this;
+    },
+    _p: r,
+    // it's actually undefined here
+    // @ts-expect-error
+    _a: null,
+    _e: e,
+    _s: /* @__PURE__ */ new Map(),
+    state: t
+  });
+  return s;
+}
+const noop = () => {
+};
+function addSubscription(e, t, r, o = noop) {
+  e.push(t);
+  const s = () => {
+    const c = e.indexOf(t);
+    c > -1 && (e.splice(c, 1), o());
+  };
+  return !r && getCurrentScope() && onScopeDispose(s), s;
+}
+function triggerSubscriptions(e, ...t) {
+  e.slice().forEach((r) => {
+    r(...t);
+  });
+}
+const fallbackRunWithContext = (e) => e(), ACTION_MARKER = Symbol(), ACTION_NAME = Symbol();
+function mergeReactiveObjects(e, t) {
+  e instanceof Map && t instanceof Map ? t.forEach((r, o) => e.set(o, r)) : e instanceof Set && t instanceof Set && t.forEach(e.add, e);
+  for (const r in t) {
+    if (!t.hasOwnProperty(r))
+      continue;
+    const o = t[r], s = e[r];
+    isPlainObject(s) && isPlainObject(o) && e.hasOwnProperty(r) && !isRef(o) && !isReactive(o) ? e[r] = mergeReactiveObjects(s, o) : e[r] = o;
+  }
+  return e;
+}
+const skipHydrateSymbol = (
+  /* istanbul ignore next */
+  Symbol()
+);
+function shouldHydrate(e) {
+  return !isPlainObject(e) || !e.hasOwnProperty(skipHydrateSymbol);
+}
+const { assign } = Object;
+function isComputed(e) {
+  return !!(isRef(e) && e.effect);
+}
+function createOptionsStore(e, t, r, o) {
+  const { state: s, actions: c, getters: d } = t, k = r.state.value[e];
+  let l;
+  function _() {
+    k || (r.state.value[e] = s ? s() : {});
+    const w = toRefs(r.state.value[e]);
+    return assign(w, c, Object.keys(d || {}).reduce((y, u) => (y[u] = markRaw(computed$1(() => {
+      setActivePinia(r);
+      const f = r._s.get(e);
+      return d[u].call(f, f);
+    })), y), {}));
+  }
+  return l = createSetupStore(e, _, t, r, o, !0), l;
+}
+function createSetupStore(e, t, r = {}, o, s, c) {
+  let d;
+  const k = assign({ actions: {} }, r), l = { deep: !0 };
+  let _, w, y = [], u = [], f;
+  const a = o.state.value[e];
+  !c && !a && (o.state.value[e] = {}), ref({});
+  let v;
+  function n(g) {
+    let b;
+    _ = w = !1, typeof g == "function" ? (g(o.state.value[e]), b = {
+      type: MutationType.patchFunction,
+      storeId: e,
+      events: f
+    }) : (mergeReactiveObjects(o.state.value[e], g), b = {
+      type: MutationType.patchObject,
+      payload: g,
+      storeId: e,
+      events: f
+    });
+    const x = v = Symbol();
+    nextTick().then(() => {
+      v === x && (_ = !0);
+    }), w = !0, triggerSubscriptions(y, b, o.state.value[e]);
+  }
+  const i = c ? function() {
+    const { state: b } = r, x = b ? b() : {};
+    this.$patch((V) => {
+      assign(V, x);
+    });
+  } : (
+    /* istanbul ignore next */
+    noop
+  );
+  function p() {
+    d.stop(), y = [], u = [], o._s.delete(e);
+  }
+  const m = (g, b = "") => {
+    if (ACTION_MARKER in g)
+      return g[ACTION_NAME] = b, g;
+    const x = function() {
+      setActivePinia(o);
+      const V = Array.from(arguments), C = [], D = [];
+      function R(B) {
+        C.push(B);
+      }
+      function L(B) {
+        D.push(B);
+      }
+      triggerSubscriptions(u, {
+        args: V,
+        name: x[ACTION_NAME],
+        store: h,
+        after: R,
+        onError: L
+      });
+      let N;
+      try {
+        N = g.apply(this && this.$id === e ? this : h, V);
+      } catch (B) {
+        throw triggerSubscriptions(D, B), B;
+      }
+      return N instanceof Promise ? N.then((B) => (triggerSubscriptions(C, B), B)).catch((B) => (triggerSubscriptions(D, B), Promise.reject(B))) : (triggerSubscriptions(C, N), N);
+    };
+    return x[ACTION_MARKER] = !0, x[ACTION_NAME] = b, x;
+  }, $ = {
+    _p: o,
+    // _s: scope,
+    $id: e,
+    $onAction: addSubscription.bind(null, u),
+    $patch: n,
+    $reset: i,
+    $subscribe(g, b = {}) {
+      const x = addSubscription(y, g, b.detached, () => V()), V = d.run(() => watch(() => o.state.value[e], (C) => {
+        (b.flush === "sync" ? w : _) && g({
+          storeId: e,
+          type: MutationType.direct,
+          events: f
+        }, C);
+      }, assign({}, l, b)));
+      return x;
+    },
+    $dispose: p
+  }, h = reactive($);
+  o._s.set(e, h);
+  const S = (o._a && o._a.runWithContext || fallbackRunWithContext)(() => o._e.run(() => (d = effectScope()).run(() => t({ action: m }))));
+  for (const g in S) {
+    const b = S[g];
+    if (isRef(b) && !isComputed(b) || isReactive(b))
+      c || (a && shouldHydrate(b) && (isRef(b) ? b.value = a[g] : mergeReactiveObjects(b, a[g])), o.state.value[e][g] = b);
+    else if (typeof b == "function") {
+      const x = m(b, g);
+      S[g] = x, k.actions[g] = b;
+    }
+  }
+  return assign(h, S), assign(toRaw(h), S), Object.defineProperty(h, "$state", {
+    get: () => o.state.value[e],
+    set: (g) => {
+      n((b) => {
+        assign(b, g);
+      });
+    }
+  }), o._p.forEach((g) => {
+    assign(h, d.run(() => g({
+      store: h,
+      app: o._a,
+      pinia: o,
+      options: k
+    })));
+  }), a && c && r.hydrate && r.hydrate(h.$state, a), _ = !0, w = !0, h;
+}
+/*! #__NO_SIDE_EFFECTS__ */
+// @__NO_SIDE_EFFECTS__
+function defineStore(e, t, r) {
+  let o;
+  const s = typeof t == "function";
+  o = s ? r : t;
+  function c(d, k) {
+    const l = hasInjectionContext();
+    return d = // in test mode, ignore the argument provided as we can always retrieve a
+    // pinia instance with getActivePinia()
+    d || (l ? inject(piniaSymbol, null) : null), d && setActivePinia(d), d = activePinia, d._s.has(e) || (s ? createSetupStore(e, t, o, d) : createOptionsStore(e, o, d)), d._s.get(e);
+  }
+  return c.$id = e, c;
+}
+const useGlobalStore = /* @__PURE__ */ defineStore("global", () => {
+  const e = ref(), t = ref("1");
+  return {
+    hoverdSvg: e,
+    tooltip: t
+  };
+});
 /**
 * @vue/shared v3.5.12
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const extend = Object.assign, isFunction = (r) => typeof r == "function", isSymbol = (r) => typeof r == "symbol", hasChanged = (r, e) => !Object.is(r, e);
+const extend = Object.assign, isFunction = (e) => typeof e == "function", isSymbol = (e) => typeof e == "symbol", hasChanged = (e, t) => !Object.is(e, t);
 /**
 * @vue/reactivity v3.5.12
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 let activeSub, batchDepth = 0, batchedSub, batchedComputed;
-function batch(r, e = !1) {
-  if (r.flags |= 8, e) {
-    r.next = batchedComputed, batchedComputed = r;
+function batch(e, t = !1) {
+  if (e.flags |= 8, t) {
+    e.next = batchedComputed, batchedComputed = e;
     return;
   }
-  r.next = batchedSub, batchedSub = r;
+  e.next = batchedSub, batchedSub = e;
 }
 function startBatch() {
   batchDepth++;
@@ -25,133 +256,133 @@ 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 t = batchedComputed;
+    for (batchedComputed = void 0; t; ) {
+      const r = t.next;
+      t.next = void 0, t.flags &= -9, t = r;
     }
   }
-  let r;
+  let e;
   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)
+    let t = batchedSub;
+    for (batchedSub = void 0; t; ) {
+      const r = t.next;
+      if (t.next = void 0, t.flags &= -9, t.flags & 1)
         try {
-          e.trigger();
+          t.trigger();
         } catch (o) {
-          r || (r = o);
+          e || (e = o);
         }
-      e = t;
+      t = r;
     }
   }
-  if (r) throw r;
+  if (e) throw e;
 }
-function prepareDeps(r) {
-  for (let e = r.deps; e; e = e.nextDep)
-    e.version = -1, e.prevActiveLink = e.dep.activeLink, e.dep.activeLink = e;
+function prepareDeps(e) {
+  for (let t = e.deps; t; t = t.nextDep)
+    t.version = -1, t.prevActiveLink = t.dep.activeLink, t.dep.activeLink = t;
 }
-function cleanupDeps(r) {
-  let e, t = r.depsTail, o = t;
+function cleanupDeps(e) {
+  let t, r = e.depsTail, o = r;
   for (; o; ) {
-    const c = o.prevDep;
-    o.version === -1 ? (o === t && (t = c), removeSub(o), removeDep(o)) : e = o, o.dep.activeLink = o.prevActiveLink, o.prevActiveLink = void 0, o = c;
+    const s = o.prevDep;
+    o.version === -1 ? (o === r && (r = s), removeSub(o), removeDep(o)) : t = o, o.dep.activeLink = o.prevActiveLink, o.prevActiveLink = void 0, o = s;
   }
-  r.deps = e, r.depsTail = t;
+  e.deps = t, e.depsTail = r;
 }
-function isDirty(r) {
-  for (let e = r.deps; e; e = e.nextDep)
-    if (e.dep.version !== e.version || e.dep.computed && (refreshComputed(e.dep.computed) || e.dep.version !== e.version))
+function isDirty(e) {
+  for (let t = e.deps; t; t = t.nextDep)
+    if (t.dep.version !== t.version || t.dep.computed && (refreshComputed(t.dep.computed) || t.dep.version !== t.version))
       return !0;
-  return !!r._dirty;
+  return !!e._dirty;
 }
-function refreshComputed(r) {
-  if (r.flags & 4 && !(r.flags & 16) || (r.flags &= -17, r.globalVersion === globalVersion))
+function refreshComputed(e) {
+  if (e.flags & 4 && !(e.flags & 16) || (e.flags &= -17, e.globalVersion === globalVersion))
     return;
-  r.globalVersion = globalVersion;
-  const e = r.dep;
-  if (r.flags |= 2, e.version > 0 && !r.isSSR && r.deps && !isDirty(r)) {
-    r.flags &= -3;
+  e.globalVersion = globalVersion;
+  const t = e.dep;
+  if (e.flags |= 2, t.version > 0 && !e.isSSR && e.deps && !isDirty(e)) {
+    e.flags &= -3;
     return;
   }
-  const t = activeSub, o = shouldTrack;
-  activeSub = r, shouldTrack = !0;
+  const r = activeSub, o = shouldTrack;
+  activeSub = e, shouldTrack = !0;
   try {
-    prepareDeps(r);
-    const c = r.fn(r._value);
-    (e.version === 0 || hasChanged(c, r._value)) && (r._value = c, e.version++);
-  } catch (c) {
-    throw e.version++, c;
+    prepareDeps(e);
+    const s = e.fn(e._value);
+    (t.version === 0 || hasChanged(s, e._value)) && (e._value = s, t.version++);
+  } catch (s) {
+    throw t.version++, s;
   } finally {
-    activeSub = t, shouldTrack = o, cleanupDeps(r), r.flags &= -3;
+    activeSub = r, shouldTrack = o, cleanupDeps(e), e.flags &= -3;
   }
 }
-function removeSub(r, e = !1) {
-  const { dep: t, prevSub: o, nextSub: c } = r;
-  if (o && (o.nextSub = c, r.prevSub = void 0), c && (c.prevSub = o, r.nextSub = void 0), t.subs === r && (t.subs = o, !o && t.computed)) {
-    t.computed.flags &= -5;
-    for (let v = t.computed.deps; v; v = v.nextDep)
-      removeSub(v, !0);
+function removeSub(e, t = !1) {
+  const { dep: r, prevSub: o, nextSub: s } = e;
+  if (o && (o.nextSub = s, e.prevSub = void 0), s && (s.prevSub = o, e.nextSub = void 0), r.subs === e && (r.subs = o, !o && r.computed)) {
+    r.computed.flags &= -5;
+    for (let c = r.computed.deps; c; c = c.nextDep)
+      removeSub(c, !0);
   }
-  !e && !--t.sc && t.map && t.map.delete(t.key);
+  !t && !--r.sc && r.map && r.map.delete(r.key);
 }
-function removeDep(r) {
-  const { prevDep: e, nextDep: t } = r;
-  e && (e.nextDep = t, r.prevDep = void 0), t && (t.prevDep = e, r.nextDep = void 0);
+function removeDep(e) {
+  const { prevDep: t, nextDep: r } = e;
+  t && (t.nextDep = r, e.prevDep = void 0), r && (r.prevDep = t, e.nextDep = void 0);
 }
 let shouldTrack = !0, globalVersion = 0;
 class Link {
-  constructor(e, t) {
-    this.sub = e, this.dep = t, this.version = t.version, this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
+  constructor(t, r) {
+    this.sub = t, this.dep = r, this.version = r.version, this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = void 0;
   }
 }
 class Dep {
-  constructor(e) {
-    this.computed = e, this.version = 0, this.activeLink = void 0, this.subs = void 0, this.map = void 0, this.key = void 0, this.sc = 0;
+  constructor(t) {
+    this.computed = t, this.version = 0, this.activeLink = void 0, this.subs = void 0, this.map = void 0, this.key = void 0, this.sc = 0;
   }
-  track(e) {
+  track(t) {
     if (!activeSub || !shouldTrack || activeSub === this.computed)
       return;
-    let 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 o = t.nextDep;
-      o.prevDep = t.prevDep, t.prevDep && (t.prevDep.nextDep = o), t.prevDep = activeSub.depsTail, t.nextDep = void 0, activeSub.depsTail.nextDep = t, activeSub.depsTail = t, activeSub.deps === t && (activeSub.deps = o);
+    let r = this.activeLink;
+    if (r === void 0 || r.sub !== activeSub)
+      r = this.activeLink = new Link(activeSub, this), activeSub.deps ? (r.prevDep = activeSub.depsTail, activeSub.depsTail.nextDep = r, activeSub.depsTail = r) : activeSub.deps = activeSub.depsTail = r, addSub(r);
+    else if (r.version === -1 && (r.version = this.version, r.nextDep)) {
+      const o = r.nextDep;
+      o.prevDep = r.prevDep, r.prevDep && (r.prevDep.nextDep = o), r.prevDep = activeSub.depsTail, r.nextDep = void 0, activeSub.depsTail.nextDep = r, activeSub.depsTail = r, activeSub.deps === r && (activeSub.deps = o);
     }
-    return t;
+    return r;
   }
-  trigger(e) {
-    this.version++, globalVersion++, this.notify(e);
+  trigger(t) {
+    this.version++, globalVersion++, this.notify(t);
   }
-  notify(e) {
+  notify(t) {
     startBatch();
     try {
-      for (let t = this.subs; t; t = t.prevSub)
-        t.sub.notify() && t.sub.dep.notify();
+      for (let r = this.subs; r; r = r.prevSub)
+        r.sub.notify() && r.sub.dep.notify();
     } finally {
       endBatch();
     }
   }
 }
-function addSub(r) {
-  if (r.dep.sc++, r.sub.flags & 4) {
-    const e = r.dep.computed;
-    if (e && !r.dep.subs) {
-      e.flags |= 20;
-      for (let o = e.deps; o; o = o.nextDep)
+function addSub(e) {
+  if (e.dep.sc++, e.sub.flags & 4) {
+    const t = e.dep.computed;
+    if (t && !e.dep.subs) {
+      t.flags |= 20;
+      for (let o = t.deps; o; o = o.nextDep)
         addSub(o);
     }
-    const t = r.dep.subs;
-    t !== r && (r.prevSub = t, t && (t.nextSub = r)), r.dep.subs = r;
+    const r = e.dep.subs;
+    r !== e && (e.prevSub = r, r && (r.nextSub = e)), e.dep.subs = e;
   }
 }
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((r) => r !== "arguments" && r !== "caller").map((r) => Symbol[r]).filter(isSymbol)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(isSymbol)
 );
 class ComputedRefImpl {
-  constructor(e, t, o) {
-    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 = o;
+  constructor(t, r, o) {
+    this.fn = t, this.setter = r, this._value = void 0, this.dep = new Dep(this), this.__v_isRef = !0, this.deps = void 0, this.depsTail = void 0, this.flags = 16, this.globalVersion = globalVersion - 1, this.next = void 0, this.effect = this, this.__v_isReadonly = !r, this.isSSR = o;
   }
   /**
    * @internal
@@ -162,39 +393,39 @@ class ComputedRefImpl {
       return batch(this, !0), !0;
   }
   get value() {
-    const e = this.dep.track();
-    return refreshComputed(this), e && (e.version = this.dep.version), this._value;
+    const t = this.dep.track();
+    return refreshComputed(this), t && (t.version = this.dep.version), this._value;
   }
-  set value(e) {
-    this.setter && this.setter(e);
+  set value(t) {
+    this.setter && this.setter(t);
   }
 }
-function computed(r, e, t = !1) {
-  let o, c;
-  return isFunction(r) ? o = r : (o = r.get, c = r.set), new ComputedRefImpl(o, c, t);
+function computed(e, t, r = !1) {
+  let o, s;
+  return isFunction(e) ? o = e : (o = e.get, s = e.set), new ComputedRefImpl(o, s, r);
 }
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   key: 0,
   class: "ire-pointer-events-none ire-absolute !ire-bottom-10 !ire-right-10 ire-w-fit ire-select-none ire-rounded-lg ire-border ire-bg-white ire-p-4"
-}, _hoisted_2$8 = {
+}, _hoisted_2$9 = {
   key: 0,
   class: "ire-flex ire-items-center ire-gap-3"
-}, _hoisted_3$6 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$5 = { class: "!ire-text-2xl" }, _hoisted_5$1 = {
+}, _hoisted_3$8 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$7 = { class: "!ire-text-2xl" }, _hoisted_5$3 = {
   key: 0,
   class: "ire-rounded-lg ire-bg-gray-100 ire-p-6"
-}, _hoisted_6$1 = {
+}, _hoisted_6$3 = {
   key: 0,
   class: "!ire-text-2xl"
-}, _hoisted_7$1 = { key: 1 }, _hoisted_8$1 = {
+}, _hoisted_7$3 = { key: 1 }, _hoisted_8$3 = {
   key: 0,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_9$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_10$1 = {
+}, _hoisted_9$3 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_10$3 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_11$1 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_12$1 = {
+}, _hoisted_11$2 = { class: "min-w-3 !ire-text-2xl" }, _hoisted_12$2 = {
   key: 2,
   class: "ire-flex ire-items-center ire-gap-2"
-}, _hoisted_13$1 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_14$1 = {
+}, _hoisted_13$2 = { class: "ire-min-w-3 !ire-text-2xl" }, _hoisted_14$1 = {
   key: 1,
   class: "ire-flex ire-items-center ire-gap-3"
 }, _hoisted_15$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_16$1 = { class: "text-sm ire-text-gray-700" }, _hoisted_17$1 = { class: "!text-2xl" }, _hoisted_18$1 = {
@@ -209,73 +440,73 @@ const _hoisted_1$f = {
 }, _hoisted_24$1 = {
   key: 0,
   class: "!ire-text-2xl"
-}, _hoisted_25$1 = { key: 1 }, _hoisted_26$1 = { class: "!ire-text-xs ire-line-through" }, _hoisted_27 = { class: "!ire-text-2xl" }, _hoisted_28 = { class: "ire-border ire-border-gray-800 ire-p-2" }, _hoisted_29 = { class: "ire-translate-x-3 ire-bg-white" }, _sfc_main$g = /* @__PURE__ */ defineComponent({
+}, _hoisted_25$1 = { key: 1 }, _hoisted_26$1 = { class: "!ire-text-xs ire-line-through" }, _hoisted_27 = { class: "!ire-text-2xl" }, _hoisted_28 = { class: "ire-border ire-border-solid ire-border-gray-800 ire-p-2" }, _hoisted_29 = { class: "ire-translate-x-3 ire-bg-white" }, _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Tooltip_1",
   props: {
     hoveredData: {},
     type: {}
   },
-  setup(r) {
-    return (e, t) => (openBlock(), createElementBlock("div", null, [
+  setup(e) {
+    return (t, r) => (openBlock(), createElementBlock("div", null, [
       createVNode(Transition, { name: "ire-fade-in-out" }, {
         default: withCtx(() => {
-          var o, c, v, m, y, _, f, k, d, s, n, i, u, l, a, h, p, g, b, w, $, C, x, V, E, D, N, S;
+          var o, s, c, d, k, l, _, w, y, u, f, a, v, n, i, p, m, $, h, E, S, g, b, x, V, C, D, R;
           return [
-            e.type && e.hoveredData && e.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
-              e.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
-                createElementVNode("div", _hoisted_3$6, [
-                  createElementVNode("p", _hoisted_4$5, toDisplayString((o = e.hoveredData) == null ? void 0 : o.floor_number), 1),
-                  t[0] || (t[0] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Floor", -1))
+            t.type && t.hoveredData && t.type !== "tooltip" ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+              t.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+                createElementVNode("div", _hoisted_3$8, [
+                  createElementVNode("div", _hoisted_4$7, toDisplayString((o = t.hoveredData) == null ? void 0 : o.floor_number), 1),
+                  r[0] || (r[0] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Floor", -1))
                 ]),
-                (c = e.hoveredData) != null && c.conf || (m = (v = e.hoveredData) == null ? void 0 : v.flats) != null && m.length ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-                  (y = e.hoveredData) != null && y.conf ? (openBlock(), createElementBlock("div", _hoisted_6$1, toDisplayString((_ = e.hoveredData) == null ? void 0 : _.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$1, [
-                    (k = (f = e.hoveredData) == null ? void 0 : f.counts) != null && k.available ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
-                      createElementVNode("p", _hoisted_9$1, toDisplayString(((s = (d = e.hoveredData) == null ? void 0 : d.counts) == null ? void 0 : s.available) || 0), 1),
-                      t[1] || (t[1] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Available", -1))
+                (s = t.hoveredData) != null && s.conf || (d = (c = t.hoveredData) == null ? void 0 : c.flats) != null && d.length ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+                  (k = t.hoveredData) != null && k.conf ? (openBlock(), createElementBlock("div", _hoisted_6$3, toDisplayString((l = t.hoveredData) == null ? void 0 : l.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                    (w = (_ = t.hoveredData) == null ? void 0 : _.counts) != null && w.available ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
+                      createElementVNode("div", _hoisted_9$3, toDisplayString(((u = (y = t.hoveredData) == null ? void 0 : y.counts) == null ? void 0 : u.available) || 0), 1),
+                      r[1] || (r[1] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Available", -1))
                     ])) : createCommentVNode("", !0),
-                    (i = (n = e.hoveredData) == null ? void 0 : n.counts) != null && i.reserved ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                      createElementVNode("p", _hoisted_11$1, toDisplayString((l = (u = e.hoveredData) == null ? void 0 : u.counts) == null ? void 0 : l.reserved), 1),
-                      t[2] || (t[2] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Reserved", -1))
+                    (a = (f = t.hoveredData) == null ? void 0 : f.counts) != null && a.reserved ? (openBlock(), createElementBlock("div", _hoisted_10$3, [
+                      createElementVNode("div", _hoisted_11$2, toDisplayString((n = (v = t.hoveredData) == null ? void 0 : v.counts) == null ? void 0 : n.reserved), 1),
+                      r[2] || (r[2] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Reserved", -1))
                     ])) : createCommentVNode("", !0),
-                    (h = (a = e.hoveredData) == null ? void 0 : a.counts) != null && h.sold ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-                      createElementVNode("p", _hoisted_13$1, toDisplayString((g = (p = e.hoveredData) == null ? void 0 : p.counts) == null ? void 0 : g.sold), 1),
-                      t[3] || (t[3] = createElementVNode("p", { class: "!ire-text-sm ire-uppercase" }, "Sold", -1))
+                    (p = (i = t.hoveredData) == null ? void 0 : i.counts) != null && p.sold ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
+                      createElementVNode("div", _hoisted_13$2, toDisplayString(($ = (m = t.hoveredData) == null ? void 0 : m.counts) == null ? void 0 : $.sold), 1),
+                      r[3] || (r[3] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Sold", -1))
                     ])) : createCommentVNode("", !0)
                   ]))
                 ])) : createCommentVNode("", !0)
-              ])) : e.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
+              ])) : t.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
                 createElementVNode("div", _hoisted_15$1, [
-                  createElementVNode("span", _hoisted_16$1, toDisplayString((b = e.hoveredData) == null ? void 0 : b.conf), 1),
-                  createElementVNode("p", _hoisted_17$1, toDisplayString((w = e.hoveredData) == null ? void 0 : w.title), 1)
+                  createElementVNode("span", _hoisted_16$1, toDisplayString((h = t.hoveredData) == null ? void 0 : h.conf), 1),
+                  createElementVNode("div", _hoisted_17$1, toDisplayString((E = t.hoveredData) == null ? void 0 : E.title), 1)
                 ])
-              ])) : e.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+              ])) : t.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
                 createElementVNode("div", _hoisted_19$1, [
-                  createElementVNode("p", _hoisted_20$1, toDisplayString(($ = e.hoveredData) == null ? void 0 : $.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, toDisplayString((S = t.hoveredData) == null ? void 0 : S.flat_number), 1),
+                  r[4] || (r[4] = createElementVNode("div", { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, "Apartment", -1))
                 ]),
                 createElementVNode("div", _hoisted_21$1, [
-                  (C = e.hoveredData) != null && C.conf ? (openBlock(), createElementBlock("p", _hoisted_22$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)),
-                    (x = e.hoveredData) != null && x.price ? (openBlock(), createElementBlock("div", _hoisted_23$1, [
+                  (g = t.hoveredData) != null && g.conf ? (openBlock(), createElementBlock("div", _hoisted_22$1, toDisplayString(t.hoveredData.conf), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    r[7] || (r[7] = createElementVNode("div", { class: "!ire-text-xs ire-uppercase ire-text-gray-500" }, " Price ", -1)),
+                    (b = t.hoveredData) != null && b.price ? (openBlock(), createElementBlock("div", _hoisted_23$1, [
                       createElementVNode("div", null, [
-                        (V = e.hoveredData) != null && V.offer_price ? (openBlock(), createElementBlock("div", _hoisted_25$1, [
-                          createElementVNode("p", _hoisted_26$1, toDisplayString(Number((E = e.hoveredData) == null ? void 0 : E.price).toLocaleString()), 1),
-                          createElementVNode("p", _hoisted_27, [
-                            createTextVNode(toDisplayString(Number((D = e.hoveredData) == null ? void 0 : D.offer_price).toLocaleString()), 1),
-                            t[6] || (t[6] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                        (x = t.hoveredData) != null && x.offer_price ? (openBlock(), createElementBlock("div", _hoisted_25$1, [
+                          createElementVNode("div", _hoisted_26$1, toDisplayString(Number((V = t.hoveredData) == null ? void 0 : V.price).toLocaleString()), 1),
+                          createElementVNode("div", _hoisted_27, [
+                            createTextVNode(toDisplayString(Number((C = t.hoveredData) == null ? void 0 : C.offer_price).toLocaleString()), 1),
+                            r[6] || (r[6] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                           ])
-                        ])) : (openBlock(), createElementBlock("p", _hoisted_24$1, [
-                          createTextVNode(toDisplayString(Number(e.hoveredData.price).toLocaleString()), 1),
-                          t[5] || (t[5] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                        ])) : (openBlock(), createElementBlock("div", _hoisted_24$1, [
+                          createTextVNode(toDisplayString(Number(t.hoveredData.price).toLocaleString()), 1),
+                          r[5] || (r[5] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                         ]))
                       ])
                     ])) : createCommentVNode("", !0)
                   ], 64))
                 ]),
                 createElementVNode("div", _hoisted_28, [
-                  createElementVNode("p", _hoisted_29, [
-                    createTextVNode(toDisplayString((S = (N = e.hoveredData) == null ? void 0 : N.type) == null ? void 0 : S.area_m2) + " M", 1),
-                    t[8] || (t[8] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
+                  createElementVNode("div", _hoisted_29, [
+                    createTextVNode(toDisplayString((R = (D = t.hoveredData) == null ? void 0 : D.type) == null ? void 0 : R.area_m2) + " M", 1),
+                    r[8] || (r[8] = createElementVNode("sup", { class: "ire-bg-white !ire-text-xs" }, " 2 ", -1))
                   ])
                 ])
               ])) : createCommentVNode("", !0)
@@ -286,29 +517,167 @@ const _hoisted_1$f = {
       })
     ]));
   }
-}), _hoisted_1$e = { class: "ire-relative" }, _hoisted_2$7 = {
+}), _hoisted_1$f = { class: "tooltip-2 ire-flex ire-h-32 ire-w-32 ire-origin-top ire-items-center ire-justify-center ire-rounded-full ire-bg-black ire-p-4 ire-text-white ire-opacity-0 ire-transition-transform ire-ease-in-out" }, _hoisted_2$8 = {
+  key: 0,
+  class: "ire-flex ire-flex-col ire-items-center !ire-text-sm"
+}, _hoisted_3$7 = {
+  key: 0,
+  class: "ire-uppercase"
+}, _hoisted_4$6 = { key: 1 }, _hoisted_5$2 = {
+  key: 1,
+  class: "ire-flex ire-items-center ire-gap-3 !ire-text-sm"
+}, _hoisted_6$2 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_7$2 = { class: "ire-text-gray-300 ire-opacity-80" }, _hoisted_8$2 = {
+  key: 2,
+  class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-2"
+}, _hoisted_9$2 = { class: "ire-line-clamp-2 ire-max-w-52 ire-text-center !ire-text-sm ire-capitalize" }, _hoisted_10$2 = {
+  key: 0,
+  class: "!ire-text-sm ire-uppercase"
+}, _hoisted_11$1 = {
+  key: 1,
+  class: "ire-flex ire-items-center"
+}, _hoisted_12$1 = { class: "!ire-text-sm" }, _hoisted_13$1 = { class: "!ire-text-sm" }, _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip_2",
+  props: {
+    hoveredData: {},
+    type: {}
+  },
+  setup(e) {
+    const t = inject("mouseX"), r = inject("mouseY");
+    return (o, s) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
+      default: withCtx(() => {
+        var c, d, k, l, _, w, y, u, f, a, v;
+        return [
+          o.type && o.hoveredData && o.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
+            style: normalizeStyle({
+              transform: `translateX(${unref(t) || 0}px) translateY(${unref(r) || 0}px)`
+            })
+          }, [
+            createElementVNode("div", _hoisted_1$f, [
+              o.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+                createElementVNode("div", null, "Floor: " + toDisplayString((c = o.hoveredData) == null ? void 0 : c.floor_number), 1),
+                (d = o.hoveredData) != null && d.conf ? (openBlock(), createElementBlock("div", _hoisted_3$7, toDisplayString(o.hoveredData.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_4$6, "Available: " + toDisplayString(((l = (k = o.hoveredData) == null ? void 0 : k.counts) == null ? void 0 : l.available) || 0), 1))
+              ])) : o.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                createElementVNode("div", _hoisted_6$2, [
+                  createElementVNode("div", null, toDisplayString((_ = o.hoveredData) == null ? void 0 : _.title), 1),
+                  createElementVNode("span", _hoisted_7$2, toDisplayString((w = o.hoveredData) == null ? void 0 : w.conf), 1)
+                ])
+              ])) : o.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+                createElementVNode("div", _hoisted_9$2, toDisplayString((y = o.hoveredData) == null ? void 0 : y.flat_number), 1),
+                (u = o.hoveredData) != null && u.conf ? (openBlock(), createElementBlock("div", _hoisted_10$2, toDisplayString(o.hoveredData.conf), 1)) : (openBlock(), createElementBlock("div", _hoisted_11$1, [
+                  createElementVNode("div", null, [
+                    createElementVNode("div", _hoisted_12$1, [
+                      createTextVNode(toDisplayString(Number((f = o.hoveredData) == null ? void 0 : f.price).toLocaleString()) + " ", 1),
+                      s[0] || (s[0] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                    ])
+                  ])
+                ])),
+                createElementVNode("div", _hoisted_13$1, [
+                  createTextVNode(toDisplayString((v = (a = o.hoveredData) == null ? void 0 : a.type) == null ? void 0 : v.area_m2) + " M", 1),
+                  s[1] || (s[1] = createElementVNode("sup", { class: "!ire-text-xs" }, " 2 ", -1))
+                ])
+              ])) : createCommentVNode("", !0)
+            ])
+          ], 4)) : createCommentVNode("", !0)
+        ];
+      }),
+      _: 1
+    }));
+  }
+}), _hoisted_1$e = { class: "tooltip-2 ire-flex ire-w-fit ire-origin-top ire-items-center ire-justify-center ire-rounded-2xl ire-border ire-bg-white ire-p-4 ire-transition-transform ire-ease-in-out" }, _hoisted_2$7 = {
+  key: 0,
+  class: "ire-flex ire-flex-col ire-items-center ire-gap-3"
+}, _hoisted_3$6 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_4$5 = { class: "!ire-text-2xl" }, _hoisted_5$1 = {
+  key: 1,
+  class: "ire-flex ire-items-center ire-gap-3"
+}, _hoisted_6$1 = { class: "ire-flex ire-w-max ire-flex-col ire-items-center" }, _hoisted_7$1 = { class: "!text-2xl" }, _hoisted_8$1 = {
+  key: 2,
+  class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3"
+}, _hoisted_9$1 = { class: "ire-flex ire-flex-col ire-items-center" }, _hoisted_10$1 = { class: "ire-max-w-52 ire-text-center !ire-text-2xl ire-capitalize" }, _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip_3",
+  props: {
+    hoveredData: {},
+    type: {}
+  },
+  setup(e) {
+    const t = inject("mouseX"), r = inject("mouseY");
+    return (o, s) => (openBlock(), createBlock(Transition, { name: "ire-fade-in" }, {
+      default: withCtx(() => {
+        var c, d, k;
+        return [
+          o.type && o.hoveredData && o.type !== "tooltip" ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "ire-pointer-events-none ire-absolute ire-left-0 ire-top-0 ire-select-none",
+            style: normalizeStyle({
+              transform: `translateX(${unref(t) || 0}px) translateY(${unref(r) || 0}px)`
+            })
+          }, [
+            createElementVNode("div", _hoisted_1$e, [
+              o.type === "floor" ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
+                createElementVNode("div", _hoisted_3$6, [
+                  createElementVNode("div", _hoisted_4$5, toDisplayString((c = o.hoveredData) == null ? void 0 : c.floor_number), 1),
+                  s[0] || (s[0] = createElementVNode("div", { class: "!ire-text-sm ire-uppercase" }, "Floor", -1))
+                ])
+              ])) : o.type === "block" ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+                createElementVNode("div", _hoisted_6$1, [
+                  createElementVNode("div", _hoisted_7$1, toDisplayString((d = o.hoveredData) == null ? void 0 : d.title), 1)
+                ])
+              ])) : o.type === "flat" ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
+                createElementVNode("div", _hoisted_9$1, [
+                  createElementVNode("div", _hoisted_10$1, toDisplayString((k = o.hoveredData) == null ? void 0 : k.flat_number), 1),
+                  s[1] || (s[1] = createElementVNode("div", { class: "!ire-mt-2 !ire-text-xs ire-uppercase" }, "Apartment", -1))
+                ])
+              ])) : createCommentVNode("", !0)
+            ])
+          ], 4)) : createCommentVNode("", !0)
+        ];
+      }),
+      _: 1
+    }));
+  }
+}), _hoisted_1$d = {
   key: 0,
   class: "ire-mb-3 ire-flex ire-h-[48px] ire-items-center ire-justify-between ire-px-4"
-}, _sfc_main$f = /* @__PURE__ */ defineComponent({
+}, _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "PreviewLayout",
   props: {
     hoverdData: {},
     type: {}
   },
-  setup(r) {
-    return (e, t) => (openBlock(), createElementBlock("div", _hoisted_1$e, [
-      e.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-        renderSlot(e.$slots, "header")
+  setup(e) {
+    const t = ref(), r = inject("shortcodeData"), o = computed$1(() => {
+      var s;
+      return ((s = r.meta.find((c) => c.meta_key === "tooltip")) == null ? void 0 : s.meta_value) || "1";
+    });
+    return (s, c) => (openBlock(), createElementBlock("div", {
+      ref_key: "canvasRef",
+      ref: t,
+      class: "ire-relative ire-overflow-hidden [&_.tooltip-2]:active:!ire-scale-95"
+    }, [
+      s.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
+        renderSlot(s.$slots, "header")
       ])) : createCommentVNode("", !0),
-      renderSlot(e.$slots, "default"),
-      createVNode(_sfc_main$g, {
-        "hovered-data": e.hoverdData,
-        type: e.type || "",
+      renderSlot(s.$slots, "default"),
+      o.value === "2" ? (openBlock(), createBlock(_sfc_main$i, {
+        key: 1,
+        "hovered-data": s.hoverdData,
+        type: s.type || "",
+        class: "ire-hidden lg:ire-flex"
+      }, null, 8, ["hovered-data", "type"])) : o.value === "3" ? (openBlock(), createBlock(_sfc_main$h, {
+        key: 2,
+        "hovered-data": s.hoverdData,
+        type: s.type || "",
+        class: "ire-hidden lg:ire-flex"
+      }, null, 8, ["hovered-data", "type"])) : (openBlock(), createBlock(_sfc_main$j, {
+        key: 3,
+        "hovered-data": s.hoverdData,
+        type: s.type || "",
         class: "ire-hidden lg:ire-block"
-      }, null, 8, ["hovered-data", "type"])
-    ]));
+      }, null, 8, ["hovered-data", "type"]))
+    ], 512));
   }
-}), _hoisted_1$d = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_2$6 = ["src"], _hoisted_3$5 = ["innerHTML"], _sfc_main$e = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$c = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_2$6 = ["src"], _hoisted_3$5 = ["innerHTML"], _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "ProjectPreview",
   props: {
     project: {},
@@ -319,95 +688,96 @@ const _hoisted_1$f = {
     projectMeta: {}
   },
   emits: ["changeComponent"],
-  setup(r, { emit: e }) {
-    const t = e, o = r, c = ref(), v = ref(), m = ref(null), y = computed(() => {
+  setup(e, { emit: t }) {
+    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(null), l = computed(() => {
       if (o.project)
         return o.project.svg;
     });
     computed(() => {
-      var d, s;
-      const k = (s = (d = o.projectMeta) == null ? void 0 : d.find(
-        (n) => (n == null ? void 0 : n.meta_key) === "project_img_contain"
-      )) == null ? void 0 : s.meta_value;
-      return JSON.parse((k == null ? void 0 : k.toString()) || "false");
+      var u, f;
+      const y = (f = (u = o.projectMeta) == null ? void 0 : u.find(
+        (a) => (a == null ? void 0 : a.meta_key) === "project_img_contain"
+      )) == null ? void 0 : f.meta_value;
+      return JSON.parse((y == null ? void 0 : y.toString()) || "false");
     });
-    const _ = (k) => {
-      const d = k.target;
-      d && (c.value = d);
-    }, f = (k) => {
-      var s, n, i;
-      const d = k.target;
-      (d == null ? void 0 : d.nodeName) === "path" && (((s = v.value) == null ? void 0 : s.conf) === "sold" || ((n = v.value) == null ? void 0 : n.conf) === "reserved" || t("changeComponent", ((i = m.value) == null ? void 0 : i.type) || "", v == null ? void 0 : v.value));
+    const _ = (y) => {
+      const u = y.target;
+      u && (c.value = u);
+    }, w = (y) => {
+      var f, a, v;
+      const u = y.target;
+      (u == null ? void 0 : u.nodeName) === "path" && (((f = d.value) == null ? void 0 : f.conf) === "sold" || ((a = d.value) == null ? void 0 : a.conf) === "reserved" || r("changeComponent", ((v = k.value) == null ? void 0 : v.type) || "", d == null ? void 0 : d.value));
     };
     return watch(
       () => c.value,
-      (k) => {
-        var s, n, i, u, l, a, h;
-        if (!k) return;
-        const d = k.parentElement;
-        if (d && (d == null ? void 0 : d.nodeName) === "g") {
-          const p = d == null ? void 0 : d.getAttribute("id");
-          if (!p || (m.value = ((s = o.project) == null ? void 0 : s.polygon_data.find((b) => (b == null ? void 0 : b.key) === p)) || null, !m.value)) return;
-          const g = (n = m.value) == null ? void 0 : n.id;
-          switch ((i = m.value) == null ? void 0 : i.type) {
+      (y) => {
+        var f, a, v, n, i, p, m;
+        if (!y) return;
+        s.hoverdSvg = y;
+        const u = y.parentElement;
+        if (u && (u == null ? void 0 : u.nodeName) === "g") {
+          const $ = u == null ? void 0 : u.getAttribute("id");
+          if (!$ || (k.value = ((f = o.project) == null ? void 0 : f.polygon_data.find((E) => (E == null ? void 0 : E.key) === $)) || null, !k.value)) return;
+          const h = (a = k.value) == null ? void 0 : a.id;
+          switch ((v = k.value) == null ? void 0 : v.type) {
             case "floor":
-              const b = (u = o.floors) == null ? void 0 : u.find(
-                (x) => x.id === g
+              const E = (n = o.floors) == null ? void 0 : n.find(
+                (x) => x.id === h
               );
-              v.value = b;
+              d.value = E;
               break;
             case "block":
-              const w = (l = o.blocks) == null ? void 0 : l.find(
-                (x) => (x == null ? void 0 : x.id) === g
+              const S = (i = o.blocks) == null ? void 0 : i.find(
+                (x) => (x == null ? void 0 : x.id) === h
               );
-              v.value = w;
+              d.value = S;
               break;
             case "flat":
-              const $ = (a = o.flats) == null ? void 0 : a.find(
-                (x) => (x == null ? void 0 : x.id) === g
+              const g = (p = o.flats) == null ? void 0 : p.find(
+                (x) => (x == null ? void 0 : x.id) === h
               );
-              v.value = $;
+              d.value = g;
               break;
             case "tooltip":
-              const C = (h = o.actions) == null ? void 0 : h.find(
-                (x) => (x == null ? void 0 : x.id) === g
+              const b = (m = o.actions) == null ? void 0 : m.find(
+                (x) => (x == null ? void 0 : x.id) === h
               );
-              v.value = C;
+              d.value = b;
               break;
             default:
-              v.value = null;
+              d.value = null;
               break;
           }
         } else
-          m.value = null, v.value = null;
+          k.value = null, d.value = null;
       }
-    ), (k, d) => {
-      var s;
-      return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: v.value,
-        type: (s = m.value) == null ? void 0 : s.type
+    ), (y, u) => {
+      var f;
+      return openBlock(), createBlock(_sfc_main$g, {
+        hoverdData: d.value,
+        type: (f = k.value) == null ? void 0 : f.type
       }, {
         default: withCtx(() => {
-          var n, i, u, l, a, h;
+          var a, v, n, i, p, m;
           return [
-            createElementVNode("div", _hoisted_1$d, [
+            createElementVNode("div", _hoisted_1$c, [
               createElementVNode("img", {
-                src: (u = (i = (n = k.project) == null ? void 0 : n.project_image) == null ? void 0 : i[0]) == null ? void 0 : u.url,
+                src: (n = (v = (a = y.project) == null ? void 0 : a.project_image) == null ? void 0 : v[0]) == null ? void 0 : n.url,
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_2$6),
               (openBlock(), createElementBlock("div", {
-                innerHTML: unref(y),
-                key: unref(y),
+                innerHTML: unref(l),
+                key: unref(l),
                 class: normalizeClass(["canvas ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full [&_path]:ire-cursor-pointer [&_path]:ire-fill-[var(--path-color)] [&_path]:ire-transition-all [&_svg]:ire-h-full [&_svg]:ire-w-full", [
                   {
-                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": v.value && ((l = v.value) == null ? void 0 : l.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": v.value && ((a = v.value) == null ? void 0 : a.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((h = v.value) != null && h.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": d.value && ((i = d.value) == null ? void 0 : i.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": d.value && ((p = d.value) == null ? void 0 : p.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((m = d.value) != null && m.conf)
                   }
                 ]]),
                 onMouseover: _,
-                onClick: f
+                onClick: w
               }, null, 42, _hoisted_3$5))
             ])
           ];
@@ -416,10 +786,10 @@ const _hoisted_1$f = {
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _hoisted_1$c = { class: "ire-w-full ire-min-w-[150px] ire-max-w-[200px] ire-border ire-border-slate-200 lg:ire-min-w-[250px]" }, _hoisted_2$5 = {
+}), _hoisted_1$b = { class: "ire-w-full ire-min-w-[150px] ire-max-w-[200px] ire-border ire-border-slate-200 lg:ire-min-w-[250px]" }, _hoisted_2$5 = {
   key: 0,
   class: "label"
-}, _hoisted_3$4 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$d = /* @__PURE__ */ defineComponent({
+}, _hoisted_3$4 = { class: "ire-relative" }, _hoisted_4$4 = ["value", "disabled"], _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "PreviewSelect",
   props: /* @__PURE__ */ mergeModels({
     data: {},
@@ -432,24 +802,24 @@ const _hoisted_1$f = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r) {
-    const e = useModel(r, "modelValue");
-    return (t, o) => (openBlock(), createElementBlock("div", _hoisted_1$c, [
-      t.label ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(t.label), 1)) : createCommentVNode("", !0),
+  setup(e) {
+    const t = useModel(e, "modelValue");
+    return (r, o) => (openBlock(), createElementBlock("div", _hoisted_1$b, [
+      r.label ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(r.label), 1)) : createCommentVNode("", !0),
       createElementVNode("div", _hoisted_3$4, [
         withDirectives(createElementVNode("select", {
-          "onUpdate:modelValue": o[0] || (o[0] = (c) => e.value = c),
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
           class: "ire-w-full ire-cursor-pointer ire-appearance-none ire-rounded-none ire-bg-transparent ire-py-2 ire-pl-3 ire-pr-8 ire-text-sm ire-text-slate-700 ire-shadow-sm ire-transition ire-duration-300 ire-ease-linear placeholder:ire-text-slate-400 hover:ire-border-slate-400 focus:ire-border-slate-400 focus:ire-shadow-md focus:ire-outline-none"
         }, [
-          (openBlock(!0), createElementBlock(Fragment, null, renderList(t.data, (c) => {
-            var v, m;
+          (openBlock(!0), createElementBlock(Fragment, null, renderList(r.data, (s) => {
+            var c, d;
             return openBlock(), createElementBlock("option", {
-              value: c.value,
-              disabled: ((v = c == null ? void 0 : c.title) == null ? void 0 : v.includes("reserved")) || ((m = c == null ? void 0 : c.title) == null ? void 0 : m.includes("sold"))
-            }, toDisplayString(c.title), 9, _hoisted_4$4);
+              value: s.value,
+              disabled: ((c = s == null ? void 0 : s.title) == null ? void 0 : c.includes("reserved")) || ((d = s == null ? void 0 : s.title) == null ? void 0 : d.includes("sold"))
+            }, toDisplayString(s.title), 9, _hoisted_4$4);
           }), 256))
         ], 512), [
-          [vModelSelect, e.value]
+          [vModelSelect, t.value]
         ]),
         o[1] || (o[1] = createElementVNode("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -468,35 +838,30 @@ const _hoisted_1$f = {
       ])
     ]));
   }
-}), _export_sfc = (r, e) => {
-  const t = r.__vccOpts || r;
-  for (const [o, c] of e)
-    t[o] = c;
-  return t;
-}, _sfc_main$c = {}, _hoisted_1$b = {
+}), _sfc_main$d = {}, _hoisted_1$a = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",
   height: "32",
   viewBox: "0 0 32 32",
   fill: "none"
 };
-function _sfc_render$3(r, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, e[0] || (e[0] = [
+function _sfc_render$3(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, t[0] || (t[0] = [
     createElementVNode("path", {
       d: "M22.7074 16.7076L12.7074 26.7076C12.6145 26.8005 12.5042 26.8742 12.3828 26.9245C12.2614 26.9747 12.1313 27.0006 11.9999 27.0006C11.8686 27.0006 11.7384 26.9747 11.617 26.9245C11.4957 26.8742 11.3854 26.8005 11.2924 26.7076C11.1995 26.6147 11.1258 26.5044 11.0756 26.383C11.0253 26.2616 10.9994 26.1315 10.9994 26.0001C10.9994 25.8687 11.0253 25.7386 11.0756 25.6172C11.1258 25.4958 11.1995 25.3855 11.2924 25.2926L20.5862 16.0001L11.2924 6.70757C11.1048 6.51993 10.9994 6.26543 10.9994 6.00007C10.9994 5.7347 11.1048 5.48021 11.2924 5.29257C11.4801 5.10493 11.7346 4.99951 11.9999 4.99951C12.2653 4.99951 12.5198 5.10493 12.7074 5.29257L22.7074 15.2926C22.8004 15.3854 22.8742 15.4957 22.9245 15.6171C22.9748 15.7385 23.0007 15.8687 23.0007 16.0001C23.0007 16.1315 22.9748 16.2616 22.9245 16.383C22.8742 16.5044 22.8004 16.6147 22.7074 16.7076Z",
       fill: "#44546F"
     }, null, -1)
   ]));
 }
-const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$3]]), _hoisted_1$a = { class: "ire-group ire-flex ire-w-fit ire-cursor-pointer ire-items-center ire-gap-1 ire-rounded-lg ire-border ire-bg-gray-50 ire-px-4 ire-py-2 ire-shadow-sm ire-transition-all hover:ire-bg-black lg:ire-px-5 lg:ire-py-2" }, _sfc_main$b = /* @__PURE__ */ defineComponent({
+const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$3]]), _hoisted_1$9 = { class: "ire-group ire-flex ire-w-fit ire-cursor-pointer ire-items-center ire-gap-1 ire-rounded-lg ire-border ire-bg-gray-50 ire-px-4 ire-py-2 ire-shadow-sm ire-transition-all hover:ire-bg-black lg:ire-px-5 lg:ire-py-2" }, _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "BackButton",
-  setup(r) {
-    return (e, t) => (openBlock(), createElementBlock("div", _hoisted_1$a, [
+  setup(e) {
+    return (t, r) => (openBlock(), createElementBlock("div", _hoisted_1$9, [
       createVNode(ArrowRight, { class: "ire-w-6 ire-rotate-180 group-hover:[&_path]:ire-fill-white" }),
-      t[0] || (t[0] = createElementVNode("p", { class: "!ire-text-sm group-hover:!ire-text-white lg:!ire-text-balance" }, " Back ", -1))
+      r[0] || (r[0] = createElementVNode("p", { class: "!ire-text-sm group-hover:!ire-text-white lg:!ire-text-balance" }, " Back ", -1))
     ]));
   }
-}), _hoisted_1$9 = { class: "ire-w-fit ire-bg-white" }, _hoisted_2$4 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3$3 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$a = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$8 = { class: "ire-w-fit ire-bg-white" }, _hoisted_2$4 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3$3 = ["src"], _hoisted_4$3 = ["innerHTML"], _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FloorPreview",
   props: {
     flats: {},
@@ -506,147 +871,148 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(r, { emit: e }) {
-    const t = e, o = r, c = ref(), v = ref(), m = ref(), y = ref(null), _ = ref(), f = ref(), k = computed$1(() => {
-      var l;
-      if ((l = o.floor) != null && l.svg)
+  setup(e, { emit: t }) {
+    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(), l = ref(null), _ = ref(), w = ref(), y = computed$1(() => {
+      var i;
+      if ((i = o.floor) != null && i.svg)
         return o.floor.svg;
-    }), d = computed$1(() => o.floors.filter(
-      (l) => {
-        var a, h;
+    }), u = computed$1(() => o.floors.filter(
+      (i) => {
+        var p, m;
         return (
           // floorItem.conf !== "reserved" &&
           // floorItem.conf !== "sold" &&
-          (a = o.floor) != null && a.block_id ? (l == null ? void 0 : l.block_id) === ((h = o.floor) == null ? void 0 : h.block_id) : !(l != null && l.block_id)
+          (p = o.floor) != null && p.block_id ? (i == null ? void 0 : i.block_id) === ((m = o.floor) == null ? void 0 : m.block_id) : !(i != null && i.block_id)
         );
       }
-    ).map((l) => {
-      var h, p;
-      const a = (h = o.blocks) == null ? void 0 : h.find(
-        (g) => {
-          var b;
-          return (g == null ? void 0 : g.id) === ((b = l == null ? void 0 : l.block_id) == null ? void 0 : b.toString());
+    ).map((i) => {
+      var m, $;
+      const p = (m = o.blocks) == null ? void 0 : m.find(
+        (h) => {
+          var E;
+          return (h == null ? void 0 : h.id) === ((E = i == null ? void 0 : i.block_id) == null ? void 0 : E.toString());
         }
       );
       return {
-        title: ((p = l == null ? void 0 : l.floor_number) == null ? void 0 : p.toString()) + " Floor" + (a != null && a.id ? ` - ${a == null ? void 0 : a.title}` : "") + (l != null && l.conf ? " " + l.conf : ""),
-        value: l == null ? void 0 : l.id
+        title: (($ = i == null ? void 0 : i.floor_number) == null ? void 0 : $.toString()) + " Floor" + (p != null && p.id ? ` - ${p == null ? void 0 : p.title}` : "") + (i != null && i.conf ? " " + i.conf : ""),
+        value: i == null ? void 0 : i.id
       };
-    }).sort((l, a) => +(l == null ? void 0 : l.title) - +(a == null ? void 0 : a.title)) || []), s = (l) => {
-      const a = l.target;
-      a && (v.value = a);
-    }, n = (l) => {
-      var h, p, g;
-      const a = l.target;
-      (a == null ? void 0 : a.nodeName) === "path" && (y.value && "conf" in y.value && (((h = y.value) == null ? void 0 : h.conf) === "sold" || ((p = y.value) == null ? void 0 : p.conf) === "reserved") || t("changeComponent", ((g = m.value) == null ? void 0 : g.type) || "", y.value));
-    }, i = () => {
-      var l;
-      c.value && ((l = c.value) == null ? void 0 : l.querySelectorAll("g")).forEach((h) => {
-        var b, w, $, C, x, V;
-        const p = h == null ? void 0 : h.getAttribute("id"), g = (w = (b = o.floor) == null ? void 0 : b.polygon_data) == null ? void 0 : w.find(
-          (E) => (E == null ? void 0 : E.key) === p
+    }).sort((i, p) => +(i == null ? void 0 : i.title) - +(p == null ? void 0 : p.title)) || []), f = (i) => {
+      const p = i.target;
+      p && (d.value = p);
+    }, a = (i) => {
+      var m, $, h;
+      const p = i.target;
+      (p == null ? void 0 : p.nodeName) === "path" && (l.value && "conf" in l.value && (((m = l.value) == null ? void 0 : m.conf) === "sold" || (($ = l.value) == null ? void 0 : $.conf) === "reserved") || r("changeComponent", ((h = k.value) == null ? void 0 : h.type) || "", l.value));
+    }, v = () => {
+      var i;
+      c.value && ((i = c.value) == null ? void 0 : i.querySelectorAll("g")).forEach((m) => {
+        var E, S, g, b, x, V;
+        const $ = m == null ? void 0 : m.getAttribute("id"), h = (S = (E = o.floor) == null ? void 0 : E.polygon_data) == null ? void 0 : S.find(
+          (C) => (C == null ? void 0 : C.key) === $
         );
         if (o.flats)
-          if (($ = o.floor) != null && $.conf)
-            h.setAttribute("conf", ((C = o.floor) == null ? void 0 : C.conf) || "");
+          if ((g = o.floor) != null && g.conf)
+            m.setAttribute("conf", ((b = o.floor) == null ? void 0 : b.conf) || "");
           else {
-            const E = (x = o.flats) == null ? void 0 : x.find(
-              (D) => (D == null ? void 0 : D.id) === (g == null ? void 0 : g.id)
+            const C = (x = o.flats) == null ? void 0 : x.find(
+              (D) => (D == null ? void 0 : D.id) === (h == null ? void 0 : h.id)
             );
-            h == null || h.setAttribute("conf", ((V = E == null ? void 0 : E.conf) == null ? void 0 : V.toString()) || "");
+            m == null || m.setAttribute("conf", ((V = C == null ? void 0 : C.conf) == null ? void 0 : V.toString()) || "");
           }
       });
-    }, u = () => {
-      var l;
-      (l = o.floor) != null && l.block_id ? t("changeComponent", "block", f.value) : t("changeComponent", "project", null);
+    }, n = () => {
+      var i;
+      (i = o.floor) != null && i.block_id ? r("changeComponent", "block", w.value) : r("changeComponent", "project", null);
     };
     return watch(
-      () => v.value,
-      (l) => {
-        var h, p, g, b, w, $;
-        if (!l) return;
-        const a = l == null ? void 0 : l.parentElement;
-        if (a && (a == null ? void 0 : a.nodeName) === "g") {
-          const C = a.getAttribute("id");
-          if (!C || (m.value = ((p = (h = o.floor) == null ? void 0 : h.polygon_data) == null ? void 0 : p.find((x) => (x == null ? void 0 : x.key) === C)) || null, !m.value)) return;
-          if (((g = m.value) == null ? void 0 : g.type) === "flat") {
-            const x = (b = o.flats) == null ? void 0 : b.find(
+      () => d.value,
+      (i) => {
+        var m, $, h, E, S, g;
+        if (!i) return;
+        s.hoverdSvg = i;
+        const p = i == null ? void 0 : i.parentElement;
+        if (p && (p == null ? void 0 : p.nodeName) === "g") {
+          const b = p.getAttribute("id");
+          if (!b || (k.value = (($ = (m = o.floor) == null ? void 0 : m.polygon_data) == null ? void 0 : $.find((x) => (x == null ? void 0 : x.key) === b)) || null, !k.value)) return;
+          if (((h = k.value) == null ? void 0 : h.type) === "flat") {
+            const x = (E = o.flats) == null ? void 0 : E.find(
               (V) => {
-                var E;
-                return (V == null ? void 0 : V.id) === ((E = m.value) == null ? void 0 : E.id);
+                var C;
+                return (V == null ? void 0 : V.id) === ((C = k.value) == null ? void 0 : C.id);
               }
             );
-            y.value = x ?? null;
-          } else if (((w = m.value) == null ? void 0 : w.type) === "tooltip") {
-            const x = ($ = o.actions) == null ? void 0 : $.find(
+            l.value = x ?? null;
+          } else if (((S = k.value) == null ? void 0 : S.type) === "tooltip") {
+            const x = (g = o.actions) == null ? void 0 : g.find(
               (V) => {
-                var E;
-                return (V == null ? void 0 : V.id) === ((E = m.value) == null ? void 0 : E.id);
+                var C;
+                return (V == null ? void 0 : V.id) === ((C = k.value) == null ? void 0 : C.id);
               }
             );
-            y.value = x ?? null;
+            l.value = x ?? null;
           } else
-            y.value = null;
+            l.value = null;
         } else
-          m.value = null;
+          k.value = null;
       }
     ), watch(
       () => _.value,
       () => {
-        var a;
-        const l = (a = o.floors) == null ? void 0 : a.find(
-          (h) => (h == null ? void 0 : h.id) === (_ == null ? void 0 : _.value)
+        var p;
+        const i = (p = o.floors) == null ? void 0 : p.find(
+          (m) => (m == null ? void 0 : m.id) === (_ == null ? void 0 : _.value)
         );
-        l != null && l.conf || (l && t("changeComponent", "floor", l), setTimeout(() => {
-          i();
+        i != null && i.conf || (i && r("changeComponent", "floor", i), setTimeout(() => {
+          v();
         }, 0));
       }
     ), onMounted(() => {
-      var l, a, h;
-      f.value = (l = o.blocks) == null ? void 0 : l.find(
-        (p) => {
-          var g, b;
-          return (p == null ? void 0 : p.id) === ((b = (g = o.floor) == null ? void 0 : g.block_id) == null ? void 0 : b.toString());
+      var i, p, m;
+      w.value = (i = o.blocks) == null ? void 0 : i.find(
+        ($) => {
+          var h, E;
+          return ($ == null ? void 0 : $.id) === ((E = (h = o.floor) == null ? void 0 : h.block_id) == null ? void 0 : E.toString());
         }
-      ), _.value = (h = (a = d.value) == null ? void 0 : a.find(
-        (p) => {
-          var g;
-          return (p == null ? void 0 : p.value) == ((g = o.floor) == null ? void 0 : g.id);
+      ), _.value = (m = (p = u.value) == null ? void 0 : p.find(
+        ($) => {
+          var h;
+          return ($ == null ? void 0 : $.value) == ((h = o.floor) == null ? void 0 : h.id);
         }
-      )) == null ? void 0 : h.value, i();
-    }), (l, a) => {
-      var h;
-      return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: y.value,
-        type: (h = m.value) == null ? void 0 : h.type
+      )) == null ? void 0 : m.value, v();
+    }), (i, p) => {
+      var m;
+      return openBlock(), createBlock(_sfc_main$g, {
+        hoverdData: l.value,
+        type: (m = k.value) == null ? void 0 : m.type
       }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$b, { onClick: u }),
-          createElementVNode("div", _hoisted_1$9, [
-            createVNode(_sfc_main$d, {
+          createVNode(_sfc_main$c, { onClick: n }),
+          createElementVNode("div", _hoisted_1$8, [
+            createVNode(_sfc_main$e, {
               modelValue: _.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (p) => _.value = p),
-              data: d.value
+              "onUpdate:modelValue": p[0] || (p[0] = ($) => _.value = $),
+              data: u.value
             }, null, 8, ["modelValue", "data"])
           ])
         ]),
         default: withCtx(() => {
-          var p, g, b;
+          var $, h, E;
           return [
             createElementVNode("div", _hoisted_2$4, [
               createElementVNode("img", {
-                src: ((b = (g = (p = l.floor) == null ? void 0 : p.floor_image) == null ? void 0 : g[0]) == null ? void 0 : b.url) || "",
+                src: ((E = (h = ($ = i.floor) == null ? void 0 : $.floor_image) == null ? void 0 : h[0]) == null ? void 0 : E.url) || "",
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_3$3),
               (openBlock(), createElementBlock("div", {
                 ref_key: "svgRef",
                 ref: c,
-                innerHTML: k.value,
-                key: k.value,
+                innerHTML: y.value,
+                key: y.value,
                 class: "canvas ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full [&_g[conf=reserved]_path]:ire-fill-[var(--reserved-color)] [&_g[conf=sold]_path]:ire-fill-[var(--sold-color)] [&_path]:ire-cursor-pointer [&_path]:ire-fill-[var(--path-color)] [&_path]:!ire-transition-all hover:[&_path]:ire-fill-[var(--path-hover-color)] [&_svg]:ire-h-full [&_svg]:ire-w-full",
-                onMouseover: s,
-                onClick: n
+                onMouseover: f,
+                onClick: a
               }, null, 40, _hoisted_4$3))
             ])
           ];
@@ -655,27 +1021,27 @@ const ArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_ren
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _sfc_main$9 = {}, _hoisted_1$8 = {
+}), _sfc_main$a = {}, _hoisted_1$7 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$2(r, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, e[0] || (e[0] = [
+function _sfc_render$2(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, t[0] || (t[0] = [
     createStaticVNode('<path d="M5.25 20.25H4.5C4.30109 20.25 4.11032 20.171 3.96967 20.0303C3.82902 19.8897 3.75 19.6989 3.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 8.25H8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.5 20.25H9" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.75 15V13.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 20.25H15C15.1989 20.25 15.3897 20.171 15.5303 20.0303C15.671 19.8897 15.75 19.6989 15.75 19.5V18.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 8.25H15C15.1989 8.25 15.3897 8.32902 15.5303 8.46967C15.671 8.61032 15.75 8.80109 15.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.25 8.25H4.5C4.30109 8.25 4.11032 8.32902 3.96967 8.46967C3.82902 8.61032 3.75 8.80109 3.75 9V9.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path><path d="M15.75 15.75H19.5C19.6989 15.75 19.8897 15.671 20.0303 15.5303C20.171 15.3897 20.25 15.1989 20.25 15V4.5C20.25 4.30109 20.171 4.11032 20.0303 3.96967C19.8897 3.82902 19.6989 3.75 19.5 3.75H9C8.80109 3.75 8.61032 3.82902 8.46967 3.96967C8.32902 4.11032 8.25 4.30109 8.25 4.5V8.25" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path>', 9)
   ]));
 }
-const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$2]]), _sfc_main$8 = {}, _hoisted_1$7 = {
+const FlatIcon = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$2]]), _sfc_main$9 = {}, _hoisted_1$6 = {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function _sfc_render$1(r, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, e[0] || (e[0] = [
+function _sfc_render$1(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$6, t[0] || (t[0] = [
     createElementVNode("path", {
       d: "M21 16.622V7.37824C20.9993 7.24472 20.9634 7.11375 20.8959 6.99853C20.8284 6.88331 20.7317 6.78793 20.6156 6.72199L12.3656 2.08137C12.2545 2.01719 12.1284 1.9834 12 1.9834C11.8716 1.9834 11.7455 2.01719 11.6344 2.08137L3.38437 6.72199C3.26827 6.78793 3.1716 6.88331 3.10411 6.99853C3.03663 7.11375 3.00072 7.24472 3 7.37824V16.622C3.00072 16.7555 3.03663 16.8865 3.10411 17.0017C3.1716 17.1169 3.26827 17.2123 3.38437 17.2782L11.6344 21.9189C11.7455 21.983 11.8716 22.0168 12 22.0168C12.1284 22.0168 12.2545 21.983 12.3656 21.9189L20.6156 17.2782C20.7317 17.2123 20.8284 17.1169 20.8959 17.0017C20.9634 16.8865 20.9993 16.7555 21 16.622V16.622Z",
       stroke: "#222222",
@@ -696,78 +1062,81 @@ function _sfc_render$1(r, e) {
     }, null, -1)
   ]));
 }
-const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]), _hoisted_1$6 = { class: "ire-flex ire-flex-col ire-items-start ire-justify-center ire-gap-5 lg:ire-flex-row lg:ire-gap-20" }, _hoisted_2$3 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-justify-center ire-px-4 lg:ire-w-auto lg:ire-px-0" }, _hoisted_3$2 = ["src"], _hoisted_4$2 = ["src"], _hoisted_5 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_6 = { class: "ire-flex ire-w-fit ire-items-center ire-gap-1 ire-border-gray-400 ire-p-1" }, _hoisted_7 = {
+const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]]), _hoisted_1$5 = { class: "ire-flex ire-flex-col ire-items-start ire-justify-center ire-gap-5 lg:ire-flex-row lg:ire-gap-20" }, _hoisted_2$3 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-justify-center ire-px-4 lg:ire-w-auto lg:ire-px-0 [&_img]:ire-rounded-none" }, _hoisted_3$2 = ["src"], _hoisted_4$2 = ["src"], _hoisted_5 = { class: "ire-mt-5 ire-flex ire-flex-col ire-items-center ire-gap-3 lg:ire-flex-row" }, _hoisted_6 = { class: "ire-flex ire-w-fit ire-items-center ire-gap-1 ire-border-gray-400 ire-p-1" }, _hoisted_7 = {
   key: 0,
   class: "ire-ml-4 ire-flex ire-items-center ire-gap-1"
-}, _hoisted_8 = ["onClick"], _hoisted_9 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-2 lg:ire-w-auto" }, _hoisted_10 = { class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4" }, _hoisted_11 = { class: "!ire-text-2xl ire-font-semibold ire-capitalize" }, _hoisted_12 = { class: "ire-text-center" }, _hoisted_13 = { class: "!ire-text-lg ire-font-semibold" }, _hoisted_14 = { class: "ire-mt-1 ire-text-gray-600" }, _hoisted_15 = { class: "ire-flex ire-items-center ire-gap-3" }, _hoisted_16 = {
+}, _hoisted_8 = ["onClick"], _hoisted_9 = { class: "ire-flex ire-w-full ire-flex-col ire-items-center ire-gap-3 lg:ire-w-auto" }, _hoisted_10 = { class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2" }, _hoisted_11 = { class: "!ire-text-2xl ire-font-semibold ire-capitalize" }, _hoisted_12 = {
+  key: 0,
+  class: "ire-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"
+  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
 }, _hoisted_17 = { class: "!ire-text-2xl" }, _hoisted_18 = {
   key: 1,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4"
+  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
 }, _hoisted_19 = { class: "!ire-text-2xl" }, _hoisted_20 = {
-  key: 0,
-  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-b-gray-200 ire-py-4"
-}, _hoisted_21 = { class: "!ire-text-2xl" }, _hoisted_22 = {
   key: 1,
-  class: "border-b ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b-gray-200 ire-py-4"
+  class: "ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b ire-border-solid ire-border-b-gray-200 ire-py-2"
+}, _hoisted_21 = { class: "!ire-text-2xl" }, _hoisted_22 = {
+  key: 2,
+  class: "border-b ire-flex ire-w-fit ire-flex-col ire-items-center ire-border-b-gray-200 ire-py-2"
 }, _hoisted_23 = {
   key: 0,
   class: "!ire-text-2xl"
-}, _hoisted_24 = { key: 1 }, _hoisted_25 = { class: "!ire-text-xs ire-line-through" }, _hoisted_26 = { class: "!ire-text-2xl" }, _sfc_main$7 = /* @__PURE__ */ defineComponent({
+}, _hoisted_24 = { key: 1 }, _hoisted_25 = { class: "!ire-text-xs ire-line-through" }, _hoisted_26 = { class: "!ire-text-2xl" }, _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FlatPreview",
   props: {
     flat: {},
     floors: {}
   },
   emits: ["changeComponent"],
-  setup(r, { emit: e }) {
-    const t = e, o = r, c = ref(!0), v = ref(0), m = computed$1(() => {
-      var f, k, d, s, n, i;
-      const _ = c.value ? (d = (k = (f = o.flat) == null ? void 0 : f.type) == null ? void 0 : k.image_2d) == null ? void 0 : d.length : (i = (n = (s = o.flat) == null ? void 0 : s.type) == null ? void 0 : n.image_3d) == null ? void 0 : i.length;
-      return ["I", "II", "III"].slice(0, _);
-    }), y = () => {
-      var f;
-      const _ = (f = o.floors) == null ? void 0 : f.find(
-        (k) => {
-          var d, s, n, i, u, l;
-          return ((d = k.floor_number) == null ? void 0 : d.toString()) === ((n = (s = o.flat) == null ? void 0 : s.floor_number) == null ? void 0 : n.toString()) && ((i = o.flat) != null && i.block_id ? ((u = k == null ? void 0 : k.block_id) == null ? void 0 : u.toString()) === ((l = o.flat) == null ? void 0 : l.block_id) : !(k != null && k.block_id));
+  setup(e, { emit: t }) {
+    const r = t, o = e, s = ref(!0), c = ref(0), d = computed$1(() => {
+      var _, w, y, u, f, a;
+      const l = s.value ? (y = (w = (_ = o.flat) == null ? void 0 : _.type) == null ? void 0 : w.image_2d) == null ? void 0 : y.length : (a = (f = (u = o.flat) == null ? void 0 : u.type) == null ? void 0 : f.image_3d) == null ? void 0 : a.length;
+      return ["I", "II", "III"].slice(0, l);
+    }), k = () => {
+      var _;
+      const l = (_ = o.floors) == null ? void 0 : _.find(
+        (w) => {
+          var y, u, f, a, v, n;
+          return ((y = w.floor_number) == null ? void 0 : y.toString()) === ((f = (u = o.flat) == null ? void 0 : u.floor_number) == null ? void 0 : f.toString()) && ((a = o.flat) != null && a.block_id ? ((v = w == null ? void 0 : w.block_id) == null ? void 0 : v.toString()) === ((n = o.flat) == null ? void 0 : n.block_id) : !(w != null && w.block_id));
         }
       );
-      _ ? t("changeComponent", "floor", _) : t("changeComponent", "project", null);
+      l ? r("changeComponent", "floor", l) : r("changeComponent", "project", null);
     };
     return watch(
-      () => c.value,
+      () => s.value,
       () => {
-        v.value = 0;
+        c.value = 0;
       }
     ), onMounted(() => {
-      var _, f;
-      (f = (_ = o.flat) == null ? void 0 : _.type) != null && f.image_2d || (c.value = !1);
-    }), (_, f) => (openBlock(), createElementBlock("div", null, [
-      createVNode(_sfc_main$f, { "hoverd-data": null }, {
+      var l, _;
+      (_ = (l = o.flat) == null ? void 0 : l.type) != null && _.image_2d || (s.value = !1);
+    }), (l, _) => (openBlock(), createElementBlock("div", null, [
+      createVNode(_sfc_main$g, { "hoverd-data": null }, {
         header: withCtx(() => [
-          createVNode(_sfc_main$b, { onClick: y })
+          createVNode(_sfc_main$c, { onClick: k })
         ]),
         default: withCtx(() => {
-          var k, d, s, n, i, u, l, a, h, p, g, b, w, $, C, x, V, E, D, N, S, j, T, R, P, O, F;
+          var w, y, u, f, a, v, n, i, p, m, $, h, E, S, g, b, x, V, C, D, R, L, N, B, P, O, A, I, F, H, W;
           return [
-            createElementVNode("div", _hoisted_1$6, [
+            createElementVNode("div", _hoisted_1$5, [
               createElementVNode("div", _hoisted_2$3, [
                 createVNode(Transition, {
                   name: "ire-fade-in-out",
                   mode: "out-in"
                 }, {
                   default: withCtx(() => {
-                    var B, M, L, I, A, H, z, W, K, Z, q, U, J, Q, X, Y, G, ee, te, re, oe, ie, le, se;
+                    var j, M, T, z, X, Y, K, U, q, Z, J, Q, G, ee, te, oe, re, ie, se, le, ne, ae, ce, de;
                     return [
-                      c.value && ((I = (L = (M = (B = _.flat) == null ? void 0 : B.type) == null ? void 0 : M.image_2d) == null ? void 0 : L[v.value]) != null && I.url) ? (openBlock(), createElementBlock("img", {
-                        key: (W = (z = (H = (A = _.flat) == null ? void 0 : A.type) == null ? void 0 : H.image_2d) == null ? void 0 : z[v.value]) == null ? void 0 : W.url,
-                        src: (U = (q = (Z = (K = _.flat) == null ? void 0 : K.type) == null ? void 0 : Z.image_2d) == null ? void 0 : q[v.value]) == null ? void 0 : U.url,
+                      s.value && ((z = (T = (M = (j = l.flat) == null ? void 0 : j.type) == null ? void 0 : M.image_2d) == null ? void 0 : T[c.value]) != null && z.url) ? (openBlock(), createElementBlock("img", {
+                        key: (U = (K = (Y = (X = l.flat) == null ? void 0 : X.type) == null ? void 0 : Y.image_2d) == null ? void 0 : K[c.value]) == null ? void 0 : U.url,
+                        src: (Q = (J = (Z = (q = l.flat) == null ? void 0 : q.type) == null ? void 0 : Z.image_2d) == null ? void 0 : J[c.value]) == null ? void 0 : Q.url,
                         class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-96"
-                      }, null, 8, _hoisted_3$2)) : (Y = (X = (Q = (J = _.flat) == null ? void 0 : J.type) == null ? void 0 : Q.image_3d) == null ? void 0 : X[v.value]) != null && Y.url ? (openBlock(), createElementBlock("img", {
-                        src: (re = (te = (ee = (G = _.flat) == null ? void 0 : G.type) == null ? void 0 : ee.image_3d) == null ? void 0 : te[v.value]) == null ? void 0 : re.url,
-                        key: (se = (le = (ie = (oe = _.flat) == null ? void 0 : oe.type) == null ? void 0 : ie.image_3d) == null ? void 0 : le[v.value]) == null ? void 0 : se.url,
+                      }, null, 8, _hoisted_3$2)) : (oe = (te = (ee = (G = l.flat) == null ? void 0 : G.type) == null ? void 0 : ee.image_3d) == null ? void 0 : te[c.value]) != null && oe.url ? (openBlock(), createElementBlock("img", {
+                        src: (le = (se = (ie = (re = l.flat) == null ? void 0 : re.type) == null ? void 0 : ie.image_3d) == null ? void 0 : se[c.value]) == null ? void 0 : le.url,
+                        key: (de = (ce = (ae = (ne = l.flat) == null ? void 0 : ne.type) == null ? void 0 : ae.image_3d) == null ? void 0 : ce[c.value]) == null ? void 0 : de.url,
                         class: "ire-h-full ire-w-full ire-object-contain ire-object-top lg:ire-h-96 lg:ire-w-96"
                       }, null, 8, _hoisted_4$2)) : createCommentVNode("", !0)
                     ];
@@ -776,93 +1145,93 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
                 }),
                 createElementVNode("div", _hoisted_5, [
                   createElementVNode("div", _hoisted_6, [
-                    (n = (s = (d = (k = _.flat) == null ? void 0 : k.type) == null ? void 0 : d.image_2d) == null ? void 0 : s[0]) != null && n.url ? (openBlock(), createElementBlock("div", {
+                    (f = (u = (y = (w = l.flat) == null ? void 0 : w.type) == null ? void 0 : y.image_2d) == null ? void 0 : u[0]) != null && f.url ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": c.value }]),
-                      onClick: f[0] || (f[0] = (B) => c.value = !0)
+                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": s.value }]),
+                      onClick: _[0] || (_[0] = (j) => s.value = !0)
                     }, [
                       createVNode(FlatIcon, {
-                        class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": c.value }])
+                        class: normalizeClass(["[&_path]:ire-stroke-black group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": s.value }])
                       }, null, 8, ["class"]),
-                      createElementVNode("p", {
+                      createElementVNode("div", {
                         class: normalizeClass(["group-hover:!ire-text-white", {
-                          "!ire-text-white": c.value,
-                          "!ire-text-black": !c.value
+                          "!ire-text-white": s.value,
+                          "!ire-text-black": !s.value
                         }])
                       }, " 2D plan ", 2)
                     ], 2)) : createCommentVNode("", !0),
-                    (a = (l = (u = (i = _.flat) == null ? void 0 : i.type) == null ? void 0 : u.image_3d) == null ? void 0 : l[0]) != null && a.url ? (openBlock(), createElementBlock("div", {
+                    (i = (n = (v = (a = l.flat) == null ? void 0 : a.type) == null ? void 0 : v.image_3d) == null ? void 0 : n[0]) != null && i.url ? (openBlock(), createElementBlock("div", {
                       key: 1,
-                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": !c.value }]),
-                      onClick: f[1] || (f[1] = (B) => c.value = !1)
+                      class: normalizeClass(["ire-group ire-flex ire-cursor-pointer ire-items-center ire-gap-2 ire-rounded-lg ire-p-3 !ire-text-xs ire-transition-all hover:ire-bg-primary", { "!ire-bg-primary !ire-text-white": !s.value }]),
+                      onClick: _[1] || (_[1] = (j) => s.value = !1)
                     }, [
                       createElementVNode("div", null, [
                         createVNode(Cube, {
-                          class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !c.value }])
+                          class: normalizeClass(["group-hover:[&_path]:ire-stroke-white", { "[&_path]:!ire-stroke-white": !s.value }])
                         }, null, 8, ["class"])
                       ]),
-                      createElementVNode("p", {
+                      createElementVNode("div", {
                         class: normalizeClass(["group-hover:!ire-text-white", {
-                          "!ire-text-white": !c.value,
-                          "!ire-text-black": c.value
+                          "!ire-text-white": !s.value,
+                          "!ire-text-black": s.value
                         }])
                       }, " 3D plan ", 2)
                     ], 2)) : createCommentVNode("", !0)
                   ]),
-                  ((h = m.value) == null ? void 0 : h.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                    (openBlock(!0), createElementBlock(Fragment, null, renderList(m.value, (B, M) => (openBlock(), createElementBlock("div", {
-                      key: B,
+                  ((p = d.value) == null ? void 0 : p.length) > 1 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    (openBlock(!0), createElementBlock(Fragment, null, renderList(d.value, (j, M) => (openBlock(), createElementBlock("div", {
+                      key: j,
                       class: normalizeClass(["ire-flex ire-h-10 ire-w-10 ire-cursor-pointer ire-items-center ire-justify-center ire-rounded-lg ire-p-2 ire-transition-all hover:ire-bg-black hover:ire-text-white", {
-                        "ire-bg-black ire-text-white": v.value === M
+                        "ire-bg-black ire-text-white": c.value === M
                       }]),
-                      onClick: (L) => v.value = M
-                    }, toDisplayString(B), 11, _hoisted_8))), 128))
+                      onClick: (T) => c.value = M
+                    }, toDisplayString(j), 11, _hoisted_8))), 128))
                   ])) : createCommentVNode("", !0)
                 ])
               ]),
               createElementVNode("div", _hoisted_9, [
                 createElementVNode("div", _hoisted_10, [
-                  createElementVNode("p", _hoisted_11, toDisplayString((p = _.flat) == null ? void 0 : p.flat_number), 1),
-                  f[2] || (f[2] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Apartment", -1))
-                ]),
-                createElementVNode("div", _hoisted_12, [
-                  createElementVNode("p", _hoisted_13, toDisplayString((b = (g = _.flat) == null ? void 0 : g.type) == null ? void 0 : b.title), 1),
-                  createElementVNode("p", _hoisted_14, toDisplayString(($ = (w = _.flat) == null ? void 0 : w.type) == null ? void 0 : $.teaser), 1)
+                  createElementVNode("div", _hoisted_11, toDisplayString((m = l.flat) == null ? void 0 : m.flat_number), 1),
+                  _[2] || (_[2] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Apartment", -1))
                 ]),
+                (h = ($ = l.flat) == null ? void 0 : $.type) != null && h.title || (S = (E = l.flat) == null ? void 0 : E.type) != null && S.teaser ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                  createElementVNode("div", _hoisted_13, toDisplayString((b = (g = l.flat) == null ? void 0 : g.type) == null ? void 0 : b.title), 1),
+                  createElementVNode("div", _hoisted_14, toDisplayString((V = (x = l.flat) == null ? void 0 : x.type) == null ? void 0 : V.teaser), 1)
+                ])) : createCommentVNode("", !0),
                 createElementVNode("div", _hoisted_15, [
-                  (C = _.flat) != null && C.floor_number ? (openBlock(), createElementBlock("div", _hoisted_16, [
-                    createElementVNode("p", _hoisted_17, toDisplayString((x = _.flat) == null ? void 0 : x.floor_number), 1),
-                    f[3] || (f[3] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Floor", -1))
+                  (C = l.flat) != null && C.floor_number ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                    createElementVNode("div", _hoisted_17, toDisplayString((D = l.flat) == null ? void 0 : D.floor_number), 1),
+                    _[3] || (_[3] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Floor", -1))
                   ])) : createCommentVNode("", !0),
-                  (E = (V = _.flat) == null ? void 0 : V.type) != null && E.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_18, [
-                    createElementVNode("p", _hoisted_19, toDisplayString((D = _.flat) == null ? void 0 : D.type.rooms_count), 1),
-                    f[4] || (f[4] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
+                  (L = (R = l.flat) == null ? void 0 : R.type) != null && L.rooms_count ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                    createElementVNode("div", _hoisted_19, toDisplayString((N = l.flat) == null ? void 0 : N.type.rooms_count), 1),
+                    _[4] || (_[4] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Room", -1))
                   ])) : createCommentVNode("", !0)
                 ]),
-                (S = (N = _.flat) == null ? void 0 : N.type) != null && S.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                  createElementVNode("p", _hoisted_21, [
-                    createTextVNode(toDisplayString((j = _.flat) == null ? void 0 : j.type.area_m2) + " ", 1),
-                    f[5] || (f[5] = createElementVNode("span", { class: "ire-font-light" }, [
+                (P = (B = l.flat) == null ? void 0 : B.type) != null && P.area_m2 ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                  createElementVNode("div", _hoisted_21, [
+                    createTextVNode(toDisplayString((O = l.flat) == null ? void 0 : O.type.area_m2) + " ", 1),
+                    _[5] || (_[5] = createElementVNode("span", { class: "ire-font-light" }, [
                       createTextVNode(" M "),
                       createElementVNode("sup", { class: "ire-inline-block -ire-translate-x-1 !ire-text-sm" }, " 2 ")
                     ], -1))
                   ]),
-                  f[6] || (f[6] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
+                  _[6] || (_[6] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Area", -1))
                 ])) : createCommentVNode("", !0),
-                (T = _.flat) != null && T.price ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                (A = l.flat) != null && A.price ? (openBlock(), createElementBlock("div", _hoisted_22, [
                   createElementVNode("div", null, [
-                    (R = _.flat) != null && R.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
-                      createElementVNode("p", _hoisted_25, toDisplayString(Number((O = _.flat) == null ? void 0 : O.price).toLocaleString()), 1),
-                      createElementVNode("p", _hoisted_26, [
-                        createTextVNode(toDisplayString(Number((F = _.flat) == null ? void 0 : F.offer_price).toLocaleString()), 1),
-                        f[8] || (f[8] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                    (I = l.flat) != null && I.offer_price ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                      createElementVNode("div", _hoisted_25, toDisplayString(Number((H = l.flat) == null ? void 0 : H.price).toLocaleString()), 1),
+                      createElementVNode("div", _hoisted_26, [
+                        createTextVNode(toDisplayString(Number((W = l.flat) == null ? void 0 : W.offer_price).toLocaleString()), 1),
+                        _[8] || (_[8] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                       ])
-                    ])) : (openBlock(), createElementBlock("p", _hoisted_23, [
-                      createTextVNode(toDisplayString(Number((P = _.flat) == null ? void 0 : P.price).toLocaleString()), 1),
-                      f[7] || (f[7] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_23, [
+                      createTextVNode(toDisplayString(Number((F = l.flat) == null ? void 0 : F.price).toLocaleString()), 1),
+                      _[7] || (_[7] = createElementVNode("sup", { class: "!ire-text-sm" }, "$", -1))
                     ]))
                   ]),
-                  f[9] || (f[9] = createElementVNode("p", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
+                  _[9] || (_[9] = createElementVNode("div", { class: "!ire-text-xs ire-text-gray-600" }, "Price", -1))
                 ])) : createCommentVNode("", !0)
               ])
             ])
@@ -872,7 +1241,7 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
       })
     ]));
   }
-}), _sfc_main$6 = {}, _hoisted_1$5 = {
+}), _sfc_main$7 = {}, _hoisted_1$4 = {
   xmlns: "http://www.w3.org/2000/svg",
   x: "0px",
   y: "0px",
@@ -880,69 +1249,69 @@ const Cube = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]
   height: "20",
   viewBox: "0 0 50 50"
 };
-function _sfc_render(r, e) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, e[0] || (e[0] = [
+function _sfc_render(e, t) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, t[0] || (t[0] = [
     createElementVNode("path", { d: "M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z" }, null, -1)
   ]));
 }
-const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]), _hoisted_1$4 = { class: "ire-fixed ire-left-0 ire-top-0 ire-z-[99999] ire-flex ire-h-full ire-w-full ire-cursor-pointer ire-items-center ire-justify-center ire-p-4 lg:ire-p-32" }, _hoisted_2$2 = { class: "ire-relative ire-h-fit ire-max-h-[80%] ire-min-w-full ire-max-w-[1280px] ire-cursor-default ire-overflow-y-auto ire-rounded-l-sm ire-bg-white lg:ire-min-w-[500px]" }, _hoisted_3$1 = { class: "ire-sticky ire-right-full ire-top-0 ire-flex ire-w-full ire-flex-row-reverse" }, _hoisted_4$1 = { class: "ire-h-full ire-w-full ire-cursor-auto ire-p-5 ire-pt-1" }, _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const Close = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]), _hoisted_1$3 = { class: "ire-fixed ire-left-0 ire-top-0 ire-z-[99999] ire-flex ire-h-full ire-w-full ire-cursor-pointer ire-items-center ire-justify-center ire-p-4 lg:ire-p-32" }, _hoisted_2$2 = { class: "ire-relative ire-h-fit ire-max-h-[80%] ire-min-w-full ire-max-w-[1280px] ire-cursor-default ire-overflow-y-auto ire-rounded-l-sm ire-bg-white lg:ire-min-w-[500px]" }, _hoisted_3$1 = { class: "ire-sticky ire-right-full ire-top-0 ire-flex ire-w-full ire-flex-row-reverse" }, _hoisted_4$1 = { class: "ire-h-full ire-w-full ire-cursor-auto ire-p-5 ire-pt-1" }, _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PreviewModal",
   emits: ["close"],
-  setup(r) {
-    return (e, t) => (openBlock(), createElementBlock("div", _hoisted_1$4, [
+  setup(e) {
+    return (t, r) => (openBlock(), createElementBlock("div", _hoisted_1$3, [
       createElementVNode("div", {
         class: "ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full ire-bg-black/40 ire-transition-all",
-        onClick: t[0] || (t[0] = (o) => e.$emit("close"))
+        onClick: r[0] || (r[0] = (o) => t.$emit("close"))
       }),
       createElementVNode("div", _hoisted_2$2, [
         createElementVNode("div", _hoisted_3$1, [
           createElementVNode("div", {
             class: "ire-z-[999] ire-mx-3 ire-my-2 ire-w-fit ire-cursor-pointer ire-rounded-full ire-p-1 ire-transition-all hover:ire-bg-gray-600 [&_path]:ire-fill-gray-400 [&_path]:hover:ire-fill-white [&_svg]:ire-h-3 [&_svg]:ire-w-3",
-            onClick: t[1] || (t[1] = (o) => e.$emit("close"))
+            onClick: r[1] || (r[1] = (o) => t.$emit("close"))
           }, [
             createVNode(Close)
           ])
         ]),
         createElementVNode("div", _hoisted_4$1, [
-          renderSlot(e.$slots, "default")
+          renderSlot(t.$slots, "default")
         ])
       ])
     ]));
   }
-}), _hoisted_1$3 = ["innerHTML"], _sfc_main$4 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$2 = ["innerHTML"], _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "BaseEditor",
   props: {
     editor: {}
   },
-  setup(r) {
-    return (e, t) => (openBlock(), createElementBlock("div", {
+  setup(e) {
+    return (t, r) => (openBlock(), createElementBlock("div", {
       class: "[&_ul]:ire-columns-1 [&_a]:ire-cursor-pointer [&_a]:ire-text-[#2980b9] [&_a]:ire-underline [&_ul]:ire-flex [&_ul]:ire-flex-col [&_ul]:ire-gap-2 [&_ul_li]:ire-relative [&_ul_li]:ire-pl-[20px] [&_ul_li]:after:ire-absolute [&_ul_li]:after:ire-left-2 [&_ul_li]:after:ire-top-[10px] [&_ul_li]:after:ire-h-[4px] [&_ul_li]:after:ire-w-[4px] [&_ul_li]:after:ire-rounded-[50%] [&_ul_li]:after:ire-bg-black",
-      innerHTML: e.editor
-    }, null, 8, _hoisted_1$3));
+      innerHTML: t.editor
+    }, null, 8, _hoisted_1$2));
   }
-}), _hoisted_1$2 = { class: "ire-mb-3 !ire-text-3xl ire-font-bold" }, _hoisted_2$1 = ["src"], _sfc_main$3 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1$1 = { class: "ire-mb-3 !ire-text-3xl ire-font-bold" }, _hoisted_2$1 = ["src"], _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "ActionModal",
   props: {
     modalData: {}
   },
-  setup(r) {
-    return (e, t) => {
-      var o, c, v, m, y, _, f, k, d, s, n, i;
+  setup(e) {
+    return (t, r) => {
+      var o, s, c, d, k, l, _, w, y, u, f, a;
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("p", _hoisted_1$2, toDisplayString((c = (o = e.modalData) == null ? void 0 : o.modalObject) == null ? void 0 : c.title), 1),
-        createVNode(_sfc_main$4, {
-          editor: (m = (v = e.modalData) == null ? void 0 : v.modalObject) == null ? void 0 : m.description
+        createElementVNode("p", _hoisted_1$1, toDisplayString((s = (o = t.modalData) == null ? void 0 : o.modalObject) == null ? void 0 : s.title), 1),
+        createVNode(_sfc_main$5, {
+          editor: (d = (c = t.modalData) == null ? void 0 : c.modalObject) == null ? void 0 : d.description
         }, null, 8, ["editor"]),
-        (k = (f = (_ = (y = e.modalData) == null ? void 0 : y.modalObject) == null ? void 0 : _.modalImage) == null ? void 0 : f[0]) != null && k.url ? (openBlock(), createElementBlock("img", {
+        (w = (_ = (l = (k = t.modalData) == null ? void 0 : k.modalObject) == null ? void 0 : l.modalImage) == null ? void 0 : _[0]) != null && w.url ? (openBlock(), createElementBlock("img", {
           key: 0,
-          src: (i = (n = (s = (d = e.modalData) == null ? void 0 : d.modalObject) == null ? void 0 : s.modalImage) == null ? void 0 : n[0]) == null ? void 0 : i.url,
+          src: (a = (f = (u = (y = t.modalData) == null ? void 0 : y.modalObject) == null ? void 0 : u.modalImage) == null ? void 0 : f[0]) == null ? void 0 : a.url,
           alt: "",
           class: "ire-mt-5 ire-h-[400px] ire-w-full ire-object-contain"
         }, null, 8, _hoisted_2$1)) : createCommentVNode("", !0)
       ]);
     };
   }
-}), _hoisted_1$1 = { class: "lg:!ire-text-xl" }, _hoisted_2 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3 = ["src"], _hoisted_4 = ["innerHTML"], _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}), _hoisted_1 = { class: "lg:!ire-text-xl" }, _hoisted_2 = { class: "ire-relative ire-h-full ire-select-none ire-overflow-hidden" }, _hoisted_3 = ["src"], _hoisted_4 = ["innerHTML"], _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "BlockPreview",
   props: {
     block: {},
@@ -951,82 +1320,83 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     actions: {}
   },
   emits: ["changeComponent"],
-  setup(r, { emit: e }) {
-    const t = e, o = r, c = ref(), v = ref(), m = ref(), y = ref(), _ = computed$1(() => {
-      var d, s;
-      if ((d = o.block) != null && d.svg)
-        return (s = o.block) == null ? void 0 : s.svg;
-    }), f = (d) => {
-      const s = d.target;
-      s && (v.value = s);
-    }, k = (d) => {
-      var n, i, u;
-      const s = d.target;
-      (s == null ? void 0 : s.nodeName) === "path" && (((n = y.value) == null ? void 0 : n.conf) === "sold" || ((i = y.value) == null ? void 0 : i.conf) === "reserved" || t(
+  setup(e, { emit: t }) {
+    const r = t, o = e, s = useGlobalStore(), c = ref(), d = ref(), k = ref(), l = ref(), _ = computed$1(() => {
+      var u, f;
+      if ((u = o.block) != null && u.svg)
+        return (f = o.block) == null ? void 0 : f.svg;
+    }), w = (u) => {
+      const f = u.target;
+      f && (d.value = f);
+    }, y = (u) => {
+      var a, v, n;
+      const f = u.target;
+      (f == null ? void 0 : f.nodeName) === "path" && (((a = l.value) == null ? void 0 : a.conf) === "sold" || ((v = l.value) == null ? void 0 : v.conf) === "reserved" || r(
         "changeComponent",
-        ((u = m.value) == null ? void 0 : u.type) || "",
-        y.value
+        ((n = k.value) == null ? void 0 : n.type) || "",
+        l.value
       ));
     };
     return watch(
-      () => v.value,
-      (d) => {
-        var n, i, u, l, a, h, p, g;
-        if (!d) return;
-        const s = d == null ? void 0 : d.parentElement;
-        if (s && (s == null ? void 0 : s.nodeName) === "g") {
-          const b = s == null ? void 0 : s.getAttribute("id");
-          if (!b || (m.value = ((i = (n = o.block) == null ? void 0 : n.polygon_data) == null ? void 0 : i.find((w) => (w == null ? void 0 : w.key) === b)) || null, !m.value)) return;
-          if (((u = m.value) == null ? void 0 : u.type) === "floor") {
-            const w = (l = o.floors) == null ? void 0 : l.find(
-              ($) => {
-                var C;
-                return ($ == null ? void 0 : $.id) === ((C = m.value) == null ? void 0 : C.id);
+      () => d.value,
+      (u) => {
+        var a, v, n, i, p, m, $, h;
+        if (!u) return;
+        s.hoverdSvg = u;
+        const f = u == null ? void 0 : u.parentElement;
+        if (f && (f == null ? void 0 : f.nodeName) === "g") {
+          const E = f == null ? void 0 : f.getAttribute("id");
+          if (!E || (k.value = ((v = (a = o.block) == null ? void 0 : a.polygon_data) == null ? void 0 : v.find((S) => (S == null ? void 0 : S.key) === E)) || null, !k.value)) return;
+          if (((n = k.value) == null ? void 0 : n.type) === "floor") {
+            const S = (i = o.floors) == null ? void 0 : i.find(
+              (g) => {
+                var b;
+                return (g == null ? void 0 : g.id) === ((b = k.value) == null ? void 0 : b.id);
               }
             );
-            y.value = w;
-          } else if (((a = m.value) == null ? void 0 : a.type) === "flat") {
-            const w = (h = o.flats) == null ? void 0 : h.find(
-              ($) => {
-                var C;
-                return ($ == null ? void 0 : $.id) === ((C = m.value) == null ? void 0 : C.id);
+            l.value = S;
+          } else if (((p = k.value) == null ? void 0 : p.type) === "flat") {
+            const S = (m = o.flats) == null ? void 0 : m.find(
+              (g) => {
+                var b;
+                return (g == null ? void 0 : g.id) === ((b = k.value) == null ? void 0 : b.id);
               }
             );
-            y.value = w;
-          } else if (((p = m.value) == null ? void 0 : p.type) === "tooltip") {
-            const w = (g = o.actions) == null ? void 0 : g.find(
-              ($) => {
-                var C;
-                return ($ == null ? void 0 : $.id) === ((C = m.value) == null ? void 0 : C.id);
+            l.value = S;
+          } else if ((($ = k.value) == null ? void 0 : $.type) === "tooltip") {
+            const S = (h = o.actions) == null ? void 0 : h.find(
+              (g) => {
+                var b;
+                return (g == null ? void 0 : g.id) === ((b = k.value) == null ? void 0 : b.id);
               }
             );
-            y.value = w;
+            l.value = S;
           } else
-            y.value = null;
+            l.value = null;
         } else
-          m.value = null, y.value = null;
+          k.value = null, l.value = null;
       }
-    ), (d, s) => {
-      var n;
-      return openBlock(), createBlock(_sfc_main$f, {
-        hoverdData: y.value,
-        type: (n = m.value) == null ? void 0 : n.type
+    ), (u, f) => {
+      var a;
+      return openBlock(), createBlock(_sfc_main$g, {
+        hoverdData: l.value,
+        type: (a = k.value) == null ? void 0 : a.type
       }, {
         header: withCtx(() => {
-          var i;
+          var v;
           return [
-            createVNode(_sfc_main$b, {
-              onClick: s[0] || (s[0] = (u) => d.$emit("changeComponent", "project", null))
+            createVNode(_sfc_main$c, {
+              onClick: f[0] || (f[0] = (n) => u.$emit("changeComponent", "project", null))
             }),
-            createElementVNode("p", _hoisted_1$1, toDisplayString((i = d.block) == null ? void 0 : i.title), 1)
+            createElementVNode("p", _hoisted_1, toDisplayString((v = u.block) == null ? void 0 : v.title), 1)
           ];
         }),
         default: withCtx(() => {
-          var i, u, l, a, h, p;
+          var v, n, i, p, m, $;
           return [
             createElementVNode("div", _hoisted_2, [
               createElementVNode("img", {
-                src: ((l = (u = (i = d.block) == null ? void 0 : i.block_image) == null ? void 0 : u[0]) == null ? void 0 : l.url) || "",
+                src: ((i = (n = (v = u.block) == null ? void 0 : v.block_image) == null ? void 0 : n[0]) == null ? void 0 : i.url) || "",
                 alt: "",
                 class: "ire-left-0 ire-top-0 ire-h-full ire-w-full"
               }, null, 8, _hoisted_3),
@@ -1037,13 +1407,13 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
                 key: _.value,
                 class: normalizeClass(["canvas ire-absolute ire-left-0 ire-top-0 ire-h-full ire-w-full [&_path]:ire-cursor-pointer [&_path]:ire-fill-[var(--path-color)] [&_path]:ire-transition-all [&_svg]:ire-h-full [&_svg]:ire-w-full", [
                   {
-                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((a = y.value) == null ? void 0 : a.conf) === "reserved",
-                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((h = y.value) == null ? void 0 : h.conf) === "sold",
-                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !((p = y.value) != null && p.conf)
+                    "hover:[&_path]:ire-fill-[var(--reserved-color)]": ((p = l.value) == null ? void 0 : p.conf) === "reserved",
+                    "hover:[&_path]:ire-fill-[var(--sold-color)]": ((m = l.value) == null ? void 0 : m.conf) === "sold",
+                    "hover:[&_path]:ire-fill-[var(--path-hover-color)]": !(($ = l.value) != null && $.conf)
                   }
                 ]]),
-                onMouseover: f,
-                onClick: k
+                onMouseover: w,
+                onClick: y
               }, null, 42, _hoisted_4))
             ])
           ];
@@ -1052,63 +1422,91 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       }, 8, ["hoverdData", "type"]);
     };
   }
-}), _hoisted_1 = { class: "interactive-real-estate" }, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+}), _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "GlobalProvider",
+  setup(e) {
+    const t = useGlobalStore(), r = ref(0), o = ref(0), s = ref(null);
+    return document.addEventListener("mousemove", (c) => {
+      var E;
+      const d = document.querySelector(".tooltip-2"), k = ((E = t.hoverdSvg) == null ? void 0 : E.nodeName) === "path" ? t.hoverdSvg : null;
+      if (!s.value || !d || !k) return;
+      d.style.opacity = "1";
+      const {
+        bottom: l,
+        height: _,
+        left: w,
+        right: y,
+        top: u,
+        width: f
+      } = s.value.getBoundingClientRect(), { bottom: a, left: v } = k.getBoundingClientRect(), { height: n, width: i } = d.getBoundingClientRect(), p = y - f / 2, m = l - _ / 2, $ = v > p, h = a > m;
+      r.value = c.clientX - w - ($ ? i : -20), o.value = c.clientY - u - (h ? n : -20);
+    }), provide("mouseX", r), provide("mouseY", o), (c, d) => (openBlock(), createElementBlock("div", {
+      ref_key: "canvasRef",
+      ref: s
+    }, [
+      renderSlot(c.$slots, "default")
+    ], 512));
+  }
+}), _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Preview",
   props: {
     shortcodeDataProps: {}
   },
   setup(__props) {
-    var r, e, t, o, c, v, m, y, _, f, k, d;
-    const props = __props, getMeta = (s) => props.shortcodeDataProps.meta.find(
-      (n) => n.meta_key === s
+    var e, t, r, o, s, c, d, k, l, _, w, y, u, f;
+    const props = __props, getMeta = (a) => props.shortcodeDataProps.meta.find(
+      (v) => v.meta_key === a
     ), constants = ref({
-      PREVIEW_PATH_COLOR: ((r = getMeta("path_color")) == null ? void 0 : r.meta_value) || "rgba(255, 255, 255, 0.3)",
-      PREVIEW_PATH_HOVER_COLOR: ((e = getMeta("path_hover_color")) == null ? void 0 : e.meta_value) || "rgba(250, 250, 250, 0.54)",
-      PREVIEW_RESERVED_COLOR: ((t = getMeta("reserved_color")) == null ? void 0 : t.meta_value) || "rgba(255, 247, 89, 0.53)",
+      PREVIEW_PATH_COLOR: ((e = getMeta("path_color")) == null ? void 0 : e.meta_value) || "rgba(255, 255, 255, 0.3)",
+      PREVIEW_PATH_HOVER_COLOR: ((t = getMeta("path_hover_color")) == null ? void 0 : t.meta_value) || "rgba(250, 250, 250, 0.54)",
+      PREVIEW_RESERVED_COLOR: ((r = getMeta("reserved_color")) == null ? void 0 : r.meta_value) || "rgba(255, 247, 89, 0.53)",
       PREVIEW_SOLD_COLOR: ((o = getMeta("sold_color")) == null ? void 0 : o.meta_value) || "rgba(219, 64, 64, 0.45)",
-      PREVIEW_STROKE_COLOR: ((c = getMeta("stroke_color")) == null ? void 0 : c.meta_value) || "rgba(0, 0, 0,  1)",
-      PREVIEW_STROKE_WIDTH: +((v = getMeta("stroke_width")) == null ? void 0 : v.meta_value) || 1
+      PREVIEW_STROKE_COLOR: ((s = getMeta("stroke_color")) == null ? void 0 : s.meta_value) || "rgba(0, 0, 0,  1)",
+      PREVIEW_STROKE_WIDTH: +((c = getMeta("stroke_width")) == null ? void 0 : c.meta_value) || 1,
+      PREVIEW_BORDER_RADIUS: +((d = getMeta("border_radius")) == null ? void 0 : d.meta_value) || 0
     }), colors = reactive({
-      path: (m = constants.value) == null ? void 0 : m.PREVIEW_PATH_COLOR,
-      path_hover: (y = constants.value) == null ? void 0 : y.PREVIEW_PATH_HOVER_COLOR,
+      path: (k = constants.value) == null ? void 0 : k.PREVIEW_PATH_COLOR,
+      path_hover: (l = constants.value) == null ? void 0 : l.PREVIEW_PATH_HOVER_COLOR,
       reserved: (_ = constants.value) == null ? void 0 : _.PREVIEW_RESERVED_COLOR,
-      sold: (f = constants.value) == null ? void 0 : f.PREVIEW_SOLD_COLOR,
-      stroke_color: (k = constants.value) == null ? void 0 : k.PREVIEW_STROKE_COLOR,
-      stroke_width: (d = constants.value) == null ? void 0 : d.PREVIEW_STROKE_WIDTH
+      sold: (w = constants.value) == null ? void 0 : w.PREVIEW_SOLD_COLOR,
+      stroke_color: (y = constants.value) == null ? void 0 : y.PREVIEW_STROKE_COLOR,
+      stroke_width: (u = constants.value) == null ? void 0 : u.PREVIEW_STROKE_WIDTH,
+      border_radius: (f = constants.value) == null ? void 0 : f.PREVIEW_BORDER_RADIUS
     }), 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"
+      "--stroke-width": colors.stroke_width + "px",
+      "--border-radius": colors.border_radius + "px"
     })), shortcodeData = ref(props.shortcodeDataProps), flow = ref(
       "projectFlow"
     ), hoveredData = ref(), showModal = ref(!1), activeBlock = ref(), activeFloor = ref(), project = computed$1(() => {
-      var s;
+      var a;
       if (shortcodeData.value)
-        return (s = shortcodeData.value) == null ? void 0 : s.project;
+        return (a = shortcodeData.value) == null ? void 0 : a.project;
     }), floors = computed$1(() => {
-      var s, n;
+      var a, v;
       if (shortcodeData.value)
-        return (s = shortcodeData.value.floors) == null || s.forEach((i) => {
-          var a, h;
-          const u = (h = (a = shortcodeData.value) == null ? void 0 : a.flats) == null ? void 0 : h.filter((p) => {
-            var g;
-            return (p == null ? void 0 : p.floor_number) !== ((g = i == null ? void 0 : i.floor_number) == null ? void 0 : g.toString()) ? !1 : i != null && i.polygon_data ? Object == null ? void 0 : Object.values(i == null ? void 0 : i.polygon_data).some(
-              (w) => {
-                var $;
-                return w != null && w.type && (w == null ? void 0 : w.type) === "flat" && (w == null ? void 0 : w.id) === (p == null ? void 0 : p.id) ? i != null && i.block_id ? (p == null ? void 0 : p.block_id) === (($ = i == null ? void 0 : i.block_id) == null ? void 0 : $.toString()) : !(p != null && p.block_id) : !1;
+        return (a = shortcodeData.value.floors) == null || a.forEach((n) => {
+          var m, $;
+          const i = ($ = (m = shortcodeData.value) == null ? void 0 : m.flats) == null ? void 0 : $.filter((h) => {
+            var E;
+            return (h == null ? void 0 : h.floor_number) !== ((E = n == null ? void 0 : n.floor_number) == null ? void 0 : E.toString()) ? !1 : n != null && n.polygon_data ? Object == null ? void 0 : Object.values(n == null ? void 0 : n.polygon_data).some(
+              (g) => {
+                var b;
+                return g != null && g.type && (g == null ? void 0 : g.type) === "flat" && (g == null ? void 0 : g.id) === (h == null ? void 0 : h.id) ? n != null && n.block_id ? (h == null ? void 0 : h.block_id) === ((b = n == null ? void 0 : n.block_id) == null ? void 0 : b.toString()) : !(h != null && h.block_id) : !1;
               }
             ) : !1;
           });
-          i.flats = u;
-          const { conf: l } = i || {};
-          if (u != null && u.length && !l) {
-            const p = u == null ? void 0 : u.every((b) => (b == null ? void 0 : b.conf) === "reserved"), g = u == null ? void 0 : u.every((b) => (b == null ? void 0 : b.conf) === "sold");
-            p ? i.conf = "reserved" : g && (i.conf = "sold");
+          n.flats = i;
+          const { conf: p } = n || {};
+          if (i != null && i.length && !p) {
+            const h = i == null ? void 0 : i.every((S) => (S == null ? void 0 : S.conf) === "reserved"), E = i == null ? void 0 : i.every((S) => (S == null ? void 0 : S.conf) === "sold");
+            h ? n.conf = "reserved" : E && (n.conf = "sold");
           }
-        }), (n = shortcodeData.value) == null ? void 0 : n.floors;
+        }), (v = shortcodeData.value) == null ? void 0 : v.floors;
     }), blocks = computed$1(() => {
       if (shortcodeData.value)
         return shortcodeData.value.blocks;
@@ -1116,27 +1514,27 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
       if (shortcodeData.value)
         return shortcodeData.value.types;
     }), flats = computed$1(() => {
-      var s, n;
+      var a, v;
       if (shortcodeData.value)
-        return (n = (s = shortcodeData.value) == null ? void 0 : s.flats) == null ? void 0 : n.map((i) => {
-          var u;
-          if (i != null && i.use_type || !(i != null && i.type)) {
-            const l = (u = types.value) == null ? void 0 : u.find((a) => (a == null ? void 0 : a.id) === (i == null ? void 0 : i.type_id));
-            l && (i.type = l);
+        return (v = (a = shortcodeData.value) == null ? void 0 : a.flats) == null ? void 0 : v.map((n) => {
+          var i;
+          if (n != null && n.use_type || !(n != null && n.type)) {
+            const p = (i = types.value) == null ? void 0 : i.find((m) => (m == null ? void 0 : m.id) === (n == null ? void 0 : n.type_id));
+            p && (n.type = p);
           }
-          return i;
+          return n;
         });
     }), actions = computed$1(() => {
-      var s;
+      var a;
       if (shortcodeData.value)
-        return (s = shortcodeData.value) == null ? void 0 : s.actions;
+        return (a = shortcodeData.value) == null ? void 0 : a.actions;
     }), projectMeta = computed$1(() => {
-      var s;
+      var a;
       if (shortcodeData.value)
-        return (s = shortcodeData.value) == null ? void 0 : s.meta;
-    }), getColorMeta = (s) => {
-      var n, i;
-      return (i = (n = projectMeta.value) == null ? void 0 : n.find((u) => (u == null ? void 0 : u.meta_key) === s)) == null ? void 0 : i.meta_value;
+        return (a = shortcodeData.value) == null ? void 0 : a.meta;
+    }), getColorMeta = (a) => {
+      var v, n;
+      return (n = (v = projectMeta.value) == null ? void 0 : v.find((i) => (i == null ? void 0 : i.meta_key) === a)) == null ? void 0 : n.meta_value;
     }, changeRoute = (flowType, polygonItem) => {
       switch (flowType) {
         case "project":
@@ -1163,8 +1561,8 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
           else if ((actionData == null ? void 0 : actionData.actionType) === "script")
             try {
               eval(actionData == null ? void 0 : actionData.script);
-            } catch (s) {
-              console.error("Error executing script:", s);
+            } catch (a) {
+              console.error("Error executing script:", a);
             }
           break;
       }
@@ -1172,83 +1570,89 @@ const Close = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render]]
     return watch(
       () => projectMeta.value,
       () => {
-        const s = getColorMeta("path_color"), n = getColorMeta("path_hover_color"), i = getColorMeta("reserved_color"), u = getColorMeta("sold_color"), l = getColorMeta("stroke_color"), a = getColorMeta("stroke_width");
-        s && (colors.path = s.toString()), n && (colors.path_hover = n.toString()), i && (colors.reserved = i.toString()), u && (colors.sold = u.toString()), l && (colors.stroke_color = l.toString()), a && (colors.stroke_width = Number(a));
+        const a = getColorMeta("path_color"), v = getColorMeta("path_hover_color"), n = getColorMeta("reserved_color"), i = getColorMeta("sold_color"), p = getColorMeta("stroke_color"), m = getColorMeta("stroke_width");
+        a && (colors.path = a.toString()), v && (colors.path_hover = v.toString()), n && (colors.reserved = n.toString()), i && (colors.sold = i.toString()), p && (colors.stroke_color = p.toString()), m && (colors.stroke_width = Number(m));
       }
-    ), (s, n) => (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: n[0] || (n[0] = (i, u) => changeRoute(i, u))
-            }, null, 8, ["project", "floors", "flats", "projectMeta", "blocks", "actions"])) : flow.value === "blockFlow" && flats.value && floors.value && blocks.value && activeBlock.value ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 1,
-              block: activeBlock.value,
-              flats: flats.value,
-              floors: floors.value,
-              actions: actions.value,
-              onChangeComponent: n[1] || (n[1] = (i, u) => changeRoute(i, u))
-            }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$a, {
-              key: 2,
-              flats: flats.value,
-              floor: activeFloor.value,
-              floors: floors.value,
-              blocks: blocks.value,
-              actions: actions.value,
-              onChangeComponent: n[2] || (n[2] = (i, u) => changeRoute(i, u))
-            }, null, 8, ["flats", "floor", "floors", "blocks", "actions"])) : flow.value === "flatFlow" ? (openBlock(), createBlock(_sfc_main$7, {
-              key: 3,
-              flat: hoveredData.value,
-              floors: floors.value,
-              onChangeComponent: n[3] || (n[3] = (i, u) => changeRoute(i, u))
-            }, null, 8, ["flat", "floors"])) : createCommentVNode("", !0)
-          ])) : createCommentVNode("", !0)
-        ]),
-        _: 1
-      }, 8, ["style"]),
-      (openBlock(), createBlock(Teleport, { to: "body" }, [
+    ), (a, v) => (openBlock(), createBlock(_sfc_main$2, { class: "interactive-real-estate" }, {
+      default: withCtx(() => [
         createVNode(Transition, {
           name: "ire-fade-in-out",
-          appear: ""
+          mode: "out-in",
+          style: normalizeStyle(cssVariables.value)
         }, {
           default: withCtx(() => [
-            showModal.value ? (openBlock(), createBlock(_sfc_main$5, {
-              key: 0,
-              onClose: n[4] || (n[4] = (i) => showModal.value = !1)
-            }, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$3, { modalData: hoveredData.value }, null, 8, ["modalData"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", !0)
+            shortcodeData.value ? (openBlock(), createElementBlock("div", { key: flow.value }, [
+              flow.value === "projectFlow" ? (openBlock(), createBlock(_sfc_main$f, {
+                key: 0,
+                project: project.value,
+                floors: floors.value,
+                flats: flats.value,
+                projectMeta: projectMeta.value,
+                blocks: blocks.value,
+                actions: actions.value,
+                onChangeComponent: v[0] || (v[0] = (n, i) => changeRoute(n, i))
+              }, null, 8, ["project", "floors", "flats", "projectMeta", "blocks", "actions"])) : flow.value === "blockFlow" && flats.value && floors.value && blocks.value && activeBlock.value ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 1,
+                block: activeBlock.value,
+                flats: flats.value,
+                floors: floors.value,
+                actions: actions.value,
+                onChangeComponent: v[1] || (v[1] = (n, i) => changeRoute(n, i))
+              }, null, 8, ["block", "flats", "floors", "actions"])) : flow.value === "floorFlow" && floors.value && activeFloor.value ? (openBlock(), createBlock(_sfc_main$b, {
+                key: 2,
+                flats: flats.value,
+                floor: activeFloor.value,
+                floors: floors.value,
+                blocks: blocks.value,
+                actions: actions.value,
+                onChangeComponent: v[2] || (v[2] = (n, i) => changeRoute(n, i))
+              }, null, 8, ["flats", "floor", "floors", "blocks", "actions"])) : flow.value === "flatFlow" ? (openBlock(), createBlock(_sfc_main$8, {
+                key: 3,
+                flat: hoveredData.value,
+                floors: floors.value,
+                onChangeComponent: v[3] || (v[3] = (n, i) => changeRoute(n, i))
+              }, null, 8, ["flat", "floors"])) : createCommentVNode("", !0)
+            ])) : createCommentVNode("", !0)
           ]),
           _: 1
-        })
-      ]))
-    ]));
+        }, 8, ["style"]),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createVNode(Transition, {
+            name: "ire-fade-in-out",
+            appear: ""
+          }, {
+            default: withCtx(() => [
+              showModal.value ? (openBlock(), createBlock(_sfc_main$6, {
+                key: 0,
+                onClose: v[4] || (v[4] = (n) => showModal.value = !1)
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$4, { modalData: hoveredData.value }, null, 8, ["modalData"])
+                ]),
+                _: 1
+              })) : createCommentVNode("", !0)
+            ]),
+            _: 1
+          })
+        ]))
+      ]),
+      _: 1
+    }));
   }
 }), _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Project",
   props: {
     data: {}
   },
-  setup(r) {
-    return (e, t) => (openBlock(), createElementBlock("div", null, [
-      createVNode(_sfc_main$1, { "shortcode-data-props": e.data }, null, 8, ["shortcode-data-props"])
+  setup(e) {
+    const t = e;
+    return useGlobalStore(), provide("shortcodeData", t.data), (r, o) => (openBlock(), createElementBlock("div", null, [
+      createVNode(_sfc_main$1, { "shortcode-data-props": r.data }, null, 8, ["shortcode-data-props"])
     ]));
   }
-});
+}), pinia = createPinia(), app = createApp(App);
+app.use(pinia);
+app.mount("#app");
 export {
   _sfc_main as Project
 };