@conduction/nextcloud-vue 2.64.0 → 2.65.0

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

@@ -279,7 +279,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: "0"
         }
       : undefined,
-    ($options.footerItems.length > 0 || $options.showSettingsFoldout || $options.resolvedCard || $options.resolvedHelp)
+    ($options.footerItems.length > 0 || $options.showSettingsFoldout || $options.resolvedCard || $options.showsHelp)
       ? {
           name: "footer",
           fn: withCtx(() => [
@@ -305,13 +305,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   ]))
                 : createCommentVNode("v-if", true)
             ]),
-            ($options.footerItems.length > 0 || $options.resolvedHelp)
+            ($options.footerItems.length > 0 || $options.showsHelp)
               ? (openBlock(), createBlock(_component_NcAppNavigationList, {
                   key: 0,
-                  class: "cn-app-nav__footer-list"
+                  class: normalizeClass(["cn-app-nav__footer-list", { 'cn-app-nav__footer-list--after-settings': $options.settingsFirst }])
                 }, {
                   default: withCtx(() => [
-                    ($options.resolvedHelp)
+                    ($options.showsHelp && !$options.helpAfterItems)
                       ? (openBlock(), createBlock(_component_NcAppNavigationItem, {
                           key: 0,
                           name: $options.resolvedHelp.label,
@@ -374,15 +374,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             }
                           : undefined
                       ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "to", "href", "icon", "active", "data-testid", "data-cn-route", "onClick"]))
-                    }), 128 /* KEYED_FRAGMENT */))
+                    }), 128 /* KEYED_FRAGMENT */)),
+                    ($options.showsHelp && $options.helpAfterItems)
+                      ? (openBlock(), createBlock(_component_NcAppNavigationItem, {
+                          key: 1,
+                          name: $options.resolvedHelp.label,
+                          to: $options.resolvedHelp.to,
+                          href: $options.resolvedHelp.href,
+                          target: $options.resolvedHelp.href ? '_blank' : undefined,
+                          "data-testid": "cn-nav-help"
+                        }, {
+                          icon: withCtx(() => [
+                            createVNode(_component_HelpCircleOutline, { size: 20 })
+                          ]),
+                          _: 1 /* STABLE */
+                        }, 8 /* PROPS */, ["name", "to", "href", "target"]))
+                      : createCommentVNode("v-if", true)
                   ]),
                   _: 1 /* STABLE */
-                }))
+                }, 8 /* PROPS */, ["class"]))
               : createCommentVNode("v-if", true),
             ($options.showSettingsFoldout)
               ? (openBlock(), createBlock(_component_NcAppNavigationSettings, {
                   key: 1,
                   name: $options.settingsFoldoutLabel,
+                  class: normalizeClass({ 'cn-app-nav__settings--first': $options.settingsFirst }),
                   "data-testid": "cn-nav-settings"
                 }, {
                   default: withCtx(() => [
@@ -508,7 +524,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])
                   ]),
                   _: 1 /* STABLE */
-                }, 8 /* PROPS */, ["name"]))
+                }, 8 /* PROPS */, ["name", "class"]))
               : createCommentVNode("v-if", true)
           ]),
           key: "1"