@meshmakers/octo-ui 3.4.1490 → 3.5.0

package/entity-forms/README.md

@@ -275,6 +275,8 @@ All optional; without them the components behave as before.
 | Placeholder values of legacy STRING secrets | `ENTITY_FORM_SECRET_PLACEHOLDER_VALUES` (exact values that read "Not set"). SECRET-typed attributes (AB#5528) need nothing: their state comes from the server |
 | Create / edit in a dialog over the list | `mm-entity-page [editMode]="'dialog'"` (route option `editMode`, data `entityPageEditMode`) — see [Dialog mode](#dialog-mode-editmode-dialog-ab5623) |
 | CSS classes per list row (e.g. disabled rows) | `mm-entity-list [rowClass]` / `mm-entity-page [listRowClass]` (route option `rowClass`, data `entityListRowClass`) or `ENTITY_LIST_ROW_CLASS`: `(row) => string \| string[] \| Record<string, boolean> \| null`. Classes land on the grid's `<tr>`: style them globally (or `::ng-deep`) |
+| Human row label (row action names, dialog / page title, delete confirmations) | `mm-entity-list [rowLabelField]` / `mm-entity-page [listRowLabelField]` (route option `rowLabelField`, data `entityListRowLabelField`); dotted paths allowed. Absent = `name`, well-known name, display name, rtId (AB#5623) |
+| Boolean columns as icons | `mm-entity-list [booleanDisplay]="'icon'"` / `mm-entity-page [listBooleanDisplay]` (route option `booleanDisplay`, data `entityListBooleanDisplay`) for every plain BOOLEAN column, or `display: icon` on one list column of the form — check / x icon named "<column>: Yes\|No" (`messages.toggleOn` / `toggleOff`), boolean row filter (AB#5623) |
 | Placeholder values of NON-secret config fields | `ENTITY_FORM_UNSET_PLACEHOLDER_VALUES` — see [Unset placeholders](#unset-placeholders-entity_form_unset_placeholder_values-ab5623) |
 
 ### Dialog mode (`editMode: 'dialog'`, AB#5623)

package/fesm2022/meshmakers-octo-ui-entity-forms.mjs

@@ -6,7 +6,7 @@ import * as i1 from 'apollo-angular';
 import { gql } from 'apollo-angular';
 import * as i1$1 from '@angular/forms';
 import { FormGroup, FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS, Validators } from '@angular/forms';
-import { MM_ACTION_ICONS, EntitySelectInputComponent, CronBuilderComponent, ListViewComponent, FetchResultTyped, DataSourceBase, ConfirmationService, NotificationDisplayService, HAS_UNSAVED_CHANGES, UnsavedChangesGuard } from '@meshmakers/shared-ui';
+import { MM_ACTION_ICONS, EntitySelectInputComponent, CronBuilderComponent, ListViewComponent, FetchResultTyped, DataSourceBase, ConfirmationService, NotificationDisplayService, resolveListRowLabel, HAS_UNSAVED_CHANGES, UnsavedChangesGuard } from '@meshmakers/shared-ui';
 import * as i5$1 from '@progress/kendo-angular-icons';
 import { KENDO_SVGICON } from '@progress/kendo-angular-icons';
 import * as i4 from '@progress/kendo-angular-dateinputs';
@@ -1539,7 +1539,7 @@ function listColumnType(attribute) {
 }
 function normaliseDisplay(display, valueType) {
     const d = (display ?? '').trim().toLowerCase();
-    if (d === 'text' || d === 'chip' || d === 'date' || d === 'mono') {
+    if (d === 'text' || d === 'chip' || d === 'date' || d === 'mono' || d === 'icon') {
         return d;
     }
     return isDateType(valueType) ? 'date' : 'text';
@@ -6419,6 +6419,10 @@ function toListViewRowClass(rowClass) {
         }
     };
 }
+/** Whether a column is a single (non-array) BOOLEAN attribute. */
+function isBooleanColumn(column) {
+    return (column.valueType ?? '').toUpperCase() === 'BOOLEAN';
+}
 /** Whether a column's cells need formatting by CK value type (enum names, yes/no). */
 function isFormattedType(column) {
     const type = (column.valueType ?? '').toUpperCase().replace(/_ARRAY$/, '');
@@ -6448,7 +6452,7 @@ function chipLabels(column, labels) {
  * CK value type like the reference display of the form (AB#5547): ENUM → the enum value's name
  * (the API returns the key), BOOLEAN → yes/no, dates → localized date and time.
  */
-function toEntityListColumn(column, labels = {}, unsetPlaceholders) {
+function toEntityListColumn(column, labels = {}, unsetPlaceholders, options = {}) {
     // AB#5623: a placeholder value of a non-secret attribute reads "Not configured".
     const placeholderValues = column.kind === 'attribute' && unsetPlaceholders && !isSecretValueType(column.valueType)
         ? [...unsetPlaceholders.global, ...(unsetPlaceholders.attributes.get(column.field.toLowerCase()) ?? [])]
@@ -6464,6 +6468,12 @@ function toEntityListColumn(column, labels = {}, unsetPlaceholders) {
         ? { attributeName: column.field, valueType: column.valueType, isOptional: true, defaultValues: [], secret: false, enumOptions: column.enumOptions }
         : undefined;
     const format = (value) => formatReferenceDisplayValue(value, attribute, labels) ?? '';
+    // AB#5623: boolean as icon — per column (`display: icon`) or for every plain BOOLEAN column.
+    const asIcon = isBooleanColumn(column)
+        && (column.display === 'icon' || (column.display === 'text' && options.booleanDisplay === 'icon'));
+    if (asIcon) {
+        return { ...base, dataType: 'booleanIcon' };
+    }
     switch (column.display) {
         case 'chip': {
             let badgeMapping = chipLabels(column, labels);
@@ -6583,6 +6593,20 @@ class EntityListComponent {
      */
     rowClass = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "rowClass" }] : /* istanbul ignore next */ []));
+    /**
+     * How BOOLEAN columns without an explicit display render (AB#5623): `'text'` (Yes / No, default)
+     * or `'icon'` (check / x with an accessible name, boolean filter). A column's own
+     * `display: icon` always renders as icon.
+     */
+    booleanDisplay = input('text', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "booleanDisplay" }] : /* istanbul ignore next */ []));
+    /**
+     * Row field used as the row's human label (AB#5623): row action names ("Actions for <label>"),
+     * the delete confirmation target. A dotted path reads a nested value. Absent = today's
+     * behaviour (`name`, then `rtWellKnownName`, display name, `rtId`).
+     */
+    rowLabelField = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowLabelField" }] : /* istanbul ignore next */ []));
     /** "New" was confirmed; carries the concrete type (after the subtype picker for abstract types). */
     createRequested = output();
     /** A row was opened. */
@@ -6596,6 +6620,8 @@ class EntityListComponent {
     listViewMessages = computed(() => ({
         searchPlaceholder: this.msgs().searchPlaceholder,
         noRecords: this.msgs().emptyList,
+        booleanYes: this.msgs().toggleOn,
+        booleanNo: this.msgs().toggleOff,
     }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "listViewMessages" }] : /* istanbul ignore next */ []));
     columns = computed(() => {
@@ -6604,7 +6630,7 @@ class EntityListComponent {
         const model = this.model();
         const secrets = new Set(model.secretFields.map((f) => f.toLowerCase()));
         const columns = localizeEntityListColumns(model, this.labelResolver() ?? this.injectedLabelResolver)
-            .map((c) => toEntityListColumn(c, labels, secrets.has(c.field.toLowerCase()) ? undefined : this.unsetPlaceholders));
+            .map((c) => toEntityListColumn(c, labels, secrets.has(c.field.toLowerCase()) ? undefined : this.unsetPlaceholders, { booleanDisplay: this.booleanDisplay() }));
         if (this.showTypeColumn() && !columns.some((c) => c.field === 'ckTypeId')) {
             const titles = this.typeTitles();
             const changed = columns.findIndex((c) => c.field === 'rtChangedDateTime');
@@ -6776,7 +6802,8 @@ class EntityListComponent {
             return;
         }
         const m = this.msgs();
-        const options = entityDeleteConfirmation(m, rows.map(rowName));
+        const labelField = this.rowLabelField();
+        const options = entityDeleteConfirmation(m, rows.map((row) => rowName(row, labelField)));
         if (!await confirmEntityFormDanger(this.dangerConfirmation, this.confirmationService, options, request)) {
             return;
         }
@@ -6821,13 +6848,17 @@ class EntityListComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EntityListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.5", type: EntityListComponent, isStandalone: true, selector: "mm-entity-list", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, canWrite: { classPropertyName: "canWrite", publicName: "canWrite", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, listStateKey: { classPropertyName: "listStateKey", publicName: "listStateKey", isSignal: true, isRequired: false, transformFunction: null }, showTypeColumn: { classPropertyName: "showTypeColumn", publicName: "showTypeColumn", isSignal: true, isRequired: false, transformFunction: null }, defaultSort: { classPropertyName: "defaultSort", publicName: "defaultSort", isSignal: true, isRequired: false, transformFunction: null }, labelResolver: { classPropertyName: "labelResolver", publicName: "labelResolver", isSignal: true, isRequired: false, transformFunction: null }, toolbarActions: { classPropertyName: "toolbarActions", publicName: "toolbarActions", isSignal: true, isRequired: false, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, rowMenuActions: { classPropertyName: "rowMenuActions", publicName: "rowMenuActions", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { createRequested: "createRequested", openRequested: "openRequested", deleted: "deleted" }, viewQueries: [{ propertyName: "dataSource", first: true, predicate: EntityListDataSourceDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<mm-list-view\n  mmEntityListDataSource\n  [columns]=\"columns()\"\n  [sortable]=\"true\"\n  [rowFilterEnabled]=\"true\"\n  [searchTextBoxEnabled]=\"true\"\n  [autoPageSize]=\"true\"\n  [selectable]=\"{ mode: 'single', enabled: true }\"\n  [showRowCheckBoxes]=\"false\"\n  [actionsColumnWidth]=\"actionsColumnWidth()\"\n  [actionCommandItems]=\"actionItems()\"\n  [contextMenuCommandItems]=\"contextMenuItems()\"\n  [leftToolbarActions]=\"toolbarItems()\"\n  [listStateKey]=\"listStateKey()\"\n  [messages]=\"listViewMessages()\"\n  [rowClass]=\"listViewRowClass()\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n</mm-list-view>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:100%}mm-list-view{flex:1 1 auto;min-height:0}\n"], dependencies: [{ kind: "component", type: ListViewComponent, selector: "mm-list-view", inputs: ["pageSize", "skip", "autoPageSize", "rowIsClickable", "showRowCheckBoxes", "showRowSelectAllCheckBox", "contextMenuType", "leftToolbarActions", "rightToolbarActions", "actionCommandItems", "contextMenuCommandItems", "rowActions", "maxInlineRowActions", "excelExportFileName", "pdfExportFileName", "pageable", "sortable", "rowFilterEnabled", "searchTextBoxEnabled", "persistListState", "listStateKey", "resizable", "actionsColumnWidth", "hideCheckboxesBelow", "cardModeBelow", "collapseCommandsBelow", "hasExternalFilters", "rowClass", "messages", "selectable", "columns", "rowLabelField"], outputs: ["rowClicked", "rowAction", "resetFilters"] }, { kind: "directive", type: EntityListDataSourceDirective, selector: "[mmEntityListDataSource]", exportAs: ["mmEntityListDataSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.5", type: EntityListComponent, isStandalone: true, selector: "mm-entity-list", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, canWrite: { classPropertyName: "canWrite", publicName: "canWrite", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, listStateKey: { classPropertyName: "listStateKey", publicName: "listStateKey", isSignal: true, isRequired: false, transformFunction: null }, showTypeColumn: { classPropertyName: "showTypeColumn", publicName: "showTypeColumn", isSignal: true, isRequired: false, transformFunction: null }, defaultSort: { classPropertyName: "defaultSort", publicName: "defaultSort", isSignal: true, isRequired: false, transformFunction: null }, labelResolver: { classPropertyName: "labelResolver", publicName: "labelResolver", isSignal: true, isRequired: false, transformFunction: null }, toolbarActions: { classPropertyName: "toolbarActions", publicName: "toolbarActions", isSignal: true, isRequired: false, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, rowMenuActions: { classPropertyName: "rowMenuActions", publicName: "rowMenuActions", isSignal: true, isRequired: false, transformFunction: null }, rowClass: { classPropertyName: "rowClass", publicName: "rowClass", isSignal: true, isRequired: false, transformFunction: null }, booleanDisplay: { classPropertyName: "booleanDisplay", publicName: "booleanDisplay", isSignal: true, isRequired: false, transformFunction: null }, rowLabelField: { classPropertyName: "rowLabelField", publicName: "rowLabelField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { createRequested: "createRequested", openRequested: "openRequested", deleted: "deleted" }, viewQueries: [{ propertyName: "dataSource", first: true, predicate: EntityListDataSourceDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<mm-list-view\n  mmEntityListDataSource\n  [columns]=\"columns()\"\n  [sortable]=\"true\"\n  [rowFilterEnabled]=\"true\"\n  [searchTextBoxEnabled]=\"true\"\n  [autoPageSize]=\"true\"\n  [selectable]=\"{ mode: 'single', enabled: true }\"\n  [showRowCheckBoxes]=\"false\"\n  [actionsColumnWidth]=\"actionsColumnWidth()\"\n  [actionCommandItems]=\"actionItems()\"\n  [contextMenuCommandItems]=\"contextMenuItems()\"\n  [leftToolbarActions]=\"toolbarItems()\"\n  [listStateKey]=\"listStateKey()\"\n  [messages]=\"listViewMessages()\"\n  [rowClass]=\"listViewRowClass()\"\n  [rowLabelField]=\"rowLabelField() || 'name'\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n</mm-list-view>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:100%}mm-list-view{flex:1 1 auto;min-height:0}\n"], dependencies: [{ kind: "component", type: ListViewComponent, selector: "mm-list-view", inputs: ["pageSize", "skip", "autoPageSize", "rowIsClickable", "showRowCheckBoxes", "showRowSelectAllCheckBox", "contextMenuType", "leftToolbarActions", "rightToolbarActions", "actionCommandItems", "contextMenuCommandItems", "rowActions", "maxInlineRowActions", "excelExportFileName", "pdfExportFileName", "pageable", "sortable", "rowFilterEnabled", "searchTextBoxEnabled", "persistListState", "listStateKey", "resizable", "actionsColumnWidth", "hideCheckboxesBelow", "cardModeBelow", "collapseCommandsBelow", "hasExternalFilters", "emptyState", "emptyTemplate", "rowClass", "messages", "selectable", "columns", "rowLabelField"], outputs: ["rowClicked", "rowAction", "resetFilters"] }, { kind: "directive", type: EntityListDataSourceDirective, selector: "[mmEntityListDataSource]", exportAs: ["mmEntityListDataSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EntityListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mm-entity-list', standalone: true, imports: [ListViewComponent, EntityListDataSourceDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mm-list-view\n  mmEntityListDataSource\n  [columns]=\"columns()\"\n  [sortable]=\"true\"\n  [rowFilterEnabled]=\"true\"\n  [searchTextBoxEnabled]=\"true\"\n  [autoPageSize]=\"true\"\n  [selectable]=\"{ mode: 'single', enabled: true }\"\n  [showRowCheckBoxes]=\"false\"\n  [actionsColumnWidth]=\"actionsColumnWidth()\"\n  [actionCommandItems]=\"actionItems()\"\n  [contextMenuCommandItems]=\"contextMenuItems()\"\n  [leftToolbarActions]=\"toolbarItems()\"\n  [listStateKey]=\"listStateKey()\"\n  [messages]=\"listViewMessages()\"\n  [rowClass]=\"listViewRowClass()\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n</mm-list-view>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:100%}mm-list-view{flex:1 1 auto;min-height:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], canWrite: [{ type: i0.Input, args: [{ isSignal: true, alias: "canWrite", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], listStateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "listStateKey", required: false }] }], showTypeColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTypeColumn", required: false }] }], defaultSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSort", required: false }] }], labelResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelResolver", required: false }] }], toolbarActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarActions", required: false }] }], rowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowActions", required: false }] }], rowMenuActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowMenuActions", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], createRequested: [{ type: i0.Output, args: ["createRequested"] }], openRequested: [{ type: i0.Output, args: ["openRequested"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], dataSource: [{ type: i0.ViewChild, args: [i0.forwardRef(() => EntityListDataSourceDirective), { isSignal: true }] }] } });
-function rowName(row) {
+            args: [{ selector: 'mm-entity-list', standalone: true, imports: [ListViewComponent, EntityListDataSourceDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<mm-list-view\n  mmEntityListDataSource\n  [columns]=\"columns()\"\n  [sortable]=\"true\"\n  [rowFilterEnabled]=\"true\"\n  [searchTextBoxEnabled]=\"true\"\n  [autoPageSize]=\"true\"\n  [selectable]=\"{ mode: 'single', enabled: true }\"\n  [showRowCheckBoxes]=\"false\"\n  [actionsColumnWidth]=\"actionsColumnWidth()\"\n  [actionCommandItems]=\"actionItems()\"\n  [contextMenuCommandItems]=\"contextMenuItems()\"\n  [leftToolbarActions]=\"toolbarItems()\"\n  [listStateKey]=\"listStateKey()\"\n  [messages]=\"listViewMessages()\"\n  [rowClass]=\"listViewRowClass()\"\n  [rowLabelField]=\"rowLabelField() || 'name'\"\n  (rowClicked)=\"onRowClicked($event)\"\n>\n</mm-list-view>\n", styles: [":host{display:flex;flex-direction:column;min-height:0;height:100%}mm-list-view{flex:1 1 auto;min-height:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], canWrite: [{ type: i0.Input, args: [{ isSignal: true, alias: "canWrite", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], listStateKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "listStateKey", required: false }] }], showTypeColumn: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTypeColumn", required: false }] }], defaultSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSort", required: false }] }], labelResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelResolver", required: false }] }], toolbarActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarActions", required: false }] }], rowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowActions", required: false }] }], rowMenuActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowMenuActions", required: false }] }], rowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClass", required: false }] }], booleanDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "booleanDisplay", required: false }] }], rowLabelField: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowLabelField", required: false }] }], createRequested: [{ type: i0.Output, args: ["createRequested"] }], openRequested: [{ type: i0.Output, args: ["openRequested"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], dataSource: [{ type: i0.ViewChild, args: [i0.forwardRef(() => EntityListDataSourceDirective), { isSignal: true }] }] } });
+function rowName(row, labelField) {
+    const label = labelField ? resolveListRowLabel(row, labelField, []) : '';
+    if (label) {
+        return label;
+    }
     const name = row['name'];
     if (typeof name === 'string' && name) {
         return name;
@@ -6987,6 +7018,20 @@ class EntityPageComponent {
      */
     listRowClass = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "listRowClass" }] : /* istanbul ignore next */ []));
+    /**
+     * How the list renders BOOLEAN columns (AB#5623), passed to `mm-entity-list`'s `booleanDisplay`:
+     * `'text'` (default) or `'icon'`. Falls back to route data `entityListBooleanDisplay`.
+     */
+    listBooleanDisplay = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listBooleanDisplay" }] : /* istanbul ignore next */ []));
+    /**
+     * Field naming a row / entity for people (AB#5623): passed to `mm-entity-list`'s
+     * `rowLabelField` (row action names, delete confirmation) and used for the dialog / page title
+     * ("Edit <label>") and the delete confirmation of the open entity. Falls back to route data
+     * `entityListRowLabelField`; absent = today's behaviour (`name`, well-known name, display name, rtId).
+     */
+    listRowLabelField = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listRowLabelField" }] : /* istanbul ignore next */ []));
     /** Emitted for every list / create / edit transition. */
     navigate = output();
     /** Emitted after a successful create or update (not for "no changes"). Hosts refresh their lists on it. */
@@ -7096,6 +7141,19 @@ class EntityPageComponent {
         return typeof fromData === 'function' ? fromData : undefined;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "effectiveListRowClass" }] : /* istanbul ignore next */ []));
+    /** Row label field: input, else route data `entityListRowLabelField`, else none (default naming). */
+    effectiveRowLabelField = computed(() => {
+        this.routeData();
+        const bound = this.listRowLabelField() ?? this.inheritedData('entityListRowLabelField');
+        return typeof bound === 'string' && bound.trim() ? bound.trim() : undefined;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveRowLabelField" }] : /* istanbul ignore next */ []));
+    /** Boolean columns of the list: input, else route data `entityListBooleanDisplay`, else text. */
+    effectiveListBooleanDisplay = computed(() => {
+        this.routeData();
+        return (this.listBooleanDisplay() ?? this.inheritedData('entityListBooleanDisplay')) === 'icon' ? 'icon' : 'text';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveListBooleanDisplay" }] : /* istanbul ignore next */ []));
     /** The prefill of the current create form (AB#5623), computed when the form opens. */
     createInitialValues = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "createInitialValues" }] : /* istanbul ignore next */ []));
@@ -7559,7 +7617,7 @@ class EntityPageComponent {
         this.entityRtId.set(rtId);
         this.entityCkTypeId.set(ckTypeId);
         this.state.set(state);
-        const name = displayNameOf(state, rtId, rtDisplayName);
+        const name = displayNameOf(state, rtId, rtDisplayName, untracked(() => this.effectiveRowLabelField()));
         this.entityName.set(name);
     }
     async recordsFor(model) {
@@ -7756,12 +7814,12 @@ class EntityPageComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EntityPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: EntityPageComponent, isStandalone: true, selector: "mm-entity-page", inputs: { formKey: { classPropertyName: "formKey", publicName: "formKey", isSignal: true, isRequired: false, transformFunction: null }, ckTypeId: { classPropertyName: "ckTypeId", publicName: "ckTypeId", isSignal: true, isRequired: false, transformFunction: null }, rtId: { classPropertyName: "rtId", publicName: "rtId", isSignal: true, isRequired: false, transformFunction: null }, canWrite: { classPropertyName: "canWrite", publicName: "canWrite", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, routerNavigation: { classPropertyName: "routerNavigation", publicName: "routerNavigation", isSignal: true, isRequired: false, transformFunction: null }, actionBarPosition: { classPropertyName: "actionBarPosition", publicName: "actionBarPosition", isSignal: true, isRequired: false, transformFunction: null }, labelResolver: { classPropertyName: "labelResolver", publicName: "labelResolver", isSignal: true, isRequired: false, transformFunction: null }, defaultSort: { classPropertyName: "defaultSort", publicName: "defaultSort", isSignal: true, isRequired: false, transformFunction: null }, initialValues: { classPropertyName: "initialValues", publicName: "initialValues", isSignal: true, isRequired: false, transformFunction: null }, beforeSave: { classPropertyName: "beforeSave", publicName: "beforeSave", isSignal: true, isRequired: false, transformFunction: null }, listToolbarActions: { classPropertyName: "listToolbarActions", publicName: "listToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, listRowActions: { classPropertyName: "listRowActions", publicName: "listRowActions", isSignal: true, isRequired: false, transformFunction: null }, listRowMenuActions: { classPropertyName: "listRowMenuActions", publicName: "listRowMenuActions", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, listRowClass: { classPropertyName: "listRowClass", publicName: "listRowClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate", saved: "saved", deleted: "deleted" }, providers: [{ provide: HAS_UNSAVED_CHANGES, useExisting: EntityPageComponent }], queries: [{ propertyName: "pageActions", first: true, predicate: EntityPageActionsDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "form", first: true, predicate: ["entityForm"], descendants: true, isSignal: true }, { propertyName: "list", first: true, predicate: ["entityList"], descendants: true, isSignal: true }, { propertyName: "listElement", first: true, predicate: ["entityList"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"mm-entity-page\">\n  @switch (view()) {\n    @case ('loading') {\n      <div class=\"mm-entity-page__state\">{{ msgs().loading }}</div>\n    }\n\n    @case ('error') {\n      <div class=\"mm-entity-page__state mm-entity-page__state--error\" role=\"alert\">\n        <p>{{ errorMessage() }}</p>\n        @if (baseModel() && !isSingleton()) {\n          <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" (click)=\"onBack()\">{{ msgs().back }}</button>\n        }\n      </div>\n    }\n\n    @case ('list') {\n      @if (baseModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ listTitle() }}</h2>\n            @if (localizedBase()?.description; as description) {\n              <p class=\"mm-entity-page__description\">{{ description }}</p>\n            }\n          </div>\n          @if (pageActions(); as actions) {\n            <div class=\"mm-entity-page__actions\" data-entity-page-host-actions>\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            </div>\n          }\n        </header>\n        <mm-entity-list\n          #entityList\n          class=\"mm-entity-page__list\"\n          [model]=\"model\"\n          [canWrite]=\"effectiveCanWrite()\"\n          [messages]=\"msgs()\"\n          [showTypeColumn]=\"showTypeColumn()\"\n          [defaultSort]=\"effectiveDefaultSort()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [toolbarActions]=\"listToolbarActions()\"\n          [rowActions]=\"listRowActions()\"\n          [rowMenuActions]=\"listRowMenuActions()\"\n          [rowClass]=\"effectiveListRowClass()\"\n          (createRequested)=\"onCreateRequested($event)\"\n          (openRequested)=\"onOpenRequested($event)\"\n        />\n\n        <!-- Dialog mode (editMode 'dialog', AB#5623): create / edit over the list, actions in the\n             dialog's bottom bar (Cancel left of the primary Save, as in the record row dialog). -->\n        @if (dialogOpen()) {\n          @if (formModel(); as formModelInDialog) {\n            <kendo-dialog\n              class=\"mm-entity-page__dialog\"\n              data-entity-page-dialog\n              [title]=\"title()\"\n              [width]=\"760\"\n              [maxWidth]=\"'95vw'\"\n              [maxHeight]=\"'90vh'\"\n              (close)=\"onDialogCancel()\"\n            >\n              <kendo-dialog-messages [closeTitle]=\"msgs().close\" />\n              <div class=\"mm-entity-page__dialog-body\">\n                @if (mode() === 'view') {\n                  <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n                }\n                <mm-entity-form\n                  #entityForm\n                  class=\"mm-entity-page__form\"\n                  [model]=\"formModelInDialog\"\n                  [mode]=\"mode()\"\n                  [state]=\"state()\"\n                  [readOnly]=\"readOnly()\"\n                  [messages]=\"msgs()\"\n                  [records]=\"records()\"\n                  [labelResolver]=\"effectiveLabelResolver()\"\n                  [initialValues]=\"createInitialValues()\"\n                />\n              </div>\n              <kendo-dialog-actions layout=\"end\">\n                @if (pageActions(); as actions) {\n                  <ng-container *ngTemplateOutlet=\"actions.templateRef; context: dialogActionsContext()\" />\n                }\n                <button kendoButton type=\"button\" data-entity-page-dialog-cancel (click)=\"onDialogCancel()\">\n                  {{ mode() === 'view' ? msgs().close : msgs().cancel }}\n                </button>\n                @if (canDeleteEntity()) {\n                  <button kendoButton type=\"button\" fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                    {{ msgs().delete }}\n                  </button>\n                }\n                @if (mode() !== 'view') {\n                  <button kendoButton type=\"button\" themeColor=\"primary\" [svgIcon]=\"saveIcon\"\n                          [disabled]=\"saving() || !!saveBlockedReason()\" [attr.title]=\"saveBlockedReason()\"\n                          data-entity-page-save (click)=\"onSave()\">\n                    {{ msgs().save }}\n                  </button>\n                }\n              </kendo-dialog-actions>\n            </kendo-dialog>\n          }\n        }\n      }\n    }\n\n    @case ('form') {\n      @if (formModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ title() }}</h2>\n            @if (mode() !== 'create' && entityRtId()) {\n              <mm-entity-id-info\n                [rtId]=\"entityRtId()!\"\n                [rtCkTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [ckTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [buttonText]=\"msgs().copyId\"\n                [tooltip]=\"msgs().copyIdTooltip\"\n                [copiedMessage]=\"msgs().copiedId\"\n                [copyFailedMessage]=\"msgs().copyFailed\"\n              />\n            }\n          </div>\n          @if (effectiveActionBarPosition() === 'top') {\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          }\n        </header>\n        @if (mode() === 'view') {\n          <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n        }\n        @if (mode() === 'create' && singletonWellKnownName()) {\n          <p class=\"mm-entity-page__notice\">{{ msgs().singletonCreateHint }}</p>\n        }\n        <mm-entity-form\n          #entityForm\n          class=\"mm-entity-page__form\"\n          [model]=\"model\"\n          [mode]=\"mode()\"\n          [state]=\"state()\"\n          [readOnly]=\"readOnly()\"\n          [messages]=\"msgs()\"\n          [records]=\"records()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [initialValues]=\"createInitialValues()\"\n        />\n        @if (effectiveActionBarPosition() === 'bottom') {\n          <footer class=\"mm-entity-page__footer\" data-entity-page-footer>\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          </footer>\n        }\n\n        <ng-template #formActions>\n          <div class=\"mm-entity-page__actions\">\n            @if (pageActions(); as actions) {\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            }\n            @if (!isSingleton()) {\n              <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" data-entity-page-back (click)=\"onBack()\">\n                {{ mode() === 'view' ? msgs().back : msgs().cancel }}\n              </button>\n            }\n            @if (canDeleteEntity()) {\n              <button kendoButton fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                {{ msgs().delete }}\n              </button>\n            }\n            @if (mode() !== 'view') {\n              <button kendoButton themeColor=\"primary\" [svgIcon]=\"saveIcon\" [disabled]=\"saving() || !!saveBlockedReason()\"\n                      [attr.title]=\"saveBlockedReason()\" data-entity-page-save (click)=\"onSave()\">\n                {{ msgs().save }}\n              </button>\n            }\n          </div>\n        </ng-template>\n      }\n    }\n  }\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.mm-entity-page{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px;box-sizing:border-box;color:var(--theme-text-primary, inherit)}.mm-entity-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.mm-entity-page__titles{display:flex;flex-direction:column;gap:4px;min-width:0}.mm-entity-page__title{margin:0;font-size:1.25rem;font-weight:600;overflow-wrap:anywhere}.mm-entity-page__description,.mm-entity-page__notice{margin:0;color:var(--theme-text-secondary, inherit);opacity:.85}.mm-entity-page__actions{display:flex;flex-wrap:wrap;gap:8px}.mm-entity-page__list{flex:1 1 auto;min-height:300px}.mm-entity-page__form{flex:1 1 auto;min-height:0;overflow:auto}.mm-entity-page__state{padding:24px 0;color:var(--theme-text-secondary, inherit)}.mm-entity-page__state--error{color:var(--theme-status-error, inherit)}.mm-entity-page__footer{display:flex;justify-content:flex-end;flex-shrink:0;padding-top:12px;border-top:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12))}.mm-entity-page__dialog-body{display:flex;flex-direction:column;gap:12px}\n"], dependencies: [{ kind: "component", type: EntityListComponent, selector: "mm-entity-list", inputs: ["model", "canWrite", "messages", "listStateKey", "showTypeColumn", "defaultSort", "labelResolver", "toolbarActions", "rowActions", "rowMenuActions", "rowClass"], outputs: ["createRequested", "openRequested", "deleted"] }, { kind: "component", type: EntityFormComponent, selector: "mm-entity-form", inputs: ["model", "mode", "state", "readOnly", "messages", "records", "labelResolver", "initialValues", "beforeSave"], outputs: ["changeSetChange", "validChange", "dirtyChange"] }, { kind: "component", type: EntityIdInfoComponent, selector: "mm-entity-id-info", inputs: ["rtId", "rtCkTypeId", "ckTypeId", "buttonText", "tooltip", "copiedMessage", "copyFailedMessage"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$3.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: i1$3.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "directive", type: i1$3.CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: EntityPageComponent, isStandalone: true, selector: "mm-entity-page", inputs: { formKey: { classPropertyName: "formKey", publicName: "formKey", isSignal: true, isRequired: false, transformFunction: null }, ckTypeId: { classPropertyName: "ckTypeId", publicName: "ckTypeId", isSignal: true, isRequired: false, transformFunction: null }, rtId: { classPropertyName: "rtId", publicName: "rtId", isSignal: true, isRequired: false, transformFunction: null }, canWrite: { classPropertyName: "canWrite", publicName: "canWrite", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, routerNavigation: { classPropertyName: "routerNavigation", publicName: "routerNavigation", isSignal: true, isRequired: false, transformFunction: null }, actionBarPosition: { classPropertyName: "actionBarPosition", publicName: "actionBarPosition", isSignal: true, isRequired: false, transformFunction: null }, labelResolver: { classPropertyName: "labelResolver", publicName: "labelResolver", isSignal: true, isRequired: false, transformFunction: null }, defaultSort: { classPropertyName: "defaultSort", publicName: "defaultSort", isSignal: true, isRequired: false, transformFunction: null }, initialValues: { classPropertyName: "initialValues", publicName: "initialValues", isSignal: true, isRequired: false, transformFunction: null }, beforeSave: { classPropertyName: "beforeSave", publicName: "beforeSave", isSignal: true, isRequired: false, transformFunction: null }, listToolbarActions: { classPropertyName: "listToolbarActions", publicName: "listToolbarActions", isSignal: true, isRequired: false, transformFunction: null }, listRowActions: { classPropertyName: "listRowActions", publicName: "listRowActions", isSignal: true, isRequired: false, transformFunction: null }, listRowMenuActions: { classPropertyName: "listRowMenuActions", publicName: "listRowMenuActions", isSignal: true, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: true, isRequired: false, transformFunction: null }, listRowClass: { classPropertyName: "listRowClass", publicName: "listRowClass", isSignal: true, isRequired: false, transformFunction: null }, listBooleanDisplay: { classPropertyName: "listBooleanDisplay", publicName: "listBooleanDisplay", isSignal: true, isRequired: false, transformFunction: null }, listRowLabelField: { classPropertyName: "listRowLabelField", publicName: "listRowLabelField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { navigate: "navigate", saved: "saved", deleted: "deleted" }, providers: [{ provide: HAS_UNSAVED_CHANGES, useExisting: EntityPageComponent }], queries: [{ propertyName: "pageActions", first: true, predicate: EntityPageActionsDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "form", first: true, predicate: ["entityForm"], descendants: true, isSignal: true }, { propertyName: "list", first: true, predicate: ["entityList"], descendants: true, isSignal: true }, { propertyName: "listElement", first: true, predicate: ["entityList"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"mm-entity-page\">\n  @switch (view()) {\n    @case ('loading') {\n      <div class=\"mm-entity-page__state\">{{ msgs().loading }}</div>\n    }\n\n    @case ('error') {\n      <div class=\"mm-entity-page__state mm-entity-page__state--error\" role=\"alert\">\n        <p>{{ errorMessage() }}</p>\n        @if (baseModel() && !isSingleton()) {\n          <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" (click)=\"onBack()\">{{ msgs().back }}</button>\n        }\n      </div>\n    }\n\n    @case ('list') {\n      @if (baseModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ listTitle() }}</h2>\n            @if (localizedBase()?.description; as description) {\n              <p class=\"mm-entity-page__description\">{{ description }}</p>\n            }\n          </div>\n          @if (pageActions(); as actions) {\n            <div class=\"mm-entity-page__actions\" data-entity-page-host-actions>\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            </div>\n          }\n        </header>\n        <mm-entity-list\n          #entityList\n          class=\"mm-entity-page__list\"\n          [model]=\"model\"\n          [canWrite]=\"effectiveCanWrite()\"\n          [messages]=\"msgs()\"\n          [showTypeColumn]=\"showTypeColumn()\"\n          [defaultSort]=\"effectiveDefaultSort()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [toolbarActions]=\"listToolbarActions()\"\n          [rowActions]=\"listRowActions()\"\n          [rowMenuActions]=\"listRowMenuActions()\"\n          [rowClass]=\"effectiveListRowClass()\"\n          [booleanDisplay]=\"effectiveListBooleanDisplay()\"\n          [rowLabelField]=\"effectiveRowLabelField()\"\n          (createRequested)=\"onCreateRequested($event)\"\n          (openRequested)=\"onOpenRequested($event)\"\n        />\n\n        <!-- Dialog mode (editMode 'dialog', AB#5623): create / edit over the list, actions in the\n             dialog's bottom bar (Cancel left of the primary Save, as in the record row dialog). -->\n        @if (dialogOpen()) {\n          @if (formModel(); as formModelInDialog) {\n            <kendo-dialog\n              class=\"mm-entity-page__dialog\"\n              data-entity-page-dialog\n              [title]=\"title()\"\n              [width]=\"760\"\n              [maxWidth]=\"'95vw'\"\n              [maxHeight]=\"'90vh'\"\n              (close)=\"onDialogCancel()\"\n            >\n              <kendo-dialog-messages [closeTitle]=\"msgs().close\" />\n              <div class=\"mm-entity-page__dialog-body\">\n                @if (mode() === 'view') {\n                  <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n                }\n                <mm-entity-form\n                  #entityForm\n                  class=\"mm-entity-page__form\"\n                  [model]=\"formModelInDialog\"\n                  [mode]=\"mode()\"\n                  [state]=\"state()\"\n                  [readOnly]=\"readOnly()\"\n                  [messages]=\"msgs()\"\n                  [records]=\"records()\"\n                  [labelResolver]=\"effectiveLabelResolver()\"\n                  [initialValues]=\"createInitialValues()\"\n                />\n              </div>\n              <kendo-dialog-actions layout=\"end\">\n                @if (pageActions(); as actions) {\n                  <ng-container *ngTemplateOutlet=\"actions.templateRef; context: dialogActionsContext()\" />\n                }\n                <button kendoButton type=\"button\" data-entity-page-dialog-cancel (click)=\"onDialogCancel()\">\n                  {{ mode() === 'view' ? msgs().close : msgs().cancel }}\n                </button>\n                @if (canDeleteEntity()) {\n                  <button kendoButton type=\"button\" fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                    {{ msgs().delete }}\n                  </button>\n                }\n                @if (mode() !== 'view') {\n                  <button kendoButton type=\"button\" themeColor=\"primary\" [svgIcon]=\"saveIcon\"\n                          [disabled]=\"saving() || !!saveBlockedReason()\" [attr.title]=\"saveBlockedReason()\"\n                          data-entity-page-save (click)=\"onSave()\">\n                    {{ msgs().save }}\n                  </button>\n                }\n              </kendo-dialog-actions>\n            </kendo-dialog>\n          }\n        }\n      }\n    }\n\n    @case ('form') {\n      @if (formModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ title() }}</h2>\n            @if (mode() !== 'create' && entityRtId()) {\n              <mm-entity-id-info\n                [rtId]=\"entityRtId()!\"\n                [rtCkTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [ckTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [buttonText]=\"msgs().copyId\"\n                [tooltip]=\"msgs().copyIdTooltip\"\n                [copiedMessage]=\"msgs().copiedId\"\n                [copyFailedMessage]=\"msgs().copyFailed\"\n              />\n            }\n          </div>\n          @if (effectiveActionBarPosition() === 'top') {\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          }\n        </header>\n        @if (mode() === 'view') {\n          <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n        }\n        @if (mode() === 'create' && singletonWellKnownName()) {\n          <p class=\"mm-entity-page__notice\">{{ msgs().singletonCreateHint }}</p>\n        }\n        <mm-entity-form\n          #entityForm\n          class=\"mm-entity-page__form\"\n          [model]=\"model\"\n          [mode]=\"mode()\"\n          [state]=\"state()\"\n          [readOnly]=\"readOnly()\"\n          [messages]=\"msgs()\"\n          [records]=\"records()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [initialValues]=\"createInitialValues()\"\n        />\n        @if (effectiveActionBarPosition() === 'bottom') {\n          <footer class=\"mm-entity-page__footer\" data-entity-page-footer>\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          </footer>\n        }\n\n        <ng-template #formActions>\n          <div class=\"mm-entity-page__actions\">\n            @if (pageActions(); as actions) {\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            }\n            @if (!isSingleton()) {\n              <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" data-entity-page-back (click)=\"onBack()\">\n                {{ mode() === 'view' ? msgs().back : msgs().cancel }}\n              </button>\n            }\n            @if (canDeleteEntity()) {\n              <button kendoButton fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                {{ msgs().delete }}\n              </button>\n            }\n            @if (mode() !== 'view') {\n              <button kendoButton themeColor=\"primary\" [svgIcon]=\"saveIcon\" [disabled]=\"saving() || !!saveBlockedReason()\"\n                      [attr.title]=\"saveBlockedReason()\" data-entity-page-save (click)=\"onSave()\">\n                {{ msgs().save }}\n              </button>\n            }\n          </div>\n        </ng-template>\n      }\n    }\n  }\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.mm-entity-page{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px;box-sizing:border-box;color:var(--theme-text-primary, inherit)}.mm-entity-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.mm-entity-page__titles{display:flex;flex-direction:column;gap:4px;min-width:0}.mm-entity-page__title{margin:0;font-size:1.25rem;font-weight:600;overflow-wrap:anywhere}.mm-entity-page__description,.mm-entity-page__notice{margin:0;color:var(--theme-text-secondary, inherit);opacity:.85}.mm-entity-page__actions{display:flex;flex-wrap:wrap;gap:8px}.mm-entity-page__list{flex:1 1 auto;min-height:300px}.mm-entity-page__form{flex:1 1 auto;min-height:0;overflow:auto}.mm-entity-page__state{padding:24px 0;color:var(--theme-text-secondary, inherit)}.mm-entity-page__state--error{color:var(--theme-status-error, inherit)}.mm-entity-page__footer{display:flex;justify-content:flex-end;flex-shrink:0;padding-top:12px;border-top:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12))}.mm-entity-page__dialog-body{display:flex;flex-direction:column;gap:12px}\n"], dependencies: [{ kind: "component", type: EntityListComponent, selector: "mm-entity-list", inputs: ["model", "canWrite", "messages", "listStateKey", "showTypeColumn", "defaultSort", "labelResolver", "toolbarActions", "rowActions", "rowMenuActions", "rowClass", "booleanDisplay", "rowLabelField"], outputs: ["createRequested", "openRequested", "deleted"] }, { kind: "component", type: EntityFormComponent, selector: "mm-entity-form", inputs: ["model", "mode", "state", "readOnly", "messages", "records", "labelResolver", "initialValues", "beforeSave"], outputs: ["changeSetChange", "validChange", "dirtyChange"] }, { kind: "component", type: EntityIdInfoComponent, selector: "mm-entity-id-info", inputs: ["rtId", "rtCkTypeId", "ckTypeId", "buttonText", "tooltip", "copiedMessage", "copyFailedMessage"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1$3.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "closable", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: i1$3.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "directive", type: i1$3.CustomMessagesComponent, selector: "kendo-dialog-messages, kendo-window-messages" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EntityPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mm-entity-page', standalone: true, imports: [EntityListComponent, EntityFormComponent, EntityIdInfoComponent, ButtonComponent, NgTemplateOutlet, KENDO_DIALOG], providers: [{ provide: HAS_UNSAVED_CHANGES, useExisting: EntityPageComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mm-entity-page\">\n  @switch (view()) {\n    @case ('loading') {\n      <div class=\"mm-entity-page__state\">{{ msgs().loading }}</div>\n    }\n\n    @case ('error') {\n      <div class=\"mm-entity-page__state mm-entity-page__state--error\" role=\"alert\">\n        <p>{{ errorMessage() }}</p>\n        @if (baseModel() && !isSingleton()) {\n          <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" (click)=\"onBack()\">{{ msgs().back }}</button>\n        }\n      </div>\n    }\n\n    @case ('list') {\n      @if (baseModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ listTitle() }}</h2>\n            @if (localizedBase()?.description; as description) {\n              <p class=\"mm-entity-page__description\">{{ description }}</p>\n            }\n          </div>\n          @if (pageActions(); as actions) {\n            <div class=\"mm-entity-page__actions\" data-entity-page-host-actions>\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            </div>\n          }\n        </header>\n        <mm-entity-list\n          #entityList\n          class=\"mm-entity-page__list\"\n          [model]=\"model\"\n          [canWrite]=\"effectiveCanWrite()\"\n          [messages]=\"msgs()\"\n          [showTypeColumn]=\"showTypeColumn()\"\n          [defaultSort]=\"effectiveDefaultSort()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [toolbarActions]=\"listToolbarActions()\"\n          [rowActions]=\"listRowActions()\"\n          [rowMenuActions]=\"listRowMenuActions()\"\n          [rowClass]=\"effectiveListRowClass()\"\n          (createRequested)=\"onCreateRequested($event)\"\n          (openRequested)=\"onOpenRequested($event)\"\n        />\n\n        <!-- Dialog mode (editMode 'dialog', AB#5623): create / edit over the list, actions in the\n             dialog's bottom bar (Cancel left of the primary Save, as in the record row dialog). -->\n        @if (dialogOpen()) {\n          @if (formModel(); as formModelInDialog) {\n            <kendo-dialog\n              class=\"mm-entity-page__dialog\"\n              data-entity-page-dialog\n              [title]=\"title()\"\n              [width]=\"760\"\n              [maxWidth]=\"'95vw'\"\n              [maxHeight]=\"'90vh'\"\n              (close)=\"onDialogCancel()\"\n            >\n              <kendo-dialog-messages [closeTitle]=\"msgs().close\" />\n              <div class=\"mm-entity-page__dialog-body\">\n                @if (mode() === 'view') {\n                  <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n                }\n                <mm-entity-form\n                  #entityForm\n                  class=\"mm-entity-page__form\"\n                  [model]=\"formModelInDialog\"\n                  [mode]=\"mode()\"\n                  [state]=\"state()\"\n                  [readOnly]=\"readOnly()\"\n                  [messages]=\"msgs()\"\n                  [records]=\"records()\"\n                  [labelResolver]=\"effectiveLabelResolver()\"\n                  [initialValues]=\"createInitialValues()\"\n                />\n              </div>\n              <kendo-dialog-actions layout=\"end\">\n                @if (pageActions(); as actions) {\n                  <ng-container *ngTemplateOutlet=\"actions.templateRef; context: dialogActionsContext()\" />\n                }\n                <button kendoButton type=\"button\" data-entity-page-dialog-cancel (click)=\"onDialogCancel()\">\n                  {{ mode() === 'view' ? msgs().close : msgs().cancel }}\n                </button>\n                @if (canDeleteEntity()) {\n                  <button kendoButton type=\"button\" fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                    {{ msgs().delete }}\n                  </button>\n                }\n                @if (mode() !== 'view') {\n                  <button kendoButton type=\"button\" themeColor=\"primary\" [svgIcon]=\"saveIcon\"\n                          [disabled]=\"saving() || !!saveBlockedReason()\" [attr.title]=\"saveBlockedReason()\"\n                          data-entity-page-save (click)=\"onSave()\">\n                    {{ msgs().save }}\n                  </button>\n                }\n              </kendo-dialog-actions>\n            </kendo-dialog>\n          }\n        }\n      }\n    }\n\n    @case ('form') {\n      @if (formModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ title() }}</h2>\n            @if (mode() !== 'create' && entityRtId()) {\n              <mm-entity-id-info\n                [rtId]=\"entityRtId()!\"\n                [rtCkTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [ckTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [buttonText]=\"msgs().copyId\"\n                [tooltip]=\"msgs().copyIdTooltip\"\n                [copiedMessage]=\"msgs().copiedId\"\n                [copyFailedMessage]=\"msgs().copyFailed\"\n              />\n            }\n          </div>\n          @if (effectiveActionBarPosition() === 'top') {\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          }\n        </header>\n        @if (mode() === 'view') {\n          <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n        }\n        @if (mode() === 'create' && singletonWellKnownName()) {\n          <p class=\"mm-entity-page__notice\">{{ msgs().singletonCreateHint }}</p>\n        }\n        <mm-entity-form\n          #entityForm\n          class=\"mm-entity-page__form\"\n          [model]=\"model\"\n          [mode]=\"mode()\"\n          [state]=\"state()\"\n          [readOnly]=\"readOnly()\"\n          [messages]=\"msgs()\"\n          [records]=\"records()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [initialValues]=\"createInitialValues()\"\n        />\n        @if (effectiveActionBarPosition() === 'bottom') {\n          <footer class=\"mm-entity-page__footer\" data-entity-page-footer>\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          </footer>\n        }\n\n        <ng-template #formActions>\n          <div class=\"mm-entity-page__actions\">\n            @if (pageActions(); as actions) {\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            }\n            @if (!isSingleton()) {\n              <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" data-entity-page-back (click)=\"onBack()\">\n                {{ mode() === 'view' ? msgs().back : msgs().cancel }}\n              </button>\n            }\n            @if (canDeleteEntity()) {\n              <button kendoButton fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                {{ msgs().delete }}\n              </button>\n            }\n            @if (mode() !== 'view') {\n              <button kendoButton themeColor=\"primary\" [svgIcon]=\"saveIcon\" [disabled]=\"saving() || !!saveBlockedReason()\"\n                      [attr.title]=\"saveBlockedReason()\" data-entity-page-save (click)=\"onSave()\">\n                {{ msgs().save }}\n              </button>\n            }\n          </div>\n        </ng-template>\n      }\n    }\n  }\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.mm-entity-page{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px;box-sizing:border-box;color:var(--theme-text-primary, inherit)}.mm-entity-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.mm-entity-page__titles{display:flex;flex-direction:column;gap:4px;min-width:0}.mm-entity-page__title{margin:0;font-size:1.25rem;font-weight:600;overflow-wrap:anywhere}.mm-entity-page__description,.mm-entity-page__notice{margin:0;color:var(--theme-text-secondary, inherit);opacity:.85}.mm-entity-page__actions{display:flex;flex-wrap:wrap;gap:8px}.mm-entity-page__list{flex:1 1 auto;min-height:300px}.mm-entity-page__form{flex:1 1 auto;min-height:0;overflow:auto}.mm-entity-page__state{padding:24px 0;color:var(--theme-text-secondary, inherit)}.mm-entity-page__state--error{color:var(--theme-status-error, inherit)}.mm-entity-page__footer{display:flex;justify-content:flex-end;flex-shrink:0;padding-top:12px;border-top:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12))}.mm-entity-page__dialog-body{display:flex;flex-direction:column;gap:12px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { formKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "formKey", required: false }] }], ckTypeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "ckTypeId", required: false }] }], rtId: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtId", required: false }] }], canWrite: [{ type: i0.Input, args: [{ isSignal: true, alias: "canWrite", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], routerNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerNavigation", required: false }] }], actionBarPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionBarPosition", required: false }] }], labelResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelResolver", required: false }] }], defaultSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSort", required: false }] }], initialValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValues", required: false }] }], beforeSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeSave", required: false }] }], listToolbarActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "listToolbarActions", required: false }] }], listRowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRowActions", required: false }] }], listRowMenuActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRowMenuActions", required: false }] }], editMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editMode", required: false }] }], listRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRowClass", required: false }] }], navigate: [{ type: i0.Output, args: ["navigate"] }], saved: [{ type: i0.Output, args: ["saved"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], form: [{ type: i0.ViewChild, args: ['entityForm', { isSignal: true }] }], list: [{ type: i0.ViewChild, args: ['entityList', { isSignal: true }] }], listElement: [{ type: i0.ViewChild, args: ['entityList', { ...{ read: ElementRef }, isSignal: true }] }], pageActions: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EntityPageActionsDirective), { isSignal: true }] }] } });
+            args: [{ selector: 'mm-entity-page', standalone: true, imports: [EntityListComponent, EntityFormComponent, EntityIdInfoComponent, ButtonComponent, NgTemplateOutlet, KENDO_DIALOG], providers: [{ provide: HAS_UNSAVED_CHANGES, useExisting: EntityPageComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mm-entity-page\">\n  @switch (view()) {\n    @case ('loading') {\n      <div class=\"mm-entity-page__state\">{{ msgs().loading }}</div>\n    }\n\n    @case ('error') {\n      <div class=\"mm-entity-page__state mm-entity-page__state--error\" role=\"alert\">\n        <p>{{ errorMessage() }}</p>\n        @if (baseModel() && !isSingleton()) {\n          <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" (click)=\"onBack()\">{{ msgs().back }}</button>\n        }\n      </div>\n    }\n\n    @case ('list') {\n      @if (baseModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ listTitle() }}</h2>\n            @if (localizedBase()?.description; as description) {\n              <p class=\"mm-entity-page__description\">{{ description }}</p>\n            }\n          </div>\n          @if (pageActions(); as actions) {\n            <div class=\"mm-entity-page__actions\" data-entity-page-host-actions>\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            </div>\n          }\n        </header>\n        <mm-entity-list\n          #entityList\n          class=\"mm-entity-page__list\"\n          [model]=\"model\"\n          [canWrite]=\"effectiveCanWrite()\"\n          [messages]=\"msgs()\"\n          [showTypeColumn]=\"showTypeColumn()\"\n          [defaultSort]=\"effectiveDefaultSort()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [toolbarActions]=\"listToolbarActions()\"\n          [rowActions]=\"listRowActions()\"\n          [rowMenuActions]=\"listRowMenuActions()\"\n          [rowClass]=\"effectiveListRowClass()\"\n          [booleanDisplay]=\"effectiveListBooleanDisplay()\"\n          [rowLabelField]=\"effectiveRowLabelField()\"\n          (createRequested)=\"onCreateRequested($event)\"\n          (openRequested)=\"onOpenRequested($event)\"\n        />\n\n        <!-- Dialog mode (editMode 'dialog', AB#5623): create / edit over the list, actions in the\n             dialog's bottom bar (Cancel left of the primary Save, as in the record row dialog). -->\n        @if (dialogOpen()) {\n          @if (formModel(); as formModelInDialog) {\n            <kendo-dialog\n              class=\"mm-entity-page__dialog\"\n              data-entity-page-dialog\n              [title]=\"title()\"\n              [width]=\"760\"\n              [maxWidth]=\"'95vw'\"\n              [maxHeight]=\"'90vh'\"\n              (close)=\"onDialogCancel()\"\n            >\n              <kendo-dialog-messages [closeTitle]=\"msgs().close\" />\n              <div class=\"mm-entity-page__dialog-body\">\n                @if (mode() === 'view') {\n                  <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n                }\n                <mm-entity-form\n                  #entityForm\n                  class=\"mm-entity-page__form\"\n                  [model]=\"formModelInDialog\"\n                  [mode]=\"mode()\"\n                  [state]=\"state()\"\n                  [readOnly]=\"readOnly()\"\n                  [messages]=\"msgs()\"\n                  [records]=\"records()\"\n                  [labelResolver]=\"effectiveLabelResolver()\"\n                  [initialValues]=\"createInitialValues()\"\n                />\n              </div>\n              <kendo-dialog-actions layout=\"end\">\n                @if (pageActions(); as actions) {\n                  <ng-container *ngTemplateOutlet=\"actions.templateRef; context: dialogActionsContext()\" />\n                }\n                <button kendoButton type=\"button\" data-entity-page-dialog-cancel (click)=\"onDialogCancel()\">\n                  {{ mode() === 'view' ? msgs().close : msgs().cancel }}\n                </button>\n                @if (canDeleteEntity()) {\n                  <button kendoButton type=\"button\" fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                    {{ msgs().delete }}\n                  </button>\n                }\n                @if (mode() !== 'view') {\n                  <button kendoButton type=\"button\" themeColor=\"primary\" [svgIcon]=\"saveIcon\"\n                          [disabled]=\"saving() || !!saveBlockedReason()\" [attr.title]=\"saveBlockedReason()\"\n                          data-entity-page-save (click)=\"onSave()\">\n                    {{ msgs().save }}\n                  </button>\n                }\n              </kendo-dialog-actions>\n            </kendo-dialog>\n          }\n        }\n      }\n    }\n\n    @case ('form') {\n      @if (formModel(); as model) {\n        <header class=\"mm-entity-page__header\">\n          <div class=\"mm-entity-page__titles\">\n            <h2 class=\"mm-entity-page__title\">{{ title() }}</h2>\n            @if (mode() !== 'create' && entityRtId()) {\n              <mm-entity-id-info\n                [rtId]=\"entityRtId()!\"\n                [rtCkTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [ckTypeId]=\"entityCkTypeId() ?? model.rtCkTypeId\"\n                [buttonText]=\"msgs().copyId\"\n                [tooltip]=\"msgs().copyIdTooltip\"\n                [copiedMessage]=\"msgs().copiedId\"\n                [copyFailedMessage]=\"msgs().copyFailed\"\n              />\n            }\n          </div>\n          @if (effectiveActionBarPosition() === 'top') {\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          }\n        </header>\n        @if (mode() === 'view') {\n          <p class=\"mm-entity-page__notice\">{{ msgs().readOnlyNotice }}</p>\n        }\n        @if (mode() === 'create' && singletonWellKnownName()) {\n          <p class=\"mm-entity-page__notice\">{{ msgs().singletonCreateHint }}</p>\n        }\n        <mm-entity-form\n          #entityForm\n          class=\"mm-entity-page__form\"\n          [model]=\"model\"\n          [mode]=\"mode()\"\n          [state]=\"state()\"\n          [readOnly]=\"readOnly()\"\n          [messages]=\"msgs()\"\n          [records]=\"records()\"\n          [labelResolver]=\"effectiveLabelResolver()\"\n          [initialValues]=\"createInitialValues()\"\n        />\n        @if (effectiveActionBarPosition() === 'bottom') {\n          <footer class=\"mm-entity-page__footer\" data-entity-page-footer>\n            <ng-container *ngTemplateOutlet=\"formActions\" />\n          </footer>\n        }\n\n        <ng-template #formActions>\n          <div class=\"mm-entity-page__actions\">\n            @if (pageActions(); as actions) {\n              <ng-container *ngTemplateOutlet=\"actions.templateRef; context: actionsContext()\" />\n            }\n            @if (!isSingleton()) {\n              <button kendoButton fillMode=\"flat\" [svgIcon]=\"backIcon\" data-entity-page-back (click)=\"onBack()\">\n                {{ mode() === 'view' ? msgs().back : msgs().cancel }}\n              </button>\n            }\n            @if (canDeleteEntity()) {\n              <button kendoButton fillMode=\"outline\" themeColor=\"error\" [svgIcon]=\"deleteIcon\" (click)=\"onDelete()\">\n                {{ msgs().delete }}\n              </button>\n            }\n            @if (mode() !== 'view') {\n              <button kendoButton themeColor=\"primary\" [svgIcon]=\"saveIcon\" [disabled]=\"saving() || !!saveBlockedReason()\"\n                      [attr.title]=\"saveBlockedReason()\" data-entity-page-save (click)=\"onSave()\">\n                {{ msgs().save }}\n              </button>\n            }\n          </div>\n        </ng-template>\n      }\n    }\n  }\n</div>\n", styles: [":host{display:block;height:100%;min-height:0}.mm-entity-page{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px;box-sizing:border-box;color:var(--theme-text-primary, inherit)}.mm-entity-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.mm-entity-page__titles{display:flex;flex-direction:column;gap:4px;min-width:0}.mm-entity-page__title{margin:0;font-size:1.25rem;font-weight:600;overflow-wrap:anywhere}.mm-entity-page__description,.mm-entity-page__notice{margin:0;color:var(--theme-text-secondary, inherit);opacity:.85}.mm-entity-page__actions{display:flex;flex-wrap:wrap;gap:8px}.mm-entity-page__list{flex:1 1 auto;min-height:300px}.mm-entity-page__form{flex:1 1 auto;min-height:0;overflow:auto}.mm-entity-page__state{padding:24px 0;color:var(--theme-text-secondary, inherit)}.mm-entity-page__state--error{color:var(--theme-status-error, inherit)}.mm-entity-page__footer{display:flex;justify-content:flex-end;flex-shrink:0;padding-top:12px;border-top:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12))}.mm-entity-page__dialog-body{display:flex;flex-direction:column;gap:12px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { formKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "formKey", required: false }] }], ckTypeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "ckTypeId", required: false }] }], rtId: [{ type: i0.Input, args: [{ isSignal: true, alias: "rtId", required: false }] }], canWrite: [{ type: i0.Input, args: [{ isSignal: true, alias: "canWrite", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], routerNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerNavigation", required: false }] }], actionBarPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionBarPosition", required: false }] }], labelResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelResolver", required: false }] }], defaultSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSort", required: false }] }], initialValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValues", required: false }] }], beforeSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeSave", required: false }] }], listToolbarActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "listToolbarActions", required: false }] }], listRowActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRowActions", required: false }] }], listRowMenuActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRowMenuActions", required: false }] }], editMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editMode", required: false }] }], listRowClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRowClass", required: false }] }], listBooleanDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "listBooleanDisplay", required: false }] }], listRowLabelField: [{ type: i0.Input, args: [{ isSignal: true, alias: "listRowLabelField", required: false }] }], navigate: [{ type: i0.Output, args: ["navigate"] }], saved: [{ type: i0.Output, args: ["saved"] }], deleted: [{ type: i0.Output, args: ["deleted"] }], form: [{ type: i0.ViewChild, args: ['entityForm', { isSignal: true }] }], list: [{ type: i0.ViewChild, args: ['entityList', { isSignal: true }] }], listElement: [{ type: i0.ViewChild, args: ['entityList', { ...{ read: ElementRef }, isSignal: true }] }], pageActions: [{ type: i0.ContentChild, args: [i0.forwardRef(() => EntityPageActionsDirective), { isSignal: true }] }] } });
 /** The focused element (the dialog's trigger), or `null` outside a browser. */
 function activeElement() {
     const element = typeof document !== 'undefined' ? document.activeElement : null;
@@ -7777,7 +7835,11 @@ function paramValue(map, key) {
  * Entity label: `name` attribute, then `rtWellKnownName`, then a computed `rtDisplayName`
  * (the backend's synthetic `<ckTypeId>@<rtId>` form counts as absent), then the rtId.
  */
-function displayNameOf(state, rtId, rtDisplayName) {
+function displayNameOf(state, rtId, rtDisplayName, labelField) {
+    const label = labelField ? resolveListRowLabel(state.values, labelField, []) : '';
+    if (label) {
+        return label;
+    }
     const name = state.values['name'];
     if (typeof name === 'string' && name) {
         return name;
@@ -7808,7 +7870,7 @@ var entityPage_component = /*#__PURE__*/Object.freeze({
  * ```
  */
 function entityFormRoutes(opts = {}) {
-    const { formKey, ckTypeId, canWrite, messages, breadcrumbUrl, breadcrumbLabel = '{{entityFormTitle}}', newBreadcrumbLabel = 'New', entityBreadcrumbLabel = '{{entityName}}', svgIcon, title, showTypeColumn, defaultSort, actionBarPosition, initialValues, beforeSave, rowClass, editMode, data = {}, } = opts;
+    const { formKey, ckTypeId, canWrite, messages, breadcrumbUrl, breadcrumbLabel = '{{entityFormTitle}}', newBreadcrumbLabel = 'New', entityBreadcrumbLabel = '{{entityName}}', svgIcon, title, showTypeColumn, defaultSort, actionBarPosition, initialValues, beforeSave, rowClass, editMode, booleanDisplay, rowLabelField, data = {}, } = opts;
     const baseData = {
         ...data,
         ...(formKey !== undefined && { formKey }),
@@ -7823,6 +7885,8 @@ function entityFormRoutes(opts = {}) {
         ...(beforeSave !== undefined && { entityFormBeforeSave: beforeSave }),
         ...(rowClass !== undefined && { entityListRowClass: rowClass }),
         ...(editMode !== undefined && { entityPageEditMode: editMode }),
+        ...(booleanDisplay !== undefined && { entityListBooleanDisplay: booleanDisplay }),
+        ...(rowLabelField !== undefined && { entityListRowLabelField: rowLabelField }),
     };
     const listCrumb = breadcrumbUrl !== undefined
         ? { label: breadcrumbLabel, url: breadcrumbUrl, ...(svgIcon && { svgIcon }) }