@xwiki/cristal-dsvuetify 0.15.0 → 0.17.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-navigation-tree-BsHJIZki.js","sources":["../../api/src/XNavigationTree.ts","../../../node_modules/.pnpm/vuetify@3.8.0_typescript@5.8.2_vite-plugin-vuetify@2.1.0_vue@3.5.13_typescript@5.8.2_/node_modules/vuetify/lib/labs/VTreeview/VTreeviewGroup.js","../../../node_modules/.pnpm/vuetify@3.8.0_typescript@5.8.2_vite-plugin-vuetify@2.1.0_vue@3.5.13_typescript@5.8.2_/node_modules/vuetify/lib/labs/VTreeview/shared.js","../../../node_modules/.pnpm/vuetify@3.8.0_typescript@5.8.2_vite-plugin-vuetify@2.1.0_vue@3.5.13_typescript@5.8.2_/node_modules/vuetify/lib/labs/VTreeview/VTreeviewItem.js","../../../node_modules/.pnpm/vuetify@3.8.0_typescript@5.8.2_vite-plugin-vuetify@2.1.0_vue@3.5.13_typescript@5.8.2_/node_modules/vuetify/lib/labs/VTreeview/VTreeviewChildren.js","../../../node_modules/.pnpm/vuetify@3.8.0_typescript@5.8.2_vite-plugin-vuetify@2.1.0_vue@3.5.13_typescript@5.8.2_/node_modules/vuetify/lib/labs/VTreeview/VTreeview.js","../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\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","import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from \"vue\";\n// Components\nimport { VDefaultsProvider } from \"../../components/VDefaultsProvider/index.js\";\nimport { makeVListGroupProps, VListGroup } from \"../../components/VList/VListGroup.js\"; // Utilities\nimport { computed, ref } from 'vue';\nimport { genericComponent, omit, propsFactory, useRender } from \"../../util/index.js\"; // Types\nexport const makeVTreeviewGroupProps = propsFactory({\n  ...omit(makeVListGroupProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand'\n  }), ['subgroup'])\n}, 'VTreeviewGroup');\nexport const VTreeviewGroup = genericComponent()({\n  name: 'VTreeviewGroup',\n  props: makeVTreeviewGroupProps(),\n  setup(props, _ref) {\n    let {\n      slots\n    } = _ref;\n    const vListGroupRef = ref();\n    const toggleIcon = computed(() => vListGroupRef.value?.isOpen ? props.collapseIcon : props.expandIcon);\n    const activatorDefaults = computed(() => ({\n      VTreeviewItem: {\n        prependIcon: undefined,\n        appendIcon: undefined,\n        active: vListGroupRef.value?.isOpen,\n        toggleIcon: toggleIcon.value\n      }\n    }));\n    useRender(() => {\n      const listGroupProps = VListGroup.filterProps(props);\n      return _createVNode(VListGroup, _mergeProps(listGroupProps, {\n        \"ref\": vListGroupRef,\n        \"class\": ['v-treeview-group', props.class],\n        \"subgroup\": true\n      }), {\n        ...slots,\n        activator: slots.activator ? slotProps => _createVNode(_Fragment, null, [_createVNode(VDefaultsProvider, {\n          \"defaults\": activatorDefaults.value\n        }, {\n          default: () => [slots.activator?.(slotProps)]\n        })]) : undefined\n      });\n    });\n    return {};\n  }\n});\n//# sourceMappingURL=VTreeviewGroup.js.map","// Types\n\nexport const VTreeviewSymbol = Symbol.for('vuetify:v-treeview');\n//# sourceMappingURL=shared.js.map","import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from \"vue\";\n// Styles\nimport \"./VTreeviewItem.css\";\n\n// Components\nimport { VBtn } from \"../../components/VBtn/index.js\";\nimport { VListItemAction } from \"../../components/VList/index.js\";\nimport { makeVListItemProps, VListItem } from \"../../components/VList/VListItem.js\";\nimport { VProgressCircular } from \"../../components/VProgressCircular/index.js\"; // Composables\nimport { IconValue } from \"../../composables/icons.js\"; // Utilities\nimport { computed, inject, ref, toRaw } from 'vue';\nimport { genericComponent, omit, propsFactory, useRender } from \"../../util/index.js\"; // Types\nimport { VTreeviewSymbol } from \"./shared.js\";\nexport const makeVTreeviewItemProps = propsFactory({\n  loading: Boolean,\n  toggleIcon: IconValue,\n  ...makeVListItemProps({\n    slim: true\n  })\n}, 'VTreeviewItem');\nexport const VTreeviewItem = genericComponent()({\n  name: 'VTreeviewItem',\n  props: makeVTreeviewItemProps(),\n  emits: {\n    toggleExpand: value => true\n  },\n  setup(props, _ref) {\n    let {\n      slots,\n      emit\n    } = _ref;\n    const visibleIds = inject(VTreeviewSymbol, {\n      visibleIds: ref()\n    }).visibleIds;\n    const vListItemRef = ref();\n    const isActivatableGroupActivator = computed(() => vListItemRef.value?.root.activatable.value && vListItemRef.value?.isGroupActivator);\n    const vListItemRefIsClickable = computed(() => vListItemRef.value?.link.isClickable.value || props.value != null && !!vListItemRef.value?.list);\n    const isClickable = computed(() => !props.disabled && props.link !== false && (props.link || vListItemRefIsClickable.value || isActivatableGroupActivator.value));\n    const isFiltered = computed(() => visibleIds.value && !visibleIds.value.has(toRaw(vListItemRef.value?.id)));\n    function activateGroupActivator(e) {\n      if (isClickable.value && isActivatableGroupActivator.value) {\n        vListItemRef.value?.activate(!vListItemRef.value?.isActivated, e);\n      }\n    }\n    function onClickAction(e) {\n      e.preventDefault();\n      emit('toggleExpand', e);\n    }\n    useRender(() => {\n      const listItemProps = omit(VListItem.filterProps(props), ['onClick']);\n      const hasPrepend = slots.prepend || props.toggleIcon;\n      return _createVNode(VListItem, _mergeProps({\n        \"ref\": vListItemRef\n      }, listItemProps, {\n        \"active\": vListItemRef.value?.isActivated,\n        \"class\": ['v-treeview-item', {\n          'v-treeview-item--activatable-group-activator': isActivatableGroupActivator.value,\n          'v-treeview-item--filtered': isFiltered.value\n        }, props.class],\n        \"ripple\": false,\n        \"onClick\": props.onClick ?? activateGroupActivator\n      }), {\n        ...slots,\n        prepend: hasPrepend ? slotProps => {\n          return _createVNode(_Fragment, null, [_createVNode(VListItemAction, {\n            \"start\": false\n          }, {\n            default: () => [props.toggleIcon ? _createVNode(VBtn, {\n              \"density\": \"compact\",\n              \"icon\": props.toggleIcon,\n              \"loading\": props.loading,\n              \"variant\": \"text\",\n              \"onClick\": onClickAction\n            }, {\n              loader() {\n                return _createVNode(VProgressCircular, {\n                  \"indeterminate\": \"disable-shrink\",\n                  \"size\": \"20\",\n                  \"width\": \"2\"\n                }, null);\n              }\n            }) : _createVNode(\"div\", {\n              \"class\": \"v-treeview-item__level\"\n            }, null)]\n          }), slots.prepend?.(slotProps)]);\n        } : undefined\n      });\n    });\n    return {};\n  }\n});\n//# sourceMappingURL=VTreeviewItem.js.map","import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from \"vue\";\n// Components\nimport { VTreeviewGroup } from \"./VTreeviewGroup.js\";\nimport { VTreeviewItem } from \"./VTreeviewItem.js\";\nimport { VCheckboxBtn } from \"../../components/VCheckbox/index.js\"; // Composables\nimport { makeDensityProps } from \"../../composables/density.js\";\nimport { IconValue } from \"../../composables/icons.js\"; // Utilities\nimport { computed, reactive, toRaw, withModifiers } from 'vue';\nimport { genericComponent, propsFactory } from \"../../util/index.js\"; // Types\nexport const makeVTreeviewChildrenProps = propsFactory({\n  disabled: Boolean,\n  loadChildren: Function,\n  loadingIcon: {\n    type: String,\n    default: '$loading'\n  },\n  items: Array,\n  openOnClick: {\n    type: Boolean,\n    default: undefined\n  },\n  indeterminateIcon: {\n    type: IconValue,\n    default: '$checkboxIndeterminate'\n  },\n  falseIcon: IconValue,\n  trueIcon: IconValue,\n  returnObject: Boolean,\n  selectable: Boolean,\n  selectedColor: String,\n  selectStrategy: [String, Function, Object],\n  ...makeDensityProps()\n}, 'VTreeviewChildren');\nexport const VTreeviewChildren = genericComponent()({\n  name: 'VTreeviewChildren',\n  props: makeVTreeviewChildrenProps(),\n  setup(props, _ref) {\n    let {\n      slots\n    } = _ref;\n    const isLoading = reactive(new Set());\n    const isClickOnOpen = computed(() => !props.disabled && (props.openOnClick != null ? props.openOnClick : props.selectable));\n    async function checkChildren(item) {\n      try {\n        if (!props.items?.length || !props.loadChildren) return;\n        if (item?.children?.length === 0) {\n          isLoading.add(item.value);\n          await props.loadChildren(item.raw);\n        }\n      } finally {\n        isLoading.delete(item.value);\n      }\n    }\n    function selectItem(select, isSelected) {\n      if (props.selectable) {\n        select(!isSelected);\n      }\n    }\n    return () => slots.default?.() ?? props.items?.map(item => {\n      const {\n        children,\n        props: itemProps\n      } = item;\n      const loading = isLoading.has(item.value);\n      const slotsWithItem = {\n        prepend: slotProps => _createVNode(_Fragment, null, [props.selectable && (!children || children && !['leaf', 'single-leaf'].includes(props.selectStrategy)) && _createVNode(\"div\", null, [_createVNode(VCheckboxBtn, {\n          \"key\": item.value,\n          \"modelValue\": slotProps.isSelected,\n          \"disabled\": props.disabled,\n          \"loading\": loading,\n          \"color\": props.selectedColor,\n          \"density\": props.density,\n          \"indeterminate\": slotProps.isIndeterminate,\n          \"indeterminateIcon\": props.indeterminateIcon,\n          \"falseIcon\": props.falseIcon,\n          \"trueIcon\": props.trueIcon,\n          \"onClick\": withModifiers(() => selectItem(slotProps.select, slotProps.isSelected), ['stop']),\n          \"onKeydown\": e => {\n            if (!['Enter', 'Space'].includes(e.key)) return;\n            e.stopPropagation();\n            selectItem(slotProps.select, slotProps.isSelected);\n          }\n        }, null)]), slots.prepend?.({\n          ...slotProps,\n          item: item.raw,\n          internalItem: item\n        })]),\n        append: slots.append ? slotProps => slots.append?.({\n          ...slotProps,\n          item: item.raw,\n          internalItem: item\n        }) : undefined,\n        title: slots.title ? slotProps => slots.title?.({\n          ...slotProps,\n          item: item.raw,\n          internalItem: item\n        }) : undefined,\n        subtitle: slots.subtitle ? slotProps => slots.subtitle?.({\n          ...slotProps,\n          item: item.raw,\n          internalItem: item\n        }) : undefined\n      };\n      const treeviewGroupProps = VTreeviewGroup.filterProps(itemProps);\n      const treeviewChildrenProps = VTreeviewChildren.filterProps(props);\n      return children ? _createVNode(VTreeviewGroup, _mergeProps(treeviewGroupProps, {\n        \"value\": props.returnObject ? item.raw : treeviewGroupProps?.value\n      }), {\n        activator: _ref2 => {\n          let {\n            props: activatorProps\n          } = _ref2;\n          const listItemProps = {\n            ...itemProps,\n            ...activatorProps,\n            value: itemProps?.value,\n            onToggleExpand: [() => checkChildren(item), activatorProps.onClick],\n            onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] : undefined\n          };\n          return _createVNode(VTreeviewItem, _mergeProps(listItemProps, {\n            \"value\": props.returnObject ? item.raw : itemProps.value,\n            \"loading\": loading\n          }), slotsWithItem);\n        },\n        default: () => _createVNode(VTreeviewChildren, _mergeProps(treeviewChildrenProps, {\n          \"items\": children,\n          \"returnObject\": props.returnObject\n        }), slots)\n      }) : slots.item?.({\n        props: itemProps,\n        item: item.raw,\n        internalItem: item\n      }) ?? _createVNode(VTreeviewItem, _mergeProps(itemProps, {\n        \"value\": props.returnObject ? toRaw(item.raw) : itemProps.value\n      }), slotsWithItem);\n    });\n  }\n});\n//# sourceMappingURL=VTreeviewChildren.js.map","import { mergeProps as _mergeProps, createVNode as _createVNode } from \"vue\";\n// Components\nimport { makeVTreeviewChildrenProps, VTreeviewChildren } from \"./VTreeviewChildren.js\";\nimport { makeVListProps, useListItems, VList } from \"../../components/VList/VList.js\"; // Composables\nimport { provideDefaults } from \"../../composables/defaults.js\";\nimport { makeFilterProps, useFilter } from \"../../composables/filter.js\";\nimport { useProxiedModel } from \"../../composables/proxiedModel.js\"; // Utilities\nimport { computed, provide, ref, toRaw, toRef } from 'vue';\nimport { genericComponent, omit, propsFactory, useRender } from \"../../util/index.js\"; // Types\nimport { VTreeviewSymbol } from \"./shared.js\";\nfunction flatten(items) {\n  let flat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n  for (const item of items) {\n    flat.push(item);\n    if (item.children) flatten(item.children, flat);\n  }\n  return flat;\n}\nexport const makeVTreeviewProps = propsFactory({\n  fluid: Boolean,\n  openAll: Boolean,\n  search: String,\n  ...makeFilterProps({\n    filterKeys: ['title']\n  }),\n  ...makeVTreeviewChildrenProps(),\n  ...omit(makeVListProps({\n    collapseIcon: '$treeviewCollapse',\n    expandIcon: '$treeviewExpand',\n    slim: true\n  }), ['itemType', 'nav', 'openStrategy']),\n  modelValue: {\n    type: Array,\n    default: () => []\n  }\n}, 'VTreeview');\nexport const VTreeview = genericComponent()({\n  name: 'VTreeview',\n  props: makeVTreeviewProps(),\n  emits: {\n    'update:opened': val => true,\n    'update:activated': val => true,\n    'update:selected': val => true,\n    'update:modelValue': val => true,\n    'click:open': value => true,\n    'click:select': value => true\n  },\n  setup(props, _ref) {\n    let {\n      slots\n    } = _ref;\n    const {\n      items\n    } = useListItems(props);\n    const activeColor = toRef(props, 'activeColor');\n    const baseColor = toRef(props, 'baseColor');\n    const color = toRef(props, 'color');\n    const activated = useProxiedModel(props, 'activated');\n    const model = useProxiedModel(props, 'modelValue');\n    const _selected = useProxiedModel(props, 'selected', props.modelValue);\n    const selected = computed({\n      get: () => _selected.value,\n      set(val) {\n        _selected.value = val;\n        model.value = val;\n      }\n    });\n    const vListRef = ref();\n    const opened = computed(() => props.openAll ? openAll(items.value) : props.opened);\n    const flatItems = computed(() => flatten(items.value));\n    const search = toRef(props, 'search');\n    const {\n      filteredItems\n    } = useFilter(props, flatItems, search);\n    const visibleIds = computed(() => {\n      if (!search.value) return null;\n      const getPath = vListRef.value?.getPath;\n      if (!getPath) return null;\n      return new Set(filteredItems.value.flatMap(item => {\n        const itemVal = props.returnObject ? item.raw : item.props.value;\n        return [...getPath(itemVal), ...getChildren(itemVal)].map(toRaw);\n      }));\n    });\n    function getChildren(id) {\n      const arr = [];\n      const queue = (vListRef.value?.children.get(id) ?? []).slice();\n      while (queue.length) {\n        const child = queue.shift();\n        if (!child) continue;\n        arr.push(child);\n        queue.push(...(vListRef.value?.children.get(child) ?? []).slice());\n      }\n      return arr;\n    }\n    function openAll(items) {\n      let ids = [];\n      for (const i of items) {\n        if (!i.children) continue;\n        ids.push(props.returnObject ? toRaw(i.raw) : i.value);\n        if (i.children) {\n          ids = ids.concat(openAll(i.children));\n        }\n      }\n      return ids;\n    }\n    provide(VTreeviewSymbol, {\n      visibleIds\n    });\n    provideDefaults({\n      VTreeviewGroup: {\n        activeColor,\n        baseColor,\n        color,\n        collapseIcon: toRef(props, 'collapseIcon'),\n        expandIcon: toRef(props, 'expandIcon')\n      },\n      VTreeviewItem: {\n        activeClass: toRef(props, 'activeClass'),\n        activeColor,\n        baseColor,\n        color,\n        density: toRef(props, 'density'),\n        disabled: toRef(props, 'disabled'),\n        lines: toRef(props, 'lines'),\n        variant: toRef(props, 'variant')\n      }\n    });\n    useRender(() => {\n      const listProps = VList.filterProps(props);\n      const treeviewChildrenProps = VTreeviewChildren.filterProps(props);\n      return _createVNode(VList, _mergeProps({\n        \"ref\": vListRef\n      }, listProps, {\n        \"class\": ['v-treeview', {\n          'v-treeview--fluid': props.fluid\n        }, props.class],\n        \"open-strategy\": \"multiple\",\n        \"style\": props.style,\n        \"opened\": opened.value,\n        \"activated\": activated.value,\n        \"onUpdate:activated\": $event => activated.value = $event,\n        \"selected\": selected.value,\n        \"onUpdate:selected\": $event => selected.value = $event\n      }), {\n        default: () => [_createVNode(VTreeviewChildren, _mergeProps(treeviewChildrenProps, {\n          \"density\": props.density,\n          \"returnObject\": props.returnObject,\n          \"items\": items.value\n        }), slots)]\n      });\n    });\n    return {};\n  }\n});\n//# sourceMappingURL=VTreeview.js.map","<!--\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 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 { inject, onBeforeMount, ref, watch } from \"vue\";\nimport { VTreeview } from \"vuetify/labs/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 {\n  DocumentReference,\n  SpaceReference,\n} 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;\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  for (const node of await getChildNodes(\"\")) {\n    rootNodes.value.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  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    );\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(page, props.includeTerminals);\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(page, props.includeTerminals);\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 = treeSource.getParentNodesId(\n    props.currentPageReference!,\n    props.includeTerminals,\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","makeVTreeviewGroupProps","propsFactory","omit","makeVListGroupProps","VTreeviewGroup","genericComponent","props","_ref","slots","vListGroupRef","ref","toggleIcon","computed","_a","activatorDefaults","useRender","listGroupProps","VListGroup","_createVNode","_mergeProps","slotProps","_Fragment","VDefaultsProvider","VTreeviewSymbol","makeVTreeviewItemProps","IconValue","makeVListItemProps","VTreeviewItem","value","emit","visibleIds","inject","vListItemRef","isActivatableGroupActivator","_b","vListItemRefIsClickable","isClickable","isFiltered","toRaw","activateGroupActivator","e","onClickAction","listItemProps","VListItem","hasPrepend","VListItemAction","VBtn","VProgressCircular","makeVTreeviewChildrenProps","makeDensityProps","VTreeviewChildren","isLoading","reactive","isClickOnOpen","checkChildren","item","selectItem","select","isSelected","children","itemProps","loading","slotsWithItem","VCheckboxBtn","withModifiers","treeviewGroupProps","treeviewChildrenProps","_ref2","activatorProps","flatten","items","flat","makeVTreeviewProps","makeFilterProps","makeVListProps","VTreeview","val","useListItems","activeColor","toRef","baseColor","color","activated","useProxiedModel","model","_selected","selected","vListRef","opened","openAll","flatItems","search","filteredItems","useFilter","getPath","itemVal","getChildren","id","arr","queue","child","ids","i","provide","provideDefaults","listProps","VList","$event","cristal","documentService","treeSource","rootNodes","activatedNodes","expandedNodes","isExpanding","__props","onBeforeMount","node","getChildNodes","expandTree","onDocumentDelete","onDocumentUpdate","watch","newExpandedNodes","currentNodes","lazyLoadChildren","treeItem","childNodes","clearSelection","page","parents","currentItem","currentItemChildren","notFound","currentItemsLoop","currentParent","currentItems","isRoot","newItems","newItem","currentPageParents","newItemsLoop","c"],"mappings":"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","x_google_ignoreList":[1,2,3,4,5]}

package/dist/x-navigation-tree-select-B8G-rNmk.js

@@ -0,0 +1,99 @@
+import { defineComponent as C, mergeModels as D, mergeDefaults as X, inject as k, useModel as w, ref as v, onMounted as x, resolveComponent as i, openBlock as B, createElementBlock as N, Fragment as H, createVNode as t, unref as n, withCtx as a, createTextVNode as h, toDisplayString as y } from "vue";
+import { t as M } from "./translations-k4crOAds.js";
+import S from "./x-breadcrumb-C2iUd4Sf.js";
+import { SpaceReference as F } from "@xwiki/cristal-model-api";
+import { useI18n as I } from "vue-i18n";
+import { a as j } from "./index-ptn5-s1m.js";
+import { _ as z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const A = {
+  includeTerminals: !1
+}, E = /* @__PURE__ */ C({
+  __name: "x-navigation-tree-select",
+  props: /* @__PURE__ */ D(/* @__PURE__ */ X({
+    label: {},
+    help: {},
+    currentPageReference: {},
+    modelValue: {},
+    includeTerminals: { type: Boolean }
+  }, A), {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m) {
+    const d = k("cristal"), f = d.getContainer().get("PageHierarchyResolverProvider").get(), _ = d.getContainer().get("ModelReferenceHandlerProvider").get(), { t: c } = I({
+      messages: M
+    }), s = m, p = w(m, "modelValue"), u = v(!1), o = v([]);
+    let l;
+    x(async () => {
+      l = s.currentPageReference, p.value = s.currentPageReference.space, o.value = await f.getPageHierarchy(
+        s.currentPageReference.space
+      );
+    });
+    async function b(e) {
+      l = _.createDocumentReference(
+        e.location.names[e.location.names.length - 1],
+        new F(e.location.wiki, ...e.location.names.slice(0, -1))
+      ), p.value = e.location, o.value = await f.getPageHierarchy(l);
+    }
+    return (e, r) => {
+      const P = i("x-btn"), V = i("XNavigationTree"), R = i("XBtn"), T = i("XDialog");
+      return B(), N(H, null, [
+        t(n(j), {
+          label: e.label,
+          hint: e.help,
+          "persistent-hint": e.help !== void 0,
+          active: o.value.length > 0,
+          readonly: ""
+        }, {
+          default: a(() => [
+            t(S, { items: o.value }, null, 8, ["items"])
+          ]),
+          _: 1
+        }, 8, ["label", "hint", "persistent-hint", "active"]),
+        t(T, {
+          modelValue: u.value,
+          "onUpdate:modelValue": r[1] || (r[1] = (g) => u.value = g),
+          width: "auto",
+          title: n(c)("vuetify.tree.select.location.label")
+        }, {
+          activator: a(() => [
+            t(P, {
+              id: "change-page-location-button",
+              size: "small",
+              color: "secondary"
+            }, {
+              default: a(() => [
+                h(y(n(c)("vuetify.tree.select.location.label")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: a(() => [
+            t(V, {
+              "current-page-reference": n(l),
+              "click-action": b,
+              "include-terminals": e.includeTerminals
+            }, null, 8, ["current-page-reference", "include-terminals"])
+          ]),
+          footer: a(() => [
+            t(R, {
+              variant: "primary",
+              onClick: r[0] || (r[0] = (g) => u.value = !1)
+            }, {
+              default: a(() => [
+                h(y(n(c)("vuetify.tree.select.location.select")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+}), O = /* @__PURE__ */ z(E, [["__scopeId", "data-v-bc4a5612"]]);
+export {
+  O as default
+};
+//# sourceMappingURL=x-navigation-tree-select-B8G-rNmk.js.map

package/dist/x-navigation-tree-select-B8G-rNmk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-navigation-tree-select-B8G-rNmk.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","<!--\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 setup lang=\"ts\">\nimport messages from \"../../translations\";\nimport XBreadcrumb from \"../x-breadcrumb.vue\";\nimport { navigationTreeSelectPropsDefaults } from \"@xwiki/cristal-dsapi\";\nimport { 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>();\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  );\n});\n\nasync function treeNodeClickAction(node: NavigationTreeNode) {\n  selectedPage = referenceHandler.createDocumentReference(\n    node.location.names[node.location.names.length - 1],\n    new SpaceReference(node.location.wiki, ...node.location.names.slice(0, -1)),\n  );\n  model.value = node.location;\n  hierarchy.value = await hierarchyResolver.getPageHierarchy(selectedPage);\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      ></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","SpaceReference"],"mappings":";;;;;;;AA4CA,MAAMA,IAAoC;AAAA,EACxC,kBAAkB;AACpB;;;;;;;;;;;;;;ACJM,UAAAC,IAAsBC,EAAmB,SAAS,GAClDC,IAA2CF,EAC9C,aAAA,EACA,IAAmC,+BAA+B,EAClE,IAAI,GACDG,IAA0CH,EAC7C,aAAA,EACA,IAAmC,+BAA+B,EAClE,IAAI,GAED,EAAE,GAAAI,EAAE,IAAIC,EAAQ;AAAA,MACpBC,UAAAA;AAAAA,IAAA,CACD,GACKC,IAAQC,GAIRC,IAAQC,iBAA4B,GAEpCC,IAAqCC,EAAI,EAAK,GAC9CC,IAA2CD,EAAI,EAAE;AACnD,QAAAE;AAEJ,IAAAC,EAAU,YAAY;AACpB,MAAAD,IAAeP,EAAM,sBACfE,EAAA,QAAQF,EAAM,qBAAsB,OAChCM,EAAA,QAAQ,MAAMX,EAAkB;AAAA,QACxCK,EAAM,qBAAsB;AAAA,MAC9B;AAAA,IAAA,CACD;AAED,mBAAeS,EAAoBC,GAA0B;AAC3D,MAAAH,IAAeX,EAAiB;AAAA,QAC9Bc,EAAK,SAAS,MAAMA,EAAK,SAAS,MAAM,SAAS,CAAC;AAAA,QAClD,IAAIC,EAAeD,EAAK,SAAS,MAAM,GAAGA,EAAK,SAAS,MAAM,MAAM,GAAG,EAAE,CAAC;AAAA,MAC5E,GACAR,EAAM,QAAQQ,EAAK,UACnBJ,EAAU,QAAQ,MAAMX,EAAkB,iBAAiBY,CAAY;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{x-tab-group-Bp7V46k9.js → x-tab-group-D1jmHXyJ.js}

@@ -3,7 +3,7 @@ const x = /* @__PURE__ */ f({
   __name: "x-tab-group",
   emits: ["tab-change"],
   setup(g, { emit: d }) {
-    const t = i(null), m = d;
+    const t = i(), m = d;
     function r(e) {
       typeof e == "string" && m("tab-change", e);
     }
@@ -46,4 +46,4 @@ const x = /* @__PURE__ */ f({
 export {
   x as default
 };
-//# sourceMappingURL=x-tab-group-Bp7V46k9.js.map
+//# sourceMappingURL=x-tab-group-D1jmHXyJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"x-tab-group-D1jmHXyJ.js","sources":["../src/vue/x-tab-group.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 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"],"mappings":";;;;;AAqBA,UAAMA,IAAoBC,EAAI,GAExBC,IAAQC;AAEd,aAASC,EAAOC,GAAgB;AAC1B,MAAA,OAAOA,KAAS,YAClBH,EAAM,cAAcG,CAAK;AAAA,IAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/x-text-field-DutyqCkJ.js

@@ -0,0 +1,45 @@
+import { defineComponent as s, mergeModels as m, useModel as p, computed as d, openBlock as i, createBlock as f, unref as y } from "vue";
+import { t as V } from "./translations-k4crOAds.js";
+import { useI18n as c } from "vue-i18n";
+import { a as h } from "./index-ptn5-s1m.js";
+const g = /* @__PURE__ */ s({
+  __name: "x-text-field",
+  props: /* @__PURE__ */ m({
+    name: {},
+    label: {},
+    required: { type: Boolean },
+    autofocus: { type: Boolean },
+    modelValue: {},
+    help: {},
+    readonly: { type: Boolean },
+    type: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const { t: n } = c({
+      messages: V
+    }), a = t, l = p(t, "modelValue"), u = d(() => {
+      const e = [];
+      return a.required && e.push((o) => o ? !0 : n("vuetify.text.input.mandatory")), e;
+    });
+    return (e, o) => (i(), f(y(h), {
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (r) => l.value = r),
+      label: e.label,
+      name: e.name,
+      autofocus: e.autofocus,
+      hint: e.help,
+      "persistent-hint": e.help !== void 0,
+      rules: u.value,
+      readonly: e.readonly,
+      type: e.type ?? "text"
+    }, null, 8, ["modelValue", "label", "name", "autofocus", "hint", "persistent-hint", "rules", "readonly", "type"]));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=x-text-field-DutyqCkJ.js.map

package/dist/{x-text-field-2Sv6HUGW.js.map → x-text-field-DutyqCkJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"x-text-field-2Sv6HUGW.js","sources":["../src/vue/form/x-text-field.vue"],"sourcesContent":["<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  ></v-text-field>\n</template>\n\n<style scoped></style>\n"],"names":["t","useI18n","messages","props","__props","input","_useModel","rules","computed","rulesList","value"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOM,UAAA,EAAE,GAAAA,EAAE,IAAIC,EAAQ;AAAA,MACpBC,UAAAA;AAAAA,IAAA,CACD,GACKC,IAAQC,GACRC,IAAQC,EAAmBF,GAAA,YAAC,GAE5BG,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAC;AACnB,aAAIN,EAAM,YACEM,EAAA,KAAK,CAACC,MACVA,IACK,KAEAV,EAAE,8BAA8B,CAE1C,GAEIS;AAAA,IAAA,CACR;;;;;;;;;;;;;;"}
+{"version":3,"file":"x-text-field-DutyqCkJ.js","sources":["../src/vue/form/x-text-field.vue"],"sourcesContent":["<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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOM,UAAA,EAAE,GAAAA,EAAE,IAAIC,EAAQ;AAAA,MACpBC,UAAAA;AAAAA,IAAA,CACD,GACKC,IAAQC,GACRC,IAAQC,EAAmBF,GAAA,YAAC,GAE5BG,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAC;AACnB,aAAIN,EAAM,YACEM,EAAA,KAAK,CAACC,MACVA,IACK,KAEAV,EAAE,8BAA8B,CAE1C,GAEIS;AAAA,IAAA,CACR;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xwiki/cristal-dsvuetify",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "license": "LGPL 2.1",
   "author": "XWiki Org Community <contact@xwiki.org>",
   "homepage": "https://cristal.xwiki.org/",
@@ -22,16 +22,16 @@
   },
   "main": "./dist/index.es.js",
   "dependencies": {
-    "inversify": "6.2.2",
+    "inversify": "7.5.0",
     "vue": "3.5.13",
-    "vue-i18n": "11.1.0",
-    "vuetify": "3.7.11",
-    "@xwiki/cristal-model-api": "0.15.0",
-    "@xwiki/cristal-api": "0.15.0",
-    "@xwiki/cristal-document-api": "0.15.0",
-    "@xwiki/cristal-model-reference-api": "0.15.0",
-    "@xwiki/cristal-navigation-tree-api": "0.15.0",
-    "@xwiki/cristal-hierarchy-api": "0.15.0"
+    "vue-i18n": "11.1.2",
+    "vuetify": "3.8.0",
+    "@xwiki/cristal-document-api": "0.17.0",
+    "@xwiki/cristal-hierarchy-api": "0.17.0",
+    "@xwiki/cristal-model-reference-api": "0.17.0",
+    "@xwiki/cristal-api": "0.17.0",
+    "@xwiki/cristal-navigation-tree-api": "0.17.0",
+    "@xwiki/cristal-model-api": "0.17.0"
   },
   "peerDependencies": {
     "reflect-metadata": "0.2.2"
@@ -39,11 +39,11 @@
   "devDependencies": {
     "@vue/test-utils": "2.4.6",
     "reflect-metadata": "0.2.2",
-    "typescript": "5.7.3",
-    "vite": "6.1.0",
-    "vue-tsc": "2.2.0",
-    "@xwiki/cristal-dsapi": "0.15.0",
-    "@xwiki/cristal-dev-config": "0.15.0"
+    "typescript": "5.8.2",
+    "vite": "6.2.6",
+    "vue-tsc": "2.2.8",
+    "@xwiki/cristal-dev-config": "0.17.0",
+    "@xwiki/cristal-dsapi": "0.17.0"
   },
   "scripts": {
     "build": "pnpm compile",

package/src/components/componentsInit.ts

@@ -27,6 +27,6 @@ export default class ComponentInit {
     container
       .bind<DesignSystemLoader>("DesignSystemLoader")
       .to(VuetifyDesignSystemLoader)
-      .whenTargetNamed("vuetify");
+      .whenNamed("vuetify");
   }
 }

package/src/components/vuetifyDesignSystemLoader.ts

@@ -21,7 +21,6 @@
 import { registerAsyncComponent } from "@xwiki/cristal-api";
 import { injectable } from "inversify";
 import { createVuetify } from "vuetify";
-// eslint-disable-next-line import/namespace
 import * as components from "vuetify/components";
 import { VCol, VContainer, VRow, VTextField } from "vuetify/components";
 

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

@@ -19,7 +19,6 @@
  */
 
 import { createVuetify } from "vuetify";
-// eslint-disable-next-line import/namespace
 import * as components from "vuetify/components";
 import * as directives from "vuetify/directives";
 

package/src/vue/form/x-checkbox.vue

@@ -23,7 +23,7 @@ import type { CheckboxProps } from "@xwiki/cristal-dsapi";
 
 defineProps<CheckboxProps>();
 
-const checked = defineModel<boolean>();
+const checked = defineModel<boolean | null>();
 </script>
 <template>
   <v-checkbox

package/src/vue/form/x-navigation-tree-select.vue

@@ -20,6 +20,7 @@ Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 <script setup lang="ts">
 import messages from "../../translations";
 import XBreadcrumb from "../x-breadcrumb.vue";
+import { navigationTreeSelectPropsDefaults } from "@xwiki/cristal-dsapi";
 import { SpaceReference } from "@xwiki/cristal-model-api";
 import { inject, onMounted, ref } from "vue";
 import { useI18n } from "vue-i18n";
@@ -52,7 +53,10 @@ const referenceHandler: ModelReferenceHandler = cristal
 const { t } = useI18n({
   messages,
 });
-const props = defineProps<NavigationTreeSelectProps>();
+const props = withDefaults(
+  defineProps<NavigationTreeSelectProps>(),
+  navigationTreeSelectPropsDefaults,
+);
 const model = defineModel<SpaceReference>();
 
 const openedLocationDialog: Ref<boolean> = ref(false);
@@ -103,6 +107,7 @@ async function treeNodeClickAction(node: NavigationTreeNode) {
       <XNavigationTree
         :current-page-reference="selectedPage"
         :click-action="treeNodeClickAction"
+        :include-terminals="includeTerminals"
       ></XNavigationTree>
     </template>
     <template #footer>

package/src/vue/form/x-text-field.vue

@@ -36,6 +36,7 @@ const rules = computed(() => {
     :persistent-hint="help !== undefined"
     :rules="rules"
     :readonly="readonly"
+    :type="type ?? 'text'"
   ></v-text-field>
 </template>
 

package/src/vue/x-navigation-tree.vue

@@ -29,6 +29,7 @@ Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  *     item was disabled. Default hover effects, such as darkening or changing
  *     the cursor on items, were also disabled.
  */
+import { navigationTreePropsDefaults } from "@xwiki/cristal-dsapi";
 import { inject, onBeforeMount, ref, watch } from "vue";
 import { VTreeview } from "vuetify/labs/VTreeview";
 import type { CristalApp } from "@xwiki/cristal-api";
@@ -50,6 +51,7 @@ type TreeItem = {
   href: string;
   children?: Array<TreeItem>;
   _location: SpaceReference;
+  _is_terminal: boolean;
 };
 
 const cristal: CristalApp = inject<CristalApp>("cristal")!;
@@ -64,19 +66,23 @@ const treeSource: NavigationTreeSource = cristal
 const rootNodes: Ref<Array<TreeItem>> = ref([]);
 
 const activatedNodes: Ref<Array<string>> = ref(new Array<string>());
-const expandedNodes: Ref<Array<string>> = ref(new Array<string>());
+const expandedNodes: Ref<unknown> = ref([]);
 var isExpanding: boolean = false;
 
-const props = defineProps<NavigationTreeProps>();
+const props = withDefaults(
+  defineProps<NavigationTreeProps>(),
+  navigationTreePropsDefaults,
+);
 
 onBeforeMount(async () => {
-  for (const node of await treeSource.getChildNodes("")) {
+  for (const node of await getChildNodes("")) {
     rootNodes.value.push({
       id: node.id,
       title: node.label,
       href: node.url,
       children: node.has_children ? [] : undefined,
       _location: node.location,
+      _is_terminal: node.is_terminal,
     });
   }
   await expandTree();
@@ -93,7 +99,8 @@ async function expandTree() {
   if (props.currentPageReference && !isExpanding) {
     isExpanding = true;
     const newExpandedNodes = treeSource.getParentNodesId(
-      props.currentPageReference,
+      props.currentPageReference!,
+      props.includeTerminals,
     );
     let i;
     let currentNodes = rootNodes.value;
@@ -104,8 +111,8 @@ async function expandTree() {
             if (node.children?.length == 0) {
               await lazyLoadChildren(node);
             }
-            if (!expandedNodes.value.includes(node.id)) {
-              expandedNodes.value.push(node.id);
+            if (!(expandedNodes.value as unknown[]).includes(node.id)) {
+              (expandedNodes.value as unknown[]).push(node.id);
             }
             currentNodes = node.children!;
           }
@@ -125,6 +132,7 @@ async function expandTree() {
               location: node._location,
               url: node.href,
               has_children: node.children !== undefined,
+              is_terminal: node._is_terminal,
             });
           }
         }
@@ -136,7 +144,7 @@ async function expandTree() {
 
 async function lazyLoadChildren(item: unknown) {
   const treeItem = item as TreeItem;
-  const childNodes = await treeSource.getChildNodes(treeItem.id);
+  const childNodes = await getChildNodes(treeItem.id);
   for (const child of childNodes) {
     treeItem.children?.push({
       id: child.id,
@@ -144,6 +152,7 @@ async function lazyLoadChildren(item: unknown) {
       href: child.url,
       children: child.has_children ? [] : undefined,
       _location: child.location,
+      _is_terminal: child.is_terminal,
     });
   }
   // If the node doesn't have any children, we update it.
@@ -164,7 +173,7 @@ function clearSelection() {
 // TODO: reduce the number of statements in the following method and reactivate the disabled eslint rule.
 // eslint-disable-next-line max-statements
 async function onDocumentDelete(page: DocumentReference) {
-  const parents = treeSource.getParentNodesId(page);
+  const parents = treeSource.getParentNodesId(page, props.includeTerminals);
   let currentItem: TreeItem | undefined = undefined;
   let currentItemChildren: TreeItem[] | undefined = rootNodes.value;
   let notFound = false;
@@ -193,7 +202,7 @@ async function onDocumentDelete(page: DocumentReference) {
 // TODO: reduce the number of statements in the following method and reactivate the disabled eslint rule.
 // eslint-disable-next-line max-statements
 async function onDocumentUpdate(page: DocumentReference) {
-  const parents = treeSource.getParentNodesId(page);
+  const parents = treeSource.getParentNodesId(page, props.includeTerminals);
   let currentParent: string | undefined = undefined;
   let currentItems: TreeItem[] | undefined = rootNodes.value;
   let notFound = false;
@@ -204,7 +213,7 @@ async function onDocumentUpdate(page: DocumentReference) {
       if (currentItems[i].id == parents[0]) {
         if (parents.length == 1) {
           // Page update
-          const newItems = await treeSource.getChildNodes(
+          const newItems = await getChildNodes(
             currentParent ? currentParent : "",
           );
           for (const newItem of newItems) {
@@ -235,11 +244,10 @@ async function onDocumentUpdate(page: DocumentReference) {
     // We don't do anything because this node will be loaded lazily anyway.
     return;
   }
-  const newItems = await treeSource.getChildNodes(
-    currentParent ? currentParent : "",
-  );
+  const newItems = await getChildNodes(currentParent ? currentParent : "");
   const currentPageParents = treeSource.getParentNodesId(
-    props.currentPageReference,
+    props.currentPageReference!,
+    props.includeTerminals,
   );
   newItemsLoop: for (const newItem of newItems) {
     for (const i of currentItems!.keys()) {
@@ -253,6 +261,7 @@ async function onDocumentUpdate(page: DocumentReference) {
       href: newItem.url,
       children: newItem.has_children ? [] : undefined,
       _location: newItem.location,
+      _is_terminal: newItem.is_terminal,
     });
     if (
       currentPageParents.length > 0 &&
@@ -263,6 +272,12 @@ async function onDocumentUpdate(page: DocumentReference) {
     }
   }
 }
+
+async function getChildNodes(id: string) {
+  return (await treeSource.getChildNodes(id)).filter(
+    (c) => props.includeTerminals || !c.is_terminal,
+  );
+}
 </script>
 
 <template>
@@ -289,6 +304,7 @@ async function onDocumentUpdate(page: DocumentReference) {
             location: item._location,
             url: item.href,
             has_children: item.children !== undefined,
+            is_terminal: item._is_terminal,
           });
         "
         >{{ item.title }}</a

package/src/vue/x-tab-group.vue

@@ -18,8 +18,8 @@ Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <script setup lang="ts">
-import { ref } from "vue";
-const tab = ref(null);
+import { Ref, ref } from "vue";
+const tab: Ref<unknown> = ref();
 
 const emits = defineEmits(["tab-change"]);