@conduction/nextcloud-vue 2.106.0 → 2.107.0

package/dist/esm/components/CnAppNav/CnAppNav.vue3.js

@@ -32,19 +32,20 @@ const _hoisted_8 = {
 };
 const _hoisted_9 = ["data-testid"];
 const _hoisted_10 = ["data-testid"];
-const _hoisted_11 = {
+const _hoisted_11 = ["data-testid"];
+const _hoisted_12 = {
   key: 0,
   class: "cn-app-nav__card",
   "data-testid": "cn-nav-card"
 };
-const _hoisted_12 = { class: "cn-app-nav__card-title" };
-const _hoisted_13 = {
+const _hoisted_13 = { class: "cn-app-nav__card-title" };
+const _hoisted_14 = {
   key: 0,
   class: "cn-app-nav__card-text"
 };
-const _hoisted_14 = ["data-testid"];
-const _hoisted_15 = { class: "cn-app-nav__settings-list" };
-const _hoisted_16 = ["data-testid"];
+const _hoisted_15 = ["data-testid"];
+const _hoisted_16 = { class: "cn-app-nav__settings-list" };
+const _hoisted_17 = ["data-testid"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnActionButtons = resolveComponent("CnActionButtons");
@@ -101,136 +102,142 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }
                   : undefined
               ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "data-testid"]))
-            : (openBlock(), createBlock(_component_NcAppNavigationItem, {
-                key: item.id,
-                name: $options.resolveLabel(item),
-                to: $options.linkTo(item),
-                href: $options.linkHref(item),
-                icon: $options.cssIconClass(item),
-                active: $options.isActive(item),
-                pinned: Boolean(item.pinned),
-                allowCollapse: $options.visibleChildren(item).length > 0,
-                open: $options.isItemOpen(item),
-                "data-testid": `cn-nav-entry-${item.id}`,
-                "data-cn-route": item.route,
-                "onUpdate:open": $event => ($options.setItemOpen(item, $event)),
-                onClick: $event => ($options.onItemClick(item, $event))
-              }, createSlots({
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.visibleChildren(item), (child) => {
-                    return (openBlock(), createBlock(_component_NcAppNavigationItem, {
-                      key: child.id,
-                      name: $options.resolveLabel(child),
-                      to: $options.linkTo(child),
-                      href: $options.linkHref(child),
-                      icon: $options.cssIconClass(child),
-                      active: $options.isActive(child),
-                      pinned: Boolean(child.pinned),
-                      "data-testid": `cn-nav-entry-${child.id}`,
-                      "data-cn-route": child.route,
-                      onClick: $event => ($options.onItemClick(child, $event))
-                    }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                      ($options.mdiIconComponent(child) || $options.isRichIcon(child) || $options.isRegistryIcon(child) || $options.isUnresolvedIcon(child))
-                        ? {
-                            name: "icon",
-                            fn: withCtx(() => [
-                              ($options.mdiIconComponent(child))
-                                ? (openBlock(), createBlock(resolveDynamicComponent($options.mdiIconComponent(child)), {
-                                    key: 0,
-                                    size: 20
-                                  }))
-                                : ($options.isUnresolvedIcon(child))
-                                  ? (openBlock(), createBlock(_component_HelpCircleOutline, {
-                                      key: 1,
+            : (item.type === 'hint')
+              ? (openBlock(), createElementBlock("li", {
+                  key: item.id,
+                  class: "cn-app-nav__hint",
+                  "data-testid": `cn-nav-hint-${item.id}`
+                }, toDisplayString($options.resolveLabel(item)), 9 /* TEXT, PROPS */, _hoisted_9))
+              : (openBlock(), createBlock(_component_NcAppNavigationItem, {
+                  key: item.id,
+                  name: $options.resolveLabel(item),
+                  to: $options.linkTo(item),
+                  href: $options.linkHref(item),
+                  icon: $options.cssIconClass(item),
+                  active: $options.isActive(item),
+                  pinned: Boolean(item.pinned),
+                  allowCollapse: $options.visibleChildren(item).length > 0,
+                  open: $options.isItemOpen(item),
+                  "data-testid": `cn-nav-entry-${item.id}`,
+                  "data-cn-route": item.route,
+                  "onUpdate:open": $event => ($options.setItemOpen(item, $event)),
+                  onClick: $event => ($options.onItemClick(item, $event))
+                }, createSlots({
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.visibleChildren(item), (child) => {
+                      return (openBlock(), createBlock(_component_NcAppNavigationItem, {
+                        key: child.id,
+                        name: $options.resolveLabel(child),
+                        to: $options.linkTo(child),
+                        href: $options.linkHref(child),
+                        icon: $options.cssIconClass(child),
+                        active: $options.isActive(child),
+                        pinned: Boolean(child.pinned),
+                        "data-testid": `cn-nav-entry-${child.id}`,
+                        "data-cn-route": child.route,
+                        onClick: $event => ($options.onItemClick(child, $event))
+                      }, createSlots({ _: 2 /* DYNAMIC */ }, [
+                        ($options.mdiIconComponent(child) || $options.isRichIcon(child) || $options.isRegistryIcon(child) || $options.isUnresolvedIcon(child))
+                          ? {
+                              name: "icon",
+                              fn: withCtx(() => [
+                                ($options.mdiIconComponent(child))
+                                  ? (openBlock(), createBlock(resolveDynamicComponent($options.mdiIconComponent(child)), {
+                                      key: 0,
                                       size: 20
                                     }))
-                                  : (openBlock(), createBlock(_component_CnMenuItemIcon, {
-                                      key: 2,
-                                      icon: child.icon,
-                                      size: 20
-                                    }, null, 8 /* PROPS */, ["icon"]))
-                            ]),
-                            key: "0"
-                          }
-                        : undefined,
-                      ($options.resolveCount(child))
-                        ? {
-                            name: "counter",
-                            fn: withCtx(() => [
-                              ($setup.isBoard)
-                                ? (openBlock(), createElementBlock("span", {
-                                    key: 0,
-                                    class: normalizeClass(["cn-app-nav__count", { 'cn-app-nav__count--attention': $options.isAttention(child) }]),
-                                    "data-testid": `cn-nav-count-${child.id}`
-                                  }, toDisplayString($options.resolveCount(child)), 11 /* TEXT, CLASS, PROPS */, _hoisted_10))
-                                : (openBlock(), createBlock(_component_NcCounterBubble, {
-                                    key: 1,
-                                    count: $options.resolveCount(child),
-                                    active: $options.isActive(child),
-                                    type: $options.isAttention(child) ? 'highlighted' : undefined
-                                  }, null, 8 /* PROPS */, ["count", "active", "type"]))
-                            ]),
-                            key: "1"
-                          }
-                        : undefined
-                    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "to", "href", "icon", "active", "pinned", "data-testid", "data-cn-route", "onClick"]))
-                  }), 128 /* KEYED_FRAGMENT */))
-                ]),
-                _: 2 /* DYNAMIC */
-              }, [
-                ($options.mdiIconComponent(item) || $options.isRichIcon(item) || $options.isRegistryIcon(item) || $options.isUnresolvedIcon(item))
-                  ? {
-                      name: "icon",
-                      fn: withCtx(() => [
-                        ($options.mdiIconComponent(item))
-                          ? (openBlock(), createBlock(resolveDynamicComponent($options.mdiIconComponent(item)), {
-                              key: 0,
-                              size: 20
-                            }))
-                          : ($options.isUnresolvedIcon(item))
-                            ? (openBlock(), createBlock(_component_HelpCircleOutline, {
-                                key: 1,
+                                  : ($options.isUnresolvedIcon(child))
+                                    ? (openBlock(), createBlock(_component_HelpCircleOutline, {
+                                        key: 1,
+                                        size: 20
+                                      }))
+                                    : (openBlock(), createBlock(_component_CnMenuItemIcon, {
+                                        key: 2,
+                                        icon: child.icon,
+                                        size: 20
+                                      }, null, 8 /* PROPS */, ["icon"]))
+                              ]),
+                              key: "0"
+                            }
+                          : undefined,
+                        ($options.resolveCount(child))
+                          ? {
+                              name: "counter",
+                              fn: withCtx(() => [
+                                ($setup.isBoard)
+                                  ? (openBlock(), createElementBlock("span", {
+                                      key: 0,
+                                      class: normalizeClass(["cn-app-nav__count", { 'cn-app-nav__count--attention': $options.isAttention(child) }]),
+                                      "data-testid": `cn-nav-count-${child.id}`
+                                    }, toDisplayString($options.resolveCount(child)), 11 /* TEXT, CLASS, PROPS */, _hoisted_11))
+                                  : (openBlock(), createBlock(_component_NcCounterBubble, {
+                                      key: 1,
+                                      count: $options.resolveCount(child),
+                                      active: $options.isActive(child),
+                                      type: $options.isAttention(child) ? 'highlighted' : undefined
+                                    }, null, 8 /* PROPS */, ["count", "active", "type"]))
+                              ]),
+                              key: "1"
+                            }
+                          : undefined
+                      ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "to", "href", "icon", "active", "pinned", "data-testid", "data-cn-route", "onClick"]))
+                    }), 128 /* KEYED_FRAGMENT */))
+                  ]),
+                  _: 2 /* DYNAMIC */
+                }, [
+                  ($options.mdiIconComponent(item) || $options.isRichIcon(item) || $options.isRegistryIcon(item) || $options.isUnresolvedIcon(item))
+                    ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          ($options.mdiIconComponent(item))
+                            ? (openBlock(), createBlock(resolveDynamicComponent($options.mdiIconComponent(item)), {
+                                key: 0,
                                 size: 20
                               }))
-                            : (openBlock(), createBlock(_component_CnMenuItemIcon, {
-                                key: 2,
-                                icon: item.icon,
-                                size: 20
-                              }, null, 8 /* PROPS */, ["icon"]))
-                      ]),
-                      key: "0"
-                    }
-                  : undefined,
-                ($options.resolveCount(item))
-                  ? {
-                      name: "counter",
-                      fn: withCtx(() => [
-                        ($setup.isBoard)
-                          ? (openBlock(), createElementBlock("span", {
-                              key: 0,
-                              class: normalizeClass(["cn-app-nav__count", { 'cn-app-nav__count--attention': $options.isAttention(item) }]),
-                              "data-testid": `cn-nav-count-${item.id}`
-                            }, toDisplayString($options.resolveCount(item)), 11 /* TEXT, CLASS, PROPS */, _hoisted_9))
-                          : (openBlock(), createBlock(_component_NcCounterBubble, {
-                              key: 1,
-                              count: $options.resolveCount(item),
-                              active: $options.isActive(item),
-                              type: $options.isAttention(item) ? 'highlighted' : undefined
-                            }, null, 8 /* PROPS */, ["count", "active", "type"]))
-                      ]),
-                      key: "1"
-                    }
-                  : undefined,
-                ($options.hasItemActionsSlot(item))
-                  ? {
-                      name: "actions",
-                      fn: withCtx(() => [
-                        renderSlot(_ctx.$slots, `item-${item.id}-actions`, { item: item })
-                      ]),
-                      key: "2"
-                    }
-                  : undefined
-              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "to", "href", "icon", "active", "pinned", "allowCollapse", "open", "data-testid", "data-cn-route", "onUpdate:open", "onClick"]))
+                            : ($options.isUnresolvedIcon(item))
+                              ? (openBlock(), createBlock(_component_HelpCircleOutline, {
+                                  key: 1,
+                                  size: 20
+                                }))
+                              : (openBlock(), createBlock(_component_CnMenuItemIcon, {
+                                  key: 2,
+                                  icon: item.icon,
+                                  size: 20
+                                }, null, 8 /* PROPS */, ["icon"]))
+                        ]),
+                        key: "0"
+                      }
+                    : undefined,
+                  ($options.resolveCount(item))
+                    ? {
+                        name: "counter",
+                        fn: withCtx(() => [
+                          ($setup.isBoard)
+                            ? (openBlock(), createElementBlock("span", {
+                                key: 0,
+                                class: normalizeClass(["cn-app-nav__count", { 'cn-app-nav__count--attention': $options.isAttention(item) }]),
+                                "data-testid": `cn-nav-count-${item.id}`
+                              }, toDisplayString($options.resolveCount(item)), 11 /* TEXT, CLASS, PROPS */, _hoisted_10))
+                            : (openBlock(), createBlock(_component_NcCounterBubble, {
+                                key: 1,
+                                count: $options.resolveCount(item),
+                                active: $options.isActive(item),
+                                type: $options.isAttention(item) ? 'highlighted' : undefined
+                              }, null, 8 /* PROPS */, ["count", "active", "type"]))
+                        ]),
+                        key: "1"
+                      }
+                    : undefined,
+                  ($options.hasItemActionsSlot(item))
+                    ? {
+                        name: "actions",
+                        fn: withCtx(() => [
+                          renderSlot(_ctx.$slots, `item-${item.id}-actions`, { item: item })
+                        ]),
+                        key: "2"
+                      }
+                    : undefined
+                ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "to", "href", "icon", "active", "pinned", "allowCollapse", "open", "data-testid", "data-cn-route", "onUpdate:open", "onClick"]))
         ], 64 /* STABLE_FRAGMENT */))
       }), 256 /* UNKEYED_FRAGMENT */))
     ]),
@@ -329,10 +336,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           fn: withCtx(() => [
             renderSlot(_ctx.$slots, "card", { card: $options.resolvedCard }, () => [
               ($options.resolvedCard)
-                ? (openBlock(), createElementBlock("div", _hoisted_11, [
-                    createElementVNode("strong", _hoisted_12, toDisplayString($options.resolvedCard.title), 1 /* TEXT */),
+                ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                    createElementVNode("strong", _hoisted_13, toDisplayString($options.resolvedCard.title), 1 /* TEXT */),
                     ($options.resolvedCard.text)
-                      ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString($options.resolvedCard.text), 1 /* TEXT */))
+                      ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString($options.resolvedCard.text), 1 /* TEXT */))
                       : createCommentVNode("v-if", true),
                     ($options.resolvedCard.linkTag)
                       ? (openBlock(), createBlock(resolveDynamicComponent($options.resolvedCard.linkTag), mergeProps({
@@ -414,7 +421,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       key: 0,
                                       class: normalizeClass(["cn-app-nav__count", { 'cn-app-nav__count--attention': $options.isAttention(item) }]),
                                       "data-testid": `cn-nav-count-${item.id}`
-                                    }, toDisplayString($options.resolveCount(item)), 11 /* TEXT, CLASS, PROPS */, _hoisted_14))
+                                    }, toDisplayString($options.resolveCount(item)), 11 /* TEXT, CLASS, PROPS */, _hoisted_15))
                                   : (openBlock(), createBlock(_component_NcCounterBubble, {
                                       key: 1,
                                       count: $options.resolveCount(item),
@@ -454,7 +461,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   "data-testid": "cn-nav-settings"
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("ul", _hoisted_15, [
+                    createElementVNode("ul", _hoisted_16, [
                       ($options.includePersonalSettings)
                         ? (openBlock(), createBlock(_component_NcAppNavigationItem, {
                             key: 0,
@@ -589,7 +596,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               key: 0,
                                               class: normalizeClass(["cn-app-nav__count", { 'cn-app-nav__count--attention': $options.isAttention(item) }]),
                                               "data-testid": `cn-nav-count-${item.id}`
-                                            }, toDisplayString($options.resolveCount(item)), 11 /* TEXT, CLASS, PROPS */, _hoisted_16))
+                                            }, toDisplayString($options.resolveCount(item)), 11 /* TEXT, CLASS, PROPS */, _hoisted_17))
                                           : (openBlock(), createBlock(_component_NcCounterBubble, {
                                               key: 1,
                                               count: $options.resolveCount(item),