@xwiki/cristal-dsvuetify 0.11.0 → 0.12.0

package/dist/vue/x-alert.vue.d.ts

@@ -1,3 +1,17 @@
 import { AlertProps } from '@xwiki/cristal-dsapi';
-declare const _default: import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/vue/x-navigation-tree.vue.d.ts

@@ -1,12 +1,10 @@
 import { PageData } from '@xwiki/cristal-api';
-import { NavigationTreeSource, NavigationTreeNode } from '@xwiki/cristal-navigation-tree-api';
+import { NavigationTreeNode } from '@xwiki/cristal-navigation-tree-api';
 type OnClickAction = (node: NavigationTreeNode) => void;
 declare const _default: import('vue').DefineComponent<{
-    treeSource: NavigationTreeSource;
     clickAction?: OnClickAction;
     currentPage?: PageData;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    treeSource: NavigationTreeSource;
     clickAction?: OnClickAction;
     currentPage?: PageData;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/x-alert-C3nY6ghP.js

@@ -0,0 +1,42 @@
+import { defineComponent as p, resolveComponent as o, openBlock as l, createBlock as n, withCtx as a, createElementBlock as c, Fragment as i, renderList as m, createTextVNode as d, toDisplayString as u, renderSlot as _ } from "vue";
+const y = /* @__PURE__ */ p({
+  __name: "x-alert",
+  props: {
+    title: {},
+    type: {},
+    description: {},
+    actions: {},
+    closable: { type: Boolean }
+  },
+  setup(b) {
+    return (e, f) => {
+      const r = o("x-btn"), s = o("v-alert");
+      return l(), n(s, {
+        closable: e.closable,
+        title: e.title,
+        type: e.type,
+        text: e.description
+      }, {
+        default: a(() => [
+          (l(!0), c(i, null, m(e.actions, (t) => (l(), n(r, {
+            key: t.name,
+            size: "small",
+            variant: "text",
+            onClick: t.callback
+          }, {
+            default: a(() => [
+              d(u(t.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))), 128)),
+          _(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["closable", "title", "type", "text"]);
+    };
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=x-alert-C3nY6ghP.js.map

package/dist/x-alert-C3nY6ghP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-alert-C3nY6ghP.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/x-btn-DNlhiqjD.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-btn-DNlhiqjD.js","sources":["../src/vue/x-btn.vue"],"sourcesContent":["<!--\nSee the LICENSE file distributed with this work for additional\ninformation regarding copyright ownership.\n\nThis is free software; you can redistribute it and/or modify it\nunder the terms of the GNU Lesser General Public License as\npublished by the Free Software Foundation; either version 2.1 of\nthe License, or (at your option) any later version.\n\nThis software is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\nLesser General Public License for more details.\n\nYou should have received a copy of the GNU Lesser General Public\nLicense along with this software; if not, write to the Free\nSoftware Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport { type BtnProps } from \"@xwiki/cristal-dsapi\";\n\nconst { variant } = defineProps<BtnProps>();\n\n// Map the variants to corresponding vuetify colors.\nconst color = computed(() => {\n  let color = undefined;\n  switch (variant) {\n    case \"default\":\n      break;\n    case \"primary\":\n      color = \"primary\";\n      break;\n    case \"success\":\n      color = \"success\";\n      break;\n    case \"neutral\":\n      color = \"secondary\";\n      break;\n    case \"warning\":\n      color = \"warning\";\n      break;\n    case \"danger\":\n      color = \"error\";\n      break;\n  }\n  return color;\n});\n\nconst vVariant = computed(() => (variant == \"text\" ? \"text\" : \"tonal\"));\n</script>\n<template>\n  <v-btn :color=\"color\" :variant=\"vVariant\">\n    <slot />\n  </v-btn>\n</template>\n"],"names":["color","computed","__props","vVariant"],"mappings":";;;;;;;AA0BM,UAAAA,IAAQC,EAAS,MAAM;AAC3B,UAAID;AACJ,cAAQE,EAAA,SAAS;AAAA,QACf,KAAK;AACH;AAAA,QACF,KAAK;AACHF,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,MACJ;AACOA,aAAAA;AAAAA,IAAA,CACR,GAEKG,IAAWF,EAAS,MAAOC,EAAO,WAAI,SAAS,SAAS,OAAQ;;;;;;;;;;;;;;;"}
+{"version":3,"file":"x-btn-DNlhiqjD.js","sources":["../src/vue/x-btn.vue"],"sourcesContent":["<!--\nSee the LICENSE file distributed with this work for additional\ninformation regarding copyright ownership.\n\nThis is free software; you can redistribute it and/or modify it\nunder the terms of the GNU Lesser General Public License as\npublished by the Free Software Foundation; either version 2.1 of\nthe License, or (at your option) any later version.\n\nThis software is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\nLesser General Public License for more details.\n\nYou should have received a copy of the GNU Lesser General Public\nLicense along with this software; if not, write to the Free\nSoftware Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script lang=\"ts\" setup>\nimport { computed } from \"vue\";\nimport type { BtnProps } from \"@xwiki/cristal-dsapi\";\n\nconst { variant } = defineProps<BtnProps>();\n\n// Map the variants to corresponding vuetify colors.\nconst color = computed(() => {\n  let color = undefined;\n  switch (variant) {\n    case \"default\":\n      break;\n    case \"primary\":\n      color = \"primary\";\n      break;\n    case \"success\":\n      color = \"success\";\n      break;\n    case \"neutral\":\n      color = \"secondary\";\n      break;\n    case \"warning\":\n      color = \"warning\";\n      break;\n    case \"danger\":\n      color = \"error\";\n      break;\n  }\n  return color;\n});\n\nconst vVariant = computed(() => (variant == \"text\" ? \"text\" : \"tonal\"));\n</script>\n<template>\n  <v-btn :color=\"color\" :variant=\"vVariant\">\n    <slot />\n  </v-btn>\n</template>\n"],"names":["color","computed","__props","vVariant"],"mappings":";;;;;;;AA0BM,UAAAA,IAAQC,EAAS,MAAM;AAC3B,UAAID;AACJ,cAAQE,EAAO,SAAE;AAAA,QACf,KAAK;AACH;AAAA,QACF,KAAK;AACHF,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,QACF,KAAK;AACHA,UAAAA,IAAQ;AACR;AAAA,MACJ;AACOA,aAAAA;AAAAA,IAAA,CACR,GAEKG,IAAWF,EAAS,MAAOC,EAAA,WAAW,SAAS,SAAS,OAAQ;;;;;;;;;;;;;;;"}

package/dist/{x-file-input-8euR7G64.js → x-file-input-BtGTZtfq.js}

@@ -1,7 +1,7 @@
 import { defineComponent as s, mergeModels as m, useModel as i, computed as d, openBlock as p, createBlock as f, unref as c } from "vue";
 import { t as V } from "./translations-BNEIsfPR.js";
 import { useI18n as b } from "vue-i18n";
-import { b as v } from "./index-BMliq0dk.js";
+import { b as v } from "./index-DCILSBLH.js";
 const k = /* @__PURE__ */ s({
   __name: "x-file-input",
   props: /* @__PURE__ */ m({
@@ -32,4 +32,4 @@ const k = /* @__PURE__ */ s({
 export {
   k as default
 };
-//# sourceMappingURL=x-file-input-8euR7G64.js.map
+//# sourceMappingURL=x-file-input-BtGTZtfq.js.map

package/dist/x-file-input-BtGTZtfq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-file-input-BtGTZtfq.js","sources":["../src/vue/form/x-file-input.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport messages from \"../../translations\";\nimport { computed, defineModel } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { VFileInput } from \"vuetify/components/VFileInput\";\nimport type { TextFieldModel, TextFieldProps } from \"@xwiki/cristal-dsapi\";\n\nconst { t } = useI18n({\n  messages,\n});\n\nconst model = defineModel<TextFieldModel>();\nconst props = defineProps<TextFieldProps>();\n\nconst rules = computed(() => {\n  const rulesList = [];\n  if (props.required) {\n    rulesList.push((value: unknown) => {\n      if (value) {\n        return true;\n      } else {\n        return t(\"vuetify.file.input.mandatory\");\n      }\n    });\n  }\n  return rulesList;\n});\n</script>\n\n<template>\n  <v-file-input\n    v-model=\"model\"\n    :label=\"label\"\n    :name=\"name\"\n    :rules=\"rules\"\n  ></v-file-input>\n</template>\n\n<style scoped></style>\n"],"names":["useI18n","messages","model","_useModel","props","__props","rules","computed","rulesList","value"],"mappings":";;;;;;;;;;;;;;;;AAOM,UAAA,EAAE,EAAE,IAAIA,EAAQ;AAAA,MAAA,UACpBC;AAAAA,IAAA,CACD,GAEKC,IAAQC,iBAA4B,GACpCC,IAAQC,GAERC,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAA;AAClB,aAAIJ,EAAM,YACEI,EAAA,KAAK,CAACC,MACVA,IACK,KAEA,EAAE,8BAA8B,CAE1C,GAEID;AAAA,IAAA,CACR;;;;;;;;;;"}

package/dist/{x-form-UiBYkCKP.js → x-form-pSj3365X.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, resolveComponent as s, openBlock as c, createBlock as f, unref as u, withModifiers as a, withCtx as e, createVNode as _, renderSlot as l } from "vue";
-import { V as p } from "./index-BMliq0dk.js";
+import { V as p } from "./index-DCILSBLH.js";
 const h = /* @__PURE__ */ i({
   __name: "x-form",
   emits: ["formSubmit"],
@@ -29,4 +29,4 @@ const h = /* @__PURE__ */ i({
 export {
   h as default
 };
-//# sourceMappingURL=x-form-UiBYkCKP.js.map
+//# sourceMappingURL=x-form-pSj3365X.js.map

package/dist/{x-form-UiBYkCKP.js.map → x-form-pSj3365X.js.map}

@@ -1 +1 @@
-{"version":3,"file":"x-form-UiBYkCKP.js","sources":["../src/vue/form/x-form.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { VForm } from \"vuetify/components/VForm\";\nconst emits = defineEmits([\"formSubmit\"]);\nfunction submit() {\n  emits(\"formSubmit\");\n}\n</script>\n\n<template>\n  <v-form @submit.prevent=\"submit\">\n    <v-container>\n      <slot></slot>\n    </v-container>\n  </v-form>\n</template>\n\n<style scoped></style>\n"],"names":["emits","__emit","submit"],"mappings":";;;;;;AAEA,UAAMA,IAAQC;AACd,aAASC,IAAS;AAChB,MAAAF,EAAM,YAAY;AAAA,IACpB;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"x-form-pSj3365X.js","sources":["../src/vue/form/x-form.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { VForm } from \"vuetify/components/VForm\";\nconst emits = defineEmits([\"formSubmit\"]);\nfunction submit() {\n  emits(\"formSubmit\");\n}\n</script>\n\n<template>\n  <v-form @submit.prevent=\"submit\">\n    <v-container>\n      <slot></slot>\n    </v-container>\n  </v-form>\n</template>\n\n<style scoped></style>\n"],"names":["emits","__emit","submit"],"mappings":";;;;;;AAEA,UAAMA,IAAQC;AACd,aAASC,IAAS;AAChB,MAAAF,EAAM,YAAY;AAAA,IACpB;;;;;;;;;;;;;;;;;;;"}

package/dist/x-navigation-tree-W6QDS4uh.js

@@ -0,0 +1,499 @@
+import { ref as P, computed as V, createVNode as g, mergeProps as T, Fragment as G, inject as W, reactive as Y, withModifiers as H, toRaw as S, toRef as y, provide as Z, defineComponent as ee, onBeforeMount as te, watch as ne, openBlock as j, createBlock as ae, unref as ie, withCtx as le, createElementBlock as $, toDisplayString as R } from "vue";
+import { p as O, o as D, m as oe, g as L, u as E, c as U, d as re, E as ce, I as x, e as de, f as se, h as M, i as ue, j as ve, k as fe, l as he, n as ge, q as me, r as Ie, s as B, t as we, v as pe, w as q } from "./index-DCILSBLH.js";
+import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ce = O({
+  ...D(oe({
+    collapseIcon: "$treeviewCollapse",
+    expandIcon: "$treeviewExpand"
+  }), ["subgroup"])
+}, "VTreeviewGroup"), z = L()({
+  name: "VTreeviewGroup",
+  props: Ce(),
+  setup(e, I) {
+    let {
+      slots: i
+    } = I;
+    const u = P(), p = V(() => {
+      var o;
+      return (o = u.value) != null && o.isOpen ? e.collapseIcon : e.expandIcon;
+    }), b = V(() => {
+      var o;
+      return {
+        VTreeviewItem: {
+          prependIcon: void 0,
+          appendIcon: void 0,
+          active: (o = u.value) == null ? void 0 : o.isOpen,
+          toggleIcon: p.value
+        }
+      };
+    });
+    return E(() => {
+      const o = U.filterProps(e);
+      return g(U, T(o, {
+        ref: u,
+        class: ["v-treeview-group", e.class],
+        subgroup: !0
+      }), {
+        ...i,
+        activator: i.activator ? (v) => g(G, null, [g(re, {
+          defaults: b.value
+        }, {
+          default: () => {
+            var f;
+            return [(f = i.activator) == null ? void 0 : f.call(i, v)];
+          }
+        })]) : void 0
+      });
+    }), {};
+  }
+}), J = Symbol.for("vuetify:v-treeview"), be = O({
+  loading: Boolean,
+  onToggleExpand: ce(),
+  toggleIcon: x,
+  ...de({
+    slim: !0
+  })
+}, "VTreeviewItem"), K = L()({
+  name: "VTreeviewItem",
+  props: be(),
+  setup(e, I) {
+    let {
+      attrs: i,
+      slots: u,
+      emit: p
+    } = I;
+    const b = se(e, i), o = P(), v = V(() => {
+      var s, w;
+      return ((s = o.value) == null ? void 0 : s.root.activatable.value) && ((w = o.value) == null ? void 0 : w.isGroupActivator);
+    }), f = V(() => {
+      var s;
+      return !e.disabled && e.link !== !1 && (e.link || b.isClickable.value || e.value != null && !!((s = o.value) != null && s.list) || v.value);
+    });
+    function d(s) {
+      var w, C, l, r;
+      !f.value || !v.value && ((w = o.value) != null && w.isGroupActivator) || (C = o.value) != null && C.root.activatable.value && ((r = o.value) == null || r.activate(!((l = o.value) != null && l.isActivated), s));
+    }
+    const k = W(J, {
+      visibleIds: P()
+    }).visibleIds;
+    return E(() => {
+      var C, l;
+      const s = D(M.filterProps(e), ["onClick"]), w = u.prepend || e.toggleIcon;
+      return g(M, T({
+        ref: o
+      }, s, {
+        active: (C = o.value) == null ? void 0 : C.isActivated,
+        class: ["v-treeview-item", {
+          "v-treeview-item--activatable-group-activator": v.value,
+          "v-treeview-item--filtered": k.value && !k.value.has((l = o.value) == null ? void 0 : l.id)
+        }, e.class],
+        ripple: !1,
+        onClick: e.onClick ?? d
+      }), {
+        ...u,
+        prepend: w ? (r) => {
+          var t;
+          return g(G, null, [e.toggleIcon && g(ue, {
+            start: !1
+          }, {
+            default: () => [g(ve, {
+              density: "compact",
+              icon: e.toggleIcon,
+              loading: e.loading,
+              variant: "text",
+              onClick: e.onToggleExpand
+            }, {
+              loader() {
+                return g(fe, {
+                  indeterminate: "disable-shrink",
+                  size: "20",
+                  width: "2"
+                }, null);
+              }
+            })]
+          }), (t = u.prepend) == null ? void 0 : t.call(u, r)]);
+        } : void 0
+      });
+    }), {};
+  }
+}), Q = O({
+  loadChildren: Function,
+  loadingIcon: {
+    type: String,
+    default: "$loading"
+  },
+  items: Array,
+  openOnClick: {
+    type: Boolean,
+    default: void 0
+  },
+  indeterminateIcon: {
+    type: x,
+    default: "$checkboxIndeterminate"
+  },
+  falseIcon: x,
+  trueIcon: x,
+  returnObject: Boolean,
+  selectable: Boolean,
+  selectedColor: String,
+  selectStrategy: [String, Function, Object]
+}, "VTreeviewChildren"), A = L()({
+  name: "VTreeviewChildren",
+  props: Q(),
+  setup(e, I) {
+    let {
+      slots: i
+    } = I;
+    const u = Y(/* @__PURE__ */ new Set()), p = V(() => e.openOnClick != null ? e.openOnClick : e.selectable);
+    async function b(v) {
+      var f, d;
+      try {
+        if (!((f = e.items) != null && f.length) || !e.loadChildren) return;
+        ((d = v == null ? void 0 : v.children) == null ? void 0 : d.length) === 0 && (u.add(v.value), await e.loadChildren(v.raw));
+      } finally {
+        u.delete(v.value);
+      }
+    }
+    function o(v, f) {
+      e.selectable && v(!f);
+    }
+    return () => {
+      var v, f;
+      return ((v = i.default) == null ? void 0 : v.call(i)) ?? ((f = e.items) == null ? void 0 : f.map((d) => {
+        var t;
+        const {
+          children: k,
+          props: s
+        } = d, w = u.has(d.value), C = {
+          prepend: (n) => {
+            var a;
+            return g(G, null, [e.selectable && (!k || k && !["leaf", "single-leaf"].includes(e.selectStrategy)) && g("div", null, [g(he, {
+              key: d.value,
+              modelValue: n.isSelected,
+              loading: w,
+              color: e.selectedColor,
+              indeterminate: n.isIndeterminate,
+              indeterminateIcon: e.indeterminateIcon,
+              falseIcon: e.falseIcon,
+              trueIcon: e.trueIcon,
+              onClick: H(() => o(n.select, n.isSelected), ["stop"]),
+              onKeydown: (c) => {
+                ["Enter", "Space"].includes(c.key) && (c.stopPropagation(), o(n.select, n.isSelected));
+              }
+            }, null)]), (a = i.prepend) == null ? void 0 : a.call(i, {
+              ...n,
+              item: d.raw,
+              internalItem: d
+            })]);
+          },
+          append: i.append ? (n) => {
+            var a;
+            return (a = i.append) == null ? void 0 : a.call(i, {
+              ...n,
+              item: d.raw,
+              internalItem: d
+            });
+          } : void 0,
+          title: i.title ? (n) => {
+            var a;
+            return (a = i.title) == null ? void 0 : a.call(i, {
+              ...n,
+              item: d.raw,
+              internalItem: d
+            });
+          } : void 0
+        }, l = z.filterProps(s), r = A.filterProps(e);
+        return k ? g(z, T(l, {
+          value: e.returnObject ? d.raw : l == null ? void 0 : l.value
+        }), {
+          activator: (n) => {
+            let {
+              props: a
+            } = n;
+            const c = {
+              ...s,
+              ...a,
+              value: s == null ? void 0 : s.value,
+              onToggleExpand: [() => b(d), a.onClick],
+              onClick: p.value ? [() => b(d), a.onClick] : void 0
+            };
+            return g(K, T(c, {
+              value: e.returnObject ? S(d.raw) : s.value,
+              loading: w
+            }), C);
+          },
+          default: () => g(A, T(r, {
+            items: k,
+            returnObject: e.returnObject
+          }), i)
+        }) : ((t = i.item) == null ? void 0 : t.call(i, {
+          props: s,
+          item: d.raw,
+          internalItem: d
+        })) ?? g(K, T(s, {
+          value: e.returnObject ? S(d.raw) : s.value
+        }), C);
+      }));
+    };
+  }
+});
+function X(e) {
+  let I = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  for (const i of e)
+    I.push(i), i.children && X(i.children, I);
+  return I;
+}
+const ye = O({
+  openAll: Boolean,
+  search: String,
+  ...ge({
+    filterKeys: ["title"]
+  }),
+  ...Q(),
+  ...D(me({
+    collapseIcon: "$treeviewCollapse",
+    expandIcon: "$treeviewExpand",
+    slim: !0
+  }), ["itemType", "nav", "openStrategy"]),
+  modelValue: {
+    type: Array,
+    default: () => []
+  }
+}, "VTreeview"), Ve = L()({
+  name: "VTreeview",
+  props: ye(),
+  emits: {
+    "update:opened": (e) => !0,
+    "update:activated": (e) => !0,
+    "update:selected": (e) => !0,
+    "update:modelValue": (e) => !0,
+    "click:open": (e) => !0,
+    "click:select": (e) => !0
+  },
+  setup(e, I) {
+    let {
+      slots: i
+    } = I;
+    const {
+      items: u
+    } = Ie(e), p = y(e, "activeColor"), b = y(e, "baseColor"), o = y(e, "color"), v = B(e, "activated"), f = B(e, "modelValue"), d = B(e, "selected", e.modelValue), k = V({
+      get: () => d.value,
+      set(c) {
+        d.value = c, f.value = c;
+      }
+    }), s = P(), w = V(() => e.openAll ? a(u.value) : e.opened), C = V(() => X(u.value)), l = y(e, "search"), {
+      filteredItems: r
+    } = we(e, C, l), t = V(() => {
+      var m;
+      if (!l.value) return null;
+      const c = (m = s.value) == null ? void 0 : m.getPath;
+      return c ? new Set(r.value.flatMap((h) => {
+        const _ = e.returnObject ? h.raw : h.props.value;
+        return [...c(_), ...n(_)].map(S);
+      })) : null;
+    });
+    function n(c) {
+      var _, F;
+      const m = [], h = (((_ = s.value) == null ? void 0 : _.children.get(c)) ?? []).slice();
+      for (; h.length; ) {
+        const N = h.shift();
+        N && (m.push(N), h.push(...(((F = s.value) == null ? void 0 : F.children.get(N)) ?? []).slice()));
+      }
+      return m;
+    }
+    function a(c) {
+      let m = [];
+      for (const h of c)
+        h.children && (m.push(e.returnObject ? S(h.raw) : h.value), h.children && (m = m.concat(a(h.children))));
+      return m;
+    }
+    return Z(J, {
+      visibleIds: t
+    }), pe({
+      VTreeviewGroup: {
+        activeColor: p,
+        baseColor: b,
+        color: o,
+        collapseIcon: y(e, "collapseIcon"),
+        expandIcon: y(e, "expandIcon")
+      },
+      VTreeviewItem: {
+        activeClass: y(e, "activeClass"),
+        activeColor: p,
+        baseColor: b,
+        color: o,
+        density: y(e, "density"),
+        disabled: y(e, "disabled"),
+        lines: y(e, "lines"),
+        variant: y(e, "variant")
+      }
+    }), E(() => {
+      const c = q.filterProps(e), m = A.filterProps(e);
+      return g(q, T({
+        ref: s
+      }, c, {
+        class: ["v-treeview", e.class],
+        "open-strategy": "multiple",
+        style: e.style,
+        opened: w.value,
+        activated: v.value,
+        "onUpdate:activated": (h) => v.value = h,
+        selected: k.value,
+        "onUpdate:selected": (h) => k.value = h
+      }), {
+        default: () => [g(A, T(m, {
+          returnObject: e.returnObject,
+          items: u.value
+        }), i)]
+      });
+    }), {};
+  }
+}), Pe = ["href", "onClick"], Te = ["href"], _e = /* @__PURE__ */ ee({
+  __name: "x-navigation-tree",
+  props: {
+    clickAction: { type: Function },
+    currentPage: {}
+  },
+  setup(e) {
+    const I = W("cristal"), i = I.getContainer().get("DocumentService"), u = I.getContainer().get("NavigationTreeSourceProvider").get(), p = P([]), b = P(void 0), o = P(new Array()), v = P(new Array()), f = e;
+    te(async () => {
+      for (const l of await u.getChildNodes(""))
+        p.value.push({
+          id: l.id,
+          title: l.label,
+          href: l.url,
+          children: l.has_children ? [] : void 0,
+          _location: l.location
+        });
+      f.currentPage !== void 0 && await d(), i.registerDocumentChangeListener("delete", w), i.registerDocumentChangeListener("update", C);
+    }), ne(
+      () => f.currentPage,
+      async () => {
+        f.currentPage && await d();
+      }
+    );
+    async function d() {
+      var n;
+      const l = u.getParentNodesId(f.currentPage);
+      let r, t = p.value;
+      for (r = 0; r < l.length - 1; r++)
+        if (t)
+          for (const a of t)
+            a.id == l[r] && (((n = a.children) == null ? void 0 : n.length) == 0 && await k(a), v.value.includes(a.id) || v.value.push(a.id), t = a.children);
+      if (t)
+        for (const a of t)
+          a.id == l[r] && (o.value = [a.id], f.clickAction && f.clickAction({
+            id: a.id,
+            label: a.title,
+            location: a._location,
+            url: a.href,
+            has_children: a.children !== void 0
+          }));
+    }
+    async function k(l) {
+      var n;
+      const r = l, t = await u.getChildNodes(r.id);
+      for (const a of t)
+        (n = r.children) == null || n.push({
+          id: a.id,
+          title: a.label,
+          href: a.url,
+          children: a.has_children ? [] : void 0,
+          _location: a.location
+        });
+      t.length == 0 && (r.children = void 0);
+    }
+    function s() {
+      o.value.length > 1 && o.value.pop();
+    }
+    async function w(l) {
+      const r = u.getParentNodesId(l);
+      let t = p.value;
+      for (; t; )
+        for (const n of t.keys())
+          if (t[n].id == r[0])
+            if (r.length == 1) {
+              t.splice(n, 1);
+              return;
+            } else {
+              t = t[n].children, r.shift();
+              break;
+            }
+    }
+    async function C(l) {
+      const r = u.getParentNodesId(l);
+      let t, n = p.value;
+      for (; n; ) {
+        for (const c of n.keys())
+          if (n[c].id == r[0])
+            if (r.length == 1) {
+              const m = await u.getChildNodes(
+                t || ""
+              );
+              for (const h of m)
+                if (h.id == n[c].id) {
+                  n[c].title = h.label;
+                  return;
+                }
+            } else {
+              t = n[c].id, n = n[c].children, r.shift();
+              break;
+            }
+        const a = await u.getChildNodes(
+          t || ""
+        );
+        e: for (const c of a) {
+          for (const m of n.keys())
+            if (c.id == n[m].id)
+              continue e;
+          n.push({
+            id: c.id,
+            title: c.label,
+            href: c.url,
+            children: c.has_children ? [] : void 0,
+            _location: c.location
+          });
+        }
+      }
+    }
+    return (l, r) => (j(), ae(ie(Ve), {
+      ref_key: "tree",
+      ref: b,
+      opened: v.value,
+      "onUpdate:opened": r[0] || (r[0] = (t) => v.value = t),
+      density: "compact",
+      activated: o.value,
+      items: p.value,
+      "load-children": k,
+      activatable: "",
+      "active-strategy": "independent",
+      "item-value": "id",
+      "open-strategy": "multiple",
+      "onUpdate:activated": s
+    }, {
+      title: le(({ item: t }) => [
+        f.clickAction ? (j(), $("a", {
+          key: 0,
+          href: t.href,
+          onClick: H((n) => {
+            o.value = [t.id], l.clickAction({
+              id: t.id,
+              label: t.title,
+              location: t._location,
+              url: t.href,
+              has_children: t.children !== void 0
+            });
+          }, ["prevent"])
+        }, R(t.title), 9, Pe)) : (j(), $("a", {
+          key: 1,
+          href: t.href
+        }, R(t.title), 9, Te))
+      ]),
+      _: 1
+    }, 8, ["opened", "activated", "items"]));
+  }
+}), Oe = /* @__PURE__ */ ke(_e, [["__scopeId", "data-v-cf1d31bb"]]);
+export {
+  Oe as default
+};
+//# sourceMappingURL=x-navigation-tree-W6QDS4uh.js.map