@xwiki/cristal-dsvuetify 0.18.0 → 0.19.0

package/dist/{x-navigation-tree-Cx21xHVH.js → x-navigation-tree-CA9rdB38.js}

@@ -1,44 +1,44 @@
-import { ref as S, computed as V, createVNode as p, mergeProps as T, Fragment as R, inject as H, toRaw as O, reactive as Z, withModifiers as J, toRef as _, provide as ee, defineComponent as te, mergeDefaults as ne, onBeforeMount as ie, watch as le, createBlock as ae, openBlock as D, unref as re, withCtx as ce, createElementBlock as $, toDisplayString as U } from "vue";
-import { g as N, p as B, u as G, c as M, d as oe, o as F, m as se, e as q, f as de, h as ue, i as ve, j as fe, I as A, k as he, l as me, n as ge, q as j, r as Ie, s as we, t as pe, v as be, w as z } from "./index-C-c8K0Z_.js";
-import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ce = {
+import { ref as S, computed as V, createVNode as C, mergeProps as T, createElementVNode as A, Fragment as G, inject as J, toRaw as L, reactive as ee, withModifiers as Q, toRef as _, provide as te, defineComponent as ne, mergeDefaults as ie, onBeforeMount as le, watch as ae, createBlock as re, openBlock as j, unref as ce, withCtx as oe, createElementBlock as U, toDisplayString as M } from "vue";
+import { g as B, p as D, u as E, c as q, d as de, o as F, m as se, e as z, f as ue, h as ve, i as fe, j as he, I as O, k as me, l as ge, n as Ie, q as R, r as we, s as pe, t as be, v as ke, w as K } from "./index-BZqZR8-g.js";
+import { _ as Ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ye = {
   includeTerminals: !0
-}, ye = B({
+}, _e = D({
   ...F(se({
     collapseIcon: "$treeviewCollapse",
     expandIcon: "$treeviewExpand"
   }), ["subgroup"])
-}, "VTreeviewGroup"), K = N()({
+}, "VTreeviewGroup"), W = B()({
   name: "VTreeviewGroup",
-  props: ye(),
-  setup(e, C) {
+  props: _e(),
+  setup(e, k) {
     let {
       slots: l
-    } = C;
-    const h = S(), k = V(() => {
-      var d;
-      return (d = h.value) != null && d.isOpen ? e.collapseIcon : e.expandIcon;
-    }), s = V(() => {
-      var d;
+    } = k;
+    const h = S(), b = V(() => {
+      var s;
+      return (s = h.value) != null && s.isOpen ? e.collapseIcon : e.expandIcon;
+    }), d = V(() => {
+      var s;
       return {
         VTreeviewItem: {
           prependIcon: void 0,
           appendIcon: void 0,
-          active: (d = h.value) == null ? void 0 : d.isOpen,
-          toggleIcon: k.value
+          active: (s = h.value) == null ? void 0 : s.isOpen,
+          toggleIcon: b.value
         }
       };
     });
-    return G(() => {
-      const d = M.filterProps(e);
-      return p(M, T(d, {
+    return E(() => {
+      const s = q.filterProps(e);
+      return C(q, T(s, {
         ref: h,
         class: ["v-treeview-group", e.class],
         subgroup: !0
       }), {
         ...l,
-        activator: l.activator ? (u) => p(R, null, [p(oe, {
-          defaults: s.value
+        activator: l.activator ? (u) => A(G, null, [C(de, {
+          defaults: d.value
         }, {
           default: () => {
             var c;
@@ -48,63 +48,63 @@ const Ce = {
       });
     }), {};
   }
-}), Q = Symbol.for("vuetify:v-treeview"), _e = B({
+}), X = Symbol.for("vuetify:v-treeview"), Ve = D({
   loading: Boolean,
-  toggleIcon: A,
-  ...fe({
+  toggleIcon: O,
+  ...he({
     slim: !0
   })
-}, "VTreeviewItem"), W = N()({
+}, "VTreeviewItem"), H = B()({
   name: "VTreeviewItem",
-  props: _e(),
+  props: Ve(),
   emits: {
     toggleExpand: (e) => !0
   },
-  setup(e, C) {
+  setup(e, k) {
     let {
       slots: l,
       emit: h
-    } = C;
-    const k = H(Q, {
+    } = k;
+    const b = J(X, {
       visibleIds: S()
-    }).visibleIds, s = S(), d = V(() => {
-      var v, b;
-      return ((v = s.value) == null ? void 0 : v.root.activatable.value) && ((b = s.value) == null ? void 0 : b.isGroupActivator);
+    }).visibleIds, d = S(), s = V(() => {
+      var v, p;
+      return ((v = d.value) == null ? void 0 : v.root.activatable.value) && ((p = d.value) == null ? void 0 : p.isGroupActivator);
     }), u = V(() => {
-      var v, b;
-      return ((v = s.value) == null ? void 0 : v.link.isClickable.value) || e.value != null && !!((b = s.value) != null && b.list);
-    }), c = V(() => !e.disabled && e.link !== !1 && (e.link || u.value || d.value)), a = V(() => {
+      var v, p;
+      return ((v = d.value) == null ? void 0 : v.link.isClickable.value) || e.value != null && !!((p = d.value) != null && p.list);
+    }), c = V(() => !e.disabled && e.link !== !1 && (e.link || u.value || s.value)), a = V(() => {
       var v;
-      return k.value && !k.value.has(O((v = s.value) == null ? void 0 : v.id));
+      return b.value && !b.value.has(L((v = d.value) == null ? void 0 : v.id));
     });
     function y(v) {
-      var b, I;
-      c.value && d.value && ((I = s.value) == null || I.activate(!((b = s.value) != null && b.isActivated), v));
+      var p, I;
+      c.value && s.value && ((I = d.value) == null || I.activate(!((p = d.value) != null && p.isActivated), v));
     }
     function g(v) {
       v.preventDefault(), h("toggleExpand", v);
     }
-    return G(() => {
+    return E(() => {
       var I;
-      const v = F(q.filterProps(e), ["onClick"]), b = l.prepend || e.toggleIcon;
-      return p(q, T({
-        ref: s
+      const v = F(z.filterProps(e), ["onClick"]), p = l.prepend || e.toggleIcon;
+      return C(z, T({
+        ref: d
       }, v, {
-        active: (I = s.value) == null ? void 0 : I.isActivated,
+        active: (I = d.value) == null ? void 0 : I.isActivated,
         class: ["v-treeview-item", {
-          "v-treeview-item--activatable-group-activator": d.value,
+          "v-treeview-item--activatable-group-activator": s.value,
           "v-treeview-item--filtered": a.value
         }, e.class],
         ripple: !1,
         onClick: e.onClick ?? y
       }), {
         ...l,
-        prepend: b ? (o) => {
+        prepend: p ? (o) => {
           var r;
-          return p(R, null, [p(de, {
+          return A(G, null, [C(ue, {
             start: !1
           }, {
-            default: () => [e.toggleIcon ? p(ue, {
+            default: () => [e.toggleIcon ? C(ve, {
               density: "compact",
               icon: e.toggleIcon,
               loading: e.loading,
@@ -112,13 +112,13 @@ const Ce = {
               onClick: g
             }, {
               loader() {
-                return p(ve, {
+                return C(fe, {
                   indeterminate: "disable-shrink",
                   size: "20",
                   width: "2"
                 }, null);
               }
-            }) : p("div", {
+            }) : A("div", {
               class: "v-treeview-item__level"
             }, null)]
           }), (r = l.prepend) == null ? void 0 : r.call(l, o)]);
@@ -126,7 +126,7 @@ const Ce = {
       });
     }), {};
   }
-}), X = B({
+}), Y = D({
   disabled: Boolean,
   loadChildren: Function,
   loadingIcon: {
@@ -139,25 +139,25 @@ const Ce = {
     default: void 0
   },
   indeterminateIcon: {
-    type: A,
+    type: O,
     default: "$checkboxIndeterminate"
   },
-  falseIcon: A,
-  trueIcon: A,
+  falseIcon: O,
+  trueIcon: O,
   returnObject: Boolean,
   selectable: Boolean,
   selectedColor: String,
   selectStrategy: [String, Function, Object],
-  ...he()
-}, "VTreeviewChildren"), L = N()({
+  ...me()
+}, "VTreeviewChildren"), N = B()({
   name: "VTreeviewChildren",
-  props: X(),
-  setup(e, C) {
+  props: Y(),
+  setup(e, k) {
     let {
       slots: l
-    } = C;
-    const h = Z(/* @__PURE__ */ new Set()), k = V(() => !e.disabled && (e.openOnClick != null ? e.openOnClick : e.selectable));
-    async function s(u) {
+    } = k;
+    const h = ee(/* @__PURE__ */ new Set()), b = V(() => !e.disabled && (e.openOnClick != null ? e.openOnClick : e.selectable));
+    async function d(u) {
       var c, a;
       try {
         if (!((c = e.items) != null && c.length) || !e.loadChildren) return;
@@ -166,7 +166,7 @@ const Ce = {
         h.delete(u.value);
       }
     }
-    function d(u, c) {
+    function s(u, c) {
       e.selectable && u(!c);
     }
     return () => {
@@ -176,10 +176,10 @@ const Ce = {
         const {
           children: y,
           props: g
-        } = a, v = h.has(a.value), b = {
+        } = a, v = h.has(a.value), p = {
           prepend: (t) => {
             var n;
-            return p(R, null, [e.selectable && (!y || y && !["leaf", "single-leaf"].includes(e.selectStrategy)) && p("div", null, [p(me, {
+            return A(G, null, [e.selectable && (!y || y && !["leaf", "single-leaf"].includes(e.selectStrategy)) && A("div", null, [C(ge, {
               key: a.value,
               modelValue: t.isSelected,
               disabled: e.disabled,
@@ -190,9 +190,9 @@ const Ce = {
               indeterminateIcon: e.indeterminateIcon,
               falseIcon: e.falseIcon,
               trueIcon: e.trueIcon,
-              onClick: J(() => d(t.select, t.isSelected), ["stop"]),
+              onClick: Q(() => s(t.select, t.isSelected), ["stop"]),
               onKeydown: (i) => {
-                ["Enter", "Space"].includes(i.key) && (i.stopPropagation(), d(t.select, t.isSelected));
+                ["Enter", "Space"].includes(i.key) && (i.stopPropagation(), s(t.select, t.isSelected));
               }
             }, null)]), (n = l.prepend) == null ? void 0 : n.call(l, {
               ...t,
@@ -224,8 +224,8 @@ const Ce = {
               internalItem: a
             });
           } : void 0
-        }, I = K.filterProps(g), o = L.filterProps(e);
-        return y ? p(K, T(I, {
+        }, I = W.filterProps(g), o = N.filterProps(e);
+        return y ? C(W, T(I, {
           value: e.returnObject ? a.raw : I == null ? void 0 : I.value
         }), {
           activator: (t) => {
@@ -236,15 +236,15 @@ const Ce = {
               ...g,
               ...n,
               value: g == null ? void 0 : g.value,
-              onToggleExpand: [() => s(a), n.onClick],
-              onClick: k.value ? [() => s(a), n.onClick] : void 0
+              onToggleExpand: [() => d(a), n.onClick],
+              onClick: b.value ? [() => d(a), n.onClick] : void 0
             };
-            return p(W, T(i, {
+            return C(H, T(i, {
               value: e.returnObject ? a.raw : g.value,
               loading: v
-            }), b);
+            }), p);
           },
-          default: () => p(L, T(o, {
+          default: () => C(N, T(o, {
             items: y,
             returnObject: e.returnObject
           }), l)
@@ -252,28 +252,28 @@ const Ce = {
           props: g,
           item: a.raw,
           internalItem: a
-        })) ?? p(W, T(g, {
-          value: e.returnObject ? O(a.raw) : g.value
-        }), b);
+        })) ?? C(H, T(g, {
+          value: e.returnObject ? L(a.raw) : g.value
+        }), p);
       }));
     };
   }
 });
-function Y(e) {
-  let C = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+function Z(e) {
+  let k = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   for (const l of e)
-    C.push(l), l.children && Y(l.children, C);
-  return C;
+    k.push(l), l.children && Z(l.children, k);
+  return k;
 }
-const Ve = B({
+const Pe = D({
   fluid: Boolean,
   openAll: Boolean,
   search: String,
-  ...pe({
+  ...be({
     filterKeys: ["title"]
   }),
-  ...X(),
-  ...F(be({
+  ...Y(),
+  ...F(ke({
     collapseIcon: "$treeviewCollapse",
     expandIcon: "$treeviewExpand",
     slim: !0
@@ -282,9 +282,9 @@ const Ve = B({
     type: Array,
     default: () => []
   }
-}, "VTreeview"), Pe = N()({
+}, "VTreeview"), Te = B()({
   name: "VTreeview",
-  props: Ve(),
+  props: Pe(),
   emits: {
     "update:opened": (e) => !0,
     "update:activated": (e) => !0,
@@ -293,26 +293,26 @@ const Ve = B({
     "click:open": (e) => !0,
     "click:select": (e) => !0
   },
-  setup(e, C) {
+  setup(e, k) {
     let {
       slots: l
-    } = C;
+    } = k;
     const {
       items: h
-    } = ge(e), k = _(() => e.activeColor), s = _(() => e.baseColor), d = _(() => e.color), u = j(e, "activated"), c = j(e, "modelValue"), a = j(e, "selected", e.modelValue), y = V({
+    } = Ie(e), b = _(() => e.activeColor), d = _(() => e.baseColor), s = _(() => e.color), u = R(e, "activated"), c = R(e, "modelValue"), a = R(e, "selected", e.modelValue), y = V({
       get: () => a.value,
       set(i) {
         a.value = i, c.value = i;
       }
-    }), g = S(), v = V(() => e.openAll ? n(h.value) : e.opened), b = V(() => Y(h.value)), I = _(() => e.search), {
+    }), g = S(), v = V(() => e.openAll ? n(h.value) : e.opened), p = V(() => Z(h.value)), I = _(() => e.search), {
       filteredItems: o
-    } = Ie(e, b, I), r = V(() => {
+    } = we(e, p, I), r = V(() => {
       var m;
       if (!I.value) return null;
       const i = (m = g.value) == null ? void 0 : m.getPath;
       return i ? new Set(o.value.flatMap((w) => {
         const P = e.returnObject ? w.raw : w.props.value;
-        return [...i(P), ...t(P)].map(O);
+        return [...i(P), ...t(P)].map(L);
       })) : null;
     });
     function t(i) {
@@ -327,32 +327,32 @@ const Ve = B({
     function n(i) {
       let m = [];
       for (const w of i)
-        w.children && (m.push(e.returnObject ? O(w.raw) : w.value), w.children && (m = m.concat(n(w.children))));
+        w.children && (m.push(e.returnObject ? L(w.raw) : w.value), w.children && (m = m.concat(n(w.children))));
       return m;
     }
-    return ee(Q, {
+    return te(X, {
       visibleIds: r
-    }), we({
+    }), pe({
       VTreeviewGroup: {
-        activeColor: k,
-        baseColor: s,
-        color: d,
+        activeColor: b,
+        baseColor: d,
+        color: s,
         collapseIcon: _(() => e.collapseIcon),
         expandIcon: _(() => e.expandIcon)
       },
       VTreeviewItem: {
         activeClass: _(() => e.activeClass),
-        activeColor: k,
-        baseColor: s,
-        color: d,
+        activeColor: b,
+        baseColor: d,
+        color: s,
         density: _(() => e.density),
         disabled: _(() => e.disabled),
         lines: _(() => e.lines),
         variant: _(() => e.variant)
       }
-    }), G(() => {
-      const i = z.filterProps(e), m = L.filterProps(e);
-      return p(z, T({
+    }), E(() => {
+      const i = K.filterProps(e), m = N.filterProps(e);
+      return C(K, T({
         ref: g
       }, i, {
         class: ["v-treeview", {
@@ -366,7 +366,7 @@ const Ve = B({
         selected: y.value,
         "onUpdate:selected": (w) => y.value = w
       }), {
-        default: () => [p(L, T(m, {
+        default: () => [C(N, T(m, {
           density: e.density,
           returnObject: e.returnObject,
           items: h.value
@@ -374,20 +374,20 @@ const Ve = B({
       });
     }), {};
   }
-}), Te = ["href", "onClick"], xe = ["href"], Se = /* @__PURE__ */ te({
+}), xe = ["href", "onClick"], Se = ["href"], Ae = /* @__PURE__ */ ne({
   __name: "x-navigation-tree",
-  props: /* @__PURE__ */ ne({
+  props: /* @__PURE__ */ ie({
     clickAction: { type: Function },
     currentPageReference: {},
     includeTerminals: { type: Boolean }
-  }, Ce),
+  }, ye),
   setup(e) {
-    const C = H("cristal"), l = C.getContainer().get("DocumentService"), h = C.getContainer().get("NavigationTreeSourceProvider").get(), k = S([]), s = S(new Array()), d = S([]);
+    const k = J("cristal"), l = k.getContainer().get("DocumentService"), h = k.getContainer().get("NavigationTreeSourceProvider").get(), b = S([]), d = S(new Array()), s = S([]);
     var u = !1;
     const c = e;
-    ie(async () => {
+    le(async () => {
       for (const o of await I(""))
-        k.value.push({
+        b.value.push({
           id: o.id,
           title: o.label,
           href: o.url,
@@ -395,8 +395,8 @@ const Ve = B({
           _location: o.location,
           _is_terminal: o.is_terminal
         });
-      await a(), l.registerDocumentChangeListener("delete", v), l.registerDocumentChangeListener("update", b);
-    }), le(() => c.currentPageReference, a);
+      await a(), l.registerDocumentChangeListener("delete", v), l.registerDocumentChangeListener("update", p);
+    }), ae(() => c.currentPageReference, a);
     async function a() {
       var o;
       if (c.currentPageReference && !u) {
@@ -405,14 +405,14 @@ const Ve = B({
           c.currentPageReference,
           c.includeTerminals
         );
-        let t, n = k.value;
+        let t, n = b.value;
         for (t = 0; t < r.length - 1; t++)
           if (n)
             for (const i of n)
-              i.id == r[t] && (((o = i.children) == null ? void 0 : o.length) == 0 && await y(i), d.value.includes(i.id) || d.value.push(i.id), n = i.children);
+              i.id == r[t] && (((o = i.children) == null ? void 0 : o.length) == 0 && await y(i), s.value.includes(i.id) || s.value.push(i.id), n = i.children);
         if (n)
           for (const i of n)
-            i.id == r[t] && (s.value = [i.id], c.clickAction && c.clickAction({
+            i.id == r[t] && (d.value = [i.id], c.clickAction && c.clickAction({
               id: i.id,
               label: i.title,
               location: i._location,
@@ -438,11 +438,11 @@ const Ve = B({
       t.length == 0 && (r.children = void 0);
     }
     function g() {
-      s.value.length > 1 && s.value.pop();
+      d.value.length > 1 && d.value.pop();
     }
     async function v(o) {
       const r = h.getParentNodesId(o, c.includeTerminals);
-      let t, n = k.value, i = !1;
+      let t, n = b.value, i = !1;
       e: for (; n && !i; ) {
         for (const m of n.keys())
           if (n[m].id == r[0])
@@ -456,9 +456,9 @@ const Ve = B({
         i = !0;
       }
     }
-    async function b(o) {
+    async function p(o) {
       const r = h.getParentNodesId(o, c.includeTerminals);
-      let t, n = k.value, i = !1, m = !0;
+      let t, n = b.value, i = !1, m = !0;
       e: for (; n && !i; ) {
         for (const f of n.keys())
           if (n[f].id == r[0])
@@ -466,9 +466,9 @@ const Ve = B({
               const x = await I(
                 t || ""
               );
-              for (const E of x)
-                if (E.id == n[f].id) {
-                  n[f].title = E.label;
+              for (const $ of x)
+                if ($.id == n[f].id) {
+                  n[f].title = $.label;
                   return;
                 }
             } else {
@@ -494,7 +494,7 @@ const Ve = B({
           children: f.has_children ? [] : void 0,
           _location: f.location,
           _is_terminal: f.is_terminal
-        }), P.length > 0 && P[P.length - 1] === f.id && (s.value = [f.id]);
+        }), P.length > 0 && P[P.length - 1] === f.id && (d.value = [f.id]);
       }
     }
     async function I(o) {
@@ -502,24 +502,24 @@ const Ve = B({
         (r) => c.includeTerminals || !r.is_terminal
       );
     }
-    return (o, r) => (D(), ae(re(Pe), {
-      opened: d.value,
-      "onUpdate:opened": r[0] || (r[0] = (t) => d.value = t),
+    return (o, r) => (j(), re(ce(Te), {
+      opened: s.value,
+      "onUpdate:opened": r[0] || (r[0] = (t) => s.value = t),
       density: "compact",
-      activated: s.value,
-      items: k.value,
+      activated: d.value,
+      items: b.value,
       "load-children": y,
       activatable: "",
       "active-strategy": "independent",
       "item-value": "id",
       "onUpdate:activated": g
     }, {
-      title: ce(({ item: t }) => [
-        c.clickAction ? (D(), $("a", {
+      title: oe(({ item: t }) => [
+        c.clickAction ? (j(), U("a", {
           key: 0,
           href: t.href,
-          onClick: J((n) => {
-            s.value = [t.id], o.clickAction({
+          onClick: Q((n) => {
+            d.value = [t.id], o.clickAction({
               id: t.id,
               label: t.title,
               location: t._location,
@@ -528,16 +528,16 @@ const Ve = B({
               is_terminal: t._is_terminal
             });
           }, ["prevent"])
-        }, U(t.title), 9, Te)) : (D(), $("a", {
+        }, M(t.title), 9, xe)) : (j(), U("a", {
           key: 1,
           href: t.href
-        }, U(t.title), 9, xe))
+        }, M(t.title), 9, Se))
       ]),
       _: 1
     }, 8, ["opened", "activated", "items"]));
   }
-}), Ne = /* @__PURE__ */ ke(Se, [["__scopeId", "data-v-515dbad6"]]);
+}), Be = /* @__PURE__ */ Ce(Ae, [["__scopeId", "data-v-515dbad6"]]);
 export {
-  Ne as default
+  Be as default
 };
-//# sourceMappingURL=x-navigation-tree-Cx21xHVH.js.map
+//# sourceMappingURL=x-navigation-tree-CA9rdB38.js.map