@xwiki/cristal-dsvuetify 0.15.0 → 0.17.0

package/dist/vue/form/x-checkbox.vue.d.ts

@@ -1,11 +1,11 @@
 import { CheckboxProps } from '@xwiki/cristal-dsapi';
 type __VLS_Props = CheckboxProps;
 type __VLS_PublicProps = {
-    modelValue?: boolean;
+    modelValue?: boolean | null;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
+    "update:modelValue": (value: boolean | null) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -8,5 +8,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "update:modelValue": (value: SpaceReference) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: SpaceReference) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {
+    includeTerminals: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,3 +1,5 @@
 import { NavigationTreeProps } from '@xwiki/cristal-dsapi';
-declare const _default: import('vue').DefineComponent<NavigationTreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NavigationTreeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<NavigationTreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NavigationTreeProps> & Readonly<{}>, {
+    includeTerminals: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/{x-checkbox-Fro597Ax.js → x-checkbox-DkOHWnw9.js}

@@ -1,19 +1,19 @@
-import { defineComponent as s, mergeModels as d, useModel as t, openBlock as u, createBlock as n, unref as p } from "vue";
-import { y as r } from "./index-BAakw3UY.js";
+import { defineComponent as s, mergeModels as u, useModel as d, openBlock as n, createBlock as t, unref as p } from "vue";
+import { x as r } from "./index-ptn5-s1m.js";
 const V = /* @__PURE__ */ s({
   __name: "x-checkbox",
-  props: /* @__PURE__ */ d({
+  props: /* @__PURE__ */ u({
     label: {},
     help: {},
     modelValue: { type: Boolean }
   }, {
-    modelValue: { type: Boolean },
+    modelValue: { type: [Boolean, null] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(a) {
-    const e = t(a, "modelValue");
-    return (l, o) => (u(), n(p(r), {
+    const e = d(a, "modelValue");
+    return (l, o) => (n(), t(p(r), {
       modelValue: e.value,
       "onUpdate:modelValue": o[0] || (o[0] = (m) => e.value = m),
       label: l.label,
@@ -25,4 +25,4 @@ const V = /* @__PURE__ */ s({
 export {
   V as default
 };
-//# sourceMappingURL=x-checkbox-Fro597Ax.js.map
+//# sourceMappingURL=x-checkbox-DkOHWnw9.js.map

package/dist/{x-checkbox-Fro597Ax.js.map → x-checkbox-DkOHWnw9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"x-checkbox-Fro597Ax.js","sources":["../src/vue/form/x-checkbox.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 { VCheckbox } from \"vuetify/components/VCheckbox\";\nimport type { CheckboxProps } from \"@xwiki/cristal-dsapi\";\n\ndefineProps<CheckboxProps>();\n\nconst checked = defineModel<boolean>();\n</script>\n<template>\n  <v-checkbox\n    v-model=\"checked\"\n    :label=\"label\"\n    :messages=\"help\"\n    density=\"compact\"\n  ></v-checkbox>\n</template>\n"],"names":["checked","_useModel","__props"],"mappings":";;;;;;;;;;;;;;AAyBM,UAAAA,IAAUC,EAAoBC,GAAA,YAAC;;;;;;;;;;"}
+{"version":3,"file":"x-checkbox-DkOHWnw9.js","sources":["../src/vue/form/x-checkbox.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 { VCheckbox } from \"vuetify/components/VCheckbox\";\nimport type { CheckboxProps } from \"@xwiki/cristal-dsapi\";\n\ndefineProps<CheckboxProps>();\n\nconst checked = defineModel<boolean | null>();\n</script>\n<template>\n  <v-checkbox\n    v-model=\"checked\"\n    :label=\"label\"\n    :messages=\"help\"\n    density=\"compact\"\n  ></v-checkbox>\n</template>\n"],"names":["checked","_useModel"],"mappings":";;;;;;;;;;;;;;AAyBM,UAAAA,IAAUC,iBAA4B;;;;;;;;;;"}

package/dist/{x-file-input-CvH0AC3G.js → x-file-input-BI6tqzny.js}

@@ -1,7 +1,7 @@
-import { defineComponent as s, mergeModels as m, useModel as d, computed as i, openBlock as p, createBlock as f, unref as c } from "vue";
+import { defineComponent as s, mergeModels as m, useModel as p, computed as d, openBlock as i, createBlock as f, unref as c } from "vue";
 import { t as V } from "./translations-k4crOAds.js";
 import { useI18n as y } from "vue-i18n";
-import { b } from "./index-BAakw3UY.js";
+import { b } from "./index-ptn5-s1m.js";
 const k = /* @__PURE__ */ s({
   __name: "x-file-input",
   props: /* @__PURE__ */ m({
@@ -11,7 +11,8 @@ const k = /* @__PURE__ */ s({
     autofocus: { type: Boolean },
     modelValue: {},
     help: {},
-    readonly: { type: Boolean }
+    readonly: { type: Boolean },
+    type: {}
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -20,11 +21,11 @@ const k = /* @__PURE__ */ s({
   setup(o) {
     const { t: u } = y({
       messages: V
-    }), t = d(o, "modelValue"), a = o, r = i(() => {
+    }), t = p(o, "modelValue"), a = o, r = d(() => {
       const e = [];
       return a.required && e.push((l) => l ? !0 : u("vuetify.file.input.mandatory")), e;
     });
-    return (e, l) => (p(), f(c(b), {
+    return (e, l) => (i(), f(c(b), {
       modelValue: t.value,
       "onUpdate:modelValue": l[0] || (l[0] = (n) => t.value = n),
       label: e.label,
@@ -36,4 +37,4 @@ const k = /* @__PURE__ */ s({
 export {
   k as default
 };
-//# sourceMappingURL=x-file-input-CvH0AC3G.js.map
+//# sourceMappingURL=x-file-input-BI6tqzny.js.map

package/dist/{x-file-input-CvH0AC3G.js.map → x-file-input-BI6tqzny.js.map}

@@ -1 +1 @@
-{"version":3,"file":"x-file-input-CvH0AC3G.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 { FileInputModel, TextFieldProps } from \"@xwiki/cristal-dsapi\";\n\nconst { t } = useI18n({\n  messages,\n});\n\nconst model = defineModel<FileInputModel>();\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":["t","useI18n","messages","model","_useModel","props","__props","rules","computed","rulesList","value"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOM,UAAA,EAAE,GAAAA,EAAE,IAAIC,EAAQ;AAAA,MACpBC,UAAAA;AAAAA,IAAA,CACD,GAEKC,IAAQC,iBAA4B,GACpCC,IAAQC,GAERC,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAC;AACnB,aAAIJ,EAAM,YACEI,EAAA,KAAK,CAACC,MACVA,IACK,KAEAV,EAAE,8BAA8B,CAE1C,GAEIS;AAAA,IAAA,CACR;;;;;;;;;;"}
+{"version":3,"file":"x-file-input-BI6tqzny.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 { FileInputModel, TextFieldProps } from \"@xwiki/cristal-dsapi\";\n\nconst { t } = useI18n({\n  messages,\n});\n\nconst model = defineModel<FileInputModel>();\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":["t","useI18n","messages","model","_useModel","props","__props","rules","computed","rulesList","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOM,UAAA,EAAE,GAAAA,EAAE,IAAIC,EAAQ;AAAA,MACpBC,UAAAA;AAAAA,IAAA,CACD,GAEKC,IAAQC,iBAA4B,GACpCC,IAAQC,GAERC,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAC;AACnB,aAAIJ,EAAM,YACEI,EAAA,KAAK,CAACC,MACVA,IACK,KAEAV,EAAE,8BAA8B,CAE1C,GAEIS;AAAA,IAAA,CACR;;;;;;;;;;"}

package/dist/{x-form-DCHdDC6W.js → x-form-BVMvR_NO.js}

@@ -1,5 +1,5 @@
 import { defineComponent as m, openBlock as n, createBlock as i, unref as s, withModifiers as f, withCtx as u, renderSlot as a } from "vue";
-import { V as c } from "./index-BAakw3UY.js";
+import { V as c } from "./index-ptn5-s1m.js";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const p = /* @__PURE__ */ m({
   __name: "x-form",
@@ -22,4 +22,4 @@ const p = /* @__PURE__ */ m({
 export {
   h as default
 };
-//# sourceMappingURL=x-form-DCHdDC6W.js.map
+//# sourceMappingURL=x-form-BVMvR_NO.js.map

package/dist/{x-form-DCHdDC6W.js.map → x-form-BVMvR_NO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"x-form-DCHdDC6W.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    <slot></slot>\n  </v-form>\n</template>\n\n<style scoped>\n.v-form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cr-spacing-x-small);\n}\n</style>\n"],"names":["emits","__emit","submit"],"mappings":";;;;;;;AAEA,UAAMA,IAAQC;AACd,aAASC,IAAS;AAChB,MAAAF,EAAM,YAAY;AAAA,IAAA;;;;;;;;;;;"}
+{"version":3,"file":"x-form-BVMvR_NO.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    <slot></slot>\n  </v-form>\n</template>\n\n<style scoped>\n.v-form {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cr-spacing-x-small);\n}\n</style>\n"],"names":["emits","__emit","submit"],"mappings":";;;;;;;AAEA,UAAMA,IAAQC;AACd,aAASC,IAAS;AAChB,MAAAF,EAAM,YAAY;AAAA,IAAA;;;;;;;;;;;"}

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

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