@conduction/nextcloud-vue 2.127.0 → 2.128.0

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

@@ -79,79 +79,106 @@ const _hoisted_19 = {
 };
 const _hoisted_20 = {
   key: 6,
-  class: "cn-detail-page__not-found",
-  "data-testid": "cn-detail-page-not-found"
+  class: "cn-detail-page__band",
+  "data-testid": "cn-detail-page-band"
 };
 const _hoisted_21 = {
+  key: 0,
+  class: "cn-detail-page__page-filters",
+  "data-testid": "cn-detail-page-page-filters"
+};
+const _hoisted_22 = {
+  key: 0,
+  class: "cn-detail-page__page-filter"
+};
+const _hoisted_23 = {
+  key: 0,
+  class: "cn-detail-page__page-filter-label"
+};
+const _hoisted_24 = {
+  key: 1,
+  class: "cn-detail-page__page-filter"
+};
+const _hoisted_25 = {
+  key: 0,
+  class: "cn-detail-page__page-filter-label"
+};
+const _hoisted_26 = ["data-testid"];
+const _hoisted_27 = {
   key: 7,
+  class: "cn-detail-page__not-found",
+  "data-testid": "cn-detail-page-not-found"
+};
+const _hoisted_28 = {
+  key: 8,
   class: "cn-detail-page__access-purpose",
   "data-testid": "cn-detail-page-access-purpose"
 };
-const _hoisted_22 = {
-  key: 8,
+const _hoisted_29 = {
+  key: 9,
   class: "cn-detail-page__loading"
 };
-const _hoisted_23 = {
-  key: 9,
+const _hoisted_30 = {
+  key: 10,
   class: "cn-detail-page__error"
 };
-const _hoisted_24 = {
-  key: 10,
+const _hoisted_31 = {
+  key: 11,
   class: "cn-detail-page__empty"
 };
-const _hoisted_25 = {
-  key: 11,
+const _hoisted_32 = {
+  key: 12,
   class: "cn-detail-page__body"
 };
-const _hoisted_26 = {
+const _hoisted_33 = {
   key: 0,
   class: "cn-detail-page__before-body"
 };
-const _hoisted_27 = ["aria-labelledby"];
-const _hoisted_28 = {
+const _hoisted_34 = ["aria-labelledby"];
+const _hoisted_35 = {
   key: 0,
   class: "cn-detail-page__widget-edit"
 };
-const _hoisted_29 = ["id"];
-const _hoisted_30 = ["id", "aria-label"];
-const _hoisted_31 = {
+const _hoisted_36 = ["id"];
+const _hoisted_37 = ["id", "aria-label"];
+const _hoisted_38 = {
   key: 3,
   class: "cn-detail-page__stats"
 };
-const _hoisted_32 = {
+const _hoisted_39 = {
   key: 0,
   class: "cn-detail-page__section-title"
 };
-const _hoisted_33 = { class: "cn-detail-page__stats-table" };
-const _hoisted_34 = { key: 0 };
-const _hoisted_35 = {
+const _hoisted_40 = { class: "cn-detail-page__stats-table" };
+const _hoisted_41 = { key: 0 };
+const _hoisted_42 = {
   key: 4,
   class: "cn-detail-page__content"
 };
-const _hoisted_36 = {
+const _hoisted_43 = {
   key: 0,
   class: "cn-detail-page__content"
 };
-const _hoisted_37 = {
+const _hoisted_44 = {
   key: 1,
   class: "cn-detail-page__sections"
 };
-const _hoisted_38 = {
+const _hoisted_45 = {
   key: 6,
   class: "cn-detail-page__related-collections"
 };
-const _hoisted_39 = {
+const _hoisted_46 = {
   key: 0,
   class: "cn-detail-page__relation-links"
 };
-const _hoisted_40 = {
+const _hoisted_47 = {
   key: 9,
   class: "cn-detail-page__footer"
 };
-const _hoisted_41 = ["aria-label"];
-const _hoisted_42 = ["id"];
-const _hoisted_43 = ["data-testid"];
-const _hoisted_44 = {
+const _hoisted_48 = ["aria-label"];
+const _hoisted_49 = ["id"];
+const _hoisted_50 = ["data-testid"];
+const _hoisted_51 = {
   key: 0,
   class: "cn-detail-page__side-identifier",
   "data-testid": "cn-detail-page-side-identifier"
@@ -185,6 +212,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CnDetailWidgetHost = resolveComponent("CnDetailWidgetHost");
   const _component_CnLockedBanner = resolveComponent("CnLockedBanner");
   const _component_CnNextStepCard = resolveComponent("CnNextStepCard");
+  const _component_NcSelect = resolveComponent("NcSelect");
   const _component_FileQuestionOutline = resolveComponent("FileQuestionOutline");
   const _component_ArrowLeft = resolveComponent("ArrowLeft");
   const _component_NcEmptyContent = resolveComponent("NcEmptyContent");
@@ -849,8 +877,91 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             : undefined
         ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["title", "items", "after"]))
       : createCommentVNode("v-if", true),
-    ($data.objectNotFound)
+    ($options.showsBand)
       ? (openBlock(), createElementBlock("div", _hoisted_20, [
+          ($options.detailPageFilters.length > 0)
+            ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.detailPageFilters, (pf) => {
+                  return (openBlock(), createElementBlock(Fragment, {
+                    key: pf.key
+                  }, [
+                    (pf.control === 'segmented')
+                      ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                          (pf.label)
+                            ? (openBlock(), createElementBlock("span", _hoisted_23, toDisplayString($options.effectiveTranslate(pf.label)), 1 /* TEXT */))
+                            : createCommentVNode("v-if", true),
+                          createVNode(_component_CnSegmentedControl, {
+                            size: "compact",
+                            mode: "toggle",
+                            options: _ctx.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 => (_ctx.onPageFilterChange(pf, $event))
+                          }, null, 8 /* PROPS */, ["options", "modelValue", "ariaLabel", "data-testid", "onUpdate:modelValue"])
+                        ]))
+                      : (openBlock(), createElementBlock("label", _hoisted_24, [
+                          (pf.label)
+                            ? (openBlock(), createElementBlock("span", _hoisted_25, toDisplayString($options.effectiveTranslate(pf.label)), 1 /* TEXT */))
+                            : createCommentVNode("v-if", true),
+                          createVNode(_component_NcSelect, {
+                            modelValue: _ctx.selectedPageFilterOption(pf),
+                            options: _ctx.pageFilterSegments(pf),
+                            clearable: pf.clearable === true,
+                            placeholder: pf.placeholder ? $options.effectiveTranslate(pf.placeholder) : undefined,
+                            loading: _ctx.pageFilterLoading[pf.key] === true,
+                            inputLabel: pf.label ? $options.effectiveTranslate(pf.label) : pf.key,
+                            label: "label",
+                            "data-testid": 'cn-page-filter-' + pf.key,
+                            "onUpdate:modelValue": $event => (_ctx.onPageFilterChange(pf, $event))
+                          }, null, 8 /* PROPS */, ["modelValue", "options", "clearable", "placeholder", "loading", "inputLabel", "data-testid", "onUpdate:modelValue"])
+                        ]))
+                  ], 64 /* STABLE_FRAGMENT */))
+                }), 128 /* KEYED_FRAGMENT */))
+              ]))
+            : createCommentVNode("v-if", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.bandWidgets, (entry) => {
+            return (openBlock(), createElementBlock("div", {
+              key: `band-${entry.widget.id}`,
+              class: normalizeClass(["cn-detail-page__band-item", { 'cn-detail-page__band-item--full': entry.span === 12 }]),
+              style: normalizeStyle({ '--cn-band-span': entry.span }),
+              "data-testid": `cn-detail-page-band-${entry.widget.id}`
+            }, [
+              renderSlot(_ctx.$slots, `widget-${entry.widget.id}`, {
+                item: { id: entry.widget.id, widgetId: entry.widget.id },
+                widget: entry.widget,
+                objectId: $props.objectId,
+                object: $options.resolvedObject,
+                objectData: $options.resolvedObject,
+                objectType: $options.resolvedObjectType,
+                register: $props.register,
+                schema: $props.schema
+              }, () => [
+                createVNode(_component_CnDetailWidgetHost, {
+                  widget: entry.widget,
+                  chrome: entry.chrome,
+                  showCardTitle: true,
+                  showActions: $options.effectiveShowWidgetActions,
+                  objectId: $props.objectId,
+                  object: $options.currentObject,
+                  objectType: $options.resolvedObjectType,
+                  schemaObject: $options.currentSchema,
+                  register: $props.register,
+                  schema: $props.schema,
+                  store: $options.effectiveObjectStore,
+                  surface: $props.surface,
+                  integrationContext: $options.effectiveIntegrationContext,
+                  hideEmpty: $props.hideEmpty,
+                  cnRegistry: $options.cnRegistry,
+                  availableWidgets: _ctx.widgets
+                }, null, 8 /* PROPS */, ["widget", "chrome", "showActions", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets"])
+              ])
+            ], 14 /* CLASS, STYLE, PROPS */, _hoisted_26))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]))
+      : createCommentVNode("v-if", true),
+    ($data.objectNotFound)
+      ? (openBlock(), createElementBlock("div", _hoisted_27, [
           renderSlot(_ctx.$slots, "not-found", { target: $options.notFoundTarget }, () => [
             createVNode(_component_NcEmptyContent, {
               name: $options.notFoundLabels.name,
@@ -886,7 +997,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]))
       : ($options.contentWithheld)
-        ? (openBlock(), createElementBlock("div", _hoisted_21, [
+        ? (openBlock(), createElementBlock("div", _hoisted_28, [
             ($data.accessPurposeAsking)
               ? (openBlock(), createBlock(_component_CnAccessPurposeDialog, {
                   key: 0,
@@ -926,12 +1037,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   }, null, 8 /* PROPS */, ["name"]))
           ]))
         : ($options.showLoadingState)
-          ? (openBlock(), createElementBlock("div", _hoisted_22, [
+          ? (openBlock(), createElementBlock("div", _hoisted_29, [
               createVNode(_component_NcLoadingIcon, { size: 32 }),
               createElementVNode("span", null, toDisplayString($props.loadingLabel), 1 /* TEXT */)
             ]))
           : ($props.error)
-            ? (openBlock(), createElementBlock("div", _hoisted_23, [
+            ? (openBlock(), createElementBlock("div", _hoisted_30, [
                 renderSlot(_ctx.$slots, "error", {}, () => [
                   createVNode(_component_NcEmptyContent, { name: $props.errorMessage }, {
                     icon: withCtx(() => [
@@ -960,7 +1071,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ]))
             : ($props.empty)
-              ? (openBlock(), createElementBlock("div", _hoisted_24, [
+              ? (openBlock(), createElementBlock("div", _hoisted_31, [
                   renderSlot(_ctx.$slots, "empty", {}, () => [
                     createVNode(_component_NcEmptyContent, { name: $props.emptyLabel }, {
                       icon: withCtx(() => [
@@ -973,9 +1084,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     }, 8 /* PROPS */, ["name"])
                   ])
                 ]))
-              : (openBlock(), createElementBlock("div", _hoisted_25, [
+              : (openBlock(), createElementBlock("div", _hoisted_32, [
                   (_ctx.$slots['before-body'] || _ctx.$slots['before-body'])
-                    ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_33, [
                         renderSlot(_ctx.$slots, "before-body", {
                           object: $options.resolvedObject,
                           schema: $options.currentSchema,
@@ -1011,7 +1122,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           "aria-labelledby": $options.showGridTitle(item) ? `widget-title-${item.id}` : undefined
                         }, [
                           ($options.showsCog(item))
-                            ? (openBlock(), createElementBlock("div", _hoisted_28, [
+                            ? (openBlock(), createElementBlock("div", _hoisted_35, [
                                 createVNode(_component_NcButton, {
                                   variant: "tertiary",
                                   "aria-label": _ctx.t('nextcloud-vue', 'Configure widget'),
@@ -1029,7 +1140,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 key: 1,
                                 id: `widget-title-${item.id}`,
                                 class: "cn-detail-page__widget-title"
-                              }, toDisplayString($options.gridTitle(item)), 9 /* TEXT, PROPS */, _hoisted_29))
+                              }, toDisplayString($options.gridTitle(item)), 9 /* TEXT, PROPS */, _hoisted_36))
                             : createCommentVNode("v-if", true),
                           renderSlot(_ctx.$slots, `widget-${item.widgetId}`, {
                             item: item,
@@ -1064,7 +1175,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               onSelectObject: $options.onRelatedObjectSelect
                             }, null, 8 /* PROPS */, ["widget", "showCardTitle", "showActions", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration", "onSelectObject"])
                           ])
-                        ], 10 /* CLASS, PROPS */, _hoisted_27)
+                        ], 10 /* CLASS, PROPS */, _hoisted_34)
                       ]),
                       _: 3 /* FORWARDED */
                     }, 16 /* FULL_PROPS */, ["layout", "editable", "columnOpts", "onLayoutChange"]))
@@ -1084,18 +1195,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           ]),
                           _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["description"])
-                      ], 8 /* PROPS */, _hoisted_30))
+                      ], 8 /* PROPS */, _hoisted_37))
                     : createCommentVNode("v-if", true),
                   ($options.hasStats)
-                    ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_38, [
                         renderSlot(_ctx.$slots, "stats-header", {}, () => [
                           ($props.statsTitle)
-                            ? (openBlock(), createElementBlock("h3", _hoisted_32, toDisplayString($options.resolvedStatsTitle), 1 /* TEXT */))
+                            ? (openBlock(), createElementBlock("h3", _hoisted_39, toDisplayString($options.resolvedStatsTitle), 1 /* TEXT */))
                             : createCommentVNode("v-if", true)
                         ]),
-                        createElementVNode("table", _hoisted_33, [
+                        createElementVNode("table", _hoisted_40, [
                           ($props.statsColumns.length > 0)
-                            ? (openBlock(), createElementBlock("thead", _hoisted_34, [
+                            ? (openBlock(), createElementBlock("thead", _hoisted_41, [
                                 createElementVNode("tr", null, [
                                   (openBlock(true), createElementBlock(Fragment, null, renderList($props.statsColumns, (col) => {
                                     return (openBlock(), createElementBlock("th", {
@@ -1126,14 +1237,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           ])
                         ])
                       ]))
-                    : (openBlock(), createElementBlock("div", _hoisted_35, [
+                    : (openBlock(), createElementBlock("div", _hoisted_42, [
                         (!$options.hasBodyGrid)
-                          ? (openBlock(), createElementBlock("div", _hoisted_36, [
+                          ? (openBlock(), createElementBlock("div", _hoisted_43, [
                               renderSlot(_ctx.$slots, "default")
                             ]))
                           : createCommentVNode("v-if", true),
                         (_ctx.$slots.sections)
-                          ? (openBlock(), createElementBlock("div", _hoisted_37, [
+                          ? (openBlock(), createElementBlock("div", _hoisted_44, [
                               renderSlot(_ctx.$slots, "sections")
                             ]))
                           : createCommentVNode("v-if", true)
@@ -1148,9 +1259,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       }, null, 8 /* PROPS */, ["sections", "context"]))
                     : createCommentVNode("v-if", true),
                   (($props.relatedCollections && $props.relatedCollections.length > 0) || ($props.relationLinks && $props.relationLinks.length > 0))
-                    ? (openBlock(), createElementBlock("div", _hoisted_38, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_45, [
                         ($props.relationLinks && $props.relationLinks.length > 0)
-                          ? (openBlock(), createElementBlock("div", _hoisted_39, [
+                          ? (openBlock(), createElementBlock("div", _hoisted_46, [
                               (openBlock(true), createElementBlock(Fragment, null, renderList($props.relationLinks, (link, li) => {
                                 return (openBlock(), createBlock(_component_NcButton, {
                                   key: li,
@@ -1197,14 +1308,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       }, null, 8 /* PROPS */, ["sections", "context"]))
                     : createCommentVNode("v-if", true),
                   (_ctx.$slots.footer)
-                    ? (openBlock(), createElementBlock("div", _hoisted_40, [
+                    ? (openBlock(), createElementBlock("div", _hoisted_47, [
                         renderSlot(_ctx.$slots, "footer")
                       ]))
                     : createCommentVNode("v-if", true)
                 ])),
     ($options.showsSideColumn)
       ? (openBlock(), createElementBlock("aside", {
-          key: 12,
+          key: 13,
           class: "cn-detail-page__side",
           "aria-label": $options.sideColumnLabel,
           "data-testid": "cn-detail-page-side"
@@ -1213,7 +1324,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             id: $data.sideTakeoverId,
             class: "cn-detail-page__side-takeover",
             "data-testid": "cn-detail-page-side-takeover"
-          }, null, 8 /* PROPS */, _hoisted_42),
+          }, null, 8 /* PROPS */, _hoisted_49),
           (openBlock(true), createElementBlock(Fragment, null, renderList($data.sideClaims.length > 0 ? [] : $options.sideColumnWidgets, (widget) => {
             return (openBlock(), createElementBlock("div", {
               key: `side-${widget.id}`,
@@ -1253,15 +1364,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 }, null, 40 /* PROPS, NEED_HYDRATION */, ["widget", "showActions", "objectId", "object", "objectType", "schemaObject", "register", "schema", "store", "surface", "integrationContext", "hideEmpty", "cnRegistry", "availableWidgets", "onGeoSaved", "onOpenIntegration", "onSelectObject"]))
               ]),
               ($options.isBoard && widget.id === $options.sideHistoryId && $options.identifierLine !== '')
-                ? (openBlock(), createElementBlock("p", _hoisted_44, toDisplayString($options.identifierLine), 1 /* TEXT */))
+                ? (openBlock(), createElementBlock("p", _hoisted_51, toDisplayString($options.identifierLine), 1 /* TEXT */))
                 : createCommentVNode("v-if", true)
-            ], 10 /* CLASS, PROPS */, _hoisted_43))
+            ], 10 /* CLASS, PROPS */, _hoisted_50))
           }), 128 /* KEYED_FRAGMENT */))
-        ], 8 /* PROPS */, _hoisted_41))
+        ], 8 /* PROPS */, _hoisted_48))
       : createCommentVNode("v-if", true),
     ($data.showWidgetConfig)
       ? (openBlock(), createBlock(_component_CnWidgetStyleEditorModal, {
-          key: 13,
+          key: 14,
           show: $data.showWidgetConfig,
           widget: $options.configWidget,
           deletable: true,
@@ -1314,7 +1425,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     ($data.sourceVerbForm)
       ? (openBlock(), createBlock(_component_CnFormDialog, {
-          key: 14,
+          key: 15,
           ref: "sourceVerbFormDialog",
           schema: $data.sourceVerbForm.form.schema,
           item: $data.sourceVerbForm.form.item || {},
@@ -1326,7 +1437,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       : createCommentVNode("v-if", true),
     ($data.activeRelationLink)
       ? (openBlock(), createBlock(_component_CnRelationLinkModal, {
-          key: 15,
+          key: 16,
           title: $data.activeRelationLink.title || undefined,
           selectLabel: $data.activeRelationLink.selectLabel || undefined,
           register: $data.activeRelationLink.register,