@fewangsit/wangsvue-fats 1.0.1-alpha.62 → 1.0.1-alpha.63

package/timeline/index.d.ts

@@ -87,7 +87,8 @@ export type TimelineItem = {
     _id: string;
     nickName: string;
   };
-  detail?: KeyValue | DetailType;
+  // Detail can be a record of any type if using the detail slot
+  detail?: KeyValue | DetailType | SlotDetailType;
 };
 
 export type TimelineProps = {
@@ -124,6 +125,10 @@ export type TimelineSlots = {
    *
    */
   date(slotProps: { date: string }): VNode[];
+  /**
+   * Custom user template.
+   */
+  user(slotProps: { user: string; detail: DetailAnyRecord }): VNode[];
 };
 
 /**

package/timeline/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, inject as V, createBlock as p, openBlock as t, unref as a, ref as A, normalizeClass as D, withCtx as b, createElementVNode as n, createElementBlock as l, createCommentVNode as c, mergeProps as u, normalizeProps as x, guardReactiveProps as v, renderSlot as $, createTextVNode as O, toDisplayString as m, Fragment as g, renderList as j, createVNode as S } from "vue";
+import { defineComponent as N, inject as V, createBlock as p, openBlock as t, unref as a, ref as A, normalizeClass as b, withCtx as x, createElementVNode as n, createElementBlock as l, createCommentVNode as c, renderSlot as k, mergeProps as u, normalizeProps as $, guardReactiveProps as v, createTextVNode as O, toDisplayString as f, Fragment as g, renderList as j, createVNode as S } from "vue";
 import { a as T } from "../utils/date.util.es.js";
 import { s as P } from "../vendor/primevue/timeline/timeline.esm.es.js";
 import { _ as F } from "../icon/index.es.js";
@@ -37,43 +37,48 @@ const L = ["onClick"], z = { class: "flex justify-between items-center" }, E = {
       return typeof d != "string" ? d : { nickName: d };
     }, B = (s) => s.replace(/`([^`]*)`/g, "<b>$1</b>");
     return (s, d) => (t(), p(a(P), {
-      class: D([{ "overflow-auto": !s.noScroll }]),
+      class: b([{ "overflow-auto": !s.noScroll }]),
       value: A(s.value).value,
       style: { "scrollbar-width": "none" }
     }, {
-      marker: b(({ item: e }) => {
-        var f, _, y;
+      marker: x(({ item: e }) => {
+        var m, _, y;
         return [
           n("div", u({
             onClick: (r) => e.showDetail = !e.showDetail
-          }, (f = a(i)) == null ? void 0 : f.marker, { "data-wv-section": "timelinemarker" }), [
+          }, (m = a(i)) == null ? void 0 : m.marker, { "data-wv-section": "timelinemarker" }), [
             S(F, u((_ = a(i)) == null ? void 0 : _.markerArrow(e), { icon: "arrow-down" }), null, 16),
-            n("div", x(v((y = a(i)) == null ? void 0 : y.markerDot(e))), null, 16)
+            n("div", $(v((y = a(i)) == null ? void 0 : y.markerDot(e))), null, 16)
           ], 16, L)
         ];
       }),
-      content: b(({ item: e }) => {
-        var f, _, y;
+      content: x(({ item: e }) => {
+        var m, _, y;
         return [
           n("div", z, [
             n("div", E, [
               n("h3", u({
                 innerHTML: B(e.action)
-              }, (f = a(i)) == null ? void 0 : f.contentHeader, {
+              }, (m = a(i)) == null ? void 0 : m.contentHeader, {
                 onClick: (r) => e.showDetail = !e.showDetail
               }), null, 16, M),
-              e.user || e.username ? (t(), p(H, {
-                key: 0,
-                user: C(e),
-                type: "icon",
-                "user-name-field": "nickName"
-              }, null, 8, ["user"])) : c("", !0)
+              k(s.$slots, "user", {
+                detail: e.detail,
+                user: e.user || e.username
+              }, () => [
+                e.user || e.username ? (t(), p(H, {
+                  key: 0,
+                  user: C(e),
+                  type: "icon",
+                  "user-name-field": "nickName"
+                }, null, 8, ["user"])) : c("", !0)
+              ])
             ]),
-            n("span", x(v((_ = a(i)) == null ? void 0 : _.contentDate)), [
-              $(s.$slots, "date", {
+            n("span", $(v((_ = a(i)) == null ? void 0 : _.contentDate)), [
+              k(s.$slots, "date", {
                 date: e.createdAt
               }, () => [
-                O(m(s.noFormatDate ? e.createdAt : a(T)(e.createdAt)), 1)
+                O(f(s.noFormatDate ? e.createdAt : a(T)(e.createdAt)), 1)
               ])
             ], 16)
           ]),
@@ -84,30 +89,30 @@ const L = ["onClick"], z = { class: "flex justify-between items-center" }, E = {
             }, null, 8, ["detail"])) : (y = Object.keys(e.detail ?? {})) != null && y.length ? (t(), l("div", I, [
               s.$props.alignDetail ? (t(), l("div", K, [
                 (t(!0), l(g, null, j(Object.entries(e.detail), ([r, o]) => (t(), l(g, { key: r }, [
-                  n("span", R, m(r), 1),
+                  n("span", R, f(r), 1),
                   d[0] || (d[0] = n("span", { class: "font-semibold whitespace-nowrap" }, " : ", -1)),
-                  typeof o == "string" ? (t(), l("span", U, m(o), 1)) : "type" in o ? (t(), p(h, {
+                  typeof o == "string" ? (t(), l("span", U, f(o), 1)) : "type" in o ? (t(), p(h, {
                     key: 1,
                     detail: o
                   }, null, 8, ["detail"])) : c("", !0)
                 ], 64))), 128))
-              ])) : (t(!0), l(g, { key: 1 }, j(Object.entries(e.detail), ([r, o]) => $(s.$slots, "detail", u({
+              ])) : (t(!0), l(g, { key: 1 }, j(Object.entries(e.detail), ([r, o]) => k(s.$slots, "detail", u({
                 key: r,
                 ref_for: !0
               }, { key: r, value: o }), () => {
-                var k, w;
+                var w, D;
                 return [
                   typeof o == "string" ? (t(), l("div", q, [
-                    n("span", u({ ref_for: !0 }, (k = a(i)) == null ? void 0 : k.contentDetailKey), m(r) + ": ", 17),
-                    n("span", u({ ref_for: !0 }, (w = a(i)) == null ? void 0 : w.contentDetailValue), m(o), 17)
+                    n("span", u({ ref_for: !0 }, (w = a(i)) == null ? void 0 : w.contentDetailKey), f(r) + ": ", 17),
+                    n("span", u({ ref_for: !0 }, (D = a(i)) == null ? void 0 : D.contentDetailValue), f(o), 17)
                   ])) : "type" in o ? (t(), l("div", G, [
                     n("span", {
-                      class: D([
+                      class: b([
                         "flex gap-1",
                         { "flex-col": o.type === "embed" }
                       ])
                     }, [
-                      n("span", J, m(r) + ": ", 1),
+                      n("span", J, f(r) + ": ", 1),
                       o.type !== "json" ? (t(), p(h, {
                         key: 0,
                         detail: o

package/tree/index.d.ts

@@ -23,7 +23,7 @@ export interface TreeProps extends BaseTreeProps {
    * For query: roleType, transactionAttribute, systemRole is already stringified in components default props, but for the rest of query params need to be stringified outside
    */
   params?: QueryParams;
-  selectedKeys?: TreeSelectionKeys | number[] | undefined;
+  selectedKeys?: TreeSelectionKeys | string[] | number[] | undefined;
   selectedTreeNodes?: TreeNode[] | undefined;
   selectionMode?: 'single' | 'checkbox' | undefined;
   /**
@@ -56,11 +56,11 @@ export interface TreeProps extends BaseTreeProps {
   /**
    * A list of node keys that should be disabled along with their children.
    */
-  disableKeys?: number[];
+  disableKeys?: string[] | number[];
   /**
    * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
    */
-  exactDisableKeys?: number[];
+  exactDisableKeys?: string[] | number[];
   /**
    * Defines the tree is readonly and disabled.
    */
@@ -76,7 +76,7 @@ export interface TreeProps extends BaseTreeProps {
   /**
    * Defines the group tree to disable excluded keys
    */
-  excludedKeys?: number[];
+  excludedKeys?: string[] | number[];
   /**
    * Will emit update selection when value is `true`
    *

package/tree/index.es.js

@@ -111,7 +111,7 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
       });
     }, A = (e) => e.map((t) => {
       var l;
-      return (l = t.children) != null && l.length && (v.value = {
+      return t.key = t.key ?? t._id, (l = t.children) != null && l.length && (v.value = {
         ...v.value,
         [t.key.toString()]: t.children.map((o) => Number(o.key))
       }, t.children = A(t.children)), s.disableNodeWhen && (t.selectable = !s.disableNodeWhen(t)), t;
@@ -126,7 +126,7 @@ const be = (r, c = !1) => Object.keys(P(r, c)).map(Number), P = (r, c = !1) => O
         ) ?? { data: [] };
         if (t) {
           const l = A(t);
-          h.value = j(t), y.value = l, sessionStorage.setItem(`${s.type}Tree`, JSON.stringify(l)), sessionStorage.setItem(
+          h.value = j(l), y.value = l, sessionStorage.setItem(`${s.type}Tree`, JSON.stringify(l)), sessionStorage.setItem(
             `flatten${s.type}nodes`,
             JSON.stringify(h.value)
           );

package/treenode/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as xe, inject as Le, ref as oe, computed as i, onMounted as Be, resolveComponent as Ie, createElementBlock as N, openBlock as a, Fragment as V, createElementVNode as C, createBlock as u, createCommentVNode as K, mergeProps as y, unref as d, resolveDynamicComponent as F, normalizeClass as w, withModifiers as A, toDisplayString as le, renderList as Oe, withCtx as We, createVNode as Pe, nextTick as ae } from "vue";
+import { defineComponent as xe, inject as Le, ref as oe, computed as i, onMounted as Be, resolveComponent as Ie, createElementBlock as N, openBlock as a, Fragment as V, createElementVNode as C, createBlock as u, createCommentVNode as K, mergeProps as y, unref as d, resolveDynamicComponent as $, normalizeClass as w, withModifiers as A, toDisplayString as le, renderList as Oe, withCtx as We, createVNode as Pe, nextTick as ae } from "vue";
 import { D as m } from "../vendor/primevue/utils/utils.esm.es.js";
 import { _ as Ve } from "../button/index.es.js";
-import { _ as Fe } from "../checkbox/index.es.js";
+import { _ as $e } from "../checkbox/index.es.js";
 import { _ as x } from "../icon/index.es.js";
-import { _ as Ge } from "../menu/index.es.js";
-const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], $e = ["data-p-highlight", "data-p-selectable"], ze = ["data-node-has-children", "data-node-key", "data-node-selected"], He = {
+import { _ as Fe } from "../menu/index.es.js";
+const Ge = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], Ue = ["data-p-highlight", "data-p-selectable"], ze = ["data-node-has-children", "data-node-key", "data-node-selected"], He = {
   "aria-hidden": "true",
   class: "flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none",
   "data-pc-section": "action",
@@ -58,7 +58,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
         var e;
         return ((e = t.node) == null ? void 0 : e.children) && t.node.children.length > 0;
       }
-    ), G = i(
+    ), F = i(
       () => {
         var e;
         return +t.node.key != -1 && t.useOption && !((e = t.listLabelsNoOption) != null && e.includes(t.node.name));
@@ -67,7 +67,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       () => t.expandedKeys && t.expandedKeys[t.node.key] === !0
     ), I = i(
       () => t.node.leaf === !1 ? !1 : !(t.node.children && t.node.children.length)
-    ), U = i(() => v(t.node) || E(t.node) || t.node.selectable === !1 ? !1 : t.selectionMode != null), D = i(
+    ), G = i(() => v(t.node) || E(t.node) || t.node.selectable === !1 ? !1 : t.selectionMode != null), D = i(
       () => {
         var e;
         return ((e = t.nodeSelectedWhen) == null ? void 0 : e.call(t, t.node)) || (t.selectionMode && t.selectionKeys ? t.selectionKeys[t.node.key] === !0 : !1);
@@ -104,7 +104,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       ve() ? me(e.type === "dblclick" || t.node.key === -1) : p("nodeClick", {
         originalEvent: e,
         nodeTouched: M,
-        node: { ...t.node, selectable: U.value }
+        node: { ...t.node, selectable: G.value }
         // To prevent selection when the node disabled by disableKeys or exactDisableKeys
       }), M = !1;
     }, fe = (e) => {
@@ -120,11 +120,11 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       }
     }, k = (e, n, o) => {
       e.tabIndex = -1, n.tabIndex = 0, De(o || n);
-    }, $ = (e) => {
+    }, U = (e) => {
       const n = e.closest("ul").closest("li");
       if (n) {
         const o = m.findSingle(n, "button");
-        return o && o.style.visibility !== "hidden" ? n : $(e.previousElementSibling);
+        return o && o.style.visibility !== "hidden" ? n : U(e.previousElementSibling);
       }
       return null;
     }, z = () => {
@@ -245,7 +245,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
         return !1;
       if (h.value && !I.value)
         return n.click(), !1;
-      const o = $(
+      const o = U(
         e.currentTarget
       );
       o && k(e.currentTarget, o);
@@ -295,10 +295,10 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
       e.focus();
     }, v = (e) => {
       var n, o;
-      return ((n = t.disableKeys) == null ? void 0 : n.includes(+e.key)) || t.disabled || e.selectable == !1 || e.disabled == !0 || ((o = t.disableNodeWhen) == null ? void 0 : o.call(t, e));
+      return ((n = t.disableKeys) == null ? void 0 : n.includes(e.key)) || t.disabled || e.selectable == !1 || e.disabled == !0 || ((o = t.disableNodeWhen) == null ? void 0 : o.call(t, e));
     }, E = (e) => {
       var n, o;
-      return e.selectable == !1 || ((n = t.exactDisableKeys) == null ? void 0 : n.includes(+e.key)) || t.disableNodeAll && +e.key == -1 || ((o = t.exactDisableNodeWhen) == null ? void 0 : o.call(t, e));
+      return e.selectable == !1 || ((n = t.exactDisableKeys) == null ? void 0 : n.includes(e.key)) || t.disableNodeAll && +e.key == -1 || ((o = t.exactDisableNodeWhen) == null ? void 0 : o.call(t, e));
     };
     return Be(() => {
       z();
@@ -318,7 +318,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
           "aria-setsize": e.node.children ? e.node.children.length : 0,
           tabindex: e.index === 0 ? 0 : -1,
           onKeydown: Ne
-        }, (l = t.pt ?? d(s)) == null ? void 0 : l.node, {
+        }, ((l = t.pt ?? d(s)) == null ? void 0 : l.node) & e.$attrs, {
           "data-wv-name": "treenode",
           role: "treeitem"
         }), [
@@ -333,7 +333,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
             }),
             {
               "data-p-highlight": O.value ? g.value : D.value,
-              "data-p-selectable": U.value,
+              "data-p-selectable": G.value,
               style: e.node.style,
               onClick: W,
               onTouchend: he
@@ -350,7 +350,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 class: "animate-spin",
                 icon: "spinner"
               })) : (a(), N(V, { key: 1 }, [
-                e.templates.togglericon ? (a(), u(F(e.templates.togglericon), {
+                e.templates.togglericon ? (a(), u($(e.templates.togglericon), {
                   key: 0,
                   class: w([...(b = t.pt ?? d(s)) == null ? void 0 : b.togglericon.class]),
                   expanded: h.value,
@@ -366,7 +366,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 }, null, 8, ["class"]))
               ], 64))
             ], 16),
-            O.value ? (a(), u(Fe, y({
+            O.value ? (a(), u($e, y({
               key: 0,
               binary: !1
             }, (Q = t.pt ?? d(s)) == null ? void 0 : Q.nodeCheckbox.root, {
@@ -380,7 +380,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
               "data-wv-section": "nodecheckbox",
               "tri-state": ""
             }), null, 16, ["disabled", "model-value"])) : K("", !0),
-            e.templates.nodeicon ? (a(), u(F(e.templates.nodeicon), {
+            e.templates.nodeicon ? (a(), u($(e.templates.nodeicon), {
               key: 1,
               class: w([...(X = t.pt ?? d(s)) == null ? void 0 : X.nodeicon().class]),
               node: e.node
@@ -402,7 +402,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 }, ["stop"]))
               }
             ), [
-              e.templates[e.node.type] || e.templates.default ? (a(), u(F(e.templates[e.node.type] || e.templates.default), {
+              e.templates[e.node.type] || e.templates.default ? (a(), u($(e.templates[e.node.type] || e.templates.default), {
                 key: 0,
                 checked: g.value,
                 disabled: E(e.node) || v(e.node),
@@ -421,7 +421,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 info: "Disposable Group",
                 "tooltip-pos": "left"
               })) : K("", !0),
-              G.value ? (a(), u(Ve, {
+              F.value ? (a(), u(Ve, {
                 key: 3,
                 class: w([
                   "!w-4 !h-4 !min-w-4 p-0.5",
@@ -437,7 +437,7 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
                 "tooltip-pos": "left"
               })) : K("", !0)
             ], 16)
-          ], 16, $e),
+          ], 16, Ue),
           de.value && h.value ? (a(), N("ul", y({
             key: 0,
             role: "group"
@@ -473,8 +473,8 @@ const Ue = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-p
               }), null, 16, ["class", "disable-keys", "disabled", "exact-disable-keys", "expanded-keys", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "show-disposable-groups", "templates", "tree-node-menus", "unstyled", "use-option"]);
             }), 128))
           ], 16)) : K("", !0)
-        ], 16, Ue),
-        G.value ? (a(), u(Ge, {
+        ], 16, Ge),
+        F.value ? (a(), u(Fe, {
           key: 0,
           ref_key: "treeNodeMenu",
           ref: L,

package/vendor/@wangs-ui/core/components/{p-CKYwZoTo.es.js → p-C0QfdhKo.es.js}

@@ -32,7 +32,7 @@ const f = /* @__PURE__ */ c(class extends i {
     return `icon ic-${this.icon} cursor-pointer !shrink-0`;
   }
   render() {
-    return a(u, { key: "5cab8f5fe45204596e7fa4a154bd03c23bf2b525", class: this.getIconClass() });
+    return a(u, { key: "fb2fed3480089f5fb0962fd829037c2e0c3cda0f", class: this.getIconClass() });
   }
 }, [0, "wangs-icon", {
   icon: [1],

package/vendor/@wangs-ui/core/components/{p-DPHEi31J.es.js → p-CRgC2JIi.es.js}

@@ -1,11 +1,11 @@
-var b = Object.defineProperty;
-var f = (d, i, e) => i in d ? b(d, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[i] = e;
-var a = (d, i, e) => f(d, typeof i != "symbol" ? i + "" : i, e);
-import { p, H as g, c as h, h as l, a as v } from "./p-DTTCzifR.es.js";
+var f = Object.defineProperty;
+var b = (c, i, e) => i in c ? f(c, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[i] = e;
+var a = (c, i, e) => b(c, typeof i != "symbol" ? i + "" : i, e);
+import { p, H as v, c as h, h as l, a as g } from "./p-DTTCzifR.es.js";
 import { B as x } from "./p-C5lMEBcj.es.js";
 import { r as u } from "./p-Duri5p90.es.js";
-import { d as I } from "./p-CKYwZoTo.es.js";
-const m = /* @__PURE__ */ p(class extends g {
+import { d as I } from "./p-C0QfdhKo.es.js";
+const A = /* @__PURE__ */ p(class extends v {
   constructor() {
     super();
     a(this, "base");
@@ -36,6 +36,9 @@ const m = /* @__PURE__ */ p(class extends g {
   componentDidRender() {
     this.updateInkBar();
   }
+  function(e) {
+    this.currentActiveIndex = e;
+  }
   onUpdateActiveIndex(e) {
     this.updateActiveIndex.emit(e);
   }
@@ -66,8 +69,8 @@ const m = /* @__PURE__ */ p(class extends g {
     for (let s = 0; s < e.length; s++) {
       const r = e[s];
       if (r.dataset.pHighlight === "true") {
-        const c = r.getBoundingClientRect(), o = this.navRef.getBoundingClientRect();
-        this.inkbarRef.style.width = `${c.width}px`, this.inkbarRef.style.left = `${c.left - o.left}px`, t = !0;
+        const d = r.getBoundingClientRect(), o = this.navRef.getBoundingClientRect();
+        this.inkbarRef.style.width = `${d.width}px`, this.inkbarRef.style.left = `${d.left - o.left}px`, t = !0;
         break;
       }
     }
@@ -75,8 +78,8 @@ const m = /* @__PURE__ */ p(class extends g {
   }
   setActiveIndex() {
     const e = window.location.pathname, t = (s) => {
-      var c;
-      let r = (c = this.model) == null ? void 0 : c.findIndex((o) => o.route && s === o.route);
+      var d;
+      let r = (d = this.model) == null ? void 0 : d.findIndex((o) => o.route && s === o.route);
       if (r === -1 && s.includes("/")) {
         const o = s.substring(0, s.lastIndexOf("/"));
         r = t(o);
@@ -86,23 +89,24 @@ const m = /* @__PURE__ */ p(class extends g {
     this.currentActiveIndex = n === -1 ? this.currentActiveIndex : n;
   }
   getPtmo(e, t) {
-    const { activeIndex: n, model: s, type: r, useTrailingLine: c } = this, o = {
+    const { activeIndex: n, model: s, type: r, useTrailingLine: d } = this, o = {
       item: e,
       index: t,
       active: t != null && this.currentActiveIndex === t,
       disabled: e != null && this.disabled(e)
     };
     return {
-      props: { activeIndex: n, model: s, type: r, useTrailingLine: c },
+      props: { activeIndex: n, model: s, type: r, useTrailingLine: d },
       state: { currentActiveIndex: this.currentActiveIndex },
       context: e ? o : void 0
     };
   }
   render() {
-    return l(v, { key: "4a399a4b6412de58edb4f06df1ff9246654981a7", ...this.ptm("root") }, l("ul", { key: "37930281d1b0ec7d17a1eb9089edd5fbe89109f7", ...this.ptm("menu", this.getPtmo()), role: "menubar", ref: (e) => this.navRef = e }, this.model.map((e, t) => this.visible(e) ? l("li", { key: this.label(e) + "_" + t, class: this.cx("menuitem", this.getPtmo(e, t)), role: "presentation", "data-ui-highlight": (this.currentActiveIndex === t).toString(), "data-ui-disabled": this.disabled(e).toString(), onClick: (n) => this.onItemClick(n, e, t) }, l("a", { role: "menuitem", href: e.url ?? e.route ? u.normalizePath(e.url ?? e.route) : void 0, target: e.target, "aria-label": this.label(e), "aria-disabled": this.disabled(e) ? "true" : "false", tabIndex: -1, onClick: (n) => e.route && n.preventDefault(), ...this.ptm("action", this.getPtmo(e, t)) }, e.icon && l("wangs-icon", { icon: e.icon }), l("span", { class: this.cx("label") }, this.label(e)))) : null), l("li", { key: "2031b2abfd6285d4b513ad8bed9f522bd7413ecf", ref: (e) => this.inkbarRef = e, class: this.cx("inkbar", this.getPtmo()), role: "none" })));
+    return l(g, { key: "7fb3735dced0621a032964f1ae3f73b6ec67c5b2", ...this.ptm("root") }, l("ul", { key: "27c66d9d0501efeaa42edbe9316e9e7aa6af35ff", ...this.ptm("menu", this.getPtmo()), role: "menubar", ref: (e) => this.navRef = e }, this.model.map((e, t) => this.visible(e) ? l("li", { key: this.label(e) + "_" + t, class: this.cx("menuitem", this.getPtmo(e, t)), role: "presentation", "data-ui-highlight": (this.currentActiveIndex === t).toString(), "data-ui-disabled": this.disabled(e).toString(), onClick: (n) => this.onItemClick(n, e, t) }, l("a", { role: "menuitem", href: e.url ?? e.route ? u.normalizePath(e.url ?? e.route) : void 0, target: e.target, "aria-label": this.label(e), "aria-disabled": this.disabled(e) ? "true" : "false", tabIndex: -1, onClick: (n) => e.route && n.preventDefault(), ...this.ptm("action", this.getPtmo(e, t)) }, e.icon && l("wangs-icon", { icon: e.icon }), l("span", { class: this.cx("label") }, this.label(e)))) : null), l("li", { key: "b839c46122db33c4375b28788bdf23eeb5b40305", ref: (e) => this.inkbarRef = e, class: this.cx("inkbar", this.getPtmo()), role: "none" })));
   }
   static get watchers() {
     return {
+      activeIndex: ["function"],
       currentActiveIndex: ["onUpdateActiveIndex"]
     };
   }
@@ -114,6 +118,7 @@ const m = /* @__PURE__ */ p(class extends g {
   useTrailingLine: [4, "use-trailing-line"],
   currentActiveIndex: [32]
 }, [[8, "wangs-ui-core:navigation-event", "onRoutePathChanged"]], {
+  activeIndex: ["function"],
   currentActiveIndex: ["onUpdateActiveIndex"]
 }]);
 function E() {
@@ -122,7 +127,7 @@ function E() {
   ["wangs-tab-menu", "wangs-icon"].forEach((i) => {
     switch (i) {
       case "wangs-tab-menu":
-        customElements.get(i) || customElements.define(i, m);
+        customElements.get(i) || customElements.define(i, A);
         break;
       case "wangs-icon":
         customElements.get(i) || I();

package/vendor/@wangs-ui/core/components/{p-CsoK-EWG.es.js → p-b33NVvKu.es.js}

@@ -1,7 +1,7 @@
-var f = Object.defineProperty;
-var b = (o, i, e) => i in o ? f(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
+var g = Object.defineProperty;
+var b = (o, i, e) => i in o ? g(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
 var s = (o, i, e) => b(o, typeof i != "symbol" ? i + "" : i, e);
-import { p as y, H as k, c as l, h as r, a as x } from "./p-DTTCzifR.es.js";
+import { p as y, H as k, c as a, h as r, a as x } from "./p-DTTCzifR.es.js";
 import { B as T } from "./p-C5lMEBcj.es.js";
 function u(o) {
   setTimeout(o, 0);
@@ -30,8 +30,8 @@ const w = /* @__PURE__ */ y(class extends k {
     s(this, "blur");
     s(this, "completed");
     s(this, "onInput", (e, t) => {
-      const n = e.target, a = this.tokens;
-      a[t] = n.value, this.tokens = [...a], this.updateModel(e), e.inputType === "deleteContentBackward" ? this.moveToPrev(n) : (e.inputType === "insertText" || e.inputType === "deleteContentForward") && this.moveToNext(n);
+      const n = e.target, l = this.tokens;
+      l[t] = n.value, this.tokens = [...l], this.updateModel(e), e.inputType === "deleteContentBackward" ? this.moveToPrev(n) : (e.inputType === "insertText" || e.inputType === "deleteContentForward") && this.moveToNext(n);
     });
     s(this, "onFocus", (e) => {
       e.target.select(), this.focus.emit(e), this.focused = !0;
@@ -42,10 +42,10 @@ const w = /* @__PURE__ */ y(class extends k {
       });
     });
     s(this, "onPaste", (e) => {
-      var a;
+      var l;
       if (this.readonly || this.disabled)
         return;
-      const t = ((a = e.clipboardData) == null ? void 0 : a.getData("text")) ?? "";
+      const t = ((l = e.clipboardData) == null ? void 0 : l.getData("text")) ?? "";
       if (!t)
         return;
       const n = t.substring(0, this.length);
@@ -68,7 +68,7 @@ const w = /* @__PURE__ */ y(class extends k {
             break;
         }
     });
-    this.__registerHost(), this.updateModelValue = l(this, "update:modelValue"), this.change = l(this, "change"), this.focus = l(this, "focus"), this.blur = l(this, "blur"), this.completed = l(this, "completed"), this.base = new T({ tag: "WANGS-INPUT-OTP", pt: this.pt });
+    this.__registerHost(), this.updateModelValue = a(this, "update:modelValue"), this.change = a(this, "change"), this.focus = a(this, "focus"), this.blur = a(this, "blur"), this.completed = a(this, "completed"), this.base = new T({ tag: "WANGS-INPUT-OTP", pt: this.pt });
   }
   get cx() {
     return this.base.cx;
@@ -110,16 +110,16 @@ const w = /* @__PURE__ */ y(class extends k {
     return !!this.tokens[e];
   }
   getPtmo(e) {
-    const { invalid: t, mask: n, disabled: a, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m, tokens: g } = this;
+    const { invalid: t, mask: n, disabled: l, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m, tokens: f } = this;
     return {
-      props: { invalid: t, mask: n, disabled: a, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m },
-      state: { tokens: g },
+      props: { invalid: t, mask: n, disabled: l, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m },
+      state: { tokens: f },
       parent: this.el.parentElement,
       context: e != null ? { filled: this.isInputFilledIn(e), disabled: this.disabled } : void 0
     };
   }
   render() {
-    return r(x, { key: "844b6b24ab1e9755147b855a1bfe18e13998eb26", class: this.cx("root", this.getPtmo()) }, Array.from({ length: this.length }).map((e, t) => r("input", { type: this.mask ? "password" : "text", class: this.cx("input", this.getPtmo(t)), value: this.tokens[t] || "", inputmode: this.integerOnly ? "numeric" : "text", disabled: this.disabled, readonly: this.readonly, onInput: (n) => this.onInput(n, t), onFocus: this.onFocus, onBlur: this.onBlur, onPaste: this.onPaste, onKeyDown: this.onKeyDown, maxLength: 1 })));
+    return r(x, { key: "465f7467e4adc55b59b7bc134347277b4fe3753c", class: this.cx("root", this.getPtmo()) }, Array.from({ length: this.length }).map((e, t) => r("input", { type: this.mask ? "password" : "text", class: this.cx("input", this.getPtmo(t)), value: this.tokens[t] || "", inputmode: this.integerOnly ? "numeric" : "text", disabled: this.disabled, readonly: this.readonly, onInput: (n) => this.onInput(n, t), onFocus: this.onFocus, onBlur: this.onBlur, onPaste: this.onPaste, onKeyDown: this.onKeyDown, maxLength: 1 })));
   }
   static get watchers() {
     return {

package/vendor/@wangs-ui/core/components/wangs-button.es.js

@@ -2,7 +2,7 @@ var c = Object.defineProperty;
 var f = (t, e, n) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var o = (t, e, n) => f(t, typeof e != "symbol" ? e + "" : e, n);
 import { p as a, H as r, h as s, a as u } from "./p-DTTCzifR.es.js";
-const l = /* @__PURE__ */ a(class extends r {
+const d = /* @__PURE__ */ a(class extends r {
   constructor() {
     super();
     /**
@@ -12,23 +12,23 @@ const l = /* @__PURE__ */ a(class extends r {
     this.__registerHost();
   }
   render() {
-    return s(u, { key: "b38f4386d6fb33972469caffc9b7f95b7fb0e7c9" }, s("slot", { key: "e1f130e8171a7ac985fc07612e3e8a693d6058ea", name: "icon" }), s("slot", { key: "f7395cc5ea9dc2d6125bf3e30a97e0303dab43e0" }, this.label));
+    return s(u, { key: "6d8cd1675cb92185f11a363897c0157ffe14f773" }, s("slot", { key: "0d9bdc2f9307d8545762019da83ec51f8e5f401e", name: "icon" }), s("slot", { key: "a71a60c1d70f5e6c83bbc1a3f2c9aeb2b55313a0" }, this.label));
   }
 }, [4, "wangs-button", {
   label: [1]
 }]);
-function m() {
+function l() {
   if (typeof customElements > "u")
     return;
   ["wangs-button"].forEach((e) => {
     switch (e) {
       case "wangs-button":
-        customElements.get(e) || customElements.define(e, l);
+        customElements.get(e) || customElements.define(e, d);
         break;
     }
   });
 }
-const p = m;
+const p = l;
 export {
   p as d
 };

package/vendor/@wangs-ui/core/components/wangs-icon.es.js

@@ -1,4 +1,4 @@
-import { d as e } from "./p-CKYwZoTo.es.js";
+import { d as e } from "./p-C0QfdhKo.es.js";
 const m = e;
 export {
   m as d

package/vendor/@wangs-ui/core/components/wangs-input-otp.es.js

@@ -1,4 +1,4 @@
-import { d as e } from "./p-CsoK-EWG.es.js";
+import { d as e } from "./p-b33NVvKu.es.js";
 const m = e;
 export {
   m as d

package/vendor/@wangs-ui/core/components/wangs-tab-menu.es.js

@@ -1,4 +1,4 @@
-import { d as e } from "./p-DPHEi31J.es.js";
+import { d as e } from "./p-CRgC2JIi.es.js";
 const m = e;
 export {
   m as d