@conduction/nextcloud-vue 2.136.0 → 2.137.0

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

@@ -53,6 +53,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcAppNavigationNew = resolveComponent("NcAppNavigationNew");
   const _component_Pencil = resolveComponent("Pencil");
   const _component_NcActionLink = resolveComponent("NcActionLink");
+  const _component_NcActionButton = resolveComponent("NcActionButton");
   const _component_NcAppNavigationCaption = resolveComponent("NcAppNavigationCaption");
   const _component_HelpCircleOutline = resolveComponent("HelpCircleOutline");
   const _component_CnMenuItemIcon = resolveComponent("CnMenuItemIcon");
@@ -80,23 +81,39 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: $options.resolveLabel(item),
                 "data-testid": `cn-nav-caption-${item.id}`
               }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                (item.href)
+                (item.href || item.action === 'user-settings')
                   ? {
                       name: "actions",
                       fn: withCtx(() => [
-                        createVNode(_component_NcActionLink, {
-                          href: item.href,
-                          "aria-label": $options.captionEditLabel(item),
-                          "data-testid": `cn-nav-caption-edit-${item.id}`
-                        }, {
-                          icon: withCtx(() => [
-                            createVNode(_component_Pencil, { size: 20 })
-                          ]),
-                          default: withCtx(() => [
-                            createTextVNode(" " + toDisplayString($options.captionEditLabel(item)), 1 /* TEXT */)
-                          ]),
-                          _: 2 /* DYNAMIC */
-                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "aria-label", "data-testid"])
+                        (item.href)
+                          ? (openBlock(), createBlock(_component_NcActionLink, {
+                              key: 0,
+                              href: item.href,
+                              "aria-label": $options.captionEditLabel(item),
+                              "data-testid": `cn-nav-caption-edit-${item.id}`
+                            }, {
+                              icon: withCtx(() => [
+                                createVNode(_component_Pencil, { size: 20 })
+                              ]),
+                              default: withCtx(() => [
+                                createTextVNode(" " + toDisplayString($options.captionEditLabel(item)), 1 /* TEXT */)
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "aria-label", "data-testid"]))
+                          : (openBlock(), createBlock(_component_NcActionButton, {
+                              key: 1,
+                              "aria-label": $options.captionEditLabel(item),
+                              "data-testid": `cn-nav-caption-edit-${item.id}`,
+                              onClick: _cache[0] || (_cache[0] = $event => ($options.cnOpenUserSettings()))
+                            }, {
+                              icon: withCtx(() => [
+                                createVNode(_component_Pencil, { size: 20 })
+                              ]),
+                              default: withCtx(() => [
+                                createTextVNode(" " + toDisplayString($options.captionEditLabel(item)), 1 /* TEXT */)
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label", "data-testid"]))
                       ]),
                       key: "0"
                     }
@@ -532,23 +549,39 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 name: $options.resolveLabel(item),
                                 "data-testid": `cn-nav-caption-${item.id}`
                               }, createSlots({ _: 2 /* DYNAMIC */ }, [
-                                (item.href)
+                                (item.href || item.action === 'user-settings')
                                   ? {
                                       name: "actions",
                                       fn: withCtx(() => [
-                                        createVNode(_component_NcActionLink, {
-                                          href: item.href,
-                                          "aria-label": $options.captionEditLabel(item),
-                                          "data-testid": `cn-nav-caption-edit-${item.id}`
-                                        }, {
-                                          icon: withCtx(() => [
-                                            createVNode(_component_Pencil, { size: 20 })
-                                          ]),
-                                          default: withCtx(() => [
-                                            createTextVNode(" " + toDisplayString($options.captionEditLabel(item)), 1 /* TEXT */)
-                                          ]),
-                                          _: 2 /* DYNAMIC */
-                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "aria-label", "data-testid"])
+                                        (item.href)
+                                          ? (openBlock(), createBlock(_component_NcActionLink, {
+                                              key: 0,
+                                              href: item.href,
+                                              "aria-label": $options.captionEditLabel(item),
+                                              "data-testid": `cn-nav-caption-edit-${item.id}`
+                                            }, {
+                                              icon: withCtx(() => [
+                                                createVNode(_component_Pencil, { size: 20 })
+                                              ]),
+                                              default: withCtx(() => [
+                                                createTextVNode(" " + toDisplayString($options.captionEditLabel(item)), 1 /* TEXT */)
+                                              ]),
+                                              _: 2 /* DYNAMIC */
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "aria-label", "data-testid"]))
+                                          : (openBlock(), createBlock(_component_NcActionButton, {
+                                              key: 1,
+                                              "aria-label": $options.captionEditLabel(item),
+                                              "data-testid": `cn-nav-caption-edit-${item.id}`,
+                                              onClick: _cache[1] || (_cache[1] = $event => ($options.cnOpenUserSettings()))
+                                            }, {
+                                              icon: withCtx(() => [
+                                                createVNode(_component_Pencil, { size: 20 })
+                                              ]),
+                                              default: withCtx(() => [
+                                                createTextVNode(" " + toDisplayString($options.captionEditLabel(item)), 1 /* TEXT */)
+                                              ]),
+                                              _: 2 /* DYNAMIC */
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["aria-label", "data-testid"]))
                                       ]),
                                       key: "0"
                                     }