@conduction/nextcloud-vue 2.56.0-beta.53 → 2.56.0-beta.55

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

@@ -1,4 +1,4 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, withCtx, createTextVNode, renderSlot, createVNode, Fragment, createSlots, renderList, mergeProps } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createElementVNode, createBlock, resolveDynamicComponent, withCtx, createTextVNode, renderSlot, createVNode, Fragment, renderList, createSlots, mergeProps } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
@@ -49,70 +49,74 @@ const _hoisted_14 = {
   "data-testid": "cn-dashboard-page-page-filters"
 };
 const _hoisted_15 = {
+  key: 1,
+  class: "cn-dashboard-page__page-filter"
+};
+const _hoisted_16 = {
   key: 0,
   class: "cn-dashboard-page__page-filter-label"
 };
-const _hoisted_16 = {
+const _hoisted_17 = {
   key: 8,
   class: "cn-dashboard-page__empty"
 };
-const _hoisted_17 = {
+const _hoisted_18 = {
   key: 9,
   class: "cn-dashboard-page__content"
 };
-const _hoisted_18 = ["data-testid"];
-const _hoisted_19 = {
+const _hoisted_19 = ["data-testid"];
+const _hoisted_20 = {
   key: 0,
   class: "cn-dashboard-page__widget-note",
   "data-testid": "cn-dashboard-widget-header-note"
 };
-const _hoisted_20 = ["onClick"];
-const _hoisted_21 = { class: "cn-dashboard-page__unknown" };
-const _hoisted_22 = {
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = { class: "cn-dashboard-page__unknown" };
+const _hoisted_23 = {
   key: 11,
   class: "cn-dashboard-page__view-switch"
 };
-const _hoisted_23 = {
+const _hoisted_24 = {
   key: 0,
   class: "cn-dashboard-page__widget-edit"
 };
-const _hoisted_24 = {
+const _hoisted_25 = {
   class: "cn-dashboard-page__requires-app cn-requires-app cn-requires-app--compact",
   "data-testid": "cn-requires-app"
 };
-const _hoisted_25 = { class: "cn-requires-app__description" };
-const _hoisted_26 = ["title"];
-const _hoisted_27 = {
+const _hoisted_26 = { class: "cn-requires-app__description" };
+const _hoisted_27 = ["title"];
+const _hoisted_28 = {
   key: 1,
   class: "cn-dashboard-page__date-chip-preset-spacer"
 };
-const _hoisted_28 = ["title"];
-const _hoisted_29 = {
+const _hoisted_29 = ["title"];
+const _hoisted_30 = {
   key: 1,
   class: "cn-dashboard-page__date-chip-preset-spacer"
 };
-const _hoisted_30 = {
+const _hoisted_31 = {
   key: 2,
   class: "cn-dashboard-page__unknown"
 };
-const _hoisted_31 = {
+const _hoisted_32 = {
   key: 0,
   class: "cn-dashboard-page__widget-count",
   "data-testid": "cn-dashboard-widget-header-count"
 };
-const _hoisted_32 = ["title"];
-const _hoisted_33 = {
+const _hoisted_33 = ["title"];
+const _hoisted_34 = {
   key: 1,
   class: "cn-dashboard-page__date-chip-preset-spacer"
 };
-const _hoisted_34 = {
+const _hoisted_35 = {
   key: 0,
   class: "cn-dashboard-page__widget-note",
   "data-testid": "cn-dashboard-widget-header-note"
 };
-const _hoisted_35 = ["onClick"];
-const _hoisted_36 = { class: "cn-dashboard-page__unknown" };
-const _hoisted_37 = ["id", "aria-label"];
+const _hoisted_36 = ["onClick"];
+const _hoisted_37 = { class: "cn-dashboard-page__unknown" };
+const _hoisted_38 = ["id", "aria-label"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnHeaderTrail = resolveComponent("CnHeaderTrail");
@@ -181,7 +185,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               current: $props.title ? $options.resolvedTitle : '',
               meta: $props.headerMeta ? $options.effectiveTranslate($props.headerMeta) : ''
             }, null, 8 /* PROPS */, ["breadcrumb", "current", "meta"]),
-            ($options.datePeriodInDescription)
+            ($options.datePeriodInDescription || $options.descriptionPageFilters.length > 0)
               ? (openBlock(), createElementBlock("div", _hoisted_5, [
                   ($options.subtitleText)
                     ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString($options.subtitleText), 1 /* TEXT */))
@@ -189,15 +193,30 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   ($options.subtitleText)
                     ? (openBlock(), createElementBlock("span", _hoisted_7, "·"))
                     : createCommentVNode("v-if", true),
-                  createVNode(_component_CnSegmentedControl, {
-                    size: "compact",
-                    mode: "toggle",
-                    options: $options.segmentedOptions,
-                    modelValue: $options.segmentedValue,
-                    ariaLabel: $options.datePeriodLabel,
-                    "data-testid": "cn-dashboard-page-date-segmented",
-                    "onUpdate:modelValue": $options.onSegmentPick
-                  }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "onUpdate:modelValue"])
+                  ($options.datePeriodInDescription)
+                    ? (openBlock(), createBlock(_component_CnSegmentedControl, {
+                        key: 2,
+                        size: "compact",
+                        mode: "toggle",
+                        options: $options.segmentedOptions,
+                        modelValue: $options.segmentedValue,
+                        ariaLabel: $options.datePeriodLabel,
+                        "data-testid": "cn-dashboard-page-date-segmented",
+                        "onUpdate:modelValue": $options.onSegmentPick
+                      }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "onUpdate:modelValue"]))
+                    : createCommentVNode("v-if", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.descriptionPageFilters, (pf) => {
+                    return (openBlock(), createBlock(_component_CnSegmentedControl, {
+                      key: pf.key,
+                      size: "compact",
+                      mode: "toggle",
+                      options: $options.pageFilterSegments(pf),
+                      modelValue: $setup.workspaceContext[pf.key],
+                      ariaLabel: pf.label ? $options.effectiveTranslate(pf.label) : pf.key,
+                      "data-testid": 'cn-page-filter-' + pf.key,
+                      "onUpdate:modelValue": $event => ($options.onPageFilterChange(pf, $event))
+                    }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "data-testid", "onUpdate:modelValue"]))
+                  }), 128 /* KEYED_FRAGMENT */))
                 ]))
               : ($options.subtitleText)
                 ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString($options.subtitleText), 1 /* TEXT */))
@@ -469,26 +488,38 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 8 /* PROPS */, ["value", "presets", "onInput"]))
         ], 2 /* CLASS */))
       : createCommentVNode("v-if", true),
-    ($props.pageFilters && $props.pageFilters.length)
+    ($options.rowPageFilters.length > 0)
       ? (openBlock(), createElementBlock("div", _hoisted_14, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList($props.pageFilters, (pf) => {
-            return (openBlock(), createElementBlock("label", {
-              key: pf.key,
-              class: "cn-dashboard-page__page-filter"
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.rowPageFilters, (pf) => {
+            return (openBlock(), createElementBlock(Fragment, {
+              key: pf.key
             }, [
-              (pf.label)
-                ? (openBlock(), createElementBlock("span", _hoisted_15, toDisplayString(pf.label), 1 /* TEXT */))
-                : createCommentVNode("v-if", true),
-              createVNode(_component_NcSelect, {
-                modelValue: $options.selectedPageFilterOption(pf),
-                options: pf.options || [],
-                clearable: false,
-                inputLabel: pf.label || pf.key,
-                label: "label",
-                "data-testid": 'cn-page-filter-' + pf.key,
-                "onUpdate:modelValue": $event => ($options.onPageFilterChange(pf, $event))
-              }, null, 8 /* PROPS */, ["modelValue", "options", "inputLabel", "data-testid", "onUpdate:modelValue"])
-            ]))
+              (pf.control === 'segmented')
+                ? (openBlock(), createBlock(_component_CnSegmentedControl, {
+                    key: 0,
+                    size: "compact",
+                    mode: "toggle",
+                    options: $options.pageFilterSegments(pf),
+                    modelValue: $setup.workspaceContext[pf.key],
+                    ariaLabel: pf.label ? $options.effectiveTranslate(pf.label) : pf.key,
+                    "data-testid": 'cn-page-filter-' + pf.key,
+                    "onUpdate:modelValue": $event => ($options.onPageFilterChange(pf, $event))
+                  }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "data-testid", "onUpdate:modelValue"]))
+                : (openBlock(), createElementBlock("label", _hoisted_15, [
+                    (pf.label)
+                      ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString(pf.label), 1 /* TEXT */))
+                      : createCommentVNode("v-if", true),
+                    createVNode(_component_NcSelect, {
+                      modelValue: $options.selectedPageFilterOption(pf),
+                      options: pf.options || [],
+                      clearable: false,
+                      inputLabel: pf.label || pf.key,
+                      label: "label",
+                      "data-testid": 'cn-page-filter-' + pf.key,
+                      "onUpdate:modelValue": $event => ($options.onPageFilterChange(pf, $event))
+                    }, null, 8 /* PROPS */, ["modelValue", "options", "inputLabel", "data-testid", "onUpdate:modelValue"])
+                  ]))
+            ], 64 /* STABLE_FRAGMENT */))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : createCommentVNode("v-if", true),
@@ -506,7 +537,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : (!$data.widgetConditionsSettled && !$options.gridEditable)
         ? (openBlock(), createBlock(_component_NcLoadingIcon, { key: 7 }))
         : (!$options.hasWidgets && !$options.hasBodyWidgets && !_ctx.hasViews)
-          ? (openBlock(), createElementBlock("div", _hoisted_16, [
+          ? (openBlock(), createElementBlock("div", _hoisted_17, [
               renderSlot(_ctx.$slots, "empty", {}, () => [
                 createVNode(_component_CnEmptyContent, { description: $props.emptyLabel }, {
                   icon: withCtx(() => [
@@ -517,7 +548,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             ]))
           : ($options.widgetRefItems.length > 0)
-            ? (openBlock(), createElementBlock("div", _hoisted_17, [
+            ? (openBlock(), createElementBlock("div", _hoisted_18, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList($options.widgetRefItems, (item, idx) => {
                   return (openBlock(), createBlock(_component_CnWidgetRefItem, {
                     key: item.ref + '-' + idx,
@@ -581,7 +612,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               name: "actions",
                               fn: withCtx(() => [
                                 ($options.widgetHeaderNote(item))
-                                  ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString($options.widgetHeaderNote(item)), 1 /* TEXT */))
+                                  ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString($options.widgetHeaderNote(item)), 1 /* TEXT */))
                                   : createCommentVNode("v-if", true),
                                 ($options.widgetHeaderAction(item))
                                   ? (openBlock(), createElementBlock("button", {
@@ -590,7 +621,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                       class: "cn-dashboard-page__widget-action",
                                       "data-testid": "cn-dashboard-widget-header-action",
                                       onClick: $event => ($options.widgetHeaderAction(item).run())
-                                    }, toDisplayString($options.widgetHeaderAction(item).label), 9 /* TEXT, PROPS */, _hoisted_20))
+                                    }, toDisplayString($options.widgetHeaderAction(item).label), 9 /* TEXT, PROPS */, _hoisted_21))
                                   : createCommentVNode("v-if", true)
                               ]),
                               key: "0"
@@ -622,18 +653,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           showRefresh: false
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_21, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
+                            createElementVNode("div", _hoisted_22, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
                           ]),
                           _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["title", "eyebrow", "subtitle"]))
-              ], 8 /* PROPS */, _hoisted_18))
+              ], 8 /* PROPS */, _hoisted_19))
             }), 128 /* KEYED_FRAGMENT */))
           ]),
           _: 3 /* FORWARDED */
         }))
       : createCommentVNode("v-if", true),
     ($options.gridSectionsShown && !$props.showHeader && _ctx.showsPageViewSwitch)
-      ? (openBlock(), createElementBlock("div", _hoisted_22, [
+      ? (openBlock(), createElementBlock("div", _hoisted_23, [
           createVNode(_component_CnSegmentedControl, {
             class: "cn-page-view-switch",
             options: _ctx.viewSwitchOptions,
@@ -660,7 +691,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }), {
         widget: withCtx(({ item }) => [
           ($options.gridEditable)
-            ? (openBlock(), createElementBlock("div", _hoisted_23, [
+            ? (openBlock(), createElementBlock("div", _hoisted_24, [
                 createVNode(_component_NcButton, {
                   variant: "tertiary",
                   "aria-label": _ctx.t('nextcloud-vue', 'Configure widget'),
@@ -682,8 +713,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 showTitle: $options.widgetShowTitle(item)
               }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_24, [
-                    createElementVNode("p", _hoisted_25, toDisplayString(_ctx.t('nextcloud-vue', 'This widget shows data from another app that isn\'t installed yet.')), 1 /* TEXT */),
+                  createElementVNode("div", _hoisted_25, [
+                    createElementVNode("p", _hoisted_26, toDisplayString(_ctx.t('nextcloud-vue', 'This widget shows data from another app that isn\'t installed yet.')), 1 /* TEXT */),
                     createVNode(_component_NcButton, {
                       variant: "primary",
                       href: $options.appInstallUrl($options.missingRequiredApp(item))
@@ -778,7 +809,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 createElementVNode("span", {
                                   class: "cn-dashboard-page__date-chip",
                                   title: $data.dateChipTitle
-                                }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_26)
+                                }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_27)
                               ]),
                               default: withCtx(() => [
                                 (openBlock(true), createElementBlock(Fragment, null, renderList($options.effectivePresets, (preset) => {
@@ -793,7 +824,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             key: 0,
                                             size: 16
                                           }))
-                                        : (openBlock(), createElementBlock("span", _hoisted_27))
+                                        : (openBlock(), createElementBlock("span", _hoisted_28))
                                     ]),
                                     default: withCtx(() => [
                                       createTextVNode(" " + toDisplayString(preset.label), 1 /* TEXT */)
@@ -874,7 +905,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   createElementVNode("span", {
                                     class: "cn-dashboard-page__date-chip",
                                     title: $data.dateChipTitle
-                                  }, toDisplayString($options.formatChartDateRange(item) || $options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_28)
+                                  }, toDisplayString($options.formatChartDateRange(item) || $options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_29)
                                 ]),
                                 default: withCtx(() => [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList($options.effectivePresets, (preset) => {
@@ -889,7 +920,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               key: 0,
                                               size: 16
                                             }))
-                                          : (openBlock(), createElementBlock("span", _hoisted_29))
+                                          : (openBlock(), createElementBlock("span", _hoisted_30))
                                       ]),
                                       default: withCtx(() => [
                                         createTextVNode(" " + toDisplayString(preset.label), 1 /* TEXT */)
@@ -987,7 +1018,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     key: 1,
                                     ref_for: true
                                   }, $options.getIntegrationProps(item)), null, 16 /* FULL_PROPS */))
-                                : (openBlock(), createElementBlock("div", _hoisted_30, toDisplayString($props.unavailableLabel), 1 /* TEXT */))
+                                : (openBlock(), createElementBlock("div", _hoisted_31, toDisplayString($props.unavailableLabel), 1 /* TEXT */))
                           ]),
                           _: 2 /* DYNAMIC */
                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["widgetId", "title", "eyebrow", "subtitle", "iconUrl", "iconClass", "showTitle", "showActions", "borderless", "flush", "buttons", "headerLink", "styleConfig", "titleIconPosition", "titleIconColor", "titleIconVariant", "showRefresh", "documentationUrl", "docsAnchor", "onRefresh", "onRequestFeature"]))
@@ -1058,7 +1089,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     name: "title-meta",
                                     fn: withCtx(() => [
                                       ($options.widgetHeaderCount(item) !== null)
-                                        ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString($options.widgetHeaderCount(item)), 1 /* TEXT */))
+                                        ? (openBlock(), createElementBlock("span", _hoisted_32, toDisplayString($options.widgetHeaderCount(item)), 1 /* TEXT */))
                                         : createCommentVNode("v-if", true),
                                       ($options.dateRangeEnabled && item.dateChip === true)
                                         ? (openBlock(), createBlock(_component_NcActions, {
@@ -1074,7 +1105,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                               createElementVNode("span", {
                                                 class: "cn-dashboard-page__date-chip",
                                                 title: $data.dateChipTitle
-                                              }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_32)
+                                              }, toDisplayString($options.dashboardRangeChipLabel), 9 /* TEXT, PROPS */, _hoisted_33)
                                             ]),
                                             default: withCtx(() => [
                                               (openBlock(true), createElementBlock(Fragment, null, renderList($options.effectivePresets, (preset) => {
@@ -1089,7 +1120,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                                           key: 0,
                                                           size: 16
                                                         }))
-                                                      : (openBlock(), createElementBlock("span", _hoisted_33))
+                                                      : (openBlock(), createElementBlock("span", _hoisted_34))
                                                   ]),
                                                   default: withCtx(() => [
                                                     createTextVNode(" " + toDisplayString(preset.label), 1 /* TEXT */)
@@ -1125,7 +1156,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     name: "actions",
                                     fn: withCtx(() => [
                                       ($options.widgetHeaderNote(item))
-                                        ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString($options.widgetHeaderNote(item)), 1 /* TEXT */))
+                                        ? (openBlock(), createElementBlock("span", _hoisted_35, toDisplayString($options.widgetHeaderNote(item)), 1 /* TEXT */))
                                         : createCommentVNode("v-if", true),
                                       ($options.widgetHeaderAction(item))
                                         ? (openBlock(), createElementBlock("button", {
@@ -1134,7 +1165,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                             class: "cn-dashboard-page__widget-action",
                                             "data-testid": "cn-dashboard-widget-header-action",
                                             onClick: $event => ($options.widgetHeaderAction(item).run())
-                                          }, toDisplayString($options.widgetHeaderAction(item).label), 9 /* TEXT, PROPS */, _hoisted_35))
+                                          }, toDisplayString($options.widgetHeaderAction(item).label), 9 /* TEXT, PROPS */, _hoisted_36))
                                         : createCommentVNode("v-if", true)
                                     ]),
                                     key: "1"
@@ -1150,7 +1181,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               showRefresh: false
                             }, {
                               default: withCtx(() => [
-                                createElementVNode("div", _hoisted_36, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
+                                createElementVNode("div", _hoisted_37, toDisplayString($props.unavailableLabel), 1 /* TEXT */)
                               ]),
                               _: 1 /* STABLE */
                             }, 8 /* PROPS */, ["title", "eyebrow", "subtitle", "showTitle"]))
@@ -1173,7 +1204,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1 /* STABLE */
           }, 8 /* PROPS */, ["description"])
-        ], 8 /* PROPS */, _hoisted_37))
+        ], 8 /* PROPS */, _hoisted_38))
       : createCommentVNode("v-if", true),
     ($options.hasBodyWidgets)
       ? (openBlock(), createBlock(_component_CnBodySections, {