@oneb/ui-vue 0.3.13 → 0.3.15

package/dist/layout/index.js

@@ -1,12 +1,18 @@
-import { openBlock as t, createElementBlock as l, createElementVNode as e, defineComponent as c1, computed as M, ref as $, resolveComponent as q1, Fragment as K, normalizeClass as c, toDisplayString as u, createCommentVNode as a, createBlock as w, resolveDynamicComponent as _, unref as k, withModifiers as t1, withCtx as i1, renderList as s1, watch as l1, onMounted as p1, onBeforeUnmount as J1, watchEffect as R1, shallowRef as K1, normalizeStyle as Q1, withDirectives as u1, vShow as d1, createTextVNode as e1, createVNode as T, onUnmounted as G1, renderSlot as n1 } from "vue";
-import { r as a1, a as r1, b as X1 } from "../ChevronRightIcon-8df1af46.js";
-import { _ as f1 } from "../_plugin-vue_export-helper-dad06003.js";
-import { j as Y1, e as ee, O as te, d as se } from "../OneHelpMenu-8e315cb3.js";
+import { openBlock as t, createElementBlock as l, createElementVNode as e, defineComponent as c1, computed as M, ref as $, resolveComponent as q1, Fragment as K, normalizeClass as c, toDisplayString as u, createCommentVNode as a, createBlock as w, resolveDynamicComponent as _, unref as k, withModifiers as t1, withCtx as i1, renderList as s1, watch as l1, onMounted as p1, onBeforeUnmount as J1, watchEffect as R1, shallowRef as K1, normalizeStyle as Q1, withDirectives as u1, vShow as d1, createTextVNode as e1, createVNode as j, onUnmounted as G1, renderSlot as n1 } from "vue";
+import { r as a1, a as X1 } from "../ChevronRightIcon-4549a26b.js";
+import { r as r1 } from "../ChevronDownIcon-6805ce6c.js";
+import { _ as m1 } from "../_plugin-vue_export-helper-dad06003.js";
+import { g as Y1, c as ee, O as te, b as se } from "../OneHelpMenu-d7a39a69.js";
 import { OneButton as U1 } from "../button/index.js";
 import { r as le } from "../XMarkIcon-51ef0691.js";
-import { S as oe } from "../SpinnerIcon-516264ba.js";
+import { S as oe } from "../SpinnerIcon-74648c98.js";
 import { OneMarkdown as ne } from "../common/index.js";
+import "../OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import "../floating-ui.dom-4509432e.js";
+import "@floating-ui/vue";
 import "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
+import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
+import "vue-markdown-render";
 function ae(v, C) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -175,7 +181,7 @@ const Z1 = {
 }, ue = ["href"], de = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ce = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
-}, fe = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, he = { class: "py-[8px] pl-0 pr-0" }, me = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ve = {
+}, me = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, fe = { class: "py-[8px] pl-0 pr-0" }, he = { class: "flex flex-nowrap items-center w-full h-[24px]" }, ve = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
 }, Ce = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, we = { class: "py-[8px] pl-0 pr-0" }, xe = {
@@ -201,9 +207,9 @@ const Z1 = {
   props: ie,
   emits: ["update-collapsed"],
   setup(v, { emit: C }) {
-    const r = v, d = C, g = M(() => r.href ?? !1), b = M(() => m(r)), m = (o) => o.route ? o.route : o.routeName ? { name: o.routeName } : null, L = $(r.open), V = (o, y = r) => {
-      var f;
-      return (y == null ? void 0 : y.menuGroup) && (o == null ? void 0 : o.meta) && ((f = o.meta) == null ? void 0 : f.menuGroup) && o.meta.menuGroup && o.meta.menuGroup === y.menuGroup;
+    const r = v, d = C, g = M(() => r.href ?? !1), b = M(() => h(r)), h = (o) => o.route ? o.route : o.routeName ? { name: o.routeName } : null, L = $(r.open), V = (o, y = r) => {
+      var m;
+      return (y == null ? void 0 : y.menuGroup) && (o == null ? void 0 : o.meta) && ((m = o.meta) == null ? void 0 : m.menuGroup) && o.meta.menuGroup && o.meta.menuGroup === y.menuGroup;
     }, E = () => {
       L.value = !L.value;
     }, B = (o, y) => {
@@ -211,7 +217,7 @@ const Z1 = {
     };
     return (o, y) => {
       var O, n;
-      const f = q1("RouterLink");
+      const m = q1("RouterLink");
       return t(), l(K, null, [
         o.labelTop ? (t(), l("p", {
           key: 0,
@@ -228,8 +234,8 @@ const Z1 = {
             o.icon ? (t(), l("div", ce, [
               (t(), w(_(o.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : a("", !0),
-            e("div", fe, [
-              e("span", he, u(o.label), 1)
+            e("div", me, [
+              e("span", fe, u(o.label), 1)
             ]),
             r.subItems && r.subItems.length > 0 ? (t(), l("div", {
               key: 1,
@@ -239,7 +245,7 @@ const Z1 = {
             ], 2)) : a("", !0)
           ])
         ], 10, ue)) : a("", !0),
-        !g.value && b.value ? (t(), w(f, {
+        !g.value && b.value ? (t(), w(m, {
           key: 2,
           to: b.value,
           exact: o.exact,
@@ -252,7 +258,7 @@ const Z1 = {
           onClick: t1(B, ["prevent"])
         }, {
           default: i1(() => [
-            e("div", me, [
+            e("div", he, [
               o.icon ? (t(), l("div", ve, [
                 (t(), w(_(o.icon), { class: "w-[24px] h-[24px] mx-auto" }))
               ])) : a("", !0),
@@ -310,9 +316,9 @@ const Z1 = {
                       (t(), w(_(i.icon), { class: "w-[15px] h-[15px] mx-auto" }))
                     ], 2)) : a("", !0)
                   ])
-                ], 8, _e)) : m(i) ? (t(), w(f, {
+                ], 8, _e)) : h(i) ? (t(), w(m, {
                   key: 1,
-                  to: m(i),
+                  to: h(i),
                   onClick: y[0] || (y[0] = t1((S) => B(S, !0), ["prevent"])),
                   class: c(["flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", {
                     "w-[44px] h-[44px]": o.slim,
@@ -336,15 +342,15 @@ const Z1 = {
       ], 64);
     };
   }
-}), Ve = {}, je = {
+}), Ve = {}, ze = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   fill: "none"
 };
-function ze(v, C) {
-  return t(), l("svg", je, [...C[0] || (C[0] = [
+function Te(v, C) {
+  return t(), l("svg", ze, [...C[0] || (C[0] = [
     e("path", {
       d: "M9.27987 15.963H7.76282V9.97577C7.76282 9.67316 7.575 9.40658 7.29326 9.29851L6.7948 9.11839V8.57802V8.03766H8.10957C8.60081 8.03766 8.91867 8.12412 9.05592 8.30424C9.20763 8.48436 9.27987 8.8374 9.27987 9.36335V15.963Z",
       fill: "currentColor"
@@ -361,23 +367,23 @@ function ze(v, C) {
     }, null, -1)
   ])]);
 }
-const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
+const D1 = /* @__PURE__ */ m1(Ve, [["render", Te]]), W1 = (v) => {
   if (Array.isArray(v))
     return v.map(k);
   const C = k(v);
   return Array.isArray(C) ? C : [C];
-}, Te = (v, C) => {
+}, je = (v, C) => {
   let r;
   const d = (g) => {
     g.forEach((b) => {
-      const m = k(b);
-      if (m) {
-        if (!(m instanceof Element))
+      const h = k(b);
+      if (h) {
+        if (!(h instanceof Element))
           throw console.error("Vuestic: Trying to observe non-HTMLElement", {
-            target: m,
+            target: h,
             array: v
           }), new Error("Vuestic: Unable to observe non-HTMLElement");
-        m && (r == null || r.observe(m));
+        h && (r == null || r.observe(h));
       }
     });
   };
@@ -388,7 +394,7 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
   }), J1(() => r == null ? void 0 : r.disconnect()), r;
 }, He = (v) => {
   const C = $(null);
-  return Te([v], () => {
+  return je([v], () => {
     var r;
     C.value = ((r = v.value) == null ? void 0 : r.clientWidth) ?? null;
   }), R1(() => {
@@ -439,7 +445,7 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
       return ((s = d.news) == null ? void 0 : s.unseenCount) || 0;
     }), b = () => {
       r("show-news");
-    }, m = $(!1), L = $(d.hoverable);
+    }, h = $(!1), L = $(d.hoverable);
     l1(d, () => {
       d.modelValue ? L.value = !0 : L.value = !1;
     }), d.modelValue && (L.value = !0);
@@ -452,15 +458,15 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
           return s.push("w-full");
       return s.join(" ");
     }), B = M(() => ""), o = (s) => {
-      m.value = L.value && s;
-    }, y = M(() => L.value && !m.value), f = M(() => !!y.value), O = $(), n = He(O), i = M(() => d.modelValue === !0 || n.value === null ? !0 : n.value > 0), I = $(), H = () => y.value ? d.minimizedWidth : d.width;
+      h.value = L.value && s;
+    }, y = M(() => L.value && !h.value), m = M(() => !!y.value), O = $(), n = He(O), i = M(() => d.modelValue === !0 || n.value === null ? !0 : n.value > 0), I = $(), H = () => y.value ? d.minimizedWidth : d.width;
     R1(() => {
       const s = H();
       setTimeout(() => {
         I.value = s;
       });
     });
-    const S = $(!1), j = $(
+    const S = $(!1), z = $(
       (P = d.app) != null && P.availableLang && ((A = d.app) == null ? void 0 : A.availableLang.length) > 0 ? (F = d.app) == null ? void 0 : F.availableLang.find((s) => {
         var x;
         return s.id == ((x = d.app) == null ? void 0 : x.lang);
@@ -468,50 +474,50 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
     ), Q = () => {
       S.value = !S.value;
     }, X = (s) => {
-      j.value = s, S.value = !1, r("select-language", s);
+      z.value = s, S.value = !1, r("select-language", s);
     }, Y = () => {
       var s, x;
       (x = (s = d.app) == null ? void 0 : s.selectedPlan) != null && x.url && (window.location.href = d.app.selectedPlan.url);
     };
     return (s, x) => {
-      var N, G, W, q, R, U, Z, D, p, z, J, h1, m1, v1, C1, w1, x1, b1, y1, g1, L1, k1, _1, $1, S1, M1, B1, O1, V1, j1, z1, T1, H1, E1, I1, P1, A1;
+      var N, G, W, q, R, U, Z, D, p, T, J, f1, h1, v1, C1, w1, x1, b1, y1, g1, L1, k1, _1, $1, S1, M1, B1, O1, V1, z1, T1, j1, H1, E1, I1, P1, A1;
       return t(), l("aside", {
         ref_key: "rootElement",
         ref: V,
-        class: c(["oneb-sidebar pt-[56px] pb-1 cont flex flex-col sidebar z-40", [E.value, f.value ? "sm:max-w-[260px] w-full sm:w-max" : "sm:w-[260px] w-full"]]),
+        class: c(["oneb-sidebar pt-[56px] pb-1 cont flex flex-col sidebar z-40", [E.value, m.value ? "sm:max-w-[260px] w-full sm:w-max" : "sm:w-[260px] w-full"]]),
         style: Q1(B.value),
-        onMouseenter: x[1] || (x[1] = (h) => o(!0)),
-        onMouseleave: x[2] || (x[2] = (h) => o(!1))
+        onMouseenter: x[1] || (x[1] = (f) => o(!0)),
+        onMouseleave: x[2] || (x[2] = (f) => o(!1))
       }, [
         u1(e("div", {
           class: "overflow-y-auto top-[56px] left-0 overflow-hidden lg:bg-transparent transition-all z-50 px-1 ml-1 mr-1 mt-2 flex-grow",
           ref_key: "menu",
           ref: O
         }, [
-          (t(!0), l(K, null, s1(s.items, (h) => (t(), w(Oe, {
-            key: h.label,
-            labelTop: h.labelTop,
+          (t(!0), l(K, null, s1(s.items, (f) => (t(), w(Oe, {
+            key: f.label,
+            labelTop: f.labelTop,
             isMobile: s.isMobile,
-            subItems: h.subItems,
-            open: h.open,
-            icon: h.icon,
-            label: h.label,
-            route: h.route,
-            menuGroup: h == null ? void 0 : h.menuGroup,
-            href: h.href,
-            slim: f.value,
-            "route-name": h.routeName,
-            exact: h.exact || !1,
+            subItems: f.subItems,
+            open: f.open,
+            icon: f.icon,
+            label: f.label,
+            route: f.route,
+            menuGroup: f == null ? void 0 : f.menuGroup,
+            href: f.href,
+            slim: m.value,
+            "route-name": f.routeName,
+            exact: f.exact || !1,
             onUpdateCollapsed: x[0] || (x[0] = (o1) => r("update-collapsed"))
           }, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "menuGroup", "href", "slim", "route-name", "exact"]))), 128))
         ], 512), [
           [d1, i.value]
         ]),
         u1(e("div", {
-          class: c(["mt-auto shrink rounded-2xl mx-2", [f.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
+          class: c(["mt-auto shrink rounded-2xl mx-2", [m.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
         }, [
           e("div", {
-            class: c([f.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
+            class: c([m.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
           }, [
             (N = s.app) != null && N.offerPlan ? (t(), l("a", {
               key: 0,
@@ -538,12 +544,12 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
                   (t(), w(_((p = s.app) == null ? void 0 : p.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
                 ]),
                 e("div", Ge, [
-                  e("p", null, u(((z = s.app) == null ? void 0 : z.selectedPlan.name) || ""), 1),
+                  e("p", null, u(((T = s.app) == null ? void 0 : T.selectedPlan.name) || ""), 1),
                   e("p", null, u(((J = s.app) == null ? void 0 : J.selectedPlan.title) || ""), 1)
                 ])
               ]),
               e("div", We, [
-                T(U1, {
+                j(U1, {
                   class: "text-[#525B66] hover:text-[#4089E0] !rounded-lg",
                   variant: "touch",
                   icon: k(X1),
@@ -551,9 +557,9 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
                 }, null, 8, ["icon"])
               ])
             ])) : a("", !0),
-            (h1 = s.app) != null && h1.terms ? (t(), l("a", {
+            (f1 = s.app) != null && f1.terms ? (t(), l("a", {
               key: 2,
-              href: (m1 = s.app) == null ? void 0 : m1.terms.url,
+              href: (h1 = s.app) == null ? void 0 : h1.terms.url,
               target: "_blank",
               class: "ml-1 flex items-center rounded-lg text-xs hover:underline font-extralight"
             }, [
@@ -580,49 +586,49 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
                 class: "select-box flex gap-x-2 text-xs text-[#525B66] cursor-pointer",
                 onClick: Q
               }, [
-                T(k(Y1), { class: "w-4" }),
-                e1(" " + u((g1 = j.value) == null ? void 0 : g1.name) + " ", 1),
+                j(k(Y1), { class: "w-4" }),
+                e1(" " + u((g1 = z.value) == null ? void 0 : g1.name) + " ", 1),
                 e("span", Ye, u(S.value ? "▲" : "▼"), 1)
               ]),
               S.value ? (t(), l("div", e0, [
-                (t(!0), l(K, null, s1((L1 = s.app) == null ? void 0 : L1.availableLang, (h) => {
+                (t(!0), l(K, null, s1((L1 = s.app) == null ? void 0 : L1.availableLang, (f) => {
                   var o1, F1;
                   return t(), l("div", {
-                    key: h.id,
+                    key: f.id,
                     class: c(["px-2", {
-                      "hover:bg-slate-200 rounded-lg cursor-pointer": h.id !== ((o1 = j.value) == null ? void 0 : o1.id),
-                      "text-gray-300": h.id === ((F1 = j.value) == null ? void 0 : F1.id)
+                      "hover:bg-slate-200 rounded-lg cursor-pointer": f.id !== ((o1 = z.value) == null ? void 0 : o1.id),
+                      "text-gray-300": f.id === ((F1 = z.value) == null ? void 0 : F1.id)
                     }]),
                     onClick: (X0) => {
                       var N1;
-                      return h.id !== ((N1 = j.value) == null ? void 0 : N1.id) && X(h);
+                      return f.id !== ((N1 = z.value) == null ? void 0 : N1.id) && X(f);
                     }
-                  }, u(h.name), 11, t0);
+                  }, u(f.name), 11, t0);
                 }), 128))
               ])) : a("", !0)
             ])) : a("", !0)
           ], 2),
-          !f.value && ((k1 = s.app) != null && k1.offer || ($1 = (_1 = s.app) == null ? void 0 : _1.availableLang) != null && $1.length || (S1 = s.app) != null && S1.selectedPlan && ((M1 = s.app) != null && M1.selectedPlan.name) || (B1 = s.app) != null && B1.offerPlan) ? (t(), l("div", s0)) : a("", !0),
+          !m.value && ((k1 = s.app) != null && k1.offer || ($1 = (_1 = s.app) == null ? void 0 : _1.availableLang) != null && $1.length || (S1 = s.app) != null && S1.selectedPlan && ((M1 = s.app) != null && M1.selectedPlan.name) || (B1 = s.app) != null && B1.offerPlan) ? (t(), l("div", s0)) : a("", !0),
           e("div", {
-            class: c([f.value ? "grid" : "flex space-x-2"])
+            class: c([m.value ? "grid" : "flex space-x-2"])
           }, [
             s.news ? (t(), l("a", {
               key: 0,
               href: "#",
-              class: c(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all bg-gray-100 px-1", [f.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
+              class: c(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all bg-gray-100 px-1", [m.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
               onClick: b
             }, [
               s.news.menuLabel ? (t(), l("div", l0, u(s.news.menuLabel || "News"), 1)) : a("", !0),
               e("div", {
-                class: c(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+                class: c(["w-full", [m.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
                 e("div", {
-                  class: c(["relative items-center", [f.value ? "" : "flex flex-row space-x-1"]])
+                  class: c(["relative items-center", [m.value ? "" : "flex flex-row space-x-1"]])
                 }, [
                   e("div", null, [
                     (t(), w(_(D1), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
-                  f.value ? a("", !0) : (t(), l("div", o0, u(s.news.menuLabel || "News"), 1)),
+                  m.value ? a("", !0) : (t(), l("div", o0, u(s.news.menuLabel || "News"), 1)),
                   g.value > 0 ? (t(), l("span", n0)) : a("", !0),
                   g.value > 0 ? (t(), l("span", a0)) : a("", !0)
                 ], 2)
@@ -630,26 +636,26 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
             ], 2)) : a("", !0),
             (O1 = s.app) != null && O1.support ? (t(), l("a", {
               key: 1,
-              href: (j1 = (V1 = s.app) == null ? void 0 : V1.support) == null ? void 0 : j1.url,
-              class: c(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [f.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
+              href: (z1 = (V1 = s.app) == null ? void 0 : V1.support) == null ? void 0 : z1.url,
+              class: c(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [m.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
             }, [
-              (T1 = (z1 = s.app) == null ? void 0 : z1.support) != null && T1.label ? (t(), l("div", i0, u(((E1 = (H1 = s.app) == null ? void 0 : H1.support) == null ? void 0 : E1.label) || "Support"), 1)) : a("", !0),
+              (j1 = (T1 = s.app) == null ? void 0 : T1.support) != null && j1.label ? (t(), l("div", i0, u(((E1 = (H1 = s.app) == null ? void 0 : H1.support) == null ? void 0 : E1.label) || "Support"), 1)) : a("", !0),
               e("div", {
-                class: c(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
+                class: c(["w-full", [m.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
               }, [
                 e("div", {
-                  class: c(["flex-shrink-0 relative", [f.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
+                  class: c(["flex-shrink-0 relative", [m.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
                 }, [
                   e("div", null, [
                     (t(), w(_(k(re)), { class: "w-[20px] h-[20px] mx-auto" }))
                   ]),
-                  f.value ? a("", !0) : (t(), l("div", p0, u(((P1 = (I1 = s.app) == null ? void 0 : I1.support) == null ? void 0 : P1.label) || "Support"), 1))
+                  m.value ? a("", !0) : (t(), l("div", p0, u(((P1 = (I1 = s.app) == null ? void 0 : I1.support) == null ? void 0 : P1.label) || "Support"), 1))
                 ], 2)
               ], 2)
             ], 10, r0)) : a("", !0)
           ], 2),
           e("p", {
-            class: c([[f.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
+            class: c([[m.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
           }, [
             x[4] || (x[4] = e("span", null, [
               e1("Powered by "),
@@ -664,10 +670,10 @@ const D1 = /* @__PURE__ */ f1(Ve, [["render", ze]]), W1 = (v) => {
     };
   }
 });
-const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { class: "h-screen relative" }, f0 = {
+const d0 = /* @__PURE__ */ m1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { class: "h-screen relative" }, m0 = {
   class: "header h-[56px] flex items-center flex-nowrap fixed top-0 left-0 w-full z-50",
   style: { background: "rgba(245, 247, 251, 0.8)", "backdrop-filter": "blur(5px)" }
-}, h0 = { class: "sm:p-2 pl-2 flex-shrink-0" }, m0 = { class: "w-8 h-8 sm:w-10 sm:h-10 flex items-center flex-shrink-0" }, v0 = ["src"], C0 = { class: "whitespace-nowrap font-semibold sm:text-xl truncate" }, w0 = { class: "text-xs whitespace-nowrap truncate" }, x0 = { class: "w-full pl-1" }, b0 = { class: "w-full flex justify-end sm:pr-4" }, y0 = { class: "flex items-center sm:space-x-1" }, g0 = {
+}, f0 = { class: "sm:p-2 pl-2 flex-shrink-0" }, h0 = { class: "w-8 h-8 sm:w-10 sm:h-10 flex items-center flex-shrink-0" }, v0 = ["src"], C0 = { class: "whitespace-nowrap font-semibold sm:text-xl truncate" }, w0 = { class: "text-xs whitespace-nowrap truncate" }, x0 = { class: "w-full pl-1" }, b0 = { class: "w-full flex justify-end sm:pr-4" }, y0 = { class: "flex items-center sm:space-x-1" }, g0 = {
   key: 0,
   class: "module-border-wrap flex justify-center items-center h-6 w-max"
 }, L0 = { class: "h-4 w-4" }, k0 = { class: "ml-2 hidden sm:flex" }, _0 = { class: "flex h-full" }, $0 = { key: 0 }, S0 = {
@@ -679,7 +685,7 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
 }, V0 = {
   key: 0,
   class: "p-5"
-}, j0 = { key: 1 }, z0 = { class: "p-4 text-gray text-center" }, T0 = { key: 2 }, H0 = {
+}, z0 = { key: 1 }, T0 = { class: "p-4 text-gray text-center" }, j0 = { key: 2 }, H0 = {
   class: "p-3 space-y-1.5 rounded-lg",
   style: { "box-shadow": "0 0 6px #eaeaea" }
 }, E0 = { key: 0 }, I0 = {
@@ -706,8 +712,8 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
     $(!0), l1(b, (n) => {
       window.localStorage.setItem("sidebar-slim", String(n ? 1 : 0));
     });
-    const m = $(!1), L = () => {
-      m.value = !m.value, m.value && r("load-news");
+    const h = $(!1), L = () => {
+      h.value = !h.value, h.value && r("load-news");
     }, V = M(() => d.showHeadre);
     l1(
       () => d.showHeadre,
@@ -727,27 +733,27 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
     const y = (n) => {
       var i;
       (i = d.handlers) == null || i.onSetLang(n);
-    }, f = $(!1), O = () => {
-      f.value = window.matchMedia("(min-width: 769px)").matches;
+    }, m = $(!1), O = () => {
+      m.value = window.matchMedia("(min-width: 769px)").matches;
     };
     return p1(() => {
       O(), window.addEventListener("resize", O);
     }), G1(() => {
       window.removeEventListener("resize", O);
     }), (n, i) => {
-      var H, S, j, Q, X, Y, P, A, F, s, x, N, G, W, q, R, U, Z, D;
+      var H, S, z, Q, X, Y, P, A, F, s, x, N, G, W, q, R, U, Z, D;
       const I = q1("RouterLink");
       return t(), l("div", c0, [
-        u1(e("div", f0, [
-          e("div", h0, [
+        u1(e("div", m0, [
+          e("div", f0, [
             e("button", {
               onClick: i[0] || (i[0] = (p) => b.value = !b.value),
               class: "sm:w-[44px] sm:h-[44px] w-8 h-8 sm:p-[8px] flex items-center justify-center rounded hover:bg-secondary-10 hover:text-blue-600"
             }, [
-              T(k(ae), { class: "sm:w-[24px] sm:h-[24px] w-6 h-6" })
+              j(k(ae), { class: "sm:w-[24px] sm:h-[24px] w-6 h-6" })
             ])
           ]),
-          e("div", m0, [
+          e("div", h0, [
             n.logoSrc != null ? (t(), l("img", {
               key: 0,
               src: n.logoSrc,
@@ -761,10 +767,10 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
             class: "sm:pl-2 pl-1 truncate w-full"
           }, {
             default: i1(() => {
-              var p, z;
+              var p, T;
               return [
                 e("div", C0, u(n.app.name), 1),
-                e("div", w0, u((z = (p = n.app) == null ? void 0 : p.workspace) == null ? void 0 : z.name), 1)
+                e("div", w0, u((T = (p = n.app) == null ? void 0 : p.workspace) == null ? void 0 : T.name), 1)
               ];
             }),
             _: 1
@@ -779,15 +785,15 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
                     class: "cursor-pointer flex items-center h-full bg-[#FFF8E4] hover:bg-[#f2e3b8] rounded-full px-2 py-1 font-medium",
                     onClick: i[1] || (i[1] = //@ts-ignore
                     (...p) => {
-                      var z, J;
-                      return ((z = n.handlers) == null ? void 0 : z.onImproveTariff) && ((J = n.handlers) == null ? void 0 : J.onImproveTariff(...p));
+                      var T, J;
+                      return ((T = n.handlers) == null ? void 0 : T.onImproveTariff) && ((J = n.handlers) == null ? void 0 : J.onImproveTariff(...p));
                     }),
                     style: { "font-size": "10px" }
                   }, [
                     e("div", L0, [
                       (t(), w(_((S = n.improveTariff) == null ? void 0 : S.icon), { class: "h-4 w-4 mx-auto" }))
                     ]),
-                    e("span", k0, u((j = n.improveTariff) == null ? void 0 : j.label), 1)
+                    e("span", k0, u((z = n.improveTariff) == null ? void 0 : z.label), 1)
                   ])
                 ])) : a("", !0),
                 n1(n.$slots, "head-right", {}, void 0, !0),
@@ -805,7 +811,7 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
                   "on-change": (s = n.handlers) == null ? void 0 : s.onChange,
                   onOpen: (x = n.handlers) == null ? void 0 : x.onBrowse
                 }, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : a("", !0),
-                T(se, {
+                j(se, {
                   user: n.user,
                   menu: n.menu,
                   app: n.app,
@@ -838,7 +844,7 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
           e("div", {
             class: c([[
               b.value ? "" : "lg:ml-[260px] hidden sm:block",
-              f.value ? "ml-[60px]" : ""
+              m.value ? "ml-[60px]" : ""
             ], "body scroll-body w-full overflow-y-auto"])
           }, [
             e("div", {
@@ -849,33 +855,33 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
           ], 2)
         ]),
         n.news ? (t(), l("div", $0, [
-          m.value ? (t(), l("div", {
+          h.value ? (t(), l("div", {
             key: 0,
             class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: i[4] || (i[4] = t1((p) => m.value = !1, ["self"]))
+            onClick: i[4] || (i[4] = t1((p) => h.value = !1, ["self"]))
           })) : a("", !0),
           e("div", {
-            class: c(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [m.value ? "sm:w-[560px] w-full" : "w-0"]])
+            class: c(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [h.value ? "sm:w-[560px] w-full" : "w-0"]])
           }, [
-            m.value ? (t(), l("div", S0, [
+            h.value ? (t(), l("div", S0, [
               e("div", M0, [
                 e("div", B0, [
-                  T(D1, { class: "w-10 h-10" }),
+                  j(D1, { class: "w-10 h-10" }),
                   i[6] || (i[6] = e("div", { class: "w-full font-medium" }, "OneB News", -1)),
                   e("div", null, [
-                    T(U1, {
+                    j(U1, {
                       variant: "touch",
                       icon: k(le),
-                      onClick: i[5] || (i[5] = (p) => m.value = !1)
+                      onClick: i[5] || (i[5] = (p) => h.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
                 e("div", O0, [
                   n.news.isLoading && ((U = n.news.items) == null ? void 0 : U.length) === 0 ? (t(), l("div", V0, [
-                    T(oe, { class: "w-6 h-6 text-gray-600 mx-auto" })
-                  ])) : ((Z = n.news.items) == null ? void 0 : Z.length) === 0 ? (t(), l("div", j0, [
-                    e("div", z0, u(n.news.emptyText), 1)
-                  ])) : ((D = n.news.items) == null ? void 0 : D.length) > 0 ? (t(), l("div", T0, [
+                    j(oe, { class: "w-6 h-6 text-gray-600 mx-auto" })
+                  ])) : ((Z = n.news.items) == null ? void 0 : Z.length) === 0 ? (t(), l("div", z0, [
+                    e("div", T0, u(n.news.emptyText), 1)
+                  ])) : ((D = n.news.items) == null ? void 0 : D.length) > 0 ? (t(), l("div", j0, [
                     (t(!0), l(K, null, s1(n.news.items, (p) => (t(), l("div", {
                       key: p.id,
                       class: "p-3"
@@ -896,7 +902,7 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
                           }, null, 8, q0)
                         ])) : a("", !0),
                         e("div", R0, [
-                          T(ne, {
+                          j(ne, {
                             text: p.body
                           }, null, 8, ["text"])
                         ]),
@@ -928,8 +934,8 @@ const d0 = /* @__PURE__ */ f1(u0, [["__scopeId", "data-v-6a4d29f3"]]), c0 = { cl
     };
   }
 });
-const i9 = /* @__PURE__ */ f1(Q0, [["__scopeId", "data-v-f5bf3126"]]);
+const f9 = /* @__PURE__ */ m1(Q0, [["__scopeId", "data-v-f5bf3126"]]);
 export {
-  i9 as OneMainLayout,
+  f9 as OneMainLayout,
   d0 as OneSidebar
 };

package/dist/modal/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../useModal-98810f6a.cjs"),e=require("vue"),s=require("../_plugin-vue_export-helper-f246444f.cjs"),r={},l={class:"p-3 space-y-3"};function c(t,o){return e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(t.$slots,"default")])}const d=s._export_sfc(r,[["render",c]]),a={},i={class:"p-3 xl:pl-5 flex justify-end items-center space-x-3 border-t rounded-b"};function u(t,o){return e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"default")])}const p=s._export_sfc(a,[["render",u]]),_={class:"flex items-start justify-between p-3 border-b rounded-t"},f={key:0,class:"text-xl"},m={key:1,class:"px-8 pt-2 flex gap-x-2.5 flex-shrink-0 mt-auto"},k=e.defineComponent({__name:"OneModalHeader",props:n.modalProps,setup(t){return(o,B)=>(e.openBlock(),e.createElementBlock("div",_,[o.title?(e.openBlock(),e.createElementBlock("p",f,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),o.$slots.button?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(o.$slots,"button",{onClose:o.onClose})])):e.createCommentVNode("",!0)]))}});exports.OneModal=n.OneModal;exports.useModal=n.useModal;exports.OneModalBody=d;exports.OneModalFooter=p;exports.OneModalHeader=k;

package/dist/modal/index.js

@@ -0,0 +1,41 @@
+import { m as d } from "../useModal-85f57682.js";
+import { O as j, u as H } from "../useModal-85f57682.js";
+import { openBlock as o, createElementBlock as t, renderSlot as n, defineComponent as l, toDisplayString as c, createCommentVNode as r } from "vue";
+import { _ as a } from "../_plugin-vue_export-helper-dad06003.js";
+const i = {}, _ = { class: "p-3 space-y-3" };
+function p(s, e) {
+  return o(), t("div", _, [
+    n(s.$slots, "default")
+  ]);
+}
+const k = /* @__PURE__ */ a(i, [["render", p]]), f = {}, m = { class: "p-3 xl:pl-5 flex justify-end items-center space-x-3 border-t rounded-b" };
+function u(s, e) {
+  return o(), t("div", m, [
+    n(s.$slots, "default")
+  ]);
+}
+const v = /* @__PURE__ */ a(f, [["render", u]]), h = { class: "flex items-start justify-between p-3 border-b rounded-t" }, x = {
+  key: 0,
+  class: "text-xl"
+}, $ = {
+  key: 1,
+  class: "px-8 pt-2 flex gap-x-2.5 flex-shrink-0 mt-auto"
+}, C = /* @__PURE__ */ l({
+  __name: "OneModalHeader",
+  props: d,
+  setup(s) {
+    return (e, b) => (o(), t("div", h, [
+      e.title ? (o(), t("p", x, c(e.title), 1)) : r("", !0),
+      e.$slots.button ? (o(), t("div", $, [
+        n(e.$slots, "button", { onClose: e.onClose })
+      ])) : r("", !0)
+    ]));
+  }
+});
+export {
+  j as OneModal,
+  k as OneModalBody,
+  v as OneModalFooter,
+  C as OneModalHeader,
+  H as useModal
+};