@citruslime/ui 4.0.0-beta.10 → 4.0.0-beta.11

package/dist/citrus-lime-ui.es.js

@@ -1519,16 +1519,16 @@ const Sa = {
   fallbackWarn: !1,
   warnHtmlMessage: !1
 });
-function Yu(o, t) {
+function Qu(o, t) {
   return qe.global.mergeLocaleMessage(o, t), Fe();
 }
-function Ju(o, t) {
+function Yu(o, t) {
   return qe.global.mergeNumberFormat(o, t), Fe();
 }
-function Xu(o, t) {
+function Ju(o, t) {
   return qe.global.mergeDateTimeFormat(o, t), Fe();
 }
-function xu(o) {
+function Xu(o) {
   return qe.global.locale.value = o, Fe();
 }
 const { locale: Da, getNumberFormat: Oa } = qe.global, cl = ae.DECIMAL;
@@ -1682,7 +1682,7 @@ function Ia(o) {
       from: "@iconify/vue"
     };
 }
-function _u() {
+function xu() {
   return Ia;
 }
 const { t: Ae } = qe.global;
@@ -7110,7 +7110,7 @@ const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
       ], 64);
     };
   }
-}), cu = { class: "cl-flex-shrink-0 cl-overflow-hidden cl-w-full" }, du = ["title"], pu = { class: "cl-flex cl-flex-1 cl-items-center cl-justify-between" }, fu = { class: "cl-font-semibold" }, mu = { class: "cl-overflow-hidden" }, gu = { class: "cl-mt-1" }, vu = /* @__PURE__ */ j({
+}), cu = { class: "cl-flex-shrink-0 cl-overflow-hidden cl-w-full" }, du = ["title"], pu = { class: "cl-flex cl-flex-1 cl-items-center cl-justify-between" }, fu = { class: "cl-font-semibold" }, mu = { class: "cl-mt-1" }, gu = /* @__PURE__ */ j({
   __name: "cl-ui-menu-group",
   props: {
     title: {},
@@ -7140,10 +7140,15 @@ const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
             [de, t.menuOpen]
           ])
         ], 8, du),
-        b("div", mu, [
-          q(Ie, { name: "menu-slide" }, {
+        b("div", {
+          class: E(["cl-overflow-hidden", { "animate-enabled": t.menuOpen }])
+        }, [
+          q(Ie, {
+            name: "menu-slide",
+            disabled: t.menuOpen === !1
+          }, {
             default: V(() => [
-              ne(b("div", gu, [
+              ne(b("div", mu, [
                 q(m(Dt), null, {
                   default: V(() => [
                     D(t.$slots, "default")
@@ -7155,12 +7160,12 @@ const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
               ])
             ]),
             _: 3
-          })
-        ])
+          }, 8, ["disabled"])
+        ], 2)
       ]);
     };
   }
-}), hu = { class: "cl-flex cl-flex-shrink-0 cl-h-12 cl-items-center cl-justify-center cl-w-12" }, Ql = "24", Ml = /* @__PURE__ */ j({
+}), vu = { class: "cl-flex cl-flex-shrink-0 cl-h-12 cl-items-center cl-justify-center cl-w-12" }, Ql = "24", Ml = /* @__PURE__ */ j({
   __name: "cl-ui-menu-icon",
   props: {
     iconValue: {}
@@ -7168,7 +7173,7 @@ const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
   setup(o) {
     return (t, l) => {
       const e = Se("icon");
-      return u(), v("div", hu, [
+      return u(), v("div", vu, [
         q(e, {
           icon: t.iconValue,
           width: Ql,
@@ -7177,26 +7182,26 @@ const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
       ]);
     };
   }
-}), bu = { class: "cl-flex cl-flex-row" }, yu = { class: "cl-flex cl-flex-1 cl-flex-col" }, Dt = /* @__PURE__ */ j({
+}), hu = { class: "cl-flex cl-flex-row" }, bu = { class: "cl-flex cl-flex-1 cl-flex-col" }, Dt = /* @__PURE__ */ j({
   __name: "cl-ui-menu-section",
   setup(o) {
-    return (t, l) => (u(), v("div", bu, [
+    return (t, l) => (u(), v("div", hu, [
       l[0] || (l[0] = b("div", { class: "cl-flex cl-flex-shrink-0 cl-justify-center cl-w-[47px]" }, [
         b("div", { class: "cl-bg-grey-2 cl-w-[1px]" }, "   ")
       ], -1)),
-      b("div", yu, [
+      b("div", bu, [
         D(t.$slots, "default")
       ])
     ]));
   }
-}), wu = { class: "cl-cursor-pointer cl-text-secondary-default cl-text-sm cl-transition-colors cl-w-full hover:cl-text-primary-dark" }, ku = /* @__PURE__ */ j({
+}), yu = { class: "cl-cursor-pointer cl-text-secondary-default cl-text-sm cl-transition-colors cl-w-full hover:cl-text-primary-dark" }, wu = /* @__PURE__ */ j({
   __name: "cl-ui-menu-item",
   setup(o) {
-    return (t, l) => (u(), v("div", wu, [
+    return (t, l) => (u(), v("div", yu, [
       D(t.$slots, "default")
     ]));
   }
-}), $u = ["height"], Tu = ["y2"], Su = ["y1", "y2"], Cu = /* @__PURE__ */ j({
+}), ku = ["height"], $u = ["y2"], Tu = ["y1", "y2"], Su = /* @__PURE__ */ j({
   __name: "cl-ui-tree-list-tree-path",
   props: {
     branchesAt: {}
@@ -7217,7 +7222,7 @@ const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
         x2: "50%",
         y2: t.branchesAt.at(-1) ?? 0,
         "stroke-linecap": "round"
-      }, null, 8, Tu),
+      }, null, 8, $u),
       (u(!0), v(K, null, x(e.branchesAt, (a, i) => (u(), v("line", {
         key: i,
         x1: "50%",
@@ -7225,14 +7230,14 @@ const ji = /* @__PURE__ */ Te(Bi, [["render", Fi]]), Pi = /* @__PURE__ */ j({
         x2: "100%",
         y2: a,
         "stroke-linecap": "round"
-      }, null, 8, Su))), 128))
-    ], 8, $u));
+      }, null, 8, Tu))), 128))
+    ], 8, ku));
   }
 });
-function qu(...o) {
+function Cu(...o) {
   return o.map((t) => t.replace(/ /g, "_")).join(" ");
 }
-function Du(o, t) {
+function qu(o, t) {
   var s;
   const l = t.split(" ");
   let e;
@@ -7241,13 +7246,13 @@ function Du(o, t) {
       break;
   return e ?? null;
 }
-const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { class: "cl-h-8 cl-px-1.5 cl-py-[3px] cl-w-8" }, Au = ["id"], Vu = {
+const Du = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Ou = { class: "cl-h-8 cl-px-1.5 cl-py-[3px] cl-w-8" }, Eu = ["id"], Au = {
   key: 0,
   class: "cl-w-8"
-}, Mu = ["id"], Iu = ["id"], Nu = {
+}, Vu = ["id"], Mu = ["id"], Iu = {
   key: 3,
   class: "cl-basis-full cl-flex cl-flex-col cl-gap-2 cl-pt-2"
-}, Ru = /* @__PURE__ */ j({
+}, Nu = /* @__PURE__ */ j({
   __name: "cl-ui-tree-list-subtree",
   props: /* @__PURE__ */ pe({
     idPrefix: {},
@@ -7262,7 +7267,7 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
   emits: /* @__PURE__ */ pe(["recalculate-tree-path", "set-child-node-height"], ["update:selectedPath"]),
   setup(o, { emit: t }) {
     var A;
-    const l = o, e = ye(o, "selectedPath"), s = t, a = $(() => qu(...l.pathFragments)), i = Mt(l.rootNode.expanded) ? l.rootNode.expanded : M(l.rootNode.expanded ?? !1), d = M(), { height: g } = Nl(d), n = hl(d), r = M([]), c = $(() => r.value.map((O) => Nl(O))), p = $(() => r.value.map((O) => hl(O))), w = M(new Array(((A = l.rootNode.children) == null ? void 0 : A.length) ?? 0).fill(0)), y = M([]);
+    const l = o, e = ye(o, "selectedPath"), s = t, a = $(() => Cu(...l.pathFragments)), i = Mt(l.rootNode.expanded) ? l.rootNode.expanded : M(l.rootNode.expanded ?? !1), d = M(), { height: g } = Nl(d), n = hl(d), r = M([]), c = $(() => r.value.map((O) => Nl(O))), p = $(() => r.value.map((O) => hl(O))), w = M(new Array(((A = l.rootNode.children) == null ? void 0 : A.length) ?? 0).fill(0)), y = M([]);
     function f() {
       n.update(), y.value = p.value.map((O, C) => (O.update(), O.top.value - n.bottom.value + w.value[C] / 2 + 3)), s("recalculate-tree-path");
     }
@@ -7278,8 +7283,8 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
       deep: !0
     }), Ge(S), (O, C) => {
       const P = Se("icon"), I = Se("cl-ui-tree-list-subtree", !0);
-      return u(), v("div", Ou, [
-        b("div", Eu, [
+      return u(), v("div", Du, [
+        b("div", Ou, [
           O.rootNode.children && O.rootNode.children.length > 0 ? (u(), v("button", {
             key: 0,
             id: `${O.idPrefix}-expand-button`,
@@ -7289,9 +7294,9 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
             q(P, {
               icon: m(i) ? "ph:minus-square" : "ph:plus-square"
             }, null, 8, ["icon"])
-          ], 8, Au)) : U("", !0)
+          ], 8, Eu)) : U("", !0)
         ]),
-        O.depth > 0 ? (u(), v("div", Vu)) : U("", !0),
+        O.depth > 0 ? (u(), v("div", Au)) : U("", !0),
         b("div", {
           class: E(["cl-basis-full cl-relative", {
             "cl-tree-list-selection": e.value === a.value
@@ -7313,7 +7318,7 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
               isExpanded: m(i),
               expand: (k) => i.value = k
             })
-          ], 8, Mu)) : (u(), v("button", {
+          ], 8, Vu)) : (u(), v("button", {
             key: 1,
             id: `${O.idPrefix}-node-content`,
             ref_key: "nodeContentDiv",
@@ -7333,13 +7338,13 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
               isExpanded: m(i),
               expand: (k) => i.value = k
             })
-          ], 10, Iu)),
-          O.rootNode.children && O.rootNode.children.length > 0 && m(i) ? (u(), L(Cu, {
+          ], 10, Mu)),
+          O.rootNode.children && O.rootNode.children.length > 0 && m(i) ? (u(), L(Su, {
             key: 2,
             class: "cl-tree-list-path",
             "branches-at": y.value
           }, null, 8, ["branches-at"])) : U("", !0),
-          O.rootNode.children && O.rootNode.children.length > 0 && m(i) ? (u(), v("div", Nu, [
+          O.rootNode.children && O.rootNode.children.length > 0 && m(i) ? (u(), v("div", Iu, [
             (u(!0), v(K, null, x(O.rootNode.children, (k, W) => (u(), v("div", {
               key: k.id,
               ref_for: !0,
@@ -7370,7 +7375,7 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
       ]);
     };
   }
-}), Uu = { class: "cl-flex cl-flex-col cl-flex-nowrap cl-gap-4 cl-w-full" }, zu = /* @__PURE__ */ j({
+}), Ru = { class: "cl-flex cl-flex-col cl-flex-nowrap cl-gap-4 cl-w-full" }, Uu = /* @__PURE__ */ j({
   __name: "cl-ui-tree-list",
   props: {
     idPrefix: {},
@@ -7384,11 +7389,11 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
     const l = o, e = t, s = M(""), a = $({
       get: () => l.allowSelect ? s.value : null,
       set(i) {
-        i ? (s.value = i, e("select", Du(l.rootNodes, i))) : l.allowDeselect && (s.value = "", e("select", null));
+        i ? (s.value = i, e("select", qu(l.rootNodes, i))) : l.allowDeselect && (s.value = "", e("select", null));
       }
     });
-    return (i, d) => (u(), v("div", Uu, [
-      (u(!0), v(K, null, x(i.rootNodes, (g, n) => (u(), L(Ru, {
+    return (i, d) => (u(), v("div", Ru, [
+      (u(!0), v(K, null, x(i.rootNodes, (g, n) => (u(), L(Nu, {
         key: g.id,
         "selected-path": a.value,
         "onUpdate:selectedPath": d[0] || (d[0] = (r) => a.value = r),
@@ -7410,7 +7415,7 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
       ]), 1032, ["selected-path", "class", "root-node", "breadth", "id-prefix", "path-fragments"]))), 128))
     ]));
   }
-}), Bu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), zu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FilterOperation: se,
   allQuickDates: dt,
@@ -7451,9 +7456,9 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
   clUiLoadingSpinner: _e,
   clUiLogin: ki,
   clUiMenu: uu,
-  clUiMenuGroup: vu,
+  clUiMenuGroup: gu,
   clUiMenuIcon: Ml,
-  clUiMenuItem: ku,
+  clUiMenuItem: wu,
   clUiMenuSection: Dt,
   clUiModal: ot,
   clUiNavigation: Di,
@@ -7471,7 +7476,7 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
   clUiTabHeader: Gi,
   clUiToggle: eu,
   clUiToggleButton: lu,
-  clUiTreeList: zu,
+  clUiTreeList: Uu,
   currentQuickDates: Qe,
   dateTimeCalendarTypes: mt,
   filterMethodTypes: ts,
@@ -7496,8 +7501,8 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
   stringFormats: ls,
   tabColours: Qi,
   tabLayout: Yi
-}, Symbol.toStringTag, { value: "Module" })), ec = (o) => {
-  o.use(qe), o.component("Icon", le), Object.entries(Bu).forEach(([
+}, Symbol.toStringTag, { value: "Module" })), _u = (o) => {
+  o.use(qe), o.component("Icon", le), Object.entries(zu).forEach(([
     t,
     l
   ]) => {
@@ -7505,7 +7510,7 @@ const Ou = { class: "cl-flex cl-flex-nowrap cl-flex-row cl-w-full" }, Eu = { cla
   });
 };
 export {
-  _u as CitrusLimeUI,
+  xu as CitrusLimeUI,
   ie as DateFormat,
   se as FilterOperation,
   ae as NumberFormat,
@@ -7547,9 +7552,9 @@ export {
   _e as clUiLoadingSpinner,
   ki as clUiLogin,
   uu as clUiMenu,
-  vu as clUiMenuGroup,
+  gu as clUiMenuGroup,
   Ml as clUiMenuIcon,
-  ku as clUiMenuItem,
+  wu as clUiMenuItem,
   Dt as clUiMenuSection,
   ot as clUiModal,
   Di as clUiNavigation,
@@ -7567,11 +7572,11 @@ export {
   Gi as clUiTabHeader,
   eu as clUiToggle,
   lu as clUiToggleButton,
-  zu as clUiTreeList,
+  Uu as clUiTreeList,
   Qe as currentQuickDates,
   mt as dateTimeCalendarTypes,
   qa as datetimeFormats,
-  ec as default,
+  _u as default,
   Ea as doesNumberStringContainPart,
   ts as filterMethodTypes,
   Me as formatNumber,
@@ -7600,10 +7605,10 @@ export {
   Zn as popoverPlacements,
   An as quickDateNames,
   Ma as scrubGroupSeparatorsFromFormattedValue,
-  xu as setCurrentLocale,
-  Xu as setLocaleDateTimeFormats,
-  Yu as setLocaleMessages,
-  Ju as setLocaleNumberFormats,
+  Xu as setCurrentLocale,
+  Ju as setLocaleDateTimeFormats,
+  Qu as setLocaleMessages,
+  Yu as setLocaleNumberFormats,
   Rl as showNotification,
   ls as stringFormats,
   Qi as tabColours,