@conduction/nextcloud-vue 2.82.0 → 2.84.0

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, createSlots, withCtx, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, normalizeProps, guardReactiveProps, withDirectives, resolveDynamicComponent, vShow, withModifiers, mergeProps } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, createSlots, withCtx, createElementVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, resolveDynamicComponent, createCommentVNode, normalizeStyle, normalizeProps, guardReactiveProps, withDirectives, vShow, withModifiers, mergeProps } from 'vue';
 
 const _hoisted_1 = {
   class: "cn-index-page__header-buttons",
@@ -44,6 +44,8 @@ const _hoisted_13 = ["href", "title"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnBuildiqEditButton = resolveComponent("CnBuildiqEditButton");
   const _component_DotsHorizontal = resolveComponent("DotsHorizontal");
+  const _component_NcActionCaption = resolveComponent("NcActionCaption");
+  const _component_NcActionSeparator = resolveComponent("NcActionSeparator");
   const _component_CnIcon = resolveComponent("CnIcon");
   const _component_NcActionLink = resolveComponent("NcActionLink");
   const _component_NcActionButton = resolveComponent("NcActionButton");
@@ -57,7 +59,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Cog = resolveComponent("Cog");
   const _component_CnQuickFilterBar = resolveComponent("CnQuickFilterBar");
   const _component_Tune = resolveComponent("Tune");
-  const _component_NcActionCaption = resolveComponent("NcActionCaption");
   const _component_NcActionCheckbox = resolveComponent("NcActionCheckbox");
   const _component_CnActionsBar = resolveComponent("CnActionsBar");
   const _component_CnQuickEditDialog = resolveComponent("CnQuickEditDialog");
@@ -140,58 +141,102 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   return (openBlock(), createElementBlock(Fragment, {
                                     key: entry.key
                                   }, [
-                                    (entry.href)
-                                      ? (openBlock(), createBlock(_component_NcActionLink, {
+                                    (entry.kind === 'heading')
+                                      ? (openBlock(), createBlock(_component_NcActionCaption, {
                                           key: 0,
-                                          href: entry.href,
-                                          target: "_blank",
-                                          rel: "noopener noreferrer",
+                                          class: "cn-index-header-menu__heading",
+                                          name: entry.label,
                                           "data-testid": `cn-index-header-menu-${entry.key}`
-                                        }, createSlots({
-                                          default: withCtx(() => [
-                                            createTextVNode(" " + toDisplayString(entry.label), 1 /* TEXT */)
-                                          ]),
-                                          _: 2 /* DYNAMIC */
-                                        }, [
-                                          (entry.icon)
-                                            ? {
-                                                name: "icon",
-                                                fn: withCtx(() => [
-                                                  createVNode(_component_CnIcon, {
-                                                    name: entry.icon,
-                                                    size: 20
-                                                  }, null, 8 /* PROPS */, ["name"])
+                                        }, null, 8 /* PROPS */, ["name", "data-testid"]))
+                                      : (entry.kind === 'separator')
+                                        ? (openBlock(), createBlock(_component_NcActionSeparator, {
+                                            key: 1,
+                                            "data-testid": `cn-index-header-menu-${entry.key}`
+                                          }, null, 8 /* PROPS */, ["data-testid"]))
+                                        : (entry.href)
+                                          ? (openBlock(), createBlock(_component_NcActionLink, {
+                                              key: 2,
+                                              href: entry.href,
+                                              target: "_blank",
+                                              rel: "noopener noreferrer",
+                                              "data-testid": `cn-index-header-menu-${entry.key}`
+                                            }, createSlots({
+                                              default: withCtx(() => [
+                                                createTextVNode(" " + toDisplayString(entry.label), 1 /* TEXT */)
+                                              ]),
+                                              _: 2 /* DYNAMIC */
+                                            }, [
+                                              (entry.icon)
+                                                ? {
+                                                    name: "icon",
+                                                    fn: withCtx(() => [
+                                                      createVNode(_component_CnIcon, {
+                                                        name: entry.icon,
+                                                        size: 20
+                                                      }, null, 8 /* PROPS */, ["name"])
+                                                    ]),
+                                                    key: "0"
+                                                  }
+                                                : undefined
+                                            ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "data-testid"]))
+                                          : (entry.link)
+                                            ? (openBlock(), createBlock(_component_NcActionLink, {
+                                                key: 3,
+                                                href: entry.link.href,
+                                                closeAfterClick: true,
+                                                "data-testid": `cn-index-header-menu-${entry.key}`,
+                                                onClick: $event => ($options.onHeaderMenuLinkClick(entry, $event))
+                                              }, createSlots({
+                                                default: withCtx(() => [
+                                                  createTextVNode(" " + toDisplayString(entry.label), 1 /* TEXT */)
                                                 ]),
-                                                key: "0"
-                                              }
-                                            : undefined
-                                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "data-testid"]))
-                                      : (openBlock(), createBlock(_component_NcActionButton, {
-                                          key: 1,
-                                          disabled: entry.disabled,
-                                          title: entry.title || null,
-                                          closeAfterClick: true,
-                                          "data-testid": `cn-index-header-menu-${entry.key}`,
-                                          onClick: $event => (entry.run())
-                                        }, createSlots({
-                                          default: withCtx(() => [
-                                            createTextVNode(" " + toDisplayString(entry.label), 1 /* TEXT */)
-                                          ]),
-                                          _: 2 /* DYNAMIC */
-                                        }, [
-                                          (entry.icon)
-                                            ? {
-                                                name: "icon",
-                                                fn: withCtx(() => [
-                                                  createVNode(_component_CnIcon, {
-                                                    name: entry.icon,
-                                                    size: 20
-                                                  }, null, 8 /* PROPS */, ["name"])
+                                                _: 2 /* DYNAMIC */
+                                              }, [
+                                                (entry.icon)
+                                                  ? {
+                                                      name: "icon",
+                                                      fn: withCtx(() => [
+                                                        createVNode(_component_CnIcon, {
+                                                          name: entry.icon,
+                                                          size: 20
+                                                        }, null, 8 /* PROPS */, ["name"])
+                                                      ]),
+                                                      key: "0"
+                                                    }
+                                                  : undefined
+                                              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["href", "data-testid", "onClick"]))
+                                            : (openBlock(), createBlock(_component_NcActionButton, {
+                                                key: 4,
+                                                disabled: entry.disabled,
+                                                title: entry.title || null,
+                                                closeAfterClick: true,
+                                                "data-testid": `cn-index-header-menu-${entry.key}`,
+                                                onClick: $event => (entry.run())
+                                              }, createSlots({
+                                                default: withCtx(() => [
+                                                  createTextVNode(" " + toDisplayString(entry.label), 1 /* TEXT */)
                                                 ]),
-                                                key: "0"
-                                              }
-                                            : undefined
-                                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "title", "data-testid", "onClick"]))
+                                                _: 2 /* DYNAMIC */
+                                              }, [
+                                                (entry.iconComponent || entry.icon)
+                                                  ? {
+                                                      name: "icon",
+                                                      fn: withCtx(() => [
+                                                        (entry.iconComponent)
+                                                          ? (openBlock(), createBlock(resolveDynamicComponent(entry.iconComponent), {
+                                                              key: 0,
+                                                              size: 20
+                                                            }))
+                                                          : (openBlock(), createBlock(_component_CnIcon, {
+                                                              key: 1,
+                                                              name: entry.icon,
+                                                              size: 20
+                                                            }, null, 8 /* PROPS */, ["name"]))
+                                                      ]),
+                                                      key: "0"
+                                                    }
+                                                  : undefined
+                                              ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "title", "data-testid", "onClick"]))
                                   ], 64 /* STABLE_FRAGMENT */))
                                 }), 128 /* KEYED_FRAGMENT */))
                               ]),