@conduction/nextcloud-vue 2.63.0 → 2.65.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createVNode, renderSlot, mergeProps, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createVNode, renderSlot, normalizeClass, mergeProps, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -8,24 +8,42 @@ const _hoisted_1 = {
 const _hoisted_2 = ["src", "alt"];
 const _hoisted_3 = {
   key: 1,
+  class: "cn-app-nav__brand-emblem cn-app-nav__brand-emblem--theme",
+  "data-testid": "cn-nav-brand-emblem",
+  "aria-hidden": "true"
+};
+const _hoisted_4 = ["src", "alt"];
+const _hoisted_5 = {
+  key: 3,
   class: "cn-app-nav__brand-text"
 };
-const _hoisted_4 = {
+const _hoisted_6 = {
   key: 0,
   class: "cn-app-nav__brand-name"
 };
-const _hoisted_5 = {
+const _hoisted_7 = {
   key: 1,
   class: "cn-app-nav__brand-caption"
 };
-const _hoisted_6 = {
+const _hoisted_8 = {
   key: 0,
-  class: "app-navigation-new cn-app-nav__primary-action",
+  class: "app-navigation-new cn-app-nav__primary-action cn-app-nav__primary-action--solid",
   "data-testid": "cn-nav-primary-action"
 };
-const _hoisted_7 = { class: "cn-app-nav__settings-list" };
+const _hoisted_9 = {
+  key: 0,
+  class: "cn-app-nav__card",
+  "data-testid": "cn-nav-card"
+};
+const _hoisted_10 = { class: "cn-app-nav__card-title" };
+const _hoisted_11 = {
+  key: 0,
+  class: "cn-app-nav__card-text"
+};
+const _hoisted_12 = { class: "cn-app-nav__settings-list" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnActionButtons = resolveComponent("CnActionButtons");
   const _component_NcButton = resolveComponent("NcButton");
   const _component_NcAppNavigationNew = resolveComponent("NcAppNavigationNew");
   const _component_NcAppNavigationCaption = resolveComponent("NcAppNavigationCaption");
@@ -174,34 +192,46 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "primary-action", {}, () => [
-        ($options.activePrimaryAction && $options.primaryActionLink)
-          ? (openBlock(), createElementBlock("div", _hoisted_6, [
-              createVNode(_component_NcButton, mergeProps({
-                variant: "primary",
-                wide: ""
-              }, $options.primaryActionLink, { onClick: $options.onPrimaryActionClick }), {
-                icon: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent($options.primaryActionIconComponent), { size: 20 }))
-                ]),
-                default: withCtx(() => [
-                  createTextVNode(" " + toDisplayString($options.resolveLabel($options.activePrimaryAction)), 1 /* TEXT */)
-                ]),
-                _: 1 /* STABLE */
-              }, 16 /* FULL_PROPS */, ["onClick"])
+        ($options.activePrimaryAction && $options.primaryDispatchEntry)
+          ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              createVNode(_component_CnActionButtons, {
+                actions: [$options.primaryDispatchEntry],
+                "data-testid": "cn-nav-primary-action-dispatch",
+                onCreated: $options.onPrimaryActionCreated
+              }, null, 8 /* PROPS */, ["actions", "onCreated"])
             ]))
-          : ($options.activePrimaryAction)
-            ? (openBlock(), createBlock(_component_NcAppNavigationNew, {
+          : ($options.activePrimaryAction && ($options.primaryActionLink || $options.activePrimaryAction.solid === true))
+            ? (openBlock(), createElementBlock("div", {
                 key: 1,
-                text: $options.resolveLabel($options.activePrimaryAction),
-                "data-testid": "cn-nav-primary-action",
-                onClick: $options.onPrimaryActionClick
-              }, {
-                icon: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent($options.primaryActionIconComponent), { size: 20 }))
-                ]),
-                _: 1 /* STABLE */
-              }, 8 /* PROPS */, ["text", "onClick"]))
-            : createCommentVNode("v-if", true)
+                class: normalizeClass(["app-navigation-new cn-app-nav__primary-action", { 'cn-app-nav__primary-action--solid': $options.activePrimaryAction.solid === true }]),
+                "data-testid": "cn-nav-primary-action"
+              }, [
+                createVNode(_component_NcButton, mergeProps({
+                  variant: "primary",
+                  wide: ""
+                }, $options.primaryActionLink || {}, { onClick: $options.onPrimaryActionClick }), {
+                  icon: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent($options.primaryActionIconComponent), { size: 20 }))
+                  ]),
+                  default: withCtx(() => [
+                    createTextVNode(" " + toDisplayString($options.resolveLabel($options.activePrimaryAction)), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 16 /* FULL_PROPS */, ["onClick"])
+              ], 2 /* CLASS */))
+            : ($options.activePrimaryAction)
+              ? (openBlock(), createBlock(_component_NcAppNavigationNew, {
+                  key: 2,
+                  text: $options.resolveLabel($options.activePrimaryAction),
+                  "data-testid": "cn-nav-primary-action",
+                  onClick: $options.onPrimaryActionClick
+                }, {
+                  icon: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent($options.primaryActionIconComponent), { size: 20 }))
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["text", "onClick"]))
+              : createCommentVNode("v-if", true)
       ])
     ]),
     _: 2 /* DYNAMIC */
@@ -213,21 +243,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "brand", { brand: $options.resolvedBrand }, () => [
               ($options.resolvedBrand)
                 ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                    ($options.resolvedBrand.logo)
+                    (typeof $options.resolvedBrand.emblem === 'string' && $options.resolvedBrand.emblem !== '')
                       ? (openBlock(), createElementBlock("img", {
                           key: 0,
-                          class: "cn-app-nav__brand-logo",
-                          src: $options.resolvedBrand.logo,
+                          class: "cn-app-nav__brand-emblem",
+                          "data-testid": "cn-nav-brand-emblem",
+                          src: $options.resolvedBrand.emblem,
                           alt: $options.resolvedBrand.name ? '' : $options.resolvedBrand.alt
                         }, null, 8 /* PROPS */, _hoisted_2))
-                      : createCommentVNode("v-if", true),
+                      : ($options.resolvedBrand.emblem === true)
+                        ? (openBlock(), createElementBlock("span", _hoisted_3))
+                        : ($options.resolvedBrand.logo)
+                          ? (openBlock(), createElementBlock("img", {
+                              key: 2,
+                              class: "cn-app-nav__brand-logo",
+                              src: $options.resolvedBrand.logo,
+                              alt: $options.resolvedBrand.name ? '' : $options.resolvedBrand.alt
+                            }, null, 8 /* PROPS */, _hoisted_4))
+                          : createCommentVNode("v-if", true),
                     ($options.resolvedBrand.name || $options.resolvedBrand.caption)
-                      ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                      ? (openBlock(), createElementBlock("span", _hoisted_5, [
                           ($options.resolvedBrand.name)
-                            ? (openBlock(), createElementBlock("strong", _hoisted_4, toDisplayString($options.resolvedBrand.name), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("strong", _hoisted_6, toDisplayString($options.resolvedBrand.name), 1 /* TEXT */))
                             : createCommentVNode("v-if", true),
                           ($options.resolvedBrand.caption)
-                            ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString($options.resolvedBrand.caption), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString($options.resolvedBrand.caption), 1 /* TEXT */))
                             : createCommentVNode("v-if", true)
                         ]))
                       : createCommentVNode("v-if", true)
@@ -239,16 +279,53 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           key: "0"
         }
       : undefined,
-    ($options.footerItems.length > 0 || $options.showSettingsFoldout)
+    ($options.footerItems.length > 0 || $options.showSettingsFoldout || $options.resolvedCard || $options.showsHelp)
       ? {
           name: "footer",
           fn: withCtx(() => [
-            ($options.footerItems.length > 0)
+            renderSlot(_ctx.$slots, "card", { card: $options.resolvedCard }, () => [
+              ($options.resolvedCard)
+                ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                    createElementVNode("strong", _hoisted_10, toDisplayString($options.resolvedCard.title), 1 /* TEXT */),
+                    ($options.resolvedCard.text)
+                      ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString($options.resolvedCard.text), 1 /* TEXT */))
+                      : createCommentVNode("v-if", true),
+                    ($options.resolvedCard.linkTag)
+                      ? (openBlock(), createBlock(resolveDynamicComponent($options.resolvedCard.linkTag), mergeProps({
+                          key: 1,
+                          class: "cn-app-nav__card-link",
+                          "data-testid": "cn-nav-card-link"
+                        }, $options.resolvedCard.linkAttrs, { onClick: $options.onCardLinkClick }), {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString($options.resolvedCard.linkLabel), 1 /* TEXT */)
+                          ]),
+                          _: 1 /* STABLE */
+                        }, 16 /* FULL_PROPS */, ["onClick"]))
+                      : createCommentVNode("v-if", true)
+                  ]))
+                : createCommentVNode("v-if", true)
+            ]),
+            ($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.showsHelp && !$options.helpAfterItems)
+                      ? (openBlock(), createBlock(_component_NcAppNavigationItem, {
+                          key: 0,
+                          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),
                     (openBlock(true), createElementBlock(Fragment, null, renderList($options.footerItems, (item) => {
                       return (openBlock(), createBlock(_component_NcAppNavigationItem, {
                         key: item.id,
@@ -297,19 +374,35 @@ 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(() => [
-                    createElementVNode("ul", _hoisted_7, [
+                    createElementVNode("ul", _hoisted_12, [
                       ($options.includePersonalSettings)
                         ? (openBlock(), createBlock(_component_NcAppNavigationItem, {
                             key: 0,
@@ -431,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"