wave-ui 3.2.0 → 3.3.0

package/dist/wave-ui.es.js

@@ -9,7 +9,7 @@ var X = (e, t, l) => (ae(e, t, "read from private field"), l ? l.call(e) : t.get
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(e) : t.set(e, l);
 }, te = (e, t, l, o) => (ae(e, t, "write to private field"), o ? o.call(e, l) : t.set(e, l), l);
-import { reactive as G, resolveComponent as $, openBlock as s, createBlock as b, Teleport as ke, createVNode as I, TransitionGroup as pe, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as _, renderList as T, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as _e, defineComponent as Ce, inject as Be, withKeys as M, withModifiers as E, renderSlot as p, toHandlers as A, createTextVNode as B, toDisplayString as k, Transition as x, normalizeStyle as L, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as fe, withDirectives as D, createSlots as Z, vShow as ge, vModelText as me, vModelDynamic as Se, KeepAlive as $e } from "vue";
+import { reactive as G, resolveComponent as $, openBlock as s, createBlock as b, Teleport as ke, createVNode as I, TransitionGroup as pe, normalizeClass as f, withCtx as g, createElementBlock as u, Fragment as _, renderList as x, mergeProps as C, createElementVNode as w, createCommentVNode as c, createApp as _e, defineComponent as Ce, inject as Be, withKeys as M, withModifiers as E, renderSlot as p, toHandlers as A, createTextVNode as B, toDisplayString as k, Transition as P, normalizeStyle as L, resolveDynamicComponent as V, normalizeProps as ie, resolveDirective as fe, withDirectives as D, createSlots as Z, vShow as ge, vModelText as me, vModelDynamic as Se, KeepAlive as $e } from "vue";
 const Ve = G({
   on: "#app",
   breakpoints: {
@@ -71,7 +71,7 @@ function Re(e, t, l, o, n, i) {
       appear: ""
     }, {
       default: g(() => [
-        (s(!0), u(_, null, T(i.notifications, (r) => (s(), u(_, null, [
+        (s(!0), u(_, null, x(i.notifications, (r) => (s(), u(_, null, [
           r._value ? (s(), b(a, C({
             class: "white--bg",
             key: r._uid,
@@ -743,7 +743,7 @@ function Ue(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-accordion", i.accordionClasses])
   }, [
-    (s(!0), u(_, null, T(e.accordionItems, (d, h) => (s(), u("div", {
+    (s(!0), u(_, null, x(e.accordionItems, (d, h) => (s(), u("div", {
       class: f(["w-accordion__item", i.itemClasses(d)]),
       key: h,
       "aria-expanded": d._expanded ? "true" : "false"
@@ -1049,7 +1049,7 @@ const tt = {
 function it(e, t, l, o, n, i) {
   return s(), u("div", C({ class: "w-badge-wrap" }, A(e.$attrs, !0)), [
     p(e.$slots, "default"),
-    I(x, {
+    I(P, {
       name: `${l.transition}`
     }, {
       default: g(() => [
@@ -1140,7 +1140,7 @@ function nt(e, t, l, o, n, i) {
   return s(), u("div", {
     class: f(["w-breadcrumbs", i.classes])
   }, [
-    (s(!0), u(_, null, T(l.items, (r, d) => (s(), u(_, null, [
+    (s(!0), u(_, null, x(l.items, (r, d) => (s(), u(_, null, [
       d && e.$slots.separator ? (s(), u("span", {
         class: f(["w-breadcrumbs__separator", l.separatorColor]),
         key: `${d}a`
@@ -1248,7 +1248,7 @@ function ct(e, t, l, o, n, i) {
         ]),
         _: 1
       }, 16)) : p(e.$slots, "default", { key: 1 }),
-      I(x, { name: "scale-fade" }, {
+      I(P, { name: "scale-fade" }, {
         default: g(() => [
           l.loading ? (s(), u("div", ut, [
             p(e.$slots, "loading", {}, () => [
@@ -1694,7 +1694,7 @@ function Ot(e, t, l, o, n, i) {
     class: i.classes
   }), {
     default: g(() => [
-      (s(!0), u(_, null, T(i.checkboxItems, (r, d) => (s(), b(a, C({
+      (s(!0), u(_, null, x(i.checkboxItems, (r, d) => (s(), b(a, C({
         key: d,
         "model-value": r._isChecked,
         "onUpdate:modelValue": (h) => i.toggleCheck(r, h),
@@ -1976,7 +1976,7 @@ function Ft(e, t, l, o, n, i) {
     opacity: l.overlayOpacity
   }, {
     default: g(() => [
-      I(x, {
+      I(P, {
         name: l.transition,
         appear: "",
         onAfterLeave: i.onBeforeClose
@@ -2144,7 +2144,7 @@ function Jt(e, t, l, o, n, i) {
         }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
         p(e.$slots, "pushable")
       ]),
-      I(x, {
+      I(P, {
         name: "fade",
         onBeforeLeave: i.onBeforeClose,
         onAfterLeave: i.onClose
@@ -2175,7 +2175,7 @@ function Jt(e, t, l, o, n, i) {
         "bg-color": l.overlayColor,
         opacity: l.overlayOpacity
       }, null, 8, ["modelValue", "onClick", "persistent", "bg-color", "opacity"])),
-      I(x, {
+      I(P, {
         name: i.transitionName,
         appear: "",
         onBeforeLeave: i.onBeforeClose,
@@ -2713,7 +2713,7 @@ function yl(e, t, l, o, n, i) {
     style: L(i.wrapperStyles)
   }, {
     default: g(() => [
-      I(x, {
+      I(P, {
         name: l.transition,
         appear: ""
       }, {
@@ -2945,7 +2945,7 @@ function Ll(e, t, l, o, n, i) {
                     ], 64)) : c("", !0)
                   ])
                 ])) : c("", !0),
-                (s(!0), u(_, null, T(n.inputFiles, (d, h) => (s(), u("span", {
+                (s(!0), u(_, null, x(n.inputFiles, (d, h) => (s(), u("span", {
                   key: d.lastModified
                 }, [
                   B(k(h ? ", " : ""), 1),
@@ -2995,7 +2995,7 @@ function Ll(e, t, l, o, n, i) {
           class: "d-flex",
           for: `w-input--${e._.uid}`
         }, [
-          (s(!0), u(_, null, T(n.inputFiles, (d, h) => (s(), u(_, null, [
+          (s(!0), u(_, null, x(n.inputFiles, (d, h) => (s(), u(_, null, [
             d.progress < 100 ? (s(), u("i", {
               class: "w-icon wi-spinner w-icon--spin size--sm w-input__file-preview primary",
               key: `${h}a`
@@ -3199,7 +3199,7 @@ function Pl(e, t, l, o, n, i) {
   return s(), u("ul", {
     class: f(["w-list", i.classes])
   }, [
-    (s(!0), u(_, null, T(e.listItems, (d, h) => (s(), u("li", {
+    (s(!0), u(_, null, x(e.listItems, (d, h) => (s(), u("li", {
       class: f(["w-list__item", { "w-list__item--parent": (d.children || []).length }]),
       key: h
     }, [
@@ -3597,7 +3597,7 @@ function El(e, t, l, o, n, i) {
   const a = $("w-card"), r = $("w-overlay");
   return s(), u(_, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(x, {
+    I(P, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -3791,7 +3791,7 @@ const Ml = {
 }, Al = /* @__PURE__ */ v(Ml, [["render", El]]);
 function Nl(e, t, l, o, n, i) {
   const a = $("w-alert");
-  return s(), b(x, {
+  return s(), b(P, {
     name: i.transitionName,
     appear: ""
   }, {
@@ -3940,7 +3940,7 @@ const Wl = {
 }, Kl = /* @__PURE__ */ v(Wl, [["render", Nl]]);
 function Dl(e, t, l, o, n, i) {
   const a = fe("focus");
-  return s(), b(x, {
+  return s(), b(P, {
     name: "fade",
     appear: "",
     onAfterLeave: i.onClose
@@ -4279,7 +4279,7 @@ function ci(e, t, l, o, n, i) {
     class: i.classes
   }), {
     default: g(() => [
-      (s(!0), u(_, null, T(i.radioItems, (r, d) => (s(), b(a, C({
+      (s(!0), u(_, null, x(i.radioItems, (r, d) => (s(), b(a, C({
         key: d,
         "model-value": r.value === l.modelValue,
         "onUpdate:modelValue": (h) => i.onInput(r),
@@ -4371,7 +4371,7 @@ function bi(e, t, l, o, n, i) {
         type: "hidden",
         value: n.rating
       }, null, 8, gi),
-      (s(!0), u(_, null, T(l.max, (a) => (s(), u(_, { key: a }, [
+      (s(!0), u(_, null, x(l.max, (a) => (s(), u(_, { key: a }, [
         e.$slots.item ? p(e.$slots, "item", {
           key: 0,
           index: a + 1
@@ -4575,7 +4575,7 @@ function Ti(e, t, l, o, n, i) {
               tabindex: e.tabindex || null,
               innerHTML: e.$slots.selection ? "" : i.selectionString || l.placeholder
             }, null, 42, Vi),
-            (s(!0), u(_, null, T(e.inputValue.length ? e.inputValue : [{}], (y, S) => (s(), u("input", {
+            (s(!0), u(_, null, x(e.inputValue.length ? e.inputValue : [{}], (y, S) => (s(), u("input", {
               key: S,
               type: "hidden",
               value: y.value === void 0 ? "" : y.value.toString(),
@@ -4625,7 +4625,7 @@ function Ti(e, t, l, o, n, i) {
             role: "listbox",
             tabindex: "-1"
           }, Z({ _: 2 }, [
-            T(l.items.length, (h) => ({
+            x(l.items.length, (h) => ({
               name: `item.${h}`,
               fn: g(({ item: y, selected: S, index: m }) => [
                 e.$slots[`item.${h}`] && e.$slots[`item.${h}`](y, S, m) ? p(e.$slots, `item.${h}`, {
@@ -4920,7 +4920,7 @@ function ji(e, t, l, o, n, i) {
             class: "w-slider__step-label",
             onClick: t[6] || (t[6] = (a) => i.onStepLabelClick(0))
           }, k(this.minVal), 1),
-          (s(!0), u(_, null, T(~~i.numberOfSteps, (a) => (s(), u("div", {
+          (s(!0), u(_, null, x(~~i.numberOfSteps, (a) => (s(), u("div", {
             class: "w-slider__step-label",
             key: a,
             onClick: (r) => i.onStepLabelClick(a * (100 / i.numberOfSteps)),
@@ -5320,7 +5320,7 @@ function ys(e, t, l, o, n, i) {
       class: f(["w-tabs__bar", i.tabsBarClasses]),
       ref: "tabs-bar"
     }, [
-      (s(!0), u(_, null, T(i.tabsItems, (r, d) => (s(), u("div", {
+      (s(!0), u(_, null, x(i.tabsItems, (r, d) => (s(), u("div", {
         class: f(["w-tabs__bar-item", i.barItemClasses(r)]),
         key: d,
         onClick: (h) => !r._disabled && i.openTab(r),
@@ -5356,7 +5356,7 @@ function ys(e, t, l, o, n, i) {
       }, null, 6)) : c("", !0)
     ], 2),
     i.tabsItems.length ? (s(), u("div", ms, [
-      I(x, {
+      I(P, {
         name: i.transitionName,
         mode: i.transitionMode
       }, {
@@ -5572,7 +5572,7 @@ function Xs(e, t, l, o, n, i) {
       onMouseout: t[7] || (t[7] = (...m) => i.onMouseOut && i.onMouseOut(...m))
     }, [
       w("colgroup", ks, [
-        (s(!0), u(_, null, T(l.headers, (m, R) => (s(), u("col", {
+        (s(!0), u(_, null, x(l.headers, (m, R) => (s(), u("col", {
           class: f(["w-table__col", i.colClasses[R]]),
           key: R,
           width: m.width || null
@@ -5580,10 +5580,10 @@ function Xs(e, t, l, o, n, i) {
       ], 512),
       l.noHeaders ? c("", !0) : (s(), u("thead", Cs, [
         w("tr", null, [
-          (s(!0), u(_, null, T(l.headers, (m, R) => (s(), u("th", {
+          (s(!0), u(_, null, x(l.headers, (m, R) => (s(), u("th", {
             class: f(["w-table__header", i.headerClasses(m)]),
             key: R,
-            onClick: (P) => !e.colResizing.dragging && m.sortable !== !1 && i.sortTable(m)
+            onClick: (T) => !e.colResizing.dragging && m.sortable !== !1 && i.sortTable(m)
           }, [
             m.sortable !== !1 && m.align === "right" ? (s(), b(a, {
               key: 0,
@@ -5659,7 +5659,7 @@ function Xs(e, t, l, o, n, i) {
             ])
           ], 8, xs)
         ])),
-        i.tableItems.length && l.loading !== !0 ? (s(!0), u(_, { key: 2 }, T(i.paginatedItems, (m, R) => (s(), u(_, { key: R }, [
+        i.tableItems.length && l.loading !== !0 ? (s(!0), u(_, { key: 2 }, x(i.paginatedItems, (m, R) => (s(), u(_, { key: R }, [
           e.$slots.item ? p(e.$slots, "item", {
             key: 0,
             item: m,
@@ -5669,31 +5669,31 @@ function Xs(e, t, l, o, n, i) {
           }) : (s(), u("tr", {
             key: 1,
             class: f(["w-table__row", { "w-table__row--selected": i.selectedRowsByUid[m._uid] !== void 0, "w-table__row--expanded": i.expandedRowsByUid[m._uid] !== void 0 }]),
-            onClick: (P) => i.doSelectRow(m, R)
+            onClick: (T) => i.doSelectRow(m, R)
           }, [
-            (s(!0), u(_, null, T(l.headers, (P, O) => (s(), u(_, null, [
-              e.$slots[`item-cell.${P.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
-                class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
+            (s(!0), u(_, null, x(l.headers, (T, O) => (s(), u(_, null, [
+              e.$slots[`item-cell.${T.key}`] || e.$slots[`item-cell.${O + 1}`] || e.$slots["item-cell"] ? (s(), u("td", {
+                class: f(["w-table__cell", { [`text-${T.align || "left"}`]: !0, "w-table__cell--sticky": T.sticky }]),
                 key: `${O}-a`,
-                "data-label": P.label
+                "data-label": T.label
               }, [
-                e.$slots[`item-cell.${P.key}`] ? p(e.$slots, `item-cell.${P.key}`, {
+                e.$slots[`item-cell.${T.key}`] ? p(e.$slots, `item-cell.${T.key}`, {
                   key: 0,
-                  header: P,
+                  header: T,
                   item: m,
-                  label: m[P.key] || "",
+                  label: m[T.key] || "",
                   index: R + 1
                 }) : e.$slots[`item-cell.${O + 1}`] ? p(e.$slots, `item-cell.${O + 1}`, {
                   key: 1,
-                  header: P,
+                  header: T,
                   item: m,
-                  label: m[P.key] || "",
+                  label: m[T.key] || "",
                   index: R + 1
                 }) : e.$slots["item-cell"] ? p(e.$slots, "item-cell", {
                   key: 2,
-                  header: P,
+                  header: T,
                   item: m,
-                  label: m[P.key] || "",
+                  label: m[T.key] || "",
                   index: R + 1
                 }) : c("", !0),
                 O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
@@ -5701,12 +5701,12 @@ function Xs(e, t, l, o, n, i) {
                   class: f(["w-table__col-resizer", { "w-table__col-resizer--hover": e.colResizing.hover === O, "w-table__col-resizer--active": e.colResizing.columnIndex === O }])
                 }, null, 2)) : c("", !0)
               ], 10, Os)) : (s(), u("td", {
-                class: f(["w-table__cell", { [`text-${P.align || "left"}`]: !0, "w-table__cell--sticky": P.sticky }]),
+                class: f(["w-table__cell", { [`text-${T.align || "left"}`]: !0, "w-table__cell--sticky": T.sticky }]),
                 key: `${O}-b`,
-                "data-label": P.label
+                "data-label": T.label
               }, [
                 w("div", {
-                  innerHTML: m[P.key] || ""
+                  innerHTML: m[T.key] || ""
                 }, null, 8, Es),
                 O < l.headers.length - 1 && l.resizableColumns ? (s(), u("span", {
                   key: 0,
@@ -5781,7 +5781,7 @@ function Xs(e, t, l, o, n, i) {
                     text: "",
                     lg: ""
                   }, null, 8, ["disabled"]),
-                  (s(!0), u(_, null, T(e.paginationConfig.pagesCount, (m) => (s(), b(S, {
+                  (s(!0), u(_, null, x(e.paginationConfig.pagesCount, (m) => (s(), b(S, {
                     class: f(["w-pagination__page", { "w-pagination__page--active": m === e.paginationConfig.page }]),
                     key: m,
                     onClick: (R) => m !== e.paginationConfig.page && i.goToPage(m),
@@ -6384,7 +6384,7 @@ function ha(e, t, l, o, n, i) {
   return s(), u("ul", {
     class: f(["w-timeline", i.classes])
   }, [
-    (s(!0), u(_, null, T(l.items, (a, r) => (s(), u("li", {
+    (s(!0), u(_, null, x(l.items, (a, r) => (s(), u("li", {
       class: "w-timeline-item",
       key: r
     }, [
@@ -6501,7 +6501,7 @@ const ga = {
 function ba(e, t, l, o, n, i) {
   return s(), u(_, null, [
     p(e.$slots, "activator", { on: i.activatorEventHandlers }),
-    I(x, {
+    I(P, {
       name: i.transitionName,
       appear: ""
     }, {
@@ -6607,7 +6607,7 @@ const ya = {
   }
 }, wa = /* @__PURE__ */ v(ya, [["render", ba]]);
 function va(e, t, l, o, n, i) {
-  return s(), b(x, C({ name: "bounce" }, e.$props), {
+  return s(), b(P, C({ name: "bounce" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6622,7 +6622,7 @@ const ka = {
   }
 }, _a = /* @__PURE__ */ v(ka, [["render", va]]);
 function Ca(e, t, l, o, n, i) {
-  return s(), b(x, {
+  return s(), b(P, {
     name: "expand",
     mode: "out-in",
     css: !1,
@@ -6734,7 +6734,7 @@ const Ba = {
   }
 }, Sa = /* @__PURE__ */ v(Ba, [["render", Ca]]);
 function $a(e, t, l, o, n, i) {
-  return s(), b(x, C({ name: "fade" }, e.$props), {
+  return s(), b(P, C({ name: "fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6749,7 +6749,7 @@ const Va = {
   }
 }, Ia = /* @__PURE__ */ v(Va, [["render", $a]]);
 function Ra(e, t, l, o, n, i) {
-  return s(), b(x, C({ name: "scale" }, e.$props), {
+  return s(), b(P, C({ name: "scale" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6764,7 +6764,7 @@ const La = {
   }
 }, Ta = /* @__PURE__ */ v(La, [["render", Ra]]);
 function xa(e, t, l, o, n, i) {
-  return s(), b(x, C({ name: "scale-fade" }, e.$props), {
+  return s(), b(P, C({ name: "scale-fade" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6779,7 +6779,7 @@ const Pa = {
   }
 }, Oa = /* @__PURE__ */ v(Pa, [["render", xa]]);
 function za(e, t, l, o, n, i) {
-  return s(), b(x, C({ name: i.transitionName }, e.$props), {
+  return s(), b(P, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6806,7 +6806,7 @@ const Ea = {
   }
 }, Ma = /* @__PURE__ */ v(Ea, [["render", za]]);
 function Aa(e, t, l, o, n, i) {
-  return s(), b(x, C({ name: i.transitionName }, e.$props), {
+  return s(), b(P, C({ name: i.transitionName }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6833,7 +6833,7 @@ const Na = {
   }
 }, Wa = /* @__PURE__ */ v(Na, [["render", Aa]]);
 function Ka(e, t, l, o, n, i) {
-  return s(), b(x, C({ name: "twist" }, e.$props), {
+  return s(), b(P, C({ name: "twist" }, e.$props), {
     default: g(() => [
       p(e.$slots, "default")
     ]),
@@ -6855,14 +6855,14 @@ function Ua(e, t, l, o, n, i) {
   return s(), u("ul", {
     class: f(["w-tree", i.classes])
   }, [
-    (s(!0), u(_, null, T(e.currentDepthItems, (h, y) => (s(), u("li", {
+    (s(!0), u(_, null, x(e.currentDepthItems, (h, y) => (s(), u("li", {
       class: f(["w-tree__item", i.itemClasses(h)]),
       key: y
     }, [
-      (s(), b(V(!l.disabled && !h.disabled && h.route ? !e.$router || i.hasExternalLink(h) ? "a" : "router-link" : "div"), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
+      (s(), b(V(i.getTreeItemComponent(h)), C({ class: "w-tree__item-label" }, h.route && { [!e.$router || i.hasExternalLink(h) ? "href" : "to"]: h.route }, {
         onClick: (S) => !l.disabled && !h.disabled && i.onLabelClick(h, S),
         onKeydown: (S) => !l.disabled && !h.disabled && i.onLabelKeydown(h, S),
-        tabindex: !l.disabled && !h.disabled && (h.children || h.branch || l.selectable) && !(l.unexpandableEmpty && !h.children) ? 0 : null
+        tabindex: i.getTreeItemTabindex(h)
       }), {
         default: g(() => [
           (h.children || h.branch) && (l.expandOpenIcon && h.open || l.expandIcon) && !(l.unexpandableEmpty && !h.children) ? (s(), b(a, {
@@ -6880,6 +6880,7 @@ function Ua(e, t, l, o, n, i) {
           p(e.$slots, "item", {
             item: h.originalItem,
             depth: l.depth,
+            path: h.path,
             open: h.open
           }, () => {
             var S;
@@ -6905,13 +6906,14 @@ function Ua(e, t, l, o, n, i) {
       }, 1040, ["onClick", "onKeydown", "tabindex"])),
       (s(), b(V(l.noTransition ? "div" : "w-transition-expand"), {
         y: !l.noTransition || null,
-        onAfterEnter: (S) => e.$emit("open", { item: h.originalItem, open: h.open, depth: l.depth }),
-        onAfterLeave: (S) => e.$emit("close", { item: h.originalItem, open: h.open, depth: l.depth })
+        onAfterEnter: (S) => e.$emit("open", { item: h.originalItem, open: h.open, depth: l.depth, path: i.getTreeItemPathForOutput(h) }),
+        onAfterLeave: (S) => e.$emit("close", { item: h.originalItem, open: h.open, depth: l.depth, path: i.getTreeItemPathForOutput(h) })
       }, {
         default: g(() => [
           h.children && h.open ? (s(), b(d, C({ key: 0 }, e.$props, {
             depth: l.depth + 1,
             data: h.originalItem.children,
+            parent: h,
             onBeforeOpen: t[0] || (t[0] = (S) => e.$emit("before-open", S)),
             onOpen: t[1] || (t[1] = (S) => e.$emit("open", S)),
             onBeforeClose: t[2] || (t[2] = (S) => e.$emit("before-close", S)),
@@ -6920,15 +6922,16 @@ function Ua(e, t, l, o, n, i) {
             onSelect: t[5] || (t[5] = (S) => e.$emit("select", S)),
             "onUpdate:modelValue": t[6] || (t[6] = (S) => e.$emit("update:model-value", S))
           }), {
-            item: g(({ item: S, depth: m, open: R }) => [
+            item: g(({ item: S, depth: m, path: R, open: T }) => [
               p(e.$slots, "item", {
                 item: S,
                 depth: m,
-                open: R
+                path: R,
+                open: T
               })
             ]),
             _: 2
-          }, 1040, ["depth", "data"])) : c("", !0)
+          }, 1040, ["depth", "data", "parent"])) : c("", !0)
         ]),
         _: 2
       }, 1064, ["y", "onAfterEnter", "onAfterLeave"]))
@@ -6941,6 +6944,7 @@ const qa = {
     modelValue: { type: [Object, Array] },
     data: { type: [Object, Array], required: !0 },
     depth: { type: Number, default: 0 },
+    parent: { type: Object, default: null },
     branchClass: { type: String },
     leafClass: { type: String },
     branchIcon: { type: String },
@@ -6983,8 +6987,8 @@ const qa = {
       if (this.currentDepthItems = [], !Array.isArray(e) && typeof e != "object")
         return J(`[w-tree] the tree items must be of type array or object, ${typeof e} received.`);
       Array.isArray(e) || (e = [e]), e.forEach((l, o) => {
-        var n;
-        this.currentDepthItems.push({
+        var i;
+        const n = {
           originalItem: l,
           _uid: this.depth.toString() + (o + 1),
           label: l[this.itemLabelKey],
@@ -6993,20 +6997,54 @@ const qa = {
           route: l[this.itemRouteKey],
           disabled: l[this.itemDisabledKey],
           depth: this.depth,
-          open: !!(((n = t[o]) == null ? void 0 : n.open) || this.expandAll || l[this.itemOpenKey])
-        });
+          open: !!(((i = t[o]) == null ? void 0 : i.open) || this.expandAll || l[this.itemOpenKey]),
+          parent: this.parent || null,
+          path: []
+        };
+        n.path = this.getTreeItemPath(n), this.currentDepthItems.push(n);
       });
     },
+    getTreeItemComponent(e) {
+      return !this.disabled && !e.disabled && e.route ? !this.$router || this.hasExternalLink(e) ? "a" : "router-link" : "div";
+    },
+    getTreeItemTabindex(e) {
+      return !this.disabled && !e.disabled && (e.children || e.branch || this.selectable) && !(this.unexpandableEmpty && !e.children) ? 0 : null;
+    },
+    getTreeItemPath(e) {
+      const t = [e];
+      let l = e.parent;
+      for (; l; )
+        t.push(l), l = l.parent;
+      return t.reverse(), t;
+    },
+    getTreeItemPathForOutput(e) {
+      return e.path.map((t) => t.originalItem);
+    },
     expandDepth(e, t) {
       typeof t == "boolean" ? e.open = t : e.open = !e.open;
-      const l = { item: e.originalItem, open: e.open, depth: this.depth };
+      const l = {
+        item: e.originalItem,
+        open: e.open,
+        depth: this.depth,
+        path: this.getTreeItemPathForOutput(e)
+      };
       return this.$emit(e.open ? "before-open" : "before-close", l), !this.unexpandableEmpty && !e.children && this.$emit(e.open ? "open" : "close", l), !0;
     },
     onLabelClick(e, t) {
-      e[this.itemRouteKey] && this.$router && !this.hasExternalLink(e) && t.preventDefault(), this.$emit("click", { item: e.originalItem, depth: this.depth, e: t }), (e.children || e.branch && !this.unexpandableEmpty) && this.expandDepth(e), this.selectable && this.emitItemSelection(e, t);
+      e[this.itemRouteKey] && this.$router && !this.hasExternalLink(e) && t.preventDefault(), this.$emit("click", {
+        item: e.originalItem,
+        depth: this.depth,
+        path: this.getTreeItemPathForOutput(e),
+        e: t
+      }), (e.children || e.branch && !this.unexpandableEmpty) && this.expandDepth(e), this.selectable && this.emitItemSelection(e, t);
     },
     emitItemSelection(e, t) {
-      const l = { item: e.originalItem, depth: this.depth, e: t };
+      const l = {
+        item: e.originalItem,
+        depth: this.depth,
+        path: this.getTreeItemPathForOutput(e),
+        e: t
+      };
       (e.children || e.branch && !this.unexpandableEmpty) && (l.open = e.open), this.$emit("update:model-value", l), this.$emit("select", l);
     },
     onLabelKeydown(e, t) {