@conduction/nextcloud-vue 2.105.0 → 2.106.0

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

@@ -1,38 +1,77 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, createCommentVNode, createElementVNode, Fragment, createTextVNode, toDisplayString, createBlock, renderSlot, renderList, withCtx } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createVNode, createCommentVNode, createElementVNode, createBlock, toDisplayString, renderSlot, createTextVNode, Fragment, renderList, withCtx } from 'vue';
 
-const _hoisted_1 = { class: "cn-object-card__content" };
-const _hoisted_2 = { class: "cn-object-card__header" };
-const _hoisted_3 = ["src", "alt"];
-const _hoisted_4 = { class: "cn-object-card__title-area" };
-const _hoisted_5 = { class: "cn-object-card__title" };
-const _hoisted_6 = ["role", "aria-label", "aria-hidden", "title"];
-const _hoisted_7 = {
+const _hoisted_1 = {
+  key: 1,
+  class: "cn-object-card__content cn-object-card__record",
+  "data-testid": "cn-object-card-record"
+};
+const _hoisted_2 = { class: "cn-object-card__record-head" };
+const _hoisted_3 = {
+  key: 1,
+  class: "cn-object-card__record-number",
+  "data-testid": "cn-object-card-number"
+};
+const _hoisted_4 = { class: "cn-object-card__title" };
+const _hoisted_5 = {
   key: 0,
-  class: "cn-object-card__description"
+  class: "cn-object-card__record-meta",
+  "data-testid": "cn-object-card-meta"
 };
-const _hoisted_8 = {
+const _hoisted_6 = {
   key: 0,
+  "aria-hidden": "true"
+};
+const _hoisted_7 = { key: 2 };
+const _hoisted_8 = {
+  key: 1,
   class: "cn-object-card__badges"
 };
-const _hoisted_9 = { class: "cn-object-card__meta-label" };
+const _hoisted_9 = {
+  key: 2,
+  class: "cn-object-card__record-foot",
+  "data-testid": "cn-object-card-foot"
+};
 const _hoisted_10 = {
+  key: 1,
+  class: "cn-object-card__record-date",
+  "data-testid": "cn-object-card-date"
+};
+const _hoisted_11 = {
+  key: 2,
+  class: "cn-object-card__content"
+};
+const _hoisted_12 = { class: "cn-object-card__header" };
+const _hoisted_13 = ["src", "alt"];
+const _hoisted_14 = { class: "cn-object-card__title-area" };
+const _hoisted_15 = { class: "cn-object-card__title" };
+const _hoisted_16 = ["role", "aria-label", "aria-hidden", "title"];
+const _hoisted_17 = {
+  key: 0,
+  class: "cn-object-card__description"
+};
+const _hoisted_18 = {
+  key: 0,
+  class: "cn-object-card__badges"
+};
+const _hoisted_19 = { class: "cn-object-card__meta-label" };
+const _hoisted_20 = {
   key: 0,
   class: "cn-object-card__footer-meta"
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
-  const _component_CnIcon = resolveComponent("CnIcon");
-  const _component_CnLockIndicator = resolveComponent("CnLockIndicator");
   const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
+  const _component_CnLockIndicator = resolveComponent("CnLockIndicator");
   const _component_CnCellRenderer = resolveComponent("CnCellRenderer");
+  const _component_CnIcon = resolveComponent("CnIcon");
   const _component_NcButton = resolveComponent("NcButton");
 
   return (openBlock(), createElementBlock("div", {
     class: normalizeClass(["cn-object-card", [{ 'cn-object-card--selected': $props.selected, 'cn-object-card--board': $options.isBoardLook }, $options.accentVariant && ['cn-object-card--accent', `cn-object-card--accent-${$options.accentVariant}`]]]),
-    onMousedown: _cache[10] || (_cache[10] = (...args) => ($options.onCardMouseDown && $options.onCardMouseDown(...args))),
-    onClick: _cache[11] || (_cache[11] = $event => ($options.onCardClick($event))),
-    onAuxclick: _cache[12] || (_cache[12] = $event => ($options.onCardAuxClick($event)))
+    onMousedown: _cache[12] || (_cache[12] = (...args) => ($options.onCardMouseDown && $options.onCardMouseDown(...args))),
+    onClick: _cache[13] || (_cache[13] = $event => ($options.onCardClick($event))),
+    onAuxclick: _cache[14] || (_cache[14] = $event => ($options.onCardAuxClick($event)))
   }, [
     ($props.selectable)
       ? (openBlock(), createElementBlock("div", {
@@ -47,147 +86,231 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8 /* PROPS */, ["modelValue"])
         ], 32 /* NEED_HYDRATION */))
       : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_1, [
-      createElementVNode("div", _hoisted_2, [
-        ($options.isBoardLook && $options.leadingKind)
-          ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass(["cn-object-card__leading", `cn-object-card__leading--${$options.leadingKind}`]),
-              "data-testid": "cn-object-card-leading",
-              "aria-hidden": "true"
-            }, [
-              ($options.leadingKind === 'initials')
-                ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    createTextVNode(toDisplayString($props.leading.initials), 1 /* TEXT */)
-                  ], 64 /* STABLE_FRAGMENT */))
-                : (openBlock(), createBlock(_component_CnIcon, {
-                    key: 1,
-                    name: $props.leading.icon,
-                    size: 20
-                  }, null, 8 /* PROPS */, ["name"]))
-            ], 2 /* CLASS */))
-          : createCommentVNode("v-if", true),
-        ($options.imageUrl)
-          ? (openBlock(), createElementBlock("img", {
-              key: 1,
-              src: $options.imageUrl,
-              alt: $options.title,
-              class: "cn-object-card__image"
-            }, null, 8 /* PROPS */, _hoisted_3))
-          : createCommentVNode("v-if", true),
-        createElementVNode("div", _hoisted_4, [
-          createElementVNode("h3", _hoisted_5, [
+    ($options.recordLayout)
+      ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            ($options.recordHeadPill)
+              ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                  key: 0,
+                  class: "cn-object-card__record-pill",
+                  label: $options.recordHeadPill.label,
+                  variant: $options.recordHeadPill.variant,
+                  "data-testid": "cn-object-card-head-pill"
+                }, null, 8 /* PROPS */, ["label", "variant"]))
+              : createCommentVNode("v-if", true),
+            ($options.recordNumber)
+              ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString($options.recordNumber), 1 /* TEXT */))
+              : createCommentVNode("v-if", true),
+            (_ctx.$slots.actions)
+              ? (openBlock(), createElementBlock("div", {
+                  key: 2,
+                  class: "cn-object-card__menu",
+                  onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"])),
+                  onAuxclick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
+                }, [
+                  renderSlot(_ctx.$slots, "actions", { object: $props.object })
+                ], 32 /* NEED_HYDRATION */))
+              : createCommentVNode("v-if", true)
+          ]),
+          createElementVNode("h3", _hoisted_4, [
             createVNode(_component_CnLockIndicator, {
               object: $props.object,
               size: 16
             }, null, 8 /* PROPS */, ["object"]),
-            ($options.accentVariant && $props.accent.icon)
+            createTextVNode(" " + toDisplayString($options.recordTitle), 1 /* TEXT */)
+          ]),
+          ($options.recordMetaParts.length > 0)
+            ? (openBlock(), createElementBlock("p", _hoisted_5, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.recordMetaParts, (part, index) => {
+                  return (openBlock(), createElementBlock(Fragment, {
+                    key: part.field
+                  }, [
+                    (index > 0)
+                      ? (openBlock(), createElementBlock("span", _hoisted_6, " · "))
+                      : createCommentVNode("v-if", true),
+                    (part.column && part.column.widget)
+                      ? (openBlock(), createBlock(_component_CnCellRenderer, {
+                          key: 1,
+                          value: part.value,
+                          widget: part.column.widget,
+                          widgetProps: part.column.widgetProps || undefined,
+                          formatter: part.column.formatter || null,
+                          formatterOptions: part.column.formatterOptions || null,
+                          row: $props.object
+                        }, null, 8 /* PROPS */, ["value", "widget", "widgetProps", "formatter", "formatterOptions", "row"]))
+                      : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(part.text), 1 /* TEXT */))
+                  ], 64 /* STABLE_FRAGMENT */))
+                }), 128 /* KEYED_FRAGMENT */))
+              ]))
+            : createCommentVNode("v-if", true),
+          (_ctx.$slots.badges)
+            ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                renderSlot(_ctx.$slots, "badges", { object: $props.object })
+              ]))
+            : createCommentVNode("v-if", true),
+          ($options.recordFootPill || $options.recordDate)
+            ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                ($options.recordFootPill)
+                  ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                      key: 0,
+                      class: "cn-object-card__record-pill",
+                      label: $options.recordFootPill.label,
+                      variant: $options.recordFootPill.variant,
+                      "data-testid": "cn-object-card-foot-pill"
+                    }, null, 8 /* PROPS */, ["label", "variant"]))
+                  : createCommentVNode("v-if", true),
+                ($options.recordDate)
+                  ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString($options.recordDate), 1 /* TEXT */))
+                  : createCommentVNode("v-if", true)
+              ]))
+            : createCommentVNode("v-if", true)
+        ]))
+      : (openBlock(), createElementBlock("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_12, [
+            ($options.isBoardLook && $options.leadingKind)
               ? (openBlock(), createElementBlock("span", {
                   key: 0,
-                  class: "cn-object-card__accent-icon",
-                  "data-testid": "cn-object-card-accent-icon",
-                  role: $props.accent.label ? 'img' : null,
-                  "aria-label": $props.accent.label || null,
-                  "aria-hidden": $props.accent.label ? null : 'true',
-                  title: $props.accent.label || null
+                  class: normalizeClass(["cn-object-card__leading", `cn-object-card__leading--${$options.leadingKind}`]),
+                  "data-testid": "cn-object-card-leading",
+                  "aria-hidden": "true"
                 }, [
-                  createVNode(_component_CnIcon, {
-                    name: $props.accent.icon,
-                    size: 16
-                  }, null, 8 /* PROPS */, ["name"])
-                ], 8 /* PROPS */, _hoisted_6))
+                  ($options.leadingKind === 'initials')
+                    ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                        createTextVNode(toDisplayString($props.leading.initials), 1 /* TEXT */)
+                      ], 64 /* STABLE_FRAGMENT */))
+                    : (openBlock(), createBlock(_component_CnIcon, {
+                        key: 1,
+                        name: $props.leading.icon,
+                        size: 20
+                      }, null, 8 /* PROPS */, ["name"]))
+                ], 2 /* CLASS */))
               : createCommentVNode("v-if", true),
-            createTextVNode(" " + toDisplayString($options.title), 1 /* TEXT */)
-          ]),
-          ($options.description)
-            ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString($options.truncatedDescription), 1 /* TEXT */))
-            : createCommentVNode("v-if", true)
-        ]),
-        ($options.isBoardLook)
-          ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              ($options.statusPill)
-                ? (openBlock(), createBlock(_component_CnStatusBadge, {
-                    key: 0,
-                    class: "cn-object-card__status",
-                    label: $options.statusPill.label,
-                    variant: $options.statusPill.variant,
-                    "data-testid": "cn-object-card-status"
-                  }, null, 8 /* PROPS */, ["label", "variant"]))
-                : (_ctx.$slots.actions)
-                  ? (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      class: "cn-object-card__menu",
-                      onClick: _cache[3] || (_cache[3] = withModifiers(() => {}, ["stop"])),
-                      onAuxclick: _cache[4] || (_cache[4] = withModifiers(() => {}, ["stop"]))
-                    }, [
-                      renderSlot(_ctx.$slots, "actions", { object: $props.object })
-                    ], 32 /* NEED_HYDRATION */))
-                  : createCommentVNode("v-if", true)
-            ], 64 /* STABLE_FRAGMENT */))
-          : createCommentVNode("v-if", true)
-      ]),
-      (_ctx.$slots.badges)
-        ? (openBlock(), createElementBlock("div", _hoisted_8, [
-            renderSlot(_ctx.$slots, "badges", { object: $props.object })
-          ]))
-        : createCommentVNode("v-if", true),
-      ($options.metadataFields.length > 0)
-        ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(["cn-object-card__metadata", { 'cn-object-card__metadata--facts': $options.isBoardLook }])
-          }, [
-            renderSlot(_ctx.$slots, "metadata", {
-              object: $props.object,
-              fields: $options.metadataFields
-            }, () => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList($options.metadataFields, (field) => {
-                return (openBlock(), createElementBlock("div", {
-                  key: field.key,
-                  class: "cn-object-card__meta-item"
-                }, [
-                  createElementVNode("span", _hoisted_9, toDisplayString(field.label), 1 /* TEXT */),
-                  createVNode(_component_CnCellRenderer, {
-                    value: field.value,
-                    property: field.property,
-                    truncate: 60
-                  }, null, 8 /* PROPS */, ["value", "property"])
-                ]))
-              }), 128 /* KEYED_FRAGMENT */))
-            ])
-          ], 2 /* CLASS */))
-        : createCommentVNode("v-if", true),
-      ($options.isBoardLook && $props.footerAction)
-        ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: "cn-object-card__footer",
-            "data-testid": "cn-object-card-footer",
-            onClick: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"])),
-            onAuxclick: _cache[7] || (_cache[7] = withModifiers(() => {}, ["stop"]))
-          }, [
-            ($props.footerAction.meta)
-              ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString($props.footerAction.meta), 1 /* TEXT */))
+            ($options.imageUrl)
+              ? (openBlock(), createElementBlock("img", {
+                  key: 1,
+                  src: $options.imageUrl,
+                  alt: $options.title,
+                  class: "cn-object-card__image"
+                }, null, 8 /* PROPS */, _hoisted_13))
               : createCommentVNode("v-if", true),
-            createVNode(_component_NcButton, {
-              variant: "secondary",
-              class: "cn-object-card__footer-action",
-              "data-testid": "cn-object-card-footer-action",
-              "aria-label": $props.footerAction.ariaLabel || `${$props.footerAction.label} ${$options.title}`,
-              onClick: _cache[5] || (_cache[5] = $event => (_ctx.$emit('footer-action', $props.object, $props.footerAction)))
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString($props.footerAction.label), 1 /* TEXT */)
+            createElementVNode("div", _hoisted_14, [
+              createElementVNode("h3", _hoisted_15, [
+                createVNode(_component_CnLockIndicator, {
+                  object: $props.object,
+                  size: 16
+                }, null, 8 /* PROPS */, ["object"]),
+                ($options.accentVariant && $props.accent.icon)
+                  ? (openBlock(), createElementBlock("span", {
+                      key: 0,
+                      class: "cn-object-card__accent-icon",
+                      "data-testid": "cn-object-card-accent-icon",
+                      role: $props.accent.label ? 'img' : null,
+                      "aria-label": $props.accent.label || null,
+                      "aria-hidden": $props.accent.label ? null : 'true',
+                      title: $props.accent.label || null
+                    }, [
+                      createVNode(_component_CnIcon, {
+                        name: $props.accent.icon,
+                        size: 16
+                      }, null, 8 /* PROPS */, ["name"])
+                    ], 8 /* PROPS */, _hoisted_16))
+                  : createCommentVNode("v-if", true),
+                createTextVNode(" " + toDisplayString($options.title), 1 /* TEXT */)
               ]),
-              _: 1 /* STABLE */
-            }, 8 /* PROPS */, ["aria-label"])
-          ], 32 /* NEED_HYDRATION */))
-        : createCommentVNode("v-if", true)
-    ]),
+              ($options.description)
+                ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString($options.truncatedDescription), 1 /* TEXT */))
+                : createCommentVNode("v-if", true)
+            ]),
+            ($options.isBoardLook)
+              ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                  ($options.statusPill)
+                    ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                        key: 0,
+                        class: "cn-object-card__status",
+                        label: $options.statusPill.label,
+                        variant: $options.statusPill.variant,
+                        "data-testid": "cn-object-card-status"
+                      }, null, 8 /* PROPS */, ["label", "variant"]))
+                    : (_ctx.$slots.actions)
+                      ? (openBlock(), createElementBlock("div", {
+                          key: 1,
+                          class: "cn-object-card__menu",
+                          onClick: _cache[5] || (_cache[5] = withModifiers(() => {}, ["stop"])),
+                          onAuxclick: _cache[6] || (_cache[6] = withModifiers(() => {}, ["stop"]))
+                        }, [
+                          renderSlot(_ctx.$slots, "actions", { object: $props.object })
+                        ], 32 /* NEED_HYDRATION */))
+                      : createCommentVNode("v-if", true)
+                ], 64 /* STABLE_FRAGMENT */))
+              : createCommentVNode("v-if", true)
+          ]),
+          (_ctx.$slots.badges)
+            ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                renderSlot(_ctx.$slots, "badges", { object: $props.object })
+              ]))
+            : createCommentVNode("v-if", true),
+          ($options.metadataFields.length > 0)
+            ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: normalizeClass(["cn-object-card__metadata", { 'cn-object-card__metadata--facts': $options.isBoardLook }])
+              }, [
+                renderSlot(_ctx.$slots, "metadata", {
+                  object: $props.object,
+                  fields: $options.metadataFields
+                }, () => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.metadataFields, (field) => {
+                    return (openBlock(), createElementBlock("div", {
+                      key: field.key,
+                      class: "cn-object-card__meta-item"
+                    }, [
+                      createElementVNode("span", _hoisted_19, toDisplayString(field.label), 1 /* TEXT */),
+                      createVNode(_component_CnCellRenderer, {
+                        value: field.value,
+                        property: field.property,
+                        formatter: field.column && field.column.formatter || null,
+                        formatterOptions: field.column && field.column.formatterOptions || null,
+                        widget: field.column && field.column.widget || null,
+                        widgetProps: field.column && field.column.widgetProps || undefined,
+                        row: $props.object,
+                        truncate: 60
+                      }, null, 8 /* PROPS */, ["value", "property", "formatter", "formatterOptions", "widget", "widgetProps", "row"])
+                    ]))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ])
+              ], 2 /* CLASS */))
+            : createCommentVNode("v-if", true),
+          ($options.isBoardLook && $props.footerAction)
+            ? (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: "cn-object-card__footer",
+                "data-testid": "cn-object-card-footer",
+                onClick: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"])),
+                onAuxclick: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"]))
+              }, [
+                ($props.footerAction.meta)
+                  ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString($props.footerAction.meta), 1 /* TEXT */))
+                  : createCommentVNode("v-if", true),
+                createVNode(_component_NcButton, {
+                  variant: "secondary",
+                  class: "cn-object-card__footer-action",
+                  "data-testid": "cn-object-card-footer-action",
+                  "aria-label": $props.footerAction.ariaLabel || `${$props.footerAction.label} ${$options.title}`,
+                  onClick: _cache[7] || (_cache[7] = $event => (_ctx.$emit('footer-action', $props.object, $props.footerAction)))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString($props.footerAction.label), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["aria-label"])
+              ], 32 /* NEED_HYDRATION */))
+            : createCommentVNode("v-if", true)
+        ])),
     (_ctx.$slots.actions && !$options.isBoardLook)
       ? (openBlock(), createElementBlock("div", {
-          key: 1,
+          key: 3,
           class: "cn-object-card__actions",
-          onClick: _cache[8] || (_cache[8] = withModifiers(() => {}, ["stop"])),
-          onAuxclick: _cache[9] || (_cache[9] = withModifiers(() => {}, ["stop"]))
+          onClick: _cache[10] || (_cache[10] = withModifiers(() => {}, ["stop"])),
+          onAuxclick: _cache[11] || (_cache[11] = withModifiers(() => {}, ["stop"]))
         }, [
           renderSlot(_ctx.$slots, "actions", { object: $props.object })
         ], 32 /* NEED_HYDRATION */))