@meshmakers/octo-ui 3.5.0 → 3.5.20

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

@@ -43,6 +43,7 @@ const DEFAULT_ENTITY_FORMS_MESSAGES = {
     cancel: 'Cancel',
     delete: 'Delete',
     new: 'New',
+    newEntity: 'New {title}',
     edit: 'Edit',
     duplicate: 'Duplicate',
     export: 'Export',
@@ -6514,6 +6515,14 @@ function toEntityListColumn(column, labels = {}, unsetPlaceholders, options = {}
             return { ...base, dataType: 'text', truncate: true, ...(isFormattedType(column) ? { formatter: format } : {}) };
     }
 }
+/**
+ * Label of a list's create action (AB#6211): `newEntity` with the form title ("New Discord
+ * configuration"), or `new` when the form has no title.
+ */
+function entityListCreateLabel(messages, formTitle) {
+    const title = formTitle?.trim();
+    return title ? formatEntityFormsMessage(messages.newEntity, { title }) : messages.new;
+}
 /**
  * `<mm-entity-list>` — the list view of a resolved entity form.
  *
@@ -6578,6 +6587,20 @@ class EntityListComponent {
     /** Host toolbar actions, shown after "New" (AB#5623). */
     toolbarActions = input([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "toolbarActions" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether the list's toolbar carries the create action ("New {form title}", AB#6211). Default
+     * `true`. `<mm-entity-page>` sets `false` and shows the action as the page's one solid primary
+     * in its header instead (Studio action guideline §9). In the toolbar it renders flat.
+     */
+    showCreateAction = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "showCreateAction" }] : /* istanbul ignore next */ []));
+    /**
+     * The row "open" action (AB#6222): `'auto'` (default) = Edit with write permission and an
+     * editable form, else View; `'edit'` = always Edit (pencil) for lists whose rows open a
+     * host-written editor although the generic form is read-only (Studio service accounts).
+     */
+    openAction = input('auto', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "openAction" }] : /* istanbul ignore next */ []));
     /**
      * Host row actions (AB#5623): icon buttons in the actions column after Edit / View. Set
      * `svgIcon` and `text` (tooltip / aria-label); `onClick` gets the row as `e.data`.
@@ -6653,6 +6676,9 @@ class EntityListComponent {
     ...(ngDevMode ? [{ debugName: "canDelete" }] : /* istanbul ignore next */ []));
     editable = computed(() => this.canWrite() && this.model().capabilities.canEdit, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "editable" }] : /* istanbul ignore next */ []));
+    /** Whether the row action reads "Edit" (see {@link openAction}). */
+    opensForEdit = computed(() => this.openAction() === 'edit' ? this.canWrite() : this.editable(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "opensForEdit" }] : /* istanbul ignore next */ []));
     /** Copy ID submenu (Studio convention, see the refinery-studio CLAUDE.md). */
     copyIdMenuItem = computed(() => {
         const m = this.msgs();
@@ -6694,8 +6720,8 @@ class EntityListComponent {
         {
             id: 'open',
             type: 'link',
-            text: this.editable() ? this.msgs().edit : this.msgs().viewTitle,
-            svgIcon: this.editable() ? MM_ACTION_ICONS.edit : MM_ACTION_ICONS.view,
+            text: this.opensForEdit() ? this.msgs().edit : this.msgs().viewTitle,
+            svgIcon: this.opensForEdit() ? MM_ACTION_ICONS.edit : MM_ACTION_ICONS.view,
             onClick: async (e) => this.open(e.data),
         },
         ...this.rowActions(),
@@ -6707,10 +6733,16 @@ class EntityListComponent {
     /** Width of the actions column: Edit/View + the row menu, plus one icon button per host row action. */
     actionsColumnWidth = computed(() => 80 + 40 * this.rowActions().length, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "actionsColumnWidth" }] : /* istanbul ignore next */ []));
-    /** Toolbar: New (only with `canCreate && canWrite`), then the host's `toolbarActions`. */
+    /** Label of the create action: "New {form title}" (AB#6211), "New" without a title. */
+    createLabel = computed(() => entityListCreateLabel(this.msgs(), localizeEntityFormTitle(this.model(), this.labelResolver() ?? this.injectedLabelResolver)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "createLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Toolbar: New (only with `canCreate && canWrite` and `showCreateAction`), then the host's
+     * `toolbarActions`.
+     */
     toolbarItems = computed(() => [
-        ...(this.canCreate()
-            ? [{ id: 'new', type: 'link', text: this.msgs().new, svgIcon: MM_ACTION_ICONS.add, onClick: async () => this.requestCreate() }]
+        ...(this.canCreate() && this.showCreateAction()
+            ? [{ id: 'new', type: 'link', text: this.createLabel(), svgIcon: MM_ACTION_ICONS.add, onClick: async () => this.requestCreate() }]
             : []),
         ...this.toolbarActions(),
     ], /* @ts-ignore */
@@ -6848,12 +6880,12 @@ 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 }, 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 });
+    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 }, showCreateAction: { classPropertyName: "showCreateAction", publicName: "showCreateAction", isSignal: true, isRequired: false, transformFunction: null }, openAction: { classPropertyName: "openAction", publicName: "openAction", 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  [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 }] }] } });
+        }], 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 }] }], showCreateAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCreateAction", required: false }] }], openAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "openAction", 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) {
@@ -6997,7 +7029,7 @@ class EntityPageComponent {
      */
     beforeSave = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "beforeSave" }] : /* istanbul ignore next */ []));
-    /** Host toolbar actions of the list, after "New" (AB#5623). */
+    /** Host toolbar actions of the list (AB#5623); "New {form title}" sits in the page header (AB#6211). */
     listToolbarActions = input([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "listToolbarActions" }] : /* istanbul ignore next */ []));
     /** Host row actions of the list (icon buttons after Edit / View, AB#5623). */
@@ -7087,6 +7119,7 @@ class EntityPageComponent {
     saveIcon = saveIcon;
     backIcon = arrowLeftIcon;
     deleteIcon = MM_ACTION_ICONS.delete;
+    addIcon = MM_ACTION_ICONS.add;
     msgs = computed(() => mergeEntityFormsMessages(this.messages() ?? this.inheritedData('messages')), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "msgs" }] : /* istanbul ignore next */ []));
     effectiveCanWrite = computed(() => {
@@ -7148,6 +7181,12 @@ class EntityPageComponent {
         return typeof bound === 'string' && bound.trim() ? bound.trim() : undefined;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "effectiveRowLabelField" }] : /* istanbul ignore next */ []));
+    /** Row open action of the list (AB#6222): route data `entityListOpenAction` (`'edit'`), else auto. */
+    effectiveListOpenAction = computed(() => {
+        this.routeData();
+        return this.inheritedData('entityListOpenAction') === 'edit' ? 'edit' : 'auto';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "effectiveListOpenAction" }] : /* istanbul ignore next */ []));
     /** Boolean columns of the list: input, else route data `entityListBooleanDisplay`, else text. */
     effectiveListBooleanDisplay = computed(() => {
         this.routeData();
@@ -7205,6 +7244,19 @@ class EntityPageComponent {
     }
     isSingleton = computed(() => !!this.baseModel()?.singleton, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "isSingleton" }] : /* istanbul ignore next */ []));
+    /**
+     * The list's create action sits in the page header as the page's one solid primary (AB#6211,
+     * Studio action guideline §9): only with write permission and a creatable form.
+     */
+    canCreateFromList = computed(() => this.effectiveCanWrite() && !!this.baseModel()?.capabilities.canCreate, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canCreateFromList" }] : /* istanbul ignore next */ []));
+    /** "New {form title}" (AB#6211), e.g. "New Discord configuration". */
+    createLabel = computed(() => entityListCreateLabel(this.msgs(), this.localizedBase()?.title), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "createLabel" }] : /* istanbul ignore next */ []));
+    /** Header create action: same flow as the list's former toolbar "New" (subtype picker, dialog mode). */
+    onCreateFromHeader() {
+        void this.list()?.requestCreate();
+    }
     /** Host heading override (`entityListTitle` route data), else the resolved form title. */
     listTitle = computed(() => {
         this.routeData();
@@ -7814,11 +7866,11 @@ 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 }, 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 });
+    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() || canCreateFromList()) {\n            <div class=\"mm-entity-page__header-actions\">\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              <!-- The page's one solid primary action (AB#6211, action guideline \u00A79). -->\n              @if (canCreateFromList()) {\n                <button kendoButton type=\"button\" themeColor=\"primary\" [svgIcon]=\"addIcon\"\n                        data-entity-page-create (click)=\"onCreateFromHeader()\">{{ createLabel() }}</button>\n              }\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          [showCreateAction]=\"false\"\n          [openAction]=\"effectiveListOpenAction()\"\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,.mm-entity-page__header-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", "showCreateAction", "openAction", "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          [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"] }]
+            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() || canCreateFromList()) {\n            <div class=\"mm-entity-page__header-actions\">\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              <!-- The page's one solid primary action (AB#6211, action guideline \u00A79). -->\n              @if (canCreateFromList()) {\n                <button kendoButton type=\"button\" themeColor=\"primary\" [svgIcon]=\"addIcon\"\n                        data-entity-page-create (click)=\"onCreateFromHeader()\">{{ createLabel() }}</button>\n              }\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          [showCreateAction]=\"false\"\n          [openAction]=\"effectiveListOpenAction()\"\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,.mm-entity-page__header-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() {
@@ -7870,7 +7922,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, booleanDisplay, rowLabelField, 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, openAction, data = {}, } = opts;
     const baseData = {
         ...data,
         ...(formKey !== undefined && { formKey }),
@@ -7887,6 +7939,7 @@ function entityFormRoutes(opts = {}) {
         ...(editMode !== undefined && { entityPageEditMode: editMode }),
         ...(booleanDisplay !== undefined && { entityListBooleanDisplay: booleanDisplay }),
         ...(rowLabelField !== undefined && { entityListRowLabelField: rowLabelField }),
+        ...(openAction !== undefined && { entityListOpenAction: openAction }),
     };
     const listCrumb = breadcrumbUrl !== undefined
         ? { label: breadcrumbLabel, url: breadcrumbUrl, ...(svgIcon && { svgIcon }) }
@@ -7940,5 +7993,5 @@ function entityFormRoutes(opts = {}) {
  * Generated bundle index. Do not edit.
  */
 
-export { BUILT_IN_DEFAULT_FORM, DEFAULT_ENTITY_FORMS_MESSAGES, DEFAULT_GENERATED_SECTION_TITLE, DEFAULT_SECTION_KEY, ENTITY_FORM_ACTION_CONFIRMATION, ENTITY_FORM_BEFORE_SAVE, ENTITY_FORM_DANGER_CONFIRMATION, ENTITY_FORM_FALLBACK_FORMS, ENTITY_FORM_LABEL_RESOLVER, ENTITY_FORM_SECRET_KEY_RING_CONFIGURED, ENTITY_FORM_SECRET_PLACEHOLDER_VALUES, ENTITY_FORM_UNSET_PLACEHOLDER_VALUES, ENTITY_LIST_ROW_CLASS, ENTITY_PAGE_NEW, ENTITY_PAGE_TYPE_QUERY_PARAM, EntityFormComponent, EntityFormDataService, EntityFormRecordsFieldComponent, EntityFormReferenceFieldComponent, EntityFormSaveVeto, EntityFormSecretEditorComponent, EntityFormService, EntityListComponent, EntityListDataSourceDirective, EntityPageActionsDirective, EntityPageComponent, GENERATED_SECTION_KEY, SYSTEM_PROPERTIES, associationFieldKey, associationRoleName, autoEditorFor, buildChangeSet, canonicaliseEntityFormPrefill, canonicalisePath, ckTypeDisplayName, ckTypeShortName, confirmEntityFormAction, confirmEntityFormDanger, entityDeleteConfirmation, entityFormCatalog, entityFormKey, entityFormPrefillState, entityFormRoutes, entityFormTypeTitles, entityFormUnsetPlaceholderFields, entityFormUnsetPlaceholderLookup, entityListAttributeNames, entityListIncludesDerivedTypes, formatEntityFormsMessage, humanizeCkTypeName, isChainEndForm, isEditorCompatible, isEntityFormSaveVeto, isEntityFormUnsetPlaceholder, isSecretMetaData, isVisible, localizeEntityForm, localizeEntityFormTitle, localizeEntityListColumns, mergeEntityFormPrefill, mergeEntityFormsMessages, parseDefault, parseEntityForm, parseEntityForms, parseVisibleWhen, pickEntityForm, provideEntityFormFallbacks, resolveEntityForm, resolveEntityFormLabel, resolveListDefaultSort, runEntityFormBeforeSave, secretMetaDataMarker, secretStatusLabelsOf, selectFallbackForms, shortTypeName, toAttributeInputs, toCkRecordInfo, toCkTypeInfo, toEntityListColumn, toEntityListRow, toFormValue, toKebabTypeKey, toListViewRowClass, withFallbackForms };
+export { BUILT_IN_DEFAULT_FORM, DEFAULT_ENTITY_FORMS_MESSAGES, DEFAULT_GENERATED_SECTION_TITLE, DEFAULT_SECTION_KEY, ENTITY_FORM_ACTION_CONFIRMATION, ENTITY_FORM_BEFORE_SAVE, ENTITY_FORM_DANGER_CONFIRMATION, ENTITY_FORM_FALLBACK_FORMS, ENTITY_FORM_LABEL_RESOLVER, ENTITY_FORM_SECRET_KEY_RING_CONFIGURED, ENTITY_FORM_SECRET_PLACEHOLDER_VALUES, ENTITY_FORM_UNSET_PLACEHOLDER_VALUES, ENTITY_LIST_ROW_CLASS, ENTITY_PAGE_NEW, ENTITY_PAGE_TYPE_QUERY_PARAM, EntityFormComponent, EntityFormDataService, EntityFormRecordsFieldComponent, EntityFormReferenceFieldComponent, EntityFormSaveVeto, EntityFormSecretEditorComponent, EntityFormService, EntityListComponent, EntityListDataSourceDirective, EntityPageActionsDirective, EntityPageComponent, GENERATED_SECTION_KEY, SYSTEM_PROPERTIES, associationFieldKey, associationRoleName, autoEditorFor, buildChangeSet, canonicaliseEntityFormPrefill, canonicalisePath, ckTypeDisplayName, ckTypeShortName, confirmEntityFormAction, confirmEntityFormDanger, entityDeleteConfirmation, entityFormCatalog, entityFormKey, entityFormPrefillState, entityFormRoutes, entityFormTypeTitles, entityFormUnsetPlaceholderFields, entityFormUnsetPlaceholderLookup, entityListAttributeNames, entityListCreateLabel, entityListIncludesDerivedTypes, formatEntityFormsMessage, humanizeCkTypeName, isChainEndForm, isEditorCompatible, isEntityFormSaveVeto, isEntityFormUnsetPlaceholder, isSecretMetaData, isVisible, localizeEntityForm, localizeEntityFormTitle, localizeEntityListColumns, mergeEntityFormPrefill, mergeEntityFormsMessages, parseDefault, parseEntityForm, parseEntityForms, parseVisibleWhen, pickEntityForm, provideEntityFormFallbacks, resolveEntityForm, resolveEntityFormLabel, resolveListDefaultSort, runEntityFormBeforeSave, secretMetaDataMarker, secretStatusLabelsOf, selectFallbackForms, shortTypeName, toAttributeInputs, toCkRecordInfo, toCkTypeInfo, toEntityListColumn, toEntityListRow, toFormValue, toKebabTypeKey, toListViewRowClass, withFallbackForms };
 //# sourceMappingURL=meshmakers-octo-ui-entity-forms.mjs.map