@xwiki/cristal-dsvuetify 0.20.0 → 0.21.0

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

@@ -0,0 +1,188 @@
+import { d as b, x as A, y as B, l as _, z as S, A as E, b as F, w as L, u as U, o as g, c as P, m as z, t as R, B as M } from "./index-CPGfq5JL.js";
+import { SpaceReference as j } from "@xwiki/cristal-model-api";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = {
+  includeTerminals: !0
+}, q = ["href", "onClick"], G = ["href"], H = /* @__PURE__ */ b({
+  __name: "x-navigation-tree",
+  props: /* @__PURE__ */ A({
+    clickAction: { type: Function },
+    currentPageReference: {},
+    includeTerminals: { type: Boolean },
+    showRootNode: { type: Boolean }
+  }, $),
+  setup(I) {
+    const m = B("cristal"), w = m.getContainer().get("DocumentService"), s = m.getContainer().get("NavigationTreeSourceProvider").get(), a = _([]), l = _(new Array()), f = _([]);
+    var h = !1;
+    const i = I;
+    S(async () => {
+      const o = [];
+      for (const n of await u(""))
+        o.push({
+          id: n.id,
+          title: n.label,
+          href: n.url,
+          children: n.has_children ? [] : void 0,
+          _location: n.location,
+          _is_terminal: n.is_terminal
+        });
+      i.showRootNode ? a.value.push({
+        id: "",
+        title: "Root",
+        href: ".",
+        children: o,
+        _location: new j(),
+        _is_terminal: !1
+      }) : a.value.push(...o), await y(), w.registerDocumentChangeListener("delete", T), w.registerDocumentChangeListener("update", x);
+    }), E(() => i.currentPageReference, y);
+    async function y() {
+      if (i.currentPageReference && !h) {
+        h = !0;
+        const o = s.getParentNodesId(
+          i.currentPageReference,
+          i.includeTerminals,
+          i.showRootNode
+        );
+        let n, t = a.value;
+        for (n = 0; n < o.length - 1; n++)
+          if (t)
+            for (const e of t)
+              e.id == o[n] && (e.children?.length == 0 && await N(e), f.value.includes(e.id) || f.value.push(e.id), t = e.children);
+        if (t)
+          for (const e of t)
+            e.id == o[n] && (l.value = [e.id], i.clickAction && i.clickAction({
+              id: e.id,
+              label: e.title,
+              location: e._location,
+              url: e.href,
+              has_children: e.children !== void 0,
+              is_terminal: e._is_terminal
+            }));
+        h = !1;
+      }
+    }
+    async function N(o) {
+      const n = o, t = await u(n.id);
+      for (const e of t)
+        n.children?.push({
+          id: e.id,
+          title: e.label,
+          href: e.url,
+          children: e.has_children ? [] : void 0,
+          _location: e.location,
+          _is_terminal: e.is_terminal
+        });
+      t.length == 0 && (n.children = void 0);
+    }
+    function C() {
+      l.value.length > 1 && l.value.pop();
+    }
+    async function T(o) {
+      const n = s.getParentNodesId(
+        o,
+        i.includeTerminals,
+        i.showRootNode
+      );
+      let t, e = a.value, d = !1;
+      e: for (; e && !d; ) {
+        for (const c of e.keys())
+          if (e[c].id == n[0])
+            if (n.length == 1) {
+              e.splice(c, 1), t && e.length == 0 && (t.children = void 0);
+              return;
+            } else {
+              t = e[c], e = t.children, n.shift();
+              continue e;
+            }
+        d = !0;
+      }
+    }
+    async function x(o) {
+      const n = s.getParentNodesId(
+        o,
+        i.includeTerminals,
+        i.showRootNode
+      );
+      let t, e = a.value, d = !1, c = !0;
+      e: for (; e && !d; ) {
+        for (const r of e.keys())
+          if (e[r].id == n[0])
+            if (n.length == 1) {
+              const v = await u(
+                t || ""
+              );
+              for (const k of v)
+                if (k.id == e[r].id) {
+                  e[r].title = k.label;
+                  return;
+                }
+            } else {
+              t = e[r].id, e[r].children || (e[r].children = []), e = e[r].children, n.shift(), c = !1;
+              continue e;
+            }
+        d = !0;
+      }
+      if (e.length == 0 && !c)
+        return;
+      const D = await u(t || ""), p = i.currentPageReference ? s.getParentNodesId(
+        i.currentPageReference,
+        i.includeTerminals
+      ) : [];
+      e: for (const r of D) {
+        for (const v of e.keys())
+          if (r.id == e[v].id)
+            continue e;
+        e.push({
+          id: r.id,
+          title: r.label,
+          href: r.url,
+          children: r.has_children ? [] : void 0,
+          _location: r.location,
+          _is_terminal: r.is_terminal
+        }), p.length > 0 && p[p.length - 1] === r.id && (l.value = [r.id]);
+      }
+    }
+    async function u(o) {
+      return (await s.getChildNodes(o)).filter(
+        (n) => i.includeTerminals || !n.is_terminal
+      );
+    }
+    return (o, n) => (g(), F(U(M), {
+      opened: f.value,
+      "onUpdate:opened": n[0] || (n[0] = (t) => f.value = t),
+      density: "compact",
+      activated: l.value,
+      items: a.value,
+      "load-children": N,
+      activatable: "",
+      "active-strategy": "independent",
+      "item-value": "id",
+      "onUpdate:activated": C
+    }, {
+      title: L(({ item: t }) => [
+        i.clickAction ? (g(), P("a", {
+          key: 0,
+          href: t.href,
+          onClick: z((e) => {
+            l.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"])
+        }, R(t.title), 9, q)) : (g(), P("a", {
+          key: 1,
+          href: t.href
+        }, R(t.title), 9, G))
+      ]),
+      _: 1
+    }, 8, ["opened", "activated", "items"]));
+  }
+}), Q = /* @__PURE__ */ V(H, [["__scopeId", "data-v-54e58f7c"]]);
+export {
+  Q as default
+};
+//# sourceMappingURL=x-navigation-tree-BNc0pKUi.js.map

package/dist/x-navigation-tree-BNc0pKUi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-navigation-tree-BNc0pKUi.js","sources":["../../api/src/XNavigationTree.ts","../src/vue/x-navigation-tree.vue"],"sourcesContent":["/**\n * See the LICENSE file distributed with this work for additional\n * information regarding copyright ownership.\n *\n * This is free software; you can redistribute it and/or modify it\n * under the terms of the GNU Lesser General Public License as\n * published by the Free Software Foundation; either version 2.1 of\n * the License, or (at your option) any later version.\n *\n * This software is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n * Lesser General Public License for more details.\n *\n * You should have received a copy of the GNU Lesser General Public\n * License along with this software; if not, write to the Free\n * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n * 02110-1301 USA, or see the FSF site: http://www.fsf.org.\n */\n\nimport type { DocumentReference } from \"@xwiki/cristal-model-api\";\nimport type { NavigationTreeNode } from \"@xwiki/cristal-navigation-tree-api\";\n\n/**\n * @since 0.15\n */\ntype NavigationTreeProps = {\n  clickAction?: (node: NavigationTreeNode) => void;\n  currentPageReference?: DocumentReference;\n  /**\n   * Whether to include terminal pages in the tree (default: true).\n   * @since 0.16\n   */\n  includeTerminals?: boolean;\n  /**\n   * Whether to display a root node (default: false).\n   * @since 0.20\n   */\n  showRootNode?: boolean;\n};\n\n/**\n * Default props values for NavigationTree implementations.\n * @since 0.16\n */\nconst navigationTreePropsDefaults = {\n  includeTerminals: true,\n};\n\nexport type { NavigationTreeProps };\nexport { navigationTreePropsDefaults };\n","<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script setup lang=\"ts\">\n/**\n * Navigation Tree implemented using Vuetify's VTreeView component.\n * In order to use the initial component as a proper Navigation Tree for\n * Cristal, a few changes were made:\n *   - The only node activated matches the current page, or the clicked link if\n *     the component has a custom clickAction. We want to use actual links so\n *     that the user can click them normally (to e.g., open them in a new tab).\n *     So the default behavior of activating a node by clicking anywhere on the\n *     item was disabled. Default hover effects, such as darkening or changing\n *     the cursor on items, were also disabled.\n */\nimport { navigationTreePropsDefaults } from \"@xwiki/cristal-dsapi\";\nimport { SpaceReference } from \"@xwiki/cristal-model-api\";\nimport { inject, onBeforeMount, ref, watch } from \"vue\";\nimport { VTreeview } from \"vuetify/components/VTreeview\";\nimport type { CristalApp } from \"@xwiki/cristal-api\";\nimport type { DocumentService } from \"@xwiki/cristal-document-api\";\nimport type { NavigationTreeProps } from \"@xwiki/cristal-dsapi\";\nimport type { DocumentReference } from \"@xwiki/cristal-model-api\";\nimport type {\n  NavigationTreeSource,\n  NavigationTreeSourceProvider,\n} from \"@xwiki/cristal-navigation-tree-api\";\nimport type { Ref } from \"vue\";\n\ntype TreeItem = {\n  id: string;\n  title: string;\n  href: string;\n  children?: Array<TreeItem>;\n  _location: SpaceReference | DocumentReference;\n  _is_terminal: boolean;\n};\n\nconst cristal: CristalApp = inject<CristalApp>(\"cristal\")!;\nconst documentService: DocumentService = cristal\n  .getContainer()\n  .get<DocumentService>(\"DocumentService\");\nconst treeSource: NavigationTreeSource = cristal\n  .getContainer()\n  .get<NavigationTreeSourceProvider>(\"NavigationTreeSourceProvider\")\n  .get();\n\nconst rootNodes: Ref<Array<TreeItem>> = ref([]);\n\nconst activatedNodes: Ref<Array<string>> = ref(new Array<string>());\nconst expandedNodes: Ref<unknown> = ref([]);\nvar isExpanding: boolean = false;\n\nconst props = withDefaults(\n  defineProps<NavigationTreeProps>(),\n  navigationTreePropsDefaults,\n);\n\nonBeforeMount(async () => {\n  const newRootNodes: Array<TreeItem> = [];\n  for (const node of await getChildNodes(\"\")) {\n    newRootNodes.push({\n      id: node.id,\n      title: node.label,\n      href: node.url,\n      children: node.has_children ? [] : undefined,\n      _location: node.location,\n      _is_terminal: node.is_terminal,\n    });\n  }\n  if (props.showRootNode) {\n    rootNodes.value.push({\n      id: \"\",\n      title: \"Root\",\n      href: \".\",\n      children: newRootNodes,\n      _location: new SpaceReference(),\n      _is_terminal: false,\n    });\n  } else {\n    rootNodes.value.push(...newRootNodes);\n  }\n  await expandTree();\n\n  documentService.registerDocumentChangeListener(\"delete\", onDocumentDelete);\n  documentService.registerDocumentChangeListener(\"update\", onDocumentUpdate);\n});\n\nwatch(() => props.currentPageReference, expandTree);\n\n// TODO: reduce the number of statements in the following method and reactivate the disabled eslint rule.\n// eslint-disable-next-line max-statements\nasync function expandTree() {\n  if (props.currentPageReference && !isExpanding) {\n    isExpanding = true;\n    const newExpandedNodes = treeSource.getParentNodesId(\n      props.currentPageReference!,\n      props.includeTerminals,\n      props.showRootNode,\n    );\n    let i;\n    let currentNodes = rootNodes.value;\n    for (i = 0; i < newExpandedNodes.length - 1; i++) {\n      if (currentNodes) {\n        for (const node of currentNodes) {\n          if (node.id == newExpandedNodes[i]) {\n            if (node.children?.length == 0) {\n              await lazyLoadChildren(node);\n            }\n            if (!(expandedNodes.value as unknown[]).includes(node.id)) {\n              (expandedNodes.value as unknown[]).push(node.id);\n            }\n            currentNodes = node.children!;\n          }\n        }\n      }\n    }\n    if (currentNodes) {\n      for (const node of currentNodes) {\n        if (node.id == newExpandedNodes[i]) {\n          activatedNodes.value = [node.id];\n          // If we have a custom click action, we want to use it on dynamic\n          // selection.\n          if (props.clickAction) {\n            props.clickAction({\n              id: node.id,\n              label: node.title,\n              location: node._location,\n              url: node.href,\n              has_children: node.children !== undefined,\n              is_terminal: node._is_terminal,\n            });\n          }\n        }\n      }\n    }\n    isExpanding = false;\n  }\n}\n\nasync function lazyLoadChildren(item: unknown) {\n  const treeItem = item as TreeItem;\n  const childNodes = await getChildNodes(treeItem.id);\n  for (const child of childNodes) {\n    treeItem.children?.push({\n      id: child.id,\n      title: child.label,\n      href: child.url,\n      children: child.has_children ? [] : undefined,\n      _location: child.location,\n      _is_terminal: child.is_terminal,\n    });\n  }\n  // If the node doesn't have any children, we update it.\n  if (childNodes.length == 0) {\n    treeItem.children = undefined;\n  }\n}\n\nfunction clearSelection() {\n  // Clicking on a node would activate it and this can't be disabled easily.\n  // With this listener, we ensure that only the first activated node stays\n  // active.\n  if (activatedNodes.value.length > 1) {\n    activatedNodes.value.pop();\n  }\n}\n\n// TODO: reduce the number of statements in the following method and reactivate the disabled eslint rule.\n// eslint-disable-next-line max-statements\nasync function onDocumentDelete(page: DocumentReference) {\n  const parents = treeSource.getParentNodesId(\n    page,\n    props.includeTerminals,\n    props.showRootNode,\n  );\n  let currentItem: TreeItem | undefined = undefined;\n  let currentItemChildren: TreeItem[] | undefined = rootNodes.value;\n  let notFound = false;\n\n  currentItemsLoop: while (currentItemChildren && !notFound) {\n    for (const i of currentItemChildren.keys()) {\n      if (currentItemChildren[i].id == parents[0]) {\n        if (parents.length == 1) {\n          currentItemChildren.splice(i, 1);\n          if (currentItem && currentItemChildren.length == 0) {\n            currentItem!.children = undefined;\n          }\n          return;\n        } else {\n          currentItem = currentItemChildren[i];\n          currentItemChildren = currentItem.children;\n          parents.shift();\n          continue currentItemsLoop;\n        }\n      }\n    }\n    notFound = true;\n  }\n}\n\n// TODO: reduce the number of statements in the following method and reactivate the disabled eslint rule.\n// eslint-disable-next-line max-statements\nasync function onDocumentUpdate(page: DocumentReference) {\n  const parents = treeSource.getParentNodesId(\n    page,\n    props.includeTerminals,\n    props.showRootNode,\n  );\n  let currentParent: string | undefined = undefined;\n  let currentItems: TreeItem[] | undefined = rootNodes.value;\n  let notFound = false;\n  let isRoot = true;\n\n  currentItemsLoop: while (currentItems && !notFound) {\n    for (const i of currentItems.keys()) {\n      if (currentItems[i].id == parents[0]) {\n        if (parents.length == 1) {\n          // Page update\n          const newItems = await getChildNodes(\n            currentParent ? currentParent : \"\",\n          );\n          for (const newItem of newItems) {\n            if (newItem.id == currentItems[i].id) {\n              currentItems[i].title = newItem.label;\n              return;\n            }\n          }\n        } else {\n          currentParent = currentItems[i].id;\n          if (!currentItems[i].children) {\n            // This node had no children, we reset this so new ones can be\n            // loaded lazily.\n            currentItems[i].children = [];\n          }\n          currentItems = currentItems[i].children;\n          parents.shift();\n          isRoot = false;\n          continue currentItemsLoop;\n        }\n      }\n    }\n    notFound = true;\n  }\n\n  // New page\n  if (currentItems.length == 0 && !isRoot) {\n    // We don't do anything because this node will be loaded lazily anyway.\n    return;\n  }\n  const newItems = await getChildNodes(currentParent ? currentParent : \"\");\n  const currentPageParents = props.currentPageReference\n    ? treeSource.getParentNodesId(\n        props.currentPageReference!,\n        props.includeTerminals,\n      )\n    : [];\n  newItemsLoop: for (const newItem of newItems) {\n    for (const i of currentItems!.keys()) {\n      if (newItem.id == currentItems![i].id) {\n        continue newItemsLoop;\n      }\n    }\n    currentItems!.push({\n      id: newItem.id,\n      title: newItem.label,\n      href: newItem.url,\n      children: newItem.has_children ? [] : undefined,\n      _location: newItem.location,\n      _is_terminal: newItem.is_terminal,\n    });\n    if (\n      currentPageParents.length > 0 &&\n      currentPageParents[currentPageParents.length - 1] === newItem.id\n    ) {\n      // If we add a node, and it's the current page, it should be activated.\n      activatedNodes.value = [newItem.id];\n    }\n  }\n}\n\nasync function getChildNodes(id: string) {\n  return (await treeSource.getChildNodes(id)).filter(\n    (c) => props.includeTerminals || !c.is_terminal,\n  );\n}\n</script>\n\n<template>\n  <v-treeview\n    v-model:opened=\"expandedNodes\"\n    density=\"compact\"\n    :activated=\"activatedNodes\"\n    :items=\"rootNodes\"\n    :load-children=\"lazyLoadChildren\"\n    activatable\n    active-strategy=\"independent\"\n    item-value=\"id\"\n    @update:activated=\"clearSelection\"\n  >\n    <template #title=\"{ item }: { item: any }\">\n      <a\n        v-if=\"props.clickAction\"\n        :href=\"item.href\"\n        @click.prevent=\"\n          activatedNodes = [item.id];\n          clickAction!({\n            id: item.id,\n            label: item.title,\n            location: item._location,\n            url: item.href,\n            has_children: item.children !== undefined,\n            is_terminal: item._is_terminal,\n          });\n        \"\n        >{{ item.title }}</a\n      >\n      <a v-else :href=\"item.href\">{{ item.title }}</a>\n    </template>\n  </v-treeview>\n</template>\n\n<style scoped>\n.v-list {\n  background: none;\n}\n:deep(a) {\n  text-decoration: none;\n  color: var(--cr-base-text-color);\n}\n/* Disable hover on items. */\n:deep(.v-list-item__overlay) {\n  --v-hover-opacity: 0;\n}\n/* Disable hand cursor on items, since we disable the default click action. */\n:deep(.v-list-item--link) {\n  cursor: default;\n}\n</style>\n"],"names":["navigationTreePropsDefaults","cristal","inject","documentService","treeSource","rootNodes","ref","activatedNodes","expandedNodes","isExpanding","props","__props","onBeforeMount","newRootNodes","node","getChildNodes","SpaceReference","expandTree","onDocumentDelete","onDocumentUpdate","watch","newExpandedNodes","i","currentNodes","lazyLoadChildren","item","treeItem","childNodes","child","clearSelection","page","parents","currentItem","currentItemChildren","notFound","currentItemsLoop","currentParent","currentItems","isRoot","newItems","newItem","currentPageParents","newItemsLoop","id","c","_createBlock","_unref","VTreeview","$event","_withCtx","_createElementBlock","_withModifiers","clickAction","_toDisplayString","_hoisted_1","_hoisted_2"],"mappings":"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"}

package/dist/{x-navigation-tree-select-CZMM_WJl.js → x-navigation-tree-select-CHoauT-L.js}

@@ -1,12 +1,12 @@
-import { d as R, p as C, G as D, q as X, l as v, a3 as k, r as i, c as x, i as l, w as n, u as o, F as B, o as H, s as N, h, t as y, $ as M } from "./index-DNHsU4Fr.js";
+import { d as R, p as C, y as D, q as x, l as v, D as X, r as i, c as k, i as l, w as n, u as o, F as B, o as H, s as N, h, t as y, x as M } from "./index-CPGfq5JL.js";
 import { t as S } from "./translations-BVK9UR9x.js";
-import E from "./x-breadcrumb-BQVk_ZI_.js";
+import E from "./x-breadcrumb-Ca8UqeNm.js";
 import { EntityType as F, SpaceReference as I } from "@xwiki/cristal-model-api";
 import { useI18n as A } from "vue-i18n";
-import { _ as $ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const j = {
+import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const q = {
   includeTerminals: !1
-}, q = /* @__PURE__ */ R({
+}, z = /* @__PURE__ */ R({
   __name: "x-navigation-tree-select",
   props: /* @__PURE__ */ C(/* @__PURE__ */ M({
     label: {},
@@ -14,7 +14,7 @@ const j = {
     currentPageReference: {},
     modelValue: {},
     includeTerminals: { type: Boolean }
-  }, j), {
+  }, q), {
     modelValue: {},
     modelModifiers: {}
   }),
@@ -22,41 +22,41 @@ const j = {
   setup(f) {
     const p = D("cristal"), s = p.getContainer().get("PageHierarchyResolverProvider").get(), _ = p.getContainer().get("ModelReferenceHandlerProvider").get(), { t: c } = A({
       messages: S
-    }), u = f, d = X(f, "modelValue"), m = v(!1), t = v([]);
-    let a;
-    k(async () => {
-      a = u.currentPageReference, d.value = u.currentPageReference.space, t.value = await s.getPageHierarchy(
+    }), u = f, d = x(f, "modelValue"), m = v(!1), a = v([]);
+    let t;
+    X(async () => {
+      t = u.currentPageReference, d.value = u.currentPageReference.space, a.value = await s.getPageHierarchy(
         u.currentPageReference.space,
         !1
       );
     });
     async function P(e) {
-      e.location.type == F.SPACE ? e.location.names.length > 0 ? (a = _.createDocumentReference(
+      e.location.type == F.SPACE ? e.location.names.length > 0 ? (t = _.createDocumentReference(
         e.location.names[e.location.names.length - 1],
         new I(
           e.location.wiki,
           ...e.location.names.slice(0, -1)
         )
-      ), t.value = await s.getPageHierarchy(
-        a,
+      ), a.value = await s.getPageHierarchy(
+        t,
         !1
-      )) : (a = void 0, t.value = [{ label: e.label, pageId: "", url: e.url }]) : (a = e.location, t.value = await s.getPageHierarchy(
-        a,
+      )) : (t = void 0, a.value = [{ label: e.label, pageId: "", url: e.url }]) : (t = e.location, a.value = await s.getPageHierarchy(
+        t,
         !1
       )), d.value = e.location;
     }
     return (e, r) => {
       const b = i("x-btn"), T = i("XNavigationTree"), V = i("XBtn"), w = i("XDialog");
-      return H(), x(B, null, [
+      return H(), k(B, null, [
         l(o(N), {
           label: e.label,
           hint: e.help,
           "persistent-hint": e.help !== void 0,
-          active: t.value.length > 0,
+          active: a.value.length > 0,
           readonly: ""
         }, {
           default: n(() => [
-            l(E, { items: t.value }, null, 8, ["items"])
+            l(E, { items: a.value }, null, 8, ["items"])
           ]),
           _: 1
         }, 8, ["label", "hint", "persistent-hint", "active"]),
@@ -80,7 +80,7 @@ const j = {
           ]),
           default: n(() => [
             l(T, {
-              "current-page-reference": o(a),
+              "current-page-reference": o(t),
               "click-action": P,
               "include-terminals": e.includeTerminals,
               "show-root-node": ""
@@ -102,8 +102,8 @@ const j = {
       ], 64);
     };
   }
-}), O = /* @__PURE__ */ $(q, [["__scopeId", "data-v-72a1a984"]]);
+}), O = /* @__PURE__ */ j(z, [["__scopeId", "data-v-09118322"]]);
 export {
   O as default
 };
-//# sourceMappingURL=x-navigation-tree-select-CZMM_WJl.js.map
+//# sourceMappingURL=x-navigation-tree-select-CHoauT-L.js.map

package/dist/x-navigation-tree-select-CHoauT-L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-navigation-tree-select-CHoauT-L.js","sources":["../../api/src/XNavigationTreeSelect.ts","../src/vue/form/x-navigation-tree-select.vue"],"sourcesContent":["/**\n * See the LICENSE file distributed with this work for additional\n * information regarding copyright ownership.\n *\n * This is free software; you can redistribute it and/or modify it\n * under the terms of the GNU Lesser General Public License as\n * published by the Free Software Foundation; either version 2.1 of\n * the License, or (at your option) any later version.\n *\n * This software is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n * Lesser General Public License for more details.\n *\n * You should have received a copy of the GNU Lesser General Public\n * License along with this software; if not, write to the Free\n * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n * 02110-1301 USA, or see the FSF site: http://www.fsf.org.\n */\n\nimport type {\n  DocumentReference,\n  SpaceReference,\n} from \"@xwiki/cristal-model-api\";\n\n/**\n * @since 0.15\n */\ntype NavigationTreeSelectProps = {\n  label: string;\n  help?: string;\n  currentPageReference?: DocumentReference;\n  modelValue?: SpaceReference;\n  /**\n   * Whether to include terminal pages as select options (default: false).\n   * @since 0.16\n   */\n  includeTerminals?: boolean;\n};\n\n/**\n * Default props values for NavigationTreeSelect implementations.\n * @since 0.16\n */\nconst navigationTreeSelectPropsDefaults = {\n  includeTerminals: false,\n};\n\nexport type { NavigationTreeSelectProps };\nexport { navigationTreeSelectPropsDefaults };\n","<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script setup lang=\"ts\">\nimport messages from \"../../translations\";\nimport XBreadcrumb from \"../x-breadcrumb.vue\";\nimport { navigationTreeSelectPropsDefaults } from \"@xwiki/cristal-dsapi\";\nimport { EntityType, SpaceReference } from \"@xwiki/cristal-model-api\";\nimport { inject, onMounted, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { VTextField } from \"vuetify/components/VTextField\";\nimport type { CristalApp } from \"@xwiki/cristal-api\";\nimport type { NavigationTreeSelectProps } from \"@xwiki/cristal-dsapi\";\nimport type {\n  PageHierarchyItem,\n  PageHierarchyResolver,\n  PageHierarchyResolverProvider,\n} from \"@xwiki/cristal-hierarchy-api\";\nimport type { DocumentReference } from \"@xwiki/cristal-model-api\";\nimport type {\n  ModelReferenceHandler,\n  ModelReferenceHandlerProvider,\n} from \"@xwiki/cristal-model-reference-api\";\nimport type { NavigationTreeNode } from \"@xwiki/cristal-navigation-tree-api\";\nimport type { Ref } from \"vue\";\n\nconst cristal: CristalApp = inject<CristalApp>(\"cristal\")!;\nconst hierarchyResolver: PageHierarchyResolver = cristal\n  .getContainer()\n  .get<PageHierarchyResolverProvider>(\"PageHierarchyResolverProvider\")\n  .get()!;\nconst referenceHandler: ModelReferenceHandler = cristal\n  .getContainer()\n  .get<ModelReferenceHandlerProvider>(\"ModelReferenceHandlerProvider\")\n  .get()!;\n\nconst { t } = useI18n({\n  messages,\n});\nconst props = withDefaults(\n  defineProps<NavigationTreeSelectProps>(),\n  navigationTreeSelectPropsDefaults,\n);\nconst model = defineModel<SpaceReference | DocumentReference>();\n\nconst openedLocationDialog: Ref<boolean> = ref(false);\nconst hierarchy: Ref<Array<PageHierarchyItem>> = ref([]);\nlet selectedPage: DocumentReference | undefined;\n\nonMounted(async () => {\n  selectedPage = props.currentPageReference;\n  model.value = props.currentPageReference!.space;\n  hierarchy.value = await hierarchyResolver.getPageHierarchy(\n    props.currentPageReference!.space!,\n    false,\n  );\n});\n\nasync function treeNodeClickAction(node: NavigationTreeNode) {\n  if (node.location.type == EntityType.SPACE) {\n    if (node.location.names.length > 0) {\n      selectedPage = referenceHandler.createDocumentReference(\n        node.location.names[node.location.names.length - 1],\n        new SpaceReference(\n          node.location.wiki,\n          ...node.location.names.slice(0, -1),\n        ),\n      );\n      hierarchy.value = await hierarchyResolver.getPageHierarchy(\n        selectedPage,\n        false,\n      );\n    } else {\n      selectedPage = undefined;\n      hierarchy.value = [{ label: node.label, pageId: \"\", url: node.url }];\n    }\n  } else {\n    selectedPage = node.location;\n    hierarchy.value = await hierarchyResolver.getPageHierarchy(\n      selectedPage,\n      false,\n    );\n  }\n  model.value = node.location;\n}\n</script>\n\n<template>\n  <v-text-field\n    :label=\"label\"\n    :hint=\"help\"\n    :persistent-hint=\"help !== undefined\"\n    :active=\"hierarchy.length > 0\"\n    readonly\n  >\n    <template #default>\n      <XBreadcrumb :items=\"hierarchy\"></XBreadcrumb>\n    </template>\n  </v-text-field>\n  <XDialog\n    v-model=\"openedLocationDialog\"\n    width=\"auto\"\n    :title=\"t('vuetify.tree.select.location.label')\"\n  >\n    <template #activator>\n      <x-btn id=\"change-page-location-button\" size=\"small\" color=\"secondary\">\n        {{ t(\"vuetify.tree.select.location.label\") }}\n      </x-btn>\n    </template>\n    <template #default>\n      <XNavigationTree\n        :current-page-reference=\"selectedPage\"\n        :click-action=\"treeNodeClickAction\"\n        :include-terminals=\"includeTerminals\"\n        show-root-node\n      ></XNavigationTree>\n    </template>\n    <template #footer>\n      <XBtn variant=\"primary\" @click=\"openedLocationDialog = false\">\n        {{ t(\"vuetify.tree.select.location.select\") }}\n      </XBtn>\n    </template>\n  </XDialog>\n</template>\n\n<style scoped>\n.v-treeview {\n  overflow: auto;\n}\n</style>\n"],"names":["navigationTreeSelectPropsDefaults","cristal","inject","hierarchyResolver","referenceHandler","t","useI18n","messages","props","__props","model","_useModel","openedLocationDialog","ref","hierarchy","selectedPage","onMounted","treeNodeClickAction","node","EntityType","SpaceReference","_createVNode","_unref","VTextField","label","help","XBreadcrumb","_component_XDialog","$event","_component_x_btn","_component_XNavigationTree","includeTerminals","_component_XBtn"],"mappings":";;;;;;AA4CA,MAAMA,IAAoC;AAAA,EACxC,kBAAkB;AACpB;;;;;;;;;;;;;;ACJA,UAAMC,IAAsBC,EAAmB,SAAS,GAClDC,IAA2CF,EAC9C,aAAA,EACA,IAAmC,+BAA+B,EAClE,IAAA,GACGG,IAA0CH,EAC7C,aAAA,EACA,IAAmC,+BAA+B,EAClE,IAAA,GAEG,EAAE,GAAAI,EAAA,IAAMC,EAAQ;AAAA,MAAA,UACpBC;AAAAA,IAAA,CACD,GACKC,IAAQC,GAIRC,IAAQC,EAA+CF,GAAA,YAAC,GAExDG,IAAqCC,EAAI,EAAK,GAC9CC,IAA2CD,EAAI,EAAE;AACvD,QAAIE;AAEJ,IAAAC,EAAU,YAAY;AACpB,MAAAD,IAAeP,EAAM,sBACrBE,EAAM,QAAQF,EAAM,qBAAsB,OAC1CM,EAAU,QAAQ,MAAMX,EAAkB;AAAA,QACxCK,EAAM,qBAAsB;AAAA,QAC5B;AAAA,MAAA;AAAA,IAEJ,CAAC;AAED,mBAAeS,EAAoBC,GAA0B;AAC3D,MAAIA,EAAK,SAAS,QAAQC,EAAW,QAC/BD,EAAK,SAAS,MAAM,SAAS,KAC/BH,IAAeX,EAAiB;AAAA,QAC9Bc,EAAK,SAAS,MAAMA,EAAK,SAAS,MAAM,SAAS,CAAC;AAAA,QAClD,IAAIE;AAAA,UACFF,EAAK,SAAS;AAAA,UACd,GAAGA,EAAK,SAAS,MAAM,MAAM,GAAG,EAAE;AAAA,QAAA;AAAA,MACpC,GAEFJ,EAAU,QAAQ,MAAMX,EAAkB;AAAA,QACxCY;AAAA,QACA;AAAA,MAAA,MAGFA,IAAe,QACfD,EAAU,QAAQ,CAAC,EAAE,OAAOI,EAAK,OAAO,QAAQ,IAAI,KAAKA,EAAK,IAAA,CAAK,MAGrEH,IAAeG,EAAK,UACpBJ,EAAU,QAAQ,MAAMX,EAAkB;AAAA,QACxCY;AAAA,QACA;AAAA,MAAA,IAGJL,EAAM,QAAQQ,EAAK;AAAA,IACrB;;;;QAIEG,EAUeC,EAAAC,CAAA,GAAA;AAAA,UATZ,OAAOC,EAAAA;AAAAA,UACP,MAAMC,EAAAA;AAAAA,UACN,mBAAiBA,EAAAA,SAAS;AAAA,UAC1B,QAAQX,EAAA,MAAU,SAAM;AAAA,UACzB,UAAA;AAAA,QAAA;UAEW,WACT,MAA8C;AAAA,YAA9CO,EAA8CK,GAAA,EAAhC,OAAOZ,EAAA,MAAA,GAAS,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,UAAA;;;QAGlCO,EAuBUM,GAAA;AAAA,sBAtBCf,EAAA;AAAA,wDAAAA,EAAoB,QAAAgB;AAAA,UAC7B,OAAM;AAAA,UACL,OAAON,EAAAjB,CAAA,EAAC,oCAAA;AAAA,QAAA;UAEE,aACT,MAEQ;AAAA,YAFRgB,EAEQQ,GAAA;AAAA,cAFD,IAAG;AAAA,cAA8B,MAAK;AAAA,cAAQ,OAAM;AAAA,YAAA;yBACzD,MAA6C;AAAA,oBAA1CP,EAAAjB,CAAA,EAAC,oCAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;UAGG,WACT,MAKmB;AAAA,YALnBgB,EAKmBS,GAAA;AAAA,cAJhB,0BAAwBR,EAAAP,CAAA;AAAA,cACxB,gBAAcE;AAAA,cACd,qBAAmBc,EAAAA;AAAAA,cACpB,kBAAA;AAAA,YAAA;;UAGO,UACT,MAEO;AAAA,YAFPV,EAEOW,GAAA;AAAA,cAFD,SAAQ;AAAA,cAAW,gCAAOpB,EAAA,QAAoB;AAAA,YAAA;yBAClD,MAA8C;AAAA,oBAA3CU,EAAAjB,CAAA,EAAC,qCAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;;;;;;;"}

package/dist/{x-search-NPeNBHNh.js → x-search-BgVWZd4f.js}

@@ -1,4 +1,4 @@
-import { r as o, b as n, o as r } from "./index-DNHsU4Fr.js";
+import { r as o, b as n, o as r } from "./index-CPGfq5JL.js";
 import { _ as t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const c = {};
 function a(s, m) {
@@ -17,4 +17,4 @@ const _ = /* @__PURE__ */ t(c, [["render", a]]);
 export {
   _ as default
 };
-//# sourceMappingURL=x-search-NPeNBHNh.js.map
+//# sourceMappingURL=x-search-BgVWZd4f.js.map

package/dist/x-search-BgVWZd4f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-search-BgVWZd4f.js","sources":["../src/vue/x-search.vue"],"sourcesContent":["<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script setup lang=\"ts\"></script>\n\n<template>\n  <v-autocomplete\n    density=\"comfortable\"\n    menu-icon=\"\"\n    placeholder=\"Search\"\n    prepend-inner-icon=\"mdi-magnify\"\n    variant=\"solo\"\n    auto-select-first\n    rounded\n  ></v-autocomplete>\n</template>\n\n<style scoped></style>\n"],"names":["_createBlock","_component_v_autocomplete"],"mappings":";;;;;cAsBEA,EAQkBC,GAAA;AAAA,IAPhB,SAAQ;AAAA,IACR,aAAU;AAAA,IACV,aAAY;AAAA,IACZ,sBAAmB;AAAA,IACnB,SAAQ;AAAA,IACR,qBAAA;AAAA,IACA,SAAA;AAAA;;;"}

package/dist/{x-select-DCWNJiNk.js → x-select-bQRFdVPL.js}

@@ -1,4 +1,4 @@
-import { d as m, p as n, q as d, a as i, b as p, u as c, o as f, a4 as V } from "./index-DNHsU4Fr.js";
+import { d as m, p as n, q as d, a as i, b as p, u as c, o as f, E as V } from "./index-CPGfq5JL.js";
 import { t as b } from "./translations-BVK9UR9x.js";
 import { useI18n as g } from "vue-i18n";
 const B = /* @__PURE__ */ m({
@@ -35,4 +35,4 @@ const B = /* @__PURE__ */ m({
 export {
   B as default
 };
-//# sourceMappingURL=x-select-DCWNJiNk.js.map
+//# sourceMappingURL=x-select-bQRFdVPL.js.map

package/dist/x-select-bQRFdVPL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-select-bQRFdVPL.js","sources":["../src/vue/form/x-select.vue"],"sourcesContent":["<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script lang=\"ts\" setup>\nimport messages from \"../../translations\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { VSelect } from \"vuetify/components/VSelect\";\nimport type { SelectProps } from \"@xwiki/cristal-dsapi\";\n\nconst props = defineProps<SelectProps>();\nconst selected = defineModel<string>();\n\nconst { t } = useI18n({\n  messages,\n});\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.select.input.mandatory\");\n      }\n    });\n  }\n  return rulesList;\n});\n</script>\n<template>\n  <v-select\n    v-model=\"selected\"\n    :label=\"label\"\n    :messages=\"help\"\n    :items=\"items\"\n    :rules=\"rules\"\n    :clearable=\"!required\"\n  ></v-select>\n</template>\n"],"names":["props","__props","selected","_useModel","t","useI18n","messages","rules","computed","rulesList","value","_createBlock","_unref","VSelect","$event","label","help","items","required"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,UAAMA,IAAQC,GACRC,IAAWC,EAAmBF,GAAA,YAAC,GAE/B,EAAE,GAAAG,EAAA,IAAMC,EAAQ;AAAA,MAAA,UACpBC;AAAAA,IAAA,CACD,GAEKC,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAA;AAClB,aAAIT,EAAM,YACRS,EAAU,KAAK,CAACC,MACVA,IACK,KAEAN,EAAE,gCAAgC,CAE5C,GAEIK;AAAA,IACT,CAAC;2BAGCE,EAOYC,EAAAC,CAAA,GAAA;AAAA,kBANDX,EAAA;AAAA,oDAAAA,EAAQ,QAAAY;AAAA,MAChB,OAAOC,EAAAA;AAAAA,MACP,UAAUC,EAAAA;AAAAA,MACV,OAAOC,EAAAA;AAAAA,MACP,OAAOV,EAAA;AAAA,MACP,YAAYW,EAAAA;AAAAA,IAAAA;;;"}

package/dist/{x-tab-UmfRst-i.js → x-tab-CFwL72L6.js}

@@ -1,4 +1,4 @@
-import { d as a, r as o, b as s, w as n, o as r, e as p } from "./index-DNHsU4Fr.js";
+import { d as a, r as o, b as s, w as n, o as r, e as p } from "./index-CPGfq5JL.js";
 const d = /* @__PURE__ */ a({
   __name: "x-tab",
   props: {
@@ -19,4 +19,4 @@ const d = /* @__PURE__ */ a({
 export {
   d as default
 };
-//# sourceMappingURL=x-tab-UmfRst-i.js.map
+//# sourceMappingURL=x-tab-CFwL72L6.js.map

package/dist/x-tab-CFwL72L6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-tab-CFwL72L6.js","sources":["../src/vue/x-tab.vue"],"sourcesContent":["<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script setup lang=\"ts\">\nimport { TabProps } from \"@xwiki/cristal-dsapi\";\n\ndefineProps<TabProps>();\n</script>\n\n<template>\n  <v-tab :value=\"tabId\"><slot></slot></v-tab>\n</template>\n\n<style scoped></style>\n"],"names":["_createBlock","_component_v_tab","tabId","_renderSlot","_ctx"],"mappings":";;;;;;;;;kBA0BEA,EAA2CC,GAAA,EAAnC,OAAOC,EAAAA,SAAK;AAAA,mBAAE,MAAa;AAAA,UAAbC,EAAaC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/{x-tab-group-C0nWDupY.js → x-tab-group-Bs17utO_.js}

@@ -1,4 +1,4 @@
-import { d as v, l as f, r as a, b, w as n, o as V, i as l, e as d } from "./index-DNHsU4Fr.js";
+import { d as v, l as f, r as a, b, w as n, o as V, i as l, e as d } from "./index-CPGfq5JL.js";
 const x = /* @__PURE__ */ v({
   __name: "x-tab-group",
   emits: ["tab-change"],
@@ -46,4 +46,4 @@ const x = /* @__PURE__ */ v({
 export {
   x as default
 };
-//# sourceMappingURL=x-tab-group-C0nWDupY.js.map
+//# sourceMappingURL=x-tab-group-Bs17utO_.js.map

package/dist/x-tab-group-Bs17utO_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-tab-group-Bs17utO_.js","sources":["../src/vue/x-tab-group.vue"],"sourcesContent":["<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script setup lang=\"ts\">\nimport { Ref, ref } from \"vue\";\nconst tab: Ref<unknown> = ref();\n\nconst emits = defineEmits([\"tab-change\"]);\n\nfunction change(tabId: unknown) {\n  if (typeof tabId == \"string\") {\n    emits(\"tab-change\", tabId);\n  }\n}\n</script>\n\n<template>\n  <v-card class=\"mx-auto\">\n    <v-tabs v-model=\"tab\" @update:model-value=\"change\">\n      <slot name=\"tabs\"></slot>\n    </v-tabs>\n    <v-card-text>\n      <v-tabs-window v-model=\"tab\">\n        <slot name=\"panels\"></slot>\n      </v-tabs-window>\n    </v-card-text>\n  </v-card>\n</template>\n\n<style scoped></style>\n"],"names":["tab","ref","emits","__emit","change","tabId","_createBlock","_component_v_card","_createVNode","_component_v_tabs","$event","_renderSlot","_ctx","_component_v_card_text","_component_v_tabs_window"],"mappings":";;;;;AAqBA,UAAMA,IAAoBC,EAAA,GAEpBC,IAAQC;AAEd,aAASC,EAAOC,GAAgB;AAC9B,MAAI,OAAOA,KAAS,YAClBH,EAAM,cAAcG,CAAK;AAAA,IAE7B;;;kBAIEC,EASSC,GAAA,EATD,OAAM,aAAS;AAAA,mBACrB,MAES;AAAA,UAFTC,EAESC,GAAA;AAAA,wBAFQT,EAAA;AAAA;qCAAAA,EAAG,QAAAU;AAAA,cAAuBN;AAAA,YAAA;AAAA;uBACzC,MAAyB;AAAA,cAAzBO,EAAyBC,EAAA,QAAA,MAAA;AAAA,YAAA;;;UAE3BJ,EAIcK,GAAA,MAAA;AAAA,uBAHZ,MAEgB;AAAA,cAFhBL,EAEgBM,GAAA;AAAA,4BAFQd,EAAA;AAAA,8DAAAA,EAAG,QAAAU;AAAA,cAAA;2BACzB,MAA2B;AAAA,kBAA3BC,EAA2BC,EAAA,QAAA,QAAA;AAAA,gBAAA;;;;;;;;;;;;"}

package/dist/{x-tab-panel-CjY4vyG0.js → x-tab-panel-DL228tOt.js}

@@ -1,4 +1,4 @@
-import { d as a, r as o, b as n, w as s, o as r, e as p } from "./index-DNHsU4Fr.js";
+import { d as a, r as o, b as n, w as s, o as r, e as p } from "./index-CPGfq5JL.js";
 const m = /* @__PURE__ */ a({
   __name: "x-tab-panel",
   props: {
@@ -19,4 +19,4 @@ const m = /* @__PURE__ */ a({
 export {
   m as default
 };
-//# sourceMappingURL=x-tab-panel-CjY4vyG0.js.map
+//# sourceMappingURL=x-tab-panel-DL228tOt.js.map

package/dist/x-tab-panel-DL228tOt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-tab-panel-DL228tOt.js","sources":["../src/vue/x-tab-panel.vue"],"sourcesContent":["<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script setup lang=\"ts\">\nimport { TabPanelProps } from \"@xwiki/cristal-dsapi\";\n\ndefineProps<TabPanelProps>();\n</script>\n\n<template>\n  <v-tabs-window-item :value=\"tabId\"><slot></slot></v-tabs-window-item>\n</template>\n"],"names":["_createBlock","_component_v_tabs_window_item","tabId","_renderSlot","_ctx"],"mappings":";;;;;;;;;kBA0BEA,EAAqEC,GAAA,EAAhD,OAAOC,EAAAA,SAAK;AAAA,mBAAE,MAAa;AAAA,UAAbC,EAAaC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;;"}

package/dist/{x-text-field-CaWcwz2v.js → x-text-field-DtCbDE_F.js}

@@ -1,4 +1,4 @@
-import { d as r, p, q as d, a as i, b as m, u as f, o as y, s as V } from "./index-DNHsU4Fr.js";
+import { d as r, p, q as d, a as i, b as m, u as f, o as y, s as V } from "./index-CPGfq5JL.js";
 import { t as c } from "./translations-BVK9UR9x.js";
 import { useI18n as h } from "vue-i18n";
 const q = /* @__PURE__ */ r({
@@ -41,4 +41,4 @@ const q = /* @__PURE__ */ r({
 export {
   q as default
 };
-//# sourceMappingURL=x-text-field-CaWcwz2v.js.map
+//# sourceMappingURL=x-text-field-DtCbDE_F.js.map

package/dist/x-text-field-DtCbDE_F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-text-field-DtCbDE_F.js","sources":["../src/vue/form/x-text-field.vue"],"sourcesContent":["<!--\n  See the LICENSE file distributed with this work for additional\n  information regarding copyright ownership.\n\n  This is free software; you can redistribute it and/or modify it\n  under the terms of the GNU Lesser General Public License as\n  published by the Free Software Foundation; either version 2.1 of\n  the License, or (at your option) any later version.\n\n  This software is distributed in the hope that it will be useful,\n  but WITHOUT ANY WARRANTY; without even the implied warranty of\n  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU\n  Lesser General Public License for more details.\n\n  You should have received a copy of the GNU Lesser General Public\n  License along with this software; if not, write to the Free\n  Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA\n  02110-1301 USA, or see the FSF site: http://www.fsf.org.\n-->\n<script setup lang=\"ts\">\nimport messages from \"../../translations\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { VTextField } from \"vuetify/components/VTextField\";\nimport type { TextFieldProps } from \"@xwiki/cristal-dsapi\";\n\nconst { t } = useI18n({\n  messages,\n});\nconst props = defineProps<TextFieldProps>();\nconst input = defineModel<string>();\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.text.input.mandatory\");\n      }\n    });\n  }\n  return rulesList;\n});\n</script>\n\n<template>\n  <v-text-field\n    v-model=\"input\"\n    :label=\"label\"\n    :name=\"name\"\n    :autofocus=\"autofocus\"\n    :hint=\"help\"\n    :persistent-hint=\"help !== undefined\"\n    :rules=\"rules\"\n    :readonly=\"readonly\"\n    :type=\"type ?? 'text'\"\n  ></v-text-field>\n</template>\n\n<style scoped></style>\n"],"names":["t","useI18n","messages","props","__props","input","_useModel","rules","computed","rulesList","value","_createBlock","_unref","VTextField","$event","label","name","autofocus","help","readonly","type"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,EAAE,GAAAA,EAAA,IAAMC,EAAQ;AAAA,MAAA,UACpBC;AAAAA,IAAA,CACD,GACKC,IAAQC,GACRC,IAAQC,EAAmBF,GAAA,YAAC,GAE5BG,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAA;AAClB,aAAIN,EAAM,YACRM,EAAU,KAAK,CAACC,MACVA,IACK,KAEAV,EAAE,8BAA8B,CAE1C,GAEIS;AAAA,IACT,CAAC;2BAICE,EAUgBC,EAAAC,CAAA,GAAA;AAAA,kBATLR,EAAA;AAAA,oDAAAA,EAAK,QAAAS;AAAA,MACb,OAAOC,EAAAA;AAAAA,MACP,MAAMC,EAAAA;AAAAA,MACN,WAAWC,EAAAA;AAAAA,MACX,MAAMC,EAAAA;AAAAA,MACN,mBAAiBA,EAAAA,SAAS;AAAA,MAC1B,OAAOX,EAAA;AAAA,MACP,UAAUY,EAAAA;AAAAA,MACV,MAAMC,EAAAA,QAAI;AAAA,IAAA;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xwiki/cristal-dsvuetify",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "license": "LGPL 2.1",
   "author": "XWiki Org Community <contact@xwiki.org>",
   "homepage": "https://cristal.xwiki.org/",
@@ -27,29 +27,30 @@
   },
   "main": "./dist/index.es.js",
   "dependencies": {
-    "inversify": "7.5.4",
-    "vue-i18n": "11.1.5",
-    "vuetify": "3.8.11",
-    "@xwiki/cristal-api": "0.20.0",
-    "@xwiki/cristal-document-api": "0.20.0",
-    "@xwiki/cristal-hierarchy-api": "0.20.0",
-    "@xwiki/cristal-navigation-tree-api": "0.20.0",
-    "@xwiki/cristal-model-api": "0.20.0",
-    "@xwiki/cristal-model-reference-api": "0.20.0"
+    "vue-i18n": "11.1.11",
+    "vuetify": "3.9.3",
+    "@xwiki/cristal-api": "0.21.0",
+    "@xwiki/cristal-document-api": "0.21.0",
+    "@xwiki/cristal-hierarchy-api": "0.21.0",
+    "@xwiki/cristal-model-api": "0.21.0",
+    "@xwiki/cristal-model-reference-api": "0.21.0",
+    "@xwiki/cristal-navigation-tree-api": "0.21.0"
   },
   "peerDependencies": {
+    "inversify": "7.x",
     "reflect-metadata": "0.x",
     "vue": "3.x"
   },
   "devDependencies": {
     "@vue/test-utils": "2.4.6",
+    "inversify": "7.7.0",
     "reflect-metadata": "0.2.2",
-    "typescript": "5.8.3",
-    "vite": "7.0.0",
-    "vue": "3.5.17",
-    "vue-tsc": "2.2.10",
-    "@xwiki/cristal-dev-config": "0.20.0",
-    "@xwiki/cristal-dsapi": "0.20.0"
+    "typescript": "5.9.2",
+    "vite": "7.0.6",
+    "vue": "3.5.18",
+    "vue-tsc": "2.2.12",
+    "@xwiki/cristal-dsapi": "0.21.0",
+    "@xwiki/cristal-dev-config": "0.21.0"
   },
   "scripts": {
     "build": "pnpm compile",

package/src/components/componentsInit.ts

@@ -1,4 +1,4 @@
-/*
+/**
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *

package/src/components/vuetifyDesignSystemLoader.ts

@@ -1,4 +1,4 @@
-/*
+/**
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *
@@ -22,7 +22,7 @@ import { registerAsyncComponent } from "@xwiki/cristal-api";
 import { injectable } from "inversify";
 import { createVuetify } from "vuetify";
 import * as components from "vuetify/components";
-import { VCol, VContainer, VRow, VTextField } from "vuetify/components";
+import { VCol, VContainer, VRow } from "vuetify/components";
 
 import * as directives from "vuetify/directives";
 import { aliases, mdi } from "vuetify/iconsets/mdi-svg";
@@ -78,7 +78,6 @@ export class VuetifyDesignSystemLoader implements DesignSystemLoader {
     app.component("XContainer", VContainer);
     app.component("XRow", VRow);
     app.component("XCol", VCol);
-    app.component("XTextField", VTextField);
 
     // Custom wrapped components
     registerAsyncComponent(app, "XLoad", () => import("../vue/x-load.vue"));

package/src/index.ts

@@ -1,4 +1,4 @@
-/*
+/**
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *

package/src/translations.ts

@@ -1,4 +1,4 @@
-/*
+/**
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *

package/src/vue/__tests__/utils/vuetify.ts

@@ -1,4 +1,4 @@
-/*
+/**
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *

package/src/vue/__tests__/x-btn.test.ts

@@ -1,4 +1,4 @@
-/*
+/**
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *

package/src/vue/css/style.css

@@ -1,4 +1,4 @@
-/*
+/**
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *