@conduction/nextcloud-vue 2.56.0-beta.4 → 2.56.0-beta.5

package/dist/esm/components/CnObjectList/CnObjectList.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnObjectList.vue2.js","sources":["../../../../src/components/CnObjectList/CnObjectList.vue"],"sourcesContent":["<template>\n\t<div class=\"cn-object-list\">\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-object-list__loading\">\n\t\t\t<NcLoadingIcon :size=\"32\" />\n\t\t</div>\n\n\t\t<!-- Empty state -->\n\t\t<div v-else-if=\"objects.length === 0\" class=\"cn-object-list__empty\">\n\t\t\t<!-- @slot empty Custom empty state shown when there are no objects. -->\n\t\t\t<slot name=\"empty\">\n\t\t\t\t<NcEmptyContent :name=\"resolvedEmptyText\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<FormatListBulletedSquare :size=\"64\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcEmptyContent>\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<!-- Rows -->\n\t\t<div v-else class=\"cn-object-list__rows\">\n\t\t\t<div\n\t\t\t\tv-for=\"object in objects\"\n\t\t\t\t:key=\"object[rowKey]\"\n\t\t\t\tclass=\"cn-object-list__item\">\n\t\t\t\t<!-- @slot list-item Fully replace the default row (bypasses CnObjectRow). -->\n\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t<!-- @binding {boolean} selected Whether the row is selected. -->\n\t\t\t\t<!-- @binding {?object} schema The schema prop. -->\n\t\t\t\t<!-- @binding {object} config The config prop. -->\n\t\t\t\t<slot\n\t\t\t\t\tname=\"list-item\"\n\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t:config=\"config\">\n\t\t\t\t\t<CnObjectRow\n\t\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t\t:config=\"config\"\n\t\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t\tv-on=\"rowListeners(object)\">\n\t\t\t\t\t\t<template v-if=\"$slots['row-actions']\" #actions=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-actions Trailing actions on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-actions\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-badges']\" #badges=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-badges Badge area on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-badges\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-icon']\" #icon=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-icon Leading icon/image on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-icon\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</CnObjectRow>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcEmptyContent, NcLoadingIcon } from '@nextcloud/vue'\nimport FormatListBulletedSquare from 'vue-material-design-icons/FormatListBulletedSquare.vue'\nimport { CnObjectRow } from '../CnObjectRow/index.js'\n\n/**\n * CnObjectList — Vertical list container for CnObjectRow instances.\n *\n * The list-mode counterpart to `CnCardGrid`. Renders objects as compact\n * single-line rows, with selection, loading/empty states, and full row\n * override via the `#list-item` slot (or per-part `#row-icon` / `#row-badges`\n * / `#row-actions` slots on the default row).\n *\n * ```vue\n * <CnObjectList\n *   :objects=\"secrets\"\n *   :schema=\"secretSchema\"\n *   :config=\"{ subtitleField: 'url', iconName: 'Key' }\"\n *   @click=\"openSecret\">\n *   <template #row-actions=\"{ object }\">\n *     <NcButton @click=\"copy(object)\">Copy</NcButton>\n *   </template>\n * </CnObjectList>\n * ```\n */\nexport default {\n\tname: 'CnObjectList',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tNcEmptyContent,\n\t\tFormatListBulletedSquare,\n\t\tCnObjectRow,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored empty-state copy is run through it. Defaults to\n\t\t * an identity function so an untranslated key renders as itself.\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Array of objects to display as rows */\n\t\tobjects: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Schema definition (passed through to CnObjectRow) */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Field-mapping config passed through to CnObjectRow.\n\t\t *\n\t\t * @type {{ titleField?: string, subtitleField?: string, imageField?: string, iconField?: string, iconName?: string, badgeField?: string, badgeVariantField?: string, badgeVariant?: string, badgeColorMap?: object }}\n\t\t */\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Whether rows can be selected */\n\t\tselectable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Array of currently selected object IDs */\n\t\tselectedIds: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Property name used as unique identifier */\n\t\trowKey: {\n\t\t\ttype: String,\n\t\t\tdefault: 'id',\n\t\t},\n\n\t\t/** Text shown when there are no objects */\n\t\temptyText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'No items found'),\n\t\t},\n\t},\n\n\temits: ['click', 'select'],\n\n\tcomputed: {\n\t\t/**\n\t\t * The empty-state copy run through the host translate function.\n\t\t *\n\t\t * @return {string}\n\t\t */\n\t\tresolvedEmptyText() {\n\t\t\tconst fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k\n\t\t\treturn this.emptyText ? fn(this.emptyText) : this.emptyText\n\t\t},\n\t},\n\n\tmethods: {\n\t\tisSelected(object) {\n\t\t\treturn this.selectedIds.includes(object[this.rowKey])\n\t\t},\n\n\t\t/**\n\t\t * Listeners bound on each CnObjectRow. Selectable rows select via\n\t\t * `@select` only; the `@click` (navigation) listener is bound only for\n\t\t * non-selectable rows.\n\t\t *\n\t\t * @param {object} object The row's object.\n\t\t * @return {object} Event listeners for the row.\n\t\t */\n\t\trowListeners(object) {\n\t\t\tconst listeners = { select: () => this.toggleSelect(object) }\n\t\t\tif (!this.selectable) {\n\t\t\t\tlisteners.click = (_row, event) => this.emitClick(object, event)\n\t\t\t}\n\t\t\treturn listeners\n\t\t},\n\n\t\t/**\n\t\t * Emit `click` for a non-selectable row (navigation).\n\t\t *\n\t\t * @param {object} object The clicked row's object.\n\t\t * @param {MouseEvent} [event] The native click/auxclick event.\n\t\t */\n\t\temitClick(object, event) {\n\t\t\t/**\n\t\t\t * @event click Emitted when a non-selectable row is clicked or middle-clicked (navigation). Payload: `(object, event)` — the row's object and the native click/auxclick event, for opening it in a new tab on a ctrl/cmd/shift or middle click.\n\t\t\t * @type {object} The clicked row's object.\n\t\t\t */\n\t\t\tthis.$emit('click', object, event)\n\t\t},\n\n\t\ttoggleSelect(object) {\n\t\t\tconst id = object[this.rowKey]\n\t\t\tconst newIds = this.isSelected(object)\n\t\t\t\t? this.selectedIds.filter((i) => i !== id)\n\t\t\t\t: [...this.selectedIds, id]\n\t\t\t/**\n\t\t\t * @event select Emitted when the selected-id set changes.\n\t\t\t * @type {Array<string|number>} The new array of selected ids.\n\t\t\t */\n\t\t\tthis.$emit('select', newIds)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-object-list__rows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-top: 1px solid var(--color-border);\n}\n\n/* A list-item slot whose component renders nothing (e.g. a v-if client-side\n   filter) still matches :empty per the CSS spec — collapse it so it leaves no\n   ghost row / divider. */\n.cn-object-list__item:empty {\n\tdisplay: none;\n}\n\n.cn-object-list__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 40px;\n}\n\n.cn-object-list__empty {\n\tpadding: 40px 20px;\n\ttext-align: center;\n}\n</style>\n"],"names":["CnObjectRow","t"],"mappings":"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"}
+{"version":3,"file":"CnObjectList.vue2.js","sources":["../../../../src/components/CnObjectList/CnObjectList.vue"],"sourcesContent":["<template>\n\t<div class=\"cn-object-list\">\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-object-list__loading\">\n\t\t\t<NcLoadingIcon :size=\"32\" />\n\t\t</div>\n\n\t\t<!-- Empty state -->\n\t\t<div v-else-if=\"objects.length === 0\" class=\"cn-object-list__empty\">\n\t\t\t<!-- @slot empty Custom empty state shown when there are no objects. -->\n\t\t\t<slot name=\"empty\">\n\t\t\t\t<NcEmptyContent :name=\"resolvedEmptyText\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<FormatListBulletedSquare :size=\"64\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcEmptyContent>\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<!-- Rows -->\n\t\t<div v-else class=\"cn-object-list__rows\">\n\t\t\t<div\n\t\t\t\tv-for=\"object in objects\"\n\t\t\t\t:key=\"object[rowKey]\"\n\t\t\t\tclass=\"cn-object-list__item\">\n\t\t\t\t<!-- @slot list-item Fully replace the default row (bypasses CnObjectRow). -->\n\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t<!-- @binding {boolean} selected Whether the row is selected. -->\n\t\t\t\t<!-- @binding {?object} schema The schema prop. -->\n\t\t\t\t<!-- @binding {object} config The config prop. -->\n\t\t\t\t<slot\n\t\t\t\t\tname=\"list-item\"\n\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t:config=\"config\">\n\t\t\t\t\t<CnObjectRow\n\t\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t\t:config=\"config\"\n\t\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t\tv-on=\"rowListeners(object)\">\n\t\t\t\t\t\t<template v-if=\"$slots['row-actions']\" #actions=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-actions Trailing actions on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-actions\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-badges']\" #badges=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-badges Badge area on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-badges\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-icon']\" #icon=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-icon Leading icon/image on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-icon\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</CnObjectRow>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcEmptyContent, NcLoadingIcon } from '@nextcloud/vue'\nimport FormatListBulletedSquare from 'vue-material-design-icons/FormatListBulletedSquare.vue'\nimport { CnObjectRow } from '../CnObjectRow/index.js'\n\n/**\n * CnObjectList — Vertical list container for CnObjectRow instances.\n *\n * The list-mode counterpart to `CnCardGrid`. Renders objects as compact\n * single-line rows, with selection, loading/empty states, and full row\n * override via the `#list-item` slot (or per-part `#row-icon` / `#row-badges`\n * / `#row-actions` slots on the default row).\n *\n * ```vue\n * <CnObjectList\n *   :objects=\"secrets\"\n *   :schema=\"secretSchema\"\n *   :config=\"{ subtitleField: 'url', iconName: 'Key' }\"\n *   @click=\"openSecret\">\n *   <template #row-actions=\"{ object }\">\n *     <NcButton @click=\"copy(object)\">Copy</NcButton>\n *   </template>\n * </CnObjectList>\n * ```\n */\nexport default {\n\tname: 'CnObjectList',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tNcEmptyContent,\n\t\tFormatListBulletedSquare,\n\t\tCnObjectRow,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored empty-state copy is run through it. Defaults to\n\t\t * an identity function so an untranslated key renders as itself.\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Array of objects to display as rows */\n\t\tobjects: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Schema definition (passed through to CnObjectRow) */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Field-mapping config passed through to CnObjectRow.\n\t\t *\n\t\t * @type {{ titleField?: string, subtitleField?: string, imageField?: string, iconField?: string, iconName?: string, badgeField?: string, badgeVariantField?: string, badgeVariant?: string, badgeColorMap?: object }}\n\t\t */\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Whether rows can be selected */\n\t\tselectable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Array of currently selected object IDs */\n\t\tselectedIds: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Property name used as unique identifier */\n\t\trowKey: {\n\t\t\ttype: String,\n\t\t\tdefault: 'id',\n\t\t},\n\n\t\t/** Text shown when there are no objects */\n\t\temptyText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'No items found'),\n\t\t},\n\t},\n\n\temits: ['click', 'select', 'aux-click'],\n\n\tcomputed: {\n\t\t/**\n\t\t * The empty-state copy run through the host translate function.\n\t\t *\n\t\t * @return {string}\n\t\t */\n\t\tresolvedEmptyText() {\n\t\t\tconst fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k\n\t\t\treturn this.emptyText ? fn(this.emptyText) : this.emptyText\n\t\t},\n\t},\n\n\tmethods: {\n\t\tisSelected(object) {\n\t\t\treturn this.selectedIds.includes(object[this.rowKey])\n\t\t},\n\n\t\t/**\n\t\t * Listeners bound on each CnObjectRow. Selectable rows select via\n\t\t * `@select` only; the `@click` (navigation) listener is bound only for\n\t\t * non-selectable rows.\n\t\t *\n\t\t * @param {object} object The row's object.\n\t\t * @return {object} Event listeners for the row.\n\t\t */\n\t\trowListeners(object) {\n\t\t\tconst listeners = { select: () => this.toggleSelect(object) }\n\t\t\tif (!this.selectable) {\n\t\t\t\tlisteners.click = (_row, event) => this.emitClick(object, event)\n\t\t\t\tlisteners['aux-click'] = (_row, event) => this.emitAuxClick(object, event)\n\t\t\t}\n\t\t\treturn listeners\n\t\t},\n\n\t\t/**\n\t\t * Emit `click` for a non-selectable row (navigation).\n\t\t *\n\t\t * @param {object} object The clicked row's object.\n\t\t * @param {MouseEvent} [event] The native click event.\n\t\t */\n\t\temitClick(object, event) {\n\t\t\t/**\n\t\t\t * @event click Emitted when a non-selectable row is clicked (navigation). Payload: `(object, event)` — the row's object and the native click event, for opening it in a new tab on a ctrl/cmd/shift click. A middle click emits `aux-click` instead.\n\t\t\t * @type {object} The clicked row's object.\n\t\t\t */\n\t\t\tthis.$emit('click', object, event)\n\t\t},\n\n\t\t/**\n\t\t * Emit `aux-click` for a middle click on a non-selectable row, kept off\n\t\t * `click` so a navigating listener never moves the current tab away.\n\t\t *\n\t\t * @param {object} object The clicked row's object.\n\t\t * @param {MouseEvent} event The native auxclick event.\n\t\t */\n\t\temitAuxClick(object, event) {\n\t\t\t/**\n\t\t\t * @event aux-click Emitted when a non-selectable row is middle-clicked, for opening it in a new tab (see `openRowTarget`). Payload: `(object, event)` — the row's object and the native auxclick event.\n\t\t\t * @type {object} The clicked row's object.\n\t\t\t */\n\t\t\tthis.$emit('aux-click', object, event)\n\t\t},\n\n\t\ttoggleSelect(object) {\n\t\t\tconst id = object[this.rowKey]\n\t\t\tconst newIds = this.isSelected(object)\n\t\t\t\t? this.selectedIds.filter((i) => i !== id)\n\t\t\t\t: [...this.selectedIds, id]\n\t\t\t/**\n\t\t\t * @event select Emitted when the selected-id set changes.\n\t\t\t * @type {Array<string|number>} The new array of selected ids.\n\t\t\t */\n\t\t\tthis.$emit('select', newIds)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-object-list__rows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-top: 1px solid var(--color-border);\n}\n\n/* A list-item slot whose component renders nothing (e.g. a v-if client-side\n   filter) still matches :empty per the CSS spec — collapse it so it leaves no\n   ghost row / divider. */\n.cn-object-list__item:empty {\n\tdisplay: none;\n}\n\n.cn-object-list__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 40px;\n}\n\n.cn-object-list__empty {\n\tpadding: 40px 20px;\n\ttext-align: center;\n}\n</style>\n"],"names":["CnObjectRow","t"],"mappings":"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"}

package/dist/esm/components/CnObjectList/CnObjectList.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnObjectList.vue3.js","sources":["../../../../src/components/CnObjectList/CnObjectList.vue?vue&type=template&id=f55c7962&lang.js"],"sourcesContent":["<template>\n\t<div class=\"cn-object-list\">\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-object-list__loading\">\n\t\t\t<NcLoadingIcon :size=\"32\" />\n\t\t</div>\n\n\t\t<!-- Empty state -->\n\t\t<div v-else-if=\"objects.length === 0\" class=\"cn-object-list__empty\">\n\t\t\t<!-- @slot empty Custom empty state shown when there are no objects. -->\n\t\t\t<slot name=\"empty\">\n\t\t\t\t<NcEmptyContent :name=\"resolvedEmptyText\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<FormatListBulletedSquare :size=\"64\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcEmptyContent>\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<!-- Rows -->\n\t\t<div v-else class=\"cn-object-list__rows\">\n\t\t\t<div\n\t\t\t\tv-for=\"object in objects\"\n\t\t\t\t:key=\"object[rowKey]\"\n\t\t\t\tclass=\"cn-object-list__item\">\n\t\t\t\t<!-- @slot list-item Fully replace the default row (bypasses CnObjectRow). -->\n\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t<!-- @binding {boolean} selected Whether the row is selected. -->\n\t\t\t\t<!-- @binding {?object} schema The schema prop. -->\n\t\t\t\t<!-- @binding {object} config The config prop. -->\n\t\t\t\t<slot\n\t\t\t\t\tname=\"list-item\"\n\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t:config=\"config\">\n\t\t\t\t\t<CnObjectRow\n\t\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t\t:config=\"config\"\n\t\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t\tv-on=\"rowListeners(object)\">\n\t\t\t\t\t\t<template v-if=\"$slots['row-actions']\" #actions=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-actions Trailing actions on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-actions\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-badges']\" #badges=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-badges Badge area on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-badges\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-icon']\" #icon=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-icon Leading icon/image on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-icon\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</CnObjectRow>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcEmptyContent, NcLoadingIcon } from '@nextcloud/vue'\nimport FormatListBulletedSquare from 'vue-material-design-icons/FormatListBulletedSquare.vue'\nimport { CnObjectRow } from '../CnObjectRow/index.js'\n\n/**\n * CnObjectList — Vertical list container for CnObjectRow instances.\n *\n * The list-mode counterpart to `CnCardGrid`. Renders objects as compact\n * single-line rows, with selection, loading/empty states, and full row\n * override via the `#list-item` slot (or per-part `#row-icon` / `#row-badges`\n * / `#row-actions` slots on the default row).\n *\n * ```vue\n * <CnObjectList\n *   :objects=\"secrets\"\n *   :schema=\"secretSchema\"\n *   :config=\"{ subtitleField: 'url', iconName: 'Key' }\"\n *   @click=\"openSecret\">\n *   <template #row-actions=\"{ object }\">\n *     <NcButton @click=\"copy(object)\">Copy</NcButton>\n *   </template>\n * </CnObjectList>\n * ```\n */\nexport default {\n\tname: 'CnObjectList',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tNcEmptyContent,\n\t\tFormatListBulletedSquare,\n\t\tCnObjectRow,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored empty-state copy is run through it. Defaults to\n\t\t * an identity function so an untranslated key renders as itself.\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Array of objects to display as rows */\n\t\tobjects: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Schema definition (passed through to CnObjectRow) */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Field-mapping config passed through to CnObjectRow.\n\t\t *\n\t\t * @type {{ titleField?: string, subtitleField?: string, imageField?: string, iconField?: string, iconName?: string, badgeField?: string, badgeVariantField?: string, badgeVariant?: string, badgeColorMap?: object }}\n\t\t */\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Whether rows can be selected */\n\t\tselectable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Array of currently selected object IDs */\n\t\tselectedIds: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Property name used as unique identifier */\n\t\trowKey: {\n\t\t\ttype: String,\n\t\t\tdefault: 'id',\n\t\t},\n\n\t\t/** Text shown when there are no objects */\n\t\temptyText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'No items found'),\n\t\t},\n\t},\n\n\temits: ['click', 'select'],\n\n\tcomputed: {\n\t\t/**\n\t\t * The empty-state copy run through the host translate function.\n\t\t *\n\t\t * @return {string}\n\t\t */\n\t\tresolvedEmptyText() {\n\t\t\tconst fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k\n\t\t\treturn this.emptyText ? fn(this.emptyText) : this.emptyText\n\t\t},\n\t},\n\n\tmethods: {\n\t\tisSelected(object) {\n\t\t\treturn this.selectedIds.includes(object[this.rowKey])\n\t\t},\n\n\t\t/**\n\t\t * Listeners bound on each CnObjectRow. Selectable rows select via\n\t\t * `@select` only; the `@click` (navigation) listener is bound only for\n\t\t * non-selectable rows.\n\t\t *\n\t\t * @param {object} object The row's object.\n\t\t * @return {object} Event listeners for the row.\n\t\t */\n\t\trowListeners(object) {\n\t\t\tconst listeners = { select: () => this.toggleSelect(object) }\n\t\t\tif (!this.selectable) {\n\t\t\t\tlisteners.click = (_row, event) => this.emitClick(object, event)\n\t\t\t}\n\t\t\treturn listeners\n\t\t},\n\n\t\t/**\n\t\t * Emit `click` for a non-selectable row (navigation).\n\t\t *\n\t\t * @param {object} object The clicked row's object.\n\t\t * @param {MouseEvent} [event] The native click/auxclick event.\n\t\t */\n\t\temitClick(object, event) {\n\t\t\t/**\n\t\t\t * @event click Emitted when a non-selectable row is clicked or middle-clicked (navigation). Payload: `(object, event)` — the row's object and the native click/auxclick event, for opening it in a new tab on a ctrl/cmd/shift or middle click.\n\t\t\t * @type {object} The clicked row's object.\n\t\t\t */\n\t\t\tthis.$emit('click', object, event)\n\t\t},\n\n\t\ttoggleSelect(object) {\n\t\t\tconst id = object[this.rowKey]\n\t\t\tconst newIds = this.isSelected(object)\n\t\t\t\t? this.selectedIds.filter((i) => i !== id)\n\t\t\t\t: [...this.selectedIds, id]\n\t\t\t/**\n\t\t\t * @event select Emitted when the selected-id set changes.\n\t\t\t * @type {Array<string|number>} The new array of selected ids.\n\t\t\t */\n\t\t\tthis.$emit('select', newIds)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-object-list__rows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-top: 1px solid var(--color-border);\n}\n\n/* A list-item slot whose component renders nothing (e.g. a v-if client-side\n   filter) still matches :empty per the CSS spec — collapse it so it leaves no\n   ghost row / divider. */\n.cn-object-list__item:empty {\n\tdisplay: none;\n}\n\n.cn-object-list__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 40px;\n}\n\n.cn-object-list__empty {\n\tpadding: 40px 20px;\n\ttext-align: center;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_renderSlot","_Fragment","_renderList","_mergeProps","_toHandlers","_createSlots","_withCtx"],"mappings":"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"}
+{"version":3,"file":"CnObjectList.vue3.js","sources":["../../../../src/components/CnObjectList/CnObjectList.vue?vue&type=template&id=f55c7962&lang.js"],"sourcesContent":["<template>\n\t<div class=\"cn-object-list\">\n\t\t<!-- Loading state -->\n\t\t<div v-if=\"loading\" class=\"cn-object-list__loading\">\n\t\t\t<NcLoadingIcon :size=\"32\" />\n\t\t</div>\n\n\t\t<!-- Empty state -->\n\t\t<div v-else-if=\"objects.length === 0\" class=\"cn-object-list__empty\">\n\t\t\t<!-- @slot empty Custom empty state shown when there are no objects. -->\n\t\t\t<slot name=\"empty\">\n\t\t\t\t<NcEmptyContent :name=\"resolvedEmptyText\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<FormatListBulletedSquare :size=\"64\" />\n\t\t\t\t\t</template>\n\t\t\t\t</NcEmptyContent>\n\t\t\t</slot>\n\t\t</div>\n\n\t\t<!-- Rows -->\n\t\t<div v-else class=\"cn-object-list__rows\">\n\t\t\t<div\n\t\t\t\tv-for=\"object in objects\"\n\t\t\t\t:key=\"object[rowKey]\"\n\t\t\t\tclass=\"cn-object-list__item\">\n\t\t\t\t<!-- @slot list-item Fully replace the default row (bypasses CnObjectRow). -->\n\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t<!-- @binding {boolean} selected Whether the row is selected. -->\n\t\t\t\t<!-- @binding {?object} schema The schema prop. -->\n\t\t\t\t<!-- @binding {object} config The config prop. -->\n\t\t\t\t<slot\n\t\t\t\t\tname=\"list-item\"\n\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t:config=\"config\">\n\t\t\t\t\t<CnObjectRow\n\t\t\t\t\t\t:object=\"object\"\n\t\t\t\t\t\t:schema=\"schema\"\n\t\t\t\t\t\t:config=\"config\"\n\t\t\t\t\t\t:selectable=\"selectable\"\n\t\t\t\t\t\t:selected=\"isSelected(object)\"\n\t\t\t\t\t\tv-on=\"rowListeners(object)\">\n\t\t\t\t\t\t<template v-if=\"$slots['row-actions']\" #actions=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-actions Trailing actions on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-actions\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-badges']\" #badges=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-badges Badge area on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-badges\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template v-if=\"$slots['row-icon']\" #icon=\"{ object: obj }\">\n\t\t\t\t\t\t\t<!-- @slot row-icon Leading icon/image on the default row. -->\n\t\t\t\t\t\t\t<!-- @binding {object} object The row's object. -->\n\t\t\t\t\t\t\t<slot name=\"row-icon\" :object=\"obj\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</CnObjectRow>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcEmptyContent, NcLoadingIcon } from '@nextcloud/vue'\nimport FormatListBulletedSquare from 'vue-material-design-icons/FormatListBulletedSquare.vue'\nimport { CnObjectRow } from '../CnObjectRow/index.js'\n\n/**\n * CnObjectList — Vertical list container for CnObjectRow instances.\n *\n * The list-mode counterpart to `CnCardGrid`. Renders objects as compact\n * single-line rows, with selection, loading/empty states, and full row\n * override via the `#list-item` slot (or per-part `#row-icon` / `#row-badges`\n * / `#row-actions` slots on the default row).\n *\n * ```vue\n * <CnObjectList\n *   :objects=\"secrets\"\n *   :schema=\"secretSchema\"\n *   :config=\"{ subtitleField: 'url', iconName: 'Key' }\"\n *   @click=\"openSecret\">\n *   <template #row-actions=\"{ object }\">\n *     <NcButton @click=\"copy(object)\">Copy</NcButton>\n *   </template>\n * </CnObjectList>\n * ```\n */\nexport default {\n\tname: 'CnObjectList',\n\n\tcomponents: {\n\t\tNcLoadingIcon,\n\t\tNcEmptyContent,\n\t\tFormatListBulletedSquare,\n\t\tCnObjectRow,\n\t},\n\n\tinject: {\n\t\t/**\n\t\t * Host translate function provided by CnAppRoot as\n\t\t * `cnTranslate: this.translate` (bound to the host app's id). The\n\t\t * manifest-authored empty-state copy is run through it. Defaults to\n\t\t * an identity function so an untranslated key renders as itself.\n\t\t */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** Array of objects to display as rows */\n\t\tobjects: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Schema definition (passed through to CnObjectRow) */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Field-mapping config passed through to CnObjectRow.\n\t\t *\n\t\t * @type {{ titleField?: string, subtitleField?: string, imageField?: string, iconField?: string, iconName?: string, badgeField?: string, badgeVariantField?: string, badgeVariant?: string, badgeColorMap?: object }}\n\t\t */\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Whether data is loading */\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Whether rows can be selected */\n\t\tselectable: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Array of currently selected object IDs */\n\t\tselectedIds: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Property name used as unique identifier */\n\t\trowKey: {\n\t\t\ttype: String,\n\t\t\tdefault: 'id',\n\t\t},\n\n\t\t/** Text shown when there are no objects */\n\t\temptyText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'No items found'),\n\t\t},\n\t},\n\n\temits: ['click', 'select', 'aux-click'],\n\n\tcomputed: {\n\t\t/**\n\t\t * The empty-state copy run through the host translate function.\n\t\t *\n\t\t * @return {string}\n\t\t */\n\t\tresolvedEmptyText() {\n\t\t\tconst fn = typeof this.cnTranslate === 'function' ? this.cnTranslate : (k) => k\n\t\t\treturn this.emptyText ? fn(this.emptyText) : this.emptyText\n\t\t},\n\t},\n\n\tmethods: {\n\t\tisSelected(object) {\n\t\t\treturn this.selectedIds.includes(object[this.rowKey])\n\t\t},\n\n\t\t/**\n\t\t * Listeners bound on each CnObjectRow. Selectable rows select via\n\t\t * `@select` only; the `@click` (navigation) listener is bound only for\n\t\t * non-selectable rows.\n\t\t *\n\t\t * @param {object} object The row's object.\n\t\t * @return {object} Event listeners for the row.\n\t\t */\n\t\trowListeners(object) {\n\t\t\tconst listeners = { select: () => this.toggleSelect(object) }\n\t\t\tif (!this.selectable) {\n\t\t\t\tlisteners.click = (_row, event) => this.emitClick(object, event)\n\t\t\t\tlisteners['aux-click'] = (_row, event) => this.emitAuxClick(object, event)\n\t\t\t}\n\t\t\treturn listeners\n\t\t},\n\n\t\t/**\n\t\t * Emit `click` for a non-selectable row (navigation).\n\t\t *\n\t\t * @param {object} object The clicked row's object.\n\t\t * @param {MouseEvent} [event] The native click event.\n\t\t */\n\t\temitClick(object, event) {\n\t\t\t/**\n\t\t\t * @event click Emitted when a non-selectable row is clicked (navigation). Payload: `(object, event)` — the row's object and the native click event, for opening it in a new tab on a ctrl/cmd/shift click. A middle click emits `aux-click` instead.\n\t\t\t * @type {object} The clicked row's object.\n\t\t\t */\n\t\t\tthis.$emit('click', object, event)\n\t\t},\n\n\t\t/**\n\t\t * Emit `aux-click` for a middle click on a non-selectable row, kept off\n\t\t * `click` so a navigating listener never moves the current tab away.\n\t\t *\n\t\t * @param {object} object The clicked row's object.\n\t\t * @param {MouseEvent} event The native auxclick event.\n\t\t */\n\t\temitAuxClick(object, event) {\n\t\t\t/**\n\t\t\t * @event aux-click Emitted when a non-selectable row is middle-clicked, for opening it in a new tab (see `openRowTarget`). Payload: `(object, event)` — the row's object and the native auxclick event.\n\t\t\t * @type {object} The clicked row's object.\n\t\t\t */\n\t\t\tthis.$emit('aux-click', object, event)\n\t\t},\n\n\t\ttoggleSelect(object) {\n\t\t\tconst id = object[this.rowKey]\n\t\t\tconst newIds = this.isSelected(object)\n\t\t\t\t? this.selectedIds.filter((i) => i !== id)\n\t\t\t\t: [...this.selectedIds, id]\n\t\t\t/**\n\t\t\t * @event select Emitted when the selected-id set changes.\n\t\t\t * @type {Array<string|number>} The new array of selected ids.\n\t\t\t */\n\t\t\tthis.$emit('select', newIds)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-object-list__rows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tborder-top: 1px solid var(--color-border);\n}\n\n/* A list-item slot whose component renders nothing (e.g. a v-if client-side\n   filter) still matches :empty per the CSS spec — collapse it so it leaves no\n   ghost row / divider. */\n.cn-object-list__item:empty {\n\tdisplay: none;\n}\n\n.cn-object-list__loading {\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding: 40px;\n}\n\n.cn-object-list__empty {\n\tpadding: 40px 20px;\n\ttext-align: center;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_renderSlot","_Fragment","_renderList","_mergeProps","_toHandlers","_createSlots","_withCtx"],"mappings":"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"}

package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js

@@ -7,7 +7,7 @@ import __sfc_main$5 from '../CnFkResolveCell/CnFkResolveCell.vue.js';
 import __sfc_main$1 from '../CnFormDialog/CnFormDialog.vue.js';
 import __sfc_main$2 from '../CnPagination/CnPagination.vue.js';
 import __sfc_main$3 from '../CnWidgetEmptyState/CnWidgetEmptyState.vue.js';
-import { actionLink, dispatchAction } from '../../utils/actionsDispatcher.js';
+import { hasActionTargetTokens, actionLink, dispatchAction } from '../../utils/actionsDispatcher.js';
 import { resolveHref, followLinkClick, openRowTarget } from '../../utils/linkNavigation.js';
 import { objectFieldValue } from '../../utils/objectName.js';
 import { dropOptionalUnresolved, resolveFilterTokens, hasUnresolvedTokens } from '../../utils/resolveFilterTokens.js';
@@ -142,7 +142,7 @@ var script = {
 		},
 	},
 
-	emits: ['created', 'row-click', 'view-all', 'files-dropped'],
+	emits: ['created', 'row-click', 'row-aux-click', 'view-all', 'files-dropped'],
 
 	data() {
 		return {
@@ -1135,29 +1135,60 @@ var script = {
 
 		/**
 		 * Navigate to a configured detail route on row click (when `rowRoute`
-		 * is set and a router is available); a ctrl/cmd/shift or middle click
-		 * opens it in a new tab.
+		 * is set and a router is available); a ctrl/cmd/shift click opens it
+		 * in a new tab.
 		 *
 		 * @param {object} row The clicked object row.
-		 * @param {MouseEvent} [event] The originating click/auxclick event.
+		 * @param {MouseEvent} [event] The originating click event.
 		 * @return {void}
 		 */
 		onRowClick(row, event) {
-			const route = this.content.rowRoute;
-			const id = row && (row.id || (row['@self'] && row['@self'].id));
-			if (route && id && this.$router) {
-				markNewTabHandled(event, openRowTarget(event, { name: route, params: { id } }, this.$router));
-			}
+			this.openRowRoute(row, event);
 			/**
 			 * @event row-click Emitted with the clicked object (for hosts that
-			 * want to handle navigation themselves), on a click or middle click.
-			 * Payload: `(row, event)`, the second being the native click/auxclick
-			 * event.
+			 * want to handle navigation themselves). Payload: `(row, event)`, the
+			 * second being the native click event. A middle click emits
+			 * `row-aux-click` instead.
 			 * @type {object}
 			 */
 			this.$emit('row-click', row, event);
 		},
 
+		/**
+		 * A row middle click: opens the configured detail route in a new tab
+		 * and emits `row-aux-click`, not `row-click`.
+		 *
+		 * @param {object} row The clicked object row.
+		 * @param {MouseEvent} event The originating auxclick event.
+		 * @return {void}
+		 */
+		onRowAuxClick(row, event) {
+			this.openRowRoute(row, event);
+			/**
+			 * @event row-aux-click Emitted with the middle-clicked object, for
+			 * opening it in a new tab. Payload: `(row, event)`, the second being
+			 * the native auxclick event.
+			 * @type {object}
+			 */
+			this.$emit('row-aux-click', row, event);
+		},
+
+		/**
+		 * Open `content.rowRoute` for a row: in place, or in a new tab on a
+		 * ctrl/cmd/shift or middle click.
+		 *
+		 * @param {object} row The clicked object row.
+		 * @param {MouseEvent} [event] The originating event.
+		 * @return {void}
+		 */
+		openRowRoute(row, event) {
+			const route = this.content.rowRoute;
+			const id = row && (row.id || (row['@self'] && row['@self'].id));
+			if (route && id && this.$router) {
+				markNewTabHandled(event, openRowTarget(event, { name: route, params: { id } }, this.$router));
+			}
+		},
+
 		/**
 		 * Dispatch one declared row action. A `handler` action gets the row
 		 * appended as its last argument, the same convention CnWidgetObjectTable
@@ -1186,8 +1217,7 @@ var script = {
 		 * @return {object} `{ href, linkTarget }`, `{ to }`, or `{}`.
 		 */
 		rowActionLink(action) {
-			const target = typeof action.target === 'string' ? action.target : '';
-			if (/[@{]/.test(target)) {
+			if (hasActionTargetTokens(action.target)) {
 				return {}
 			}
 			const link = actionLink(action, { router: this.$router || null });