@meshmakers/octo-ui 3.5.430 → 3.5.450

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

@@ -1,6 +1,6 @@
 import { DEFAULT_SECRET_STATUS_LABELS, secretStateFromAttribute, isSecretValueType, isSecretStateObject, toSecretState, isSecretAttributeCandidate, TENANT_ID_PROVIDER, SearchFilterTypesDto, FieldFilterOperatorsDto, OCTO_SILENT_ERRORS, isSecretPresent, DeleteStrategiesDto, AssociationModOptionsDto, GraphDirectionDto, formatSecretStatus, SortOrdersDto, GraphQL } from '@meshmakers/octo-services';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, inject, provideEnvironmentInitializer, LOCALE_ID, input, computed, ChangeDetectionStrategy, Component, signal, effect, forwardRef, untracked, viewChild, output, DestroyRef, Directive, Input, Injector, TemplateRef, ElementRef, contentChild } from '@angular/core';
+import { InjectionToken, Injectable, inject, provideEnvironmentInitializer, makeEnvironmentProviders, LOCALE_ID, input, computed, ChangeDetectionStrategy, Component, signal, effect, forwardRef, untracked, viewChild, output, ElementRef, afterRenderEffect, DestroyRef, Injector, afterNextRender, Directive, Input, TemplateRef, contentChild } from '@angular/core';
 import { firstValueFrom, from, map, isObservable, of } from 'rxjs';
 import * as i1 from 'apollo-angular';
 import { gql } from 'apollo-angular';
@@ -1717,6 +1717,7 @@ function resolveEntityForm(type, forms, opts = {}) {
     const result = {
         source: picked ? picked.source : 'builtIn',
         rtCkTypeId: type.rtCkTypeId,
+        ckTypeAncestors: [...type.ancestors],
         formTargetCkTypeId: form.targetCkTypeId,
         isAbstract: type.isAbstract,
         includeDerivedTypes: form.includeDerivedTypes,
@@ -3452,6 +3453,76 @@ _secretPresence = {}, options = {}) {
     return changeSet;
 }
 
+/**
+ * Multi token of host validators (root or lazy route). Prefer {@link provideEntityFormCrossFieldValidators}.
+ * The `crossFieldValidators` input of `mm-entity-form` is applied in addition to these.
+ */
+const ENTITY_FORM_CROSS_FIELD_VALIDATORS = new InjectionToken('ENTITY_FORM_CROSS_FIELD_VALIDATORS');
+/** Registers validators on a route or at root; several registrations add up. */
+function provideEntityFormCrossFieldValidators(...validators) {
+    return makeEnvironmentProviders([{ provide: ENTITY_FORM_CROSS_FIELD_VALIDATORS, multi: true, useValue: validators }]);
+}
+/** Flattens the injected multi-provider value (`null` / single / list entries). */
+function flattenCrossFieldValidators(provided) {
+    if (!provided) {
+        return [];
+    }
+    const out = [];
+    const visit = (entry) => {
+        if (Array.isArray(entry)) {
+            entry.forEach(visit);
+        }
+        else if (entry && typeof entry.validate === 'function') {
+            out.push(entry);
+        }
+    };
+    visit(provided);
+    return out;
+}
+const norm = (value) => (value ?? '').trim().toLowerCase();
+/** True when the validator applies to the form's concrete type or one of its ancestors. */
+function crossFieldValidatorApplies(validator, form) {
+    const types = new Set([norm(form.rtCkTypeId), ...(form.ckTypeAncestors ?? []).map(norm)]);
+    return validator.ckTypeIds.some((id) => types.has(norm(id)));
+}
+/**
+ * Runs every applicable validator and maps the answer to field keys. The first message per field
+ * wins (validators run in registration order). Names that match no field are dropped.
+ */
+function runCrossFieldValidators(validators, form, fields, values, mode) {
+    const result = {};
+    if (validators.length === 0) {
+        return result;
+    }
+    const byName = new Map();
+    for (const f of fields) {
+        byName.set(norm(f.key), f.key);
+        if (f.attributeName) {
+            byName.set(norm(f.attributeName), f.key);
+        }
+    }
+    for (const validator of validators) {
+        if (!crossFieldValidatorApplies(validator, form)) {
+            continue;
+        }
+        let answer;
+        try {
+            answer = validator.validate({ values, form, mode });
+        }
+        catch (error) {
+            console.error('mm-entity-form: a cross-field validator failed and was ignored', error);
+            continue;
+        }
+        for (const [name, message] of Object.entries(answer ?? {})) {
+            const key = byName.get(norm(name));
+            if (key && message && !(key in result)) {
+                result[key] = message;
+            }
+        }
+    }
+    return result;
+}
+
 /**
  * App-wide {@link EntityFormLabelResolver} for `mm-entity-form`, `mm-entity-list` and
  * `mm-entity-page`. Their `labelResolver` input wins over this token. Not provided = the texts of
@@ -5352,7 +5423,7 @@ function firstErrorKey(errors) {
     if (!errors) {
         return null;
     }
-    const order = ['required', 'min', 'max', 'pattern', 'email', 'url', 'json'];
+    const order = ['required', 'crossField', 'min', 'max', 'pattern', 'email', 'url', 'json'];
     return order.find((k) => k in errors) ?? Object.keys(errors)[0] ?? null;
 }
 /** Deep copy of plain form values (arrays, plain objects, Dates). */
@@ -5396,10 +5467,55 @@ class EntityFormFieldComponent {
     /** Whether the field is required in the current mode (secrets: only when not set). */
     required = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /**
+     * Host mark (AB#7422): text shown under a pristine, otherwise valid field, e.g. the field named
+     * by the last failed deployment. Informational; never affects validity.
+     */
+    externalError = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "externalError" }] : /* istanbul ignore next */ []));
+    /** Host hint (AB#7423): informational text with an optional action link under the field. */
+    hint = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    /** The hint's action link was activated; carries the hint's `actionId`. */
+    hintAction = output();
     /** Change counter from the parent form; read so `errorText` recomputes on every form event. */
     revision = input(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "revision" }] : /* istanbul ignore next */ []));
     locale = inject(LOCALE_ID);
+    host = inject(ElementRef);
+    errorId = computed(() => `mm-ef-error-${this.field().key}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []));
+    helpId = computed(() => `mm-ef-help-${this.field().key}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "helpId" }] : /* istanbul ignore next */ []));
+    hintId = computed(() => `mm-ef-hint-${this.field().key}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // The error text (or, without one, the help text) describes the projected editor control, so a
+        // screen reader announces it with the field (AB#7422). The editors are projected, therefore the
+        // attributes are set on the first native input of the shell after every render.
+        afterRenderEffect(() => {
+            const error = this.errorText();
+            const hasHelp = !!this.field().help;
+            // Kendo switch and dropdown list expose their accessible element as `.k-switch` / `.k-dropdownlist`.
+            const input = this.host.nativeElement.querySelector('.mm-ef-field__editor .k-switch, .mm-ef-field__editor .k-dropdownlist, .mm-ef-field__editor input, .mm-ef-field__editor textarea');
+            if (!input) {
+                return;
+            }
+            const ids = [error ? this.errorId() : hasHelp ? this.helpId() : null, this.hint() ? this.hintId() : null].filter((id) => !!id);
+            if (ids.length > 0) {
+                input.setAttribute('aria-describedby', ids.join(' '));
+            }
+            else {
+                input.removeAttribute('aria-describedby');
+            }
+            if (error) {
+                input.setAttribute('aria-invalid', 'true');
+            }
+            else {
+                input.removeAttribute('aria-invalid');
+            }
+        });
+    }
     showRequired = computed(() => this.required() && !this.readOnly(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showRequired" }] : /* istanbul ignore next */ []));
     /**
@@ -5426,7 +5542,17 @@ class EntityFormFieldComponent {
     errorText = computed(() => {
         this.revision();
         const control = this.control();
-        if (!control || control.disabled || !control.invalid || !(control.touched || control.dirty)) {
+        if (!control || control.disabled) {
+            return null;
+        }
+        // A host-marked field that is still untouched (AB#7422): informational text, no validity impact.
+        const mark = this.externalError();
+        if (!control.invalid && mark && !control.dirty) {
+            return mark;
+        }
+        const crossField = control.errors?.['crossField']?.message;
+        // A cross-field error is shown at once: the partner field the user edits is not this one.
+        if (!control.invalid || !(control.touched || control.dirty || crossField)) {
             return null;
         }
         const key = firstErrorKey(control.errors);
@@ -5449,13 +5575,15 @@ class EntityFormFieldComponent {
                 return m.validationUrl;
             case 'json':
                 return m.validationJson;
+            case 'crossField':
+                return crossField ?? m.formInvalid;
             default:
                 return m.formInvalid;
         }
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EntityFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: EntityFormFieldComponent, isStandalone: true, selector: "mm-entity-form-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, secretState: { classPropertyName: "secretState", publicName: "secretState", isSignal: true, isRequired: false, transformFunction: null }, secretSetAt: { classPropertyName: "secretSetAt", publicName: "secretSetAt", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, revision: { classPropertyName: "revision", publicName: "revision", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mm-ef-field--full": "field().width === 'full'", "class.mm-ef-field--half": "field().width === 'half'", "class.mm-ef-field--invalid": "errorText() !== null", "class.mm-ef-field--readonly": "readOnly()", "attr.data-field-key": "field().key" }, classAttribute: "mm-ef-field" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: EntityFormFieldComponent, isStandalone: true, selector: "mm-entity-form-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: true, transformFunction: null }, secretState: { classPropertyName: "secretState", publicName: "secretState", isSignal: true, isRequired: false, transformFunction: null }, secretSetAt: { classPropertyName: "secretSetAt", publicName: "secretSetAt", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, externalError: { classPropertyName: "externalError", publicName: "externalError", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, revision: { classPropertyName: "revision", publicName: "revision", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hintAction: "hintAction" }, host: { properties: { "class.mm-ef-field--full": "field().width === 'full'", "class.mm-ef-field--half": "field().width === 'half'", "class.mm-ef-field--invalid": "errorText() !== null", "class.mm-ef-field--readonly": "readOnly()", "attr.data-field-key": "field().key" }, classAttribute: "mm-ef-field" }, ngImport: i0, template: `
     <div class="mm-ef-field__label-row">
       <label class="mm-ef-field__label">
         {{ field().label }}
@@ -5479,9 +5607,17 @@ class EntityFormFieldComponent {
       <ng-content></ng-content>
     </div>
     @if (errorText(); as err) {
-      <div class="mm-ef-field__error" role="alert">{{ err }}</div>
+      <div class="mm-ef-field__error" role="alert" [id]="errorId()">{{ err }}</div>
     } @else if (field().help) {
-      <div class="mm-ef-field__help">{{ field().help }}</div>
+      <div class="mm-ef-field__help" [id]="helpId()">{{ field().help }}</div>
+    }
+    @if (hint(); as h) {
+      <div class="mm-ef-field__hint" role="note" [id]="hintId()" data-field-hint>
+        {{ h.text }}
+        @if (h.actionLabel) {
+          <button type="button" class="mm-ef-field__hint-action" (click)="hintAction.emit(h.actionId ?? '')">{{ h.actionLabel }}</button>
+        }
+      </div>
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -5523,13 +5659,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
       <ng-content></ng-content>
     </div>
     @if (errorText(); as err) {
-      <div class="mm-ef-field__error" role="alert">{{ err }}</div>
+      <div class="mm-ef-field__error" role="alert" [id]="errorId()">{{ err }}</div>
     } @else if (field().help) {
-      <div class="mm-ef-field__help">{{ field().help }}</div>
+      <div class="mm-ef-field__help" [id]="helpId()">{{ field().help }}</div>
+    }
+    @if (hint(); as h) {
+      <div class="mm-ef-field__hint" role="note" [id]="hintId()" data-field-hint>
+        {{ h.text }}
+        @if (h.actionLabel) {
+          <button type="button" class="mm-ef-field__hint-action" (click)="hintAction.emit(h.actionId ?? '')">{{ h.actionLabel }}</button>
+        }
+      </div>
     }
   `,
                 }]
-        }], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: true }] }], secretState: [{ type: i0.Input, args: [{ isSignal: true, alias: "secretState", required: false }] }], secretSetAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "secretSetAt", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], revision: [{ type: i0.Input, args: [{ isSignal: true, alias: "revision", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: true }] }], secretState: [{ type: i0.Input, args: [{ isSignal: true, alias: "secretState", required: false }] }], secretSetAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "secretSetAt", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], externalError: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalError", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], hintAction: [{ type: i0.Output, args: ["hintAction"] }], revision: [{ type: i0.Input, args: [{ isSignal: true, alias: "revision", required: false }] }] } });
 
 /** Integer value types: the number editor uses 0 decimals for these. */
 const INTEGER_TYPES = ['INT', 'INTEGER', 'INT_64', 'INTEGER_64'];
@@ -5567,6 +5711,9 @@ class EntityFormComponent {
     keyRingConfigured = inject(ENTITY_FORM_SECRET_KEY_RING_CONFIGURED, { optional: true });
     injectedLabelResolver = inject(ENTITY_FORM_LABEL_RESOLVER, { optional: true });
     injectedBeforeSave = inject(ENTITY_FORM_BEFORE_SAVE, { optional: true });
+    injectedCrossFieldValidators = flattenCrossFieldValidators(inject(ENTITY_FORM_CROSS_FIELD_VALIDATORS, { optional: true }));
+    host = inject(ElementRef);
+    injector = inject(Injector);
     unsetPlaceholders = entityFormUnsetPlaceholderLookup(inject(ENTITY_FORM_UNSET_PLACEHOLDER_VALUES, { optional: true }));
     // --- Inputs ---
     model = input.required(/* @ts-ignore */
@@ -5603,7 +5750,30 @@ class EntityFormComponent {
      */
     beforeSave = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "beforeSave" }] : /* istanbul ignore next */ []));
+    /**
+     * Host cross-field validators (AB#7422), applied in addition to the ones registered with
+     * `provideEntityFormCrossFieldValidators` / `ENTITY_FORM_CROSS_FIELD_VALIDATORS`. A validator
+     * names the fields that break a rule over several fields; those fields are invalid (message
+     * shown immediately) and the form cannot be saved until the rule holds.
+     */
+    crossFieldValidators = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "crossFieldValidators" }] : /* istanbul ignore next */ []));
+    /**
+     * Host marks on fields (AB#7422), e.g. the field named by the last failed deployment: key = field
+     * key or attribute name (any casing), value = the text shown under the field. A mark is
+     * informational — it never blocks saving — and disappears as soon as the user edits that field.
+     */
+    fieldErrors = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fieldErrors" }] : /* istanbul ignore next */ []));
+    /**
+     * Host hints under fields (AB#7423): called with the current values of the form on every change; the
+     * returned hints (text and an optional action link) are shown under their fields. Informational only.
+     */
+    fieldHints = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fieldHints" }] : /* istanbul ignore next */ []));
     // --- Outputs ---
+    /** The action link of a field hint was activated (`actionId` as given by the host, `key` = field key). */
+    fieldHintAction = output();
     changeSetChange = output();
     validChange = output();
     dirtyChange = output();
@@ -5635,6 +5805,63 @@ class EntityFormComponent {
     ...(ngDevMode ? [{ debugName: "rawValues" }] : /* istanbul ignore next */ []));
     collapsed = signal(new Set(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    /** Current cross-field errors by field key (the control validators read it; see {@link refreshCrossFieldErrors}). */
+    crossFieldErrorMap = {};
+    /** Host field marks by field key. */
+    hostFieldMarks = computed(() => {
+        const marks = this.fieldErrors();
+        if (!marks) {
+            return {};
+        }
+        const byName = new Map();
+        for (const f of allFields(this.model())) {
+            byName.set(f.key.toLowerCase(), f.key);
+            if (f.attributeName) {
+                byName.set(f.attributeName.toLowerCase(), f.key);
+            }
+        }
+        const out = {};
+        for (const [name, message] of Object.entries(marks)) {
+            const key = byName.get(name.toLowerCase());
+            if (key && message) {
+                out[key] = message;
+            }
+        }
+        return out;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostFieldMarks" }] : /* istanbul ignore next */ []));
+    /** Host hints by field key, re-evaluated when the values change. */
+    hostHints = computed(() => {
+        const provider = this.fieldHints();
+        if (!provider) {
+            return {};
+        }
+        const model = this.model();
+        let answer;
+        try {
+            answer = provider({ values: this.rawValues(), form: model, mode: this.mode() });
+        }
+        catch (error) {
+            console.error('mm-entity-form: a field hints provider failed and was ignored', error);
+            return {};
+        }
+        const byName = new Map();
+        for (const f of allFields(model)) {
+            byName.set(f.key.toLowerCase(), f.key);
+            if (f.attributeName) {
+                byName.set(f.attributeName.toLowerCase(), f.key);
+            }
+        }
+        const out = {};
+        for (const [name, hint] of Object.entries(answer ?? {})) {
+            const key = byName.get(name.toLowerCase());
+            if (key && hint?.text) {
+                out[key] = hint;
+            }
+        }
+        return out;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostHints" }] : /* istanbul ignore next */ []));
     /** Keys of the fields whose stored value was an unset placeholder (AB#5623); they start empty. */
     unsetPlaceholderFields = signal(new Set(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "unsetPlaceholderFields" }] : /* istanbul ignore next */ []));
@@ -5706,6 +5933,16 @@ class EntityFormComponent {
             const initialValues = this.initialValues();
             untracked(() => this.rebuild(model, mode, this.withPrefill(model, mode, state ?? null, initialValues), readOnly));
         });
+        // Validators that arrive or change after the form was built (async source, conditional binding): re-validate.
+        effect(() => {
+            this.crossFieldValidators();
+            untracked(() => {
+                if (this.refreshCrossFieldErrors()) {
+                    this.bump();
+                    this.emitState();
+                }
+            });
+        });
         // The key ring status arrives asynchronously (and may change): re-apply the enabled state of
         // the secret controls whenever it flips after the form was built.
         effect(() => {
@@ -5770,10 +6007,58 @@ class EntityFormComponent {
         const form = this.form();
         return (form.valid || form.disabled) && this.saveBlockedReason() === null;
     }
-    /** Marks every control as touched so validation errors become visible. */
+    /**
+     * Marks every control as touched so validation errors become visible and moves the focus to the
+     * first invalid field (AB#7422), expanding its section when it is collapsed.
+     */
     markAllAsTouched() {
         this.form().markAllAsTouched();
         this.bump();
+        this.focusFirstInvalid();
+    }
+    /** Focuses the first invalid, visible field in reading order. Returns its key, or `null`. */
+    focusFirstInvalid() {
+        const controls = this.form().controls;
+        const vis = this.visibility();
+        for (const section of this.view().sections) {
+            for (const field of section.fields) {
+                const control = controls[field.key];
+                if (!control || control.disabled || !control.invalid || vis[field.key] === false) {
+                    continue;
+                }
+                return this.focusField(field.key);
+            }
+        }
+        return null;
+    }
+    /**
+     * Focuses the editor of a visible field (key or attribute name, any casing), expanding its section when it
+     * is collapsed (AB#7423, e.g. a hint's action link that leads to another field). Returns the field key, or
+     * `null` when there is no such visible field.
+     */
+    focusField(name) {
+        const wanted = name.toLowerCase();
+        const vis = this.visibility();
+        for (const section of this.view().sections) {
+            for (const field of section.fields) {
+                if (field.key.toLowerCase() !== wanted && field.attributeName?.toLowerCase() !== wanted) {
+                    continue;
+                }
+                if (vis[field.key] === false) {
+                    return null;
+                }
+                if (this.isCollapsed(section)) {
+                    this.toggleSection(section);
+                }
+                afterNextRender(() => {
+                    const root = `[data-field-key="${CSS.escape(field.key)}"]`;
+                    const target = this.host.nativeElement.querySelector(`${root} input, ${root} textarea, ${root} [tabindex]`);
+                    target?.focus();
+                }, { injector: this.injector });
+                return field.key;
+            }
+        }
+        return null;
     }
     /** Rebuilds the form from the current inputs, discarding user edits. */
     reset() {
@@ -5811,6 +6096,16 @@ class EntityFormComponent {
     control(key) {
         return this.form().controls[key];
     }
+    /** Host mark of the field (shown while the field is pristine), or `null`. */
+    hostMark(field) {
+        return this.hostFieldMarks()[field.key] ?? null;
+    }
+    hintOf(field) {
+        return this.hostHints()[field.key] ?? null;
+    }
+    onHintAction(field, actionId) {
+        this.fieldHintAction.emit({ key: field.key, actionId });
+    }
     isFieldVisible(field) {
         return this.visibility()[field.key] !== false;
     }
@@ -5945,10 +6240,13 @@ class EntityFormComponent {
         const form = buildFormGroup(model, mode, { state, readOnly });
         this.normaliseAttributeReferences(model, form);
         this.clearUnsetPlaceholders(model, form);
+        this.installCrossFieldValidators(form);
         this.form.set(form);
         this.collapsed.set(new Set(model.sections.filter((s) => s.collapsed && s.title).map((s) => s.key)));
         this.rawValues.set(form.getRawValue());
         this.applyVisibility();
+        this.crossFieldErrorMap = {};
+        this.refreshCrossFieldErrors();
         this.baselineValues = cloneValue(form.getRawValue());
         this.lastValid = undefined;
         this.lastDirty = undefined;
@@ -5991,6 +6289,7 @@ class EntityFormComponent {
         if (!formValuesEqual(raw, this.rawValues())) {
             this.rawValues.set(raw);
             this.applyVisibility();
+            this.refreshCrossFieldErrors();
         }
         this.bump();
         this.emitState();
@@ -6023,6 +6322,39 @@ class EntityFormComponent {
             }
         }
     }
+    /** One validator per control that reports the current cross-field error of its field. */
+    installCrossFieldValidators(form) {
+        for (const [key, control] of Object.entries(form.controls)) {
+            const validator = (_control) => {
+                const message = this.crossFieldErrorMap[key];
+                return message ? { crossField: { message } } : null;
+            };
+            control.addValidators(validator);
+        }
+    }
+    /**
+     * Re-runs the cross-field validators on the enabled values and re-validates exactly the
+     * controls whose error changed (`emitEvent: false`: no event loop; the caller bumps / emits).
+     */
+    refreshCrossFieldErrors() {
+        const validators = [...this.injectedCrossFieldValidators, ...(this.crossFieldValidators() ?? [])];
+        const form = this.form();
+        const next = validators.length === 0
+            ? {}
+            : runCrossFieldValidators(validators, this.model(), allFields(this.model()), this.enabledValues(), this.mode());
+        const previous = this.crossFieldErrorMap;
+        const keys = new Set([...Object.keys(previous), ...Object.keys(next)]);
+        const changed = [...keys].filter((k) => previous[k] !== next[k]);
+        if (changed.length === 0) {
+            return false;
+        }
+        this.crossFieldErrorMap = next;
+        for (const key of changed) {
+            form.controls[key]?.updateValueAndValidity({ emitEvent: false, onlySelf: true });
+        }
+        form.updateValueAndValidity({ emitEvent: false });
+        return true;
+    }
     /** Values of enabled controls only (hidden and read-only fields are absent). */
     enabledValues() {
         const form = this.form();
@@ -6051,7 +6383,7 @@ class EntityFormComponent {
         this.revision.update((r) => r + 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EntityFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: EntityFormComponent, isStandalone: true, selector: "mm-entity-form", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, records: { classPropertyName: "records", publicName: "records", isSignal: true, isRequired: false, transformFunction: null }, labelResolver: { classPropertyName: "labelResolver", publicName: "labelResolver", 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 } }, outputs: { changeSetChange: "changeSetChange", validChange: "validChange", dirtyChange: "dirtyChange" }, ngImport: i0, template: "@let m = resolvedMessages();\n@let rev = revision();\n<form class=\"mm-entity-form\" [formGroup]=\"form()\" (submit)=\"$event.preventDefault()\" novalidate>\n  @if (saveBlockedReason(); as reason) {\n    <p class=\"mm-ef-blocked\" role=\"status\" data-save-blocked>{{ reason }}</p>\n  }\n  @for (section of view().sections; track section.key) {\n    @if (visibleFieldCount(section) > 0) {\n      <section\n        class=\"mm-ef-section\"\n        [class.mm-ef-section--generated]=\"section.generated\"\n        [class.mm-ef-section--collapsed]=\"isCollapsed(section)\"\n        [attr.data-section-key]=\"section.key\"\n      >\n        @if (section.title) {\n          <button\n            type=\"button\"\n            class=\"mm-ef-section__header\"\n            [attr.aria-expanded]=\"!isCollapsed(section)\"\n            (click)=\"toggleSection(section)\"\n          >\n            <kendo-svgicon [icon]=\"isCollapsed(section) ? chevronRightIcon : chevronDownIcon\"></kendo-svgicon>\n            <span class=\"mm-ef-section__title\">{{ section.title }}</span>\n          </button>\n        }\n        @if (!isCollapsed(section)) {\n          @if (section.description) {\n            <p class=\"mm-ef-section__description\">{{ section.description }}</p>\n          }\n          <div class=\"mm-ef-section__grid\" [class.mm-ef-section__grid--two]=\"section.columns === 2\">\n            @for (field of section.fields; track field.key) {\n              @if (isFieldVisible(field)) {\n                @let ctrl = control(field.key);\n                @let ro = isReadOnly(field);\n                <mm-entity-form-field\n                  [field]=\"field\"\n                  [control]=\"ctrl\"\n                  [messages]=\"m\"\n                  [secretState]=\"secretState(field)\"\n                  [secretSetAt]=\"secretSetAt(field)\"\n                  [readOnly]=\"ro\"\n                  [required]=\"isRequired(field)\"\n                  [revision]=\"rev\"\n                >\n                  @if (field.secret && field.kind === 'attribute' && (field.editor === 'password' || field.editor === 'multiline' || field.editor === 'text')) {\n                    <mm-entity-form-secret-editor\n                      [control]=\"ctrl\"\n                      [messages]=\"m\"\n                      [placeholder]=\"placeholder(field)\"\n                      [multiline]=\"field.editor === 'multiline'\"\n                      [readOnly]=\"ro\"\n                      [canClear]=\"canClearSecret(field)\"\n                      [clearStaged]=\"isSecretClearStaged(field)\"\n                      [writesDisabled]=\"isSecretWriteBlocked(field)\"\n                      [revision]=\"rev\"\n                      (clearStagedChange)=\"setSecretClearStaged(field, $event)\"\n                    ></mm-entity-form-secret-editor>\n                  } @else {\n                  @switch (field.editor) {\n                    @case ('multiline') {\n                      <kendo-textarea\n                        [formControl]=\"ctrl\"\n                        [rows]=\"4\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('json') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('yaml') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('number') {\n                      <kendo-numerictextbox\n                        [formControl]=\"ctrl\"\n                        [decimals]=\"isIntegerField(field) ? 0 : 6\"\n                        [format]=\"isIntegerField(field) ? 'n0' : 'n'\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-numerictextbox>\n                    }\n                    @case ('toggle') {\n                      <kendo-switch\n                        [formControl]=\"ctrl\"\n                        [onLabel]=\"m.toggleOn\"\n                        [offLabel]=\"m.toggleOff\"\n                      ></kendo-switch>\n                    }\n                    @case ('enum') {\n                      <kendo-dropdownlist\n                        [formControl]=\"ctrl\"\n                        [data]=\"field.enumOptions ?? []\"\n                        textField=\"name\"\n                        valueField=\"key\"\n                        [valuePrimitive]=\"true\"\n                        [defaultItem]=\"enumDefaultItem()\"\n                      ></kendo-dropdownlist>\n                    }\n                    @case ('datetime') {\n                      <kendo-datetimepicker\n                        [formControl]=\"ctrl\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readOnlyInput]=\"ro\"\n                      ></kendo-datetimepicker>\n                    }\n                    @case ('cron') {\n                      <mm-cron-builder [formControl]=\"ctrl\"></mm-cron-builder>\n                    }\n                    @case ('chips') {\n                      <mm-entity-form-chips-editor\n                        [formControl]=\"ctrl\"\n                        [numeric]=\"isIntArray(field)\"\n                        [placeholder]=\"field.placeholder ?? m.chipsPlaceholder\"\n                        [invalidMessage]=\"m.validationNumber\"\n                      ></mm-entity-form-chips-editor>\n                    }\n                    @case ('reference') {\n                      <mm-entity-form-reference-field\n                        [formControl]=\"ctrl\"\n                        [targetCkTypeId]=\"field.reference?.targetCkTypeId ?? ''\"\n                        [multiple]=\"field.reference?.multiple ?? false\"\n                        [displayAttributes]=\"field.reference?.displayAttributes ?? noDisplayAttributes\"\n                        [displayAttributeInfo]=\"field.reference?.displayAttributeInfo ?? noDisplayAttributeInfo\"\n                        [messages]=\"messages()\"\n                        [placeholder]=\"field.placeholder ?? m.referencePlaceholder\"\n                        [readOnly]=\"ro\"\n                      ></mm-entity-form-reference-field>\n                    }\n                    @case ('records') {\n                      <mm-entity-form-records-field\n                        [formControl]=\"ctrl\"\n                        [ckRecordId]=\"field.record?.ckRecordId ?? ''\"\n                        [columns]=\"field.record?.columns ?? []\"\n                        [single]=\"field.record?.single ?? false\"\n                        [readOnly]=\"ro\"\n                        [secretWritesDisabled]=\"secretWritesDisabled()\"\n                        [messages]=\"messages()\"\n                      ></mm-entity-form-records-field>\n                    }\n                    @case ('unsupported') {\n                      <div class=\"mm-ef-unsupported\" [attr.title]=\"m.unsupportedEditor\">\n                        <span class=\"mm-ef-mono\">{{ displayUnsupported(field) }}</span>\n                      </div>\n                    }\n                    @default {\n                      <!-- text, password, url, email -->\n                      <kendo-textbox\n                        [formControl]=\"ctrl\"\n                        [type]=\"field.secret || field.editor === 'password' ? 'password' : 'text'\"\n                        [inputAttributes]=\"field.secret || field.editor === 'password' ? { autocomplete: 'new-password' } : {}\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textbox>\n                    }\n                  }\n                  }\n                </mm-entity-form-field>\n              }\n            }\n          </div>\n        }\n      </section>\n    }\n  } @empty {\n    <p class=\"mm-ef-empty\">{{ m.noFieldsToShow }}</p>\n  }\n</form>\n", styles: [":host{display:block}.mm-entity-form{display:flex;flex-direction:column;gap:16px}.mm-ef-section{border:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12));border-radius:6px;background:var(--theme-ink-02, transparent);padding:12px 16px 16px}.mm-ef-section__header{display:flex;align-items:center;gap:6px;width:100%;margin:0 0 12px;padding:0;border:none;background:none;color:var(--theme-text-primary, inherit);font:inherit;font-weight:600;text-align:left;cursor:pointer}.mm-ef-section__header:focus-visible{outline:2px solid var(--theme-text-accent, currentColor);outline-offset:2px}.mm-ef-section--collapsed .mm-ef-section__header{margin-bottom:0}.mm-ef-section__description{margin:-6px 0 12px;color:var(--theme-text-secondary, inherit);font-size:.9em}.mm-ef-section__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px}.mm-ef-section__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}:host ::ng-deep .mm-ef-field{display:flex;flex-direction:column;gap:4px;min-width:0;grid-column:1/-1}:host ::ng-deep .mm-ef-field--half{grid-column:auto}:host ::ng-deep .mm-ef-field .mm-ef-field__label-row{display:flex;align-items:center;gap:8px}:host ::ng-deep .mm-ef-field .mm-ef-field__label{color:var(--theme-text-secondary, inherit);font-size:.875em;font-weight:500}:host ::ng-deep .mm-ef-field .mm-ef-field__required{color:var(--theme-status-error, currentColor);margin-left:2px}:host ::ng-deep .mm-ef-field .mm-ef-field__badge{padding:0 6px;border-radius:999px;border:1px solid var(--theme-border-strong, currentColor);color:var(--theme-text-muted, inherit);font-size:.75em;line-height:1.6}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--set{border-color:var(--theme-status-success, currentColor);color:var(--theme-status-success, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--not-set{border-style:dashed}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--key-missing{border-color:var(--theme-status-warning, currentColor);color:var(--theme-status-warning, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--clear-staged{border-style:dashed;border-color:var(--theme-status-error, currentColor);color:var(--theme-status-error, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__help{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__error{color:var(--theme-status-error, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field--readonly .mm-ef-field__editor{opacity:.85}:host ::ng-deep .mm-ef-mono,:host ::ng-deep .mm-ef-mono textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.mm-ef-unsupported{padding:6px 8px;border-radius:4px;background:var(--theme-ink-04, transparent);color:var(--theme-text-secondary, inherit);overflow-wrap:anywhere}.mm-ef-empty{color:var(--theme-text-muted, inherit)}@media(max-width:720px){.mm-ef-section__grid--two{grid-template-columns:minmax(0,1fr)}:host ::ng-deep .mm-ef-field--half{grid-column:1/-1}}.mm-ef-blocked{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--theme-status-warning, currentColor);background:color-mix(in srgb,var(--theme-status-warning, #f0ad4e) 10%,transparent);font-size:.875em}:host ::ng-deep .mm-ef-secret{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__row{display:flex;align-items:flex-start;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input{flex:1 1 auto;min-width:0}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;caret-color:var(--theme-text-primary, CanvasText)}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::selection{color:transparent;-webkit-text-fill-color:transparent}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::placeholder{color:var(--theme-text-muted, GrayText);-webkit-text-fill-color:var(--theme-text-muted, GrayText);opacity:1}:host ::ng-deep .mm-ef-secret [data-secret-show]:disabled,:host ::ng-deep .mm-ef-secret [data-secret-clear]:disabled{opacity:.4;cursor:not-allowed}:host ::ng-deep .mm-ef-secret .mm-ef-secret__masked{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__staged{display:flex;align-items:center;gap:8px;color:var(--theme-text-muted, inherit);font-size:.875em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__hint{color:var(--theme-status-warning, inherit);font-size:.8em}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i2$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: i2$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i2$1.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i5$1.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: CronBuilderComponent, selector: "mm-cron-builder", inputs: ["config"] }, { kind: "component", type: EntityFormFieldComponent, selector: "mm-entity-form-field", inputs: ["field", "control", "messages", "secretState", "secretSetAt", "readOnly", "required", "revision"] }, { kind: "component", type: EntityFormChipsEditorComponent, selector: "mm-entity-form-chips-editor", inputs: ["numeric", "placeholder", "invalidMessage"] }, { kind: "component", type: EntityFormSecretEditorComponent, selector: "mm-entity-form-secret-editor", inputs: ["control", "messages", "placeholder", "multiline", "readOnly", "canClear", "clearStaged", "writesDisabled", "revision"], outputs: ["clearStagedChange"] }, { kind: "component", type: EntityFormReferenceFieldComponent, selector: "mm-entity-form-reference-field", inputs: ["targetCkTypeId", "multiple", "displayAttributes", "displayAttributeInfo", "placeholder", "readOnly", "messages"] }, { kind: "component", type: EntityFormRecordsFieldComponent, selector: "mm-entity-form-records-field", inputs: ["ckRecordId", "columns", "single", "readOnly", "messages", "secretWritesDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: EntityFormComponent, isStandalone: true, selector: "mm-entity-form", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, records: { classPropertyName: "records", publicName: "records", isSignal: true, isRequired: false, transformFunction: null }, labelResolver: { classPropertyName: "labelResolver", publicName: "labelResolver", 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 }, crossFieldValidators: { classPropertyName: "crossFieldValidators", publicName: "crossFieldValidators", isSignal: true, isRequired: false, transformFunction: null }, fieldErrors: { classPropertyName: "fieldErrors", publicName: "fieldErrors", isSignal: true, isRequired: false, transformFunction: null }, fieldHints: { classPropertyName: "fieldHints", publicName: "fieldHints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fieldHintAction: "fieldHintAction", changeSetChange: "changeSetChange", validChange: "validChange", dirtyChange: "dirtyChange" }, ngImport: i0, template: "@let m = resolvedMessages();\n@let rev = revision();\n<form class=\"mm-entity-form\" [formGroup]=\"form()\" (submit)=\"$event.preventDefault()\" novalidate>\n  @if (saveBlockedReason(); as reason) {\n    <p class=\"mm-ef-blocked\" role=\"status\" data-save-blocked>{{ reason }}</p>\n  }\n  @for (section of view().sections; track section.key) {\n    @if (visibleFieldCount(section) > 0) {\n      <section\n        class=\"mm-ef-section\"\n        [class.mm-ef-section--generated]=\"section.generated\"\n        [class.mm-ef-section--collapsed]=\"isCollapsed(section)\"\n        [attr.data-section-key]=\"section.key\"\n      >\n        @if (section.title) {\n          <button\n            type=\"button\"\n            class=\"mm-ef-section__header\"\n            [attr.aria-expanded]=\"!isCollapsed(section)\"\n            (click)=\"toggleSection(section)\"\n          >\n            <kendo-svgicon [icon]=\"isCollapsed(section) ? chevronRightIcon : chevronDownIcon\"></kendo-svgicon>\n            <span class=\"mm-ef-section__title\">{{ section.title }}</span>\n          </button>\n        }\n        @if (!isCollapsed(section)) {\n          @if (section.description) {\n            <p class=\"mm-ef-section__description\">{{ section.description }}</p>\n          }\n          <div class=\"mm-ef-section__grid\" [class.mm-ef-section__grid--two]=\"section.columns === 2\">\n            @for (field of section.fields; track field.key) {\n              @if (isFieldVisible(field)) {\n                @let ctrl = control(field.key);\n                @let ro = isReadOnly(field);\n                <mm-entity-form-field\n                  [field]=\"field\"\n                  [control]=\"ctrl\"\n                  [messages]=\"m\"\n                  [secretState]=\"secretState(field)\"\n                  [secretSetAt]=\"secretSetAt(field)\"\n                  [readOnly]=\"ro\"\n                  [required]=\"isRequired(field)\"\n                  [externalError]=\"hostMark(field)\"\n                  [hint]=\"hintOf(field)\"\n                  (hintAction)=\"onHintAction(field, $event)\"\n                  [revision]=\"rev\"\n                >\n                  @if (field.secret && field.kind === 'attribute' && (field.editor === 'password' || field.editor === 'multiline' || field.editor === 'text')) {\n                    <mm-entity-form-secret-editor\n                      [control]=\"ctrl\"\n                      [messages]=\"m\"\n                      [placeholder]=\"placeholder(field)\"\n                      [multiline]=\"field.editor === 'multiline'\"\n                      [readOnly]=\"ro\"\n                      [canClear]=\"canClearSecret(field)\"\n                      [clearStaged]=\"isSecretClearStaged(field)\"\n                      [writesDisabled]=\"isSecretWriteBlocked(field)\"\n                      [revision]=\"rev\"\n                      (clearStagedChange)=\"setSecretClearStaged(field, $event)\"\n                    ></mm-entity-form-secret-editor>\n                  } @else {\n                  @switch (field.editor) {\n                    @case ('multiline') {\n                      <kendo-textarea\n                        [formControl]=\"ctrl\"\n                        [rows]=\"4\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('json') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('yaml') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('number') {\n                      <kendo-numerictextbox\n                        [formControl]=\"ctrl\"\n                        [decimals]=\"isIntegerField(field) ? 0 : 6\"\n                        [format]=\"isIntegerField(field) ? 'n0' : 'n'\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-numerictextbox>\n                    }\n                    @case ('toggle') {\n                      <kendo-switch\n                        [formControl]=\"ctrl\"\n                        [onLabel]=\"m.toggleOn\"\n                        [offLabel]=\"m.toggleOff\"\n                      ></kendo-switch>\n                    }\n                    @case ('enum') {\n                      <kendo-dropdownlist\n                        [formControl]=\"ctrl\"\n                        [data]=\"field.enumOptions ?? []\"\n                        textField=\"name\"\n                        valueField=\"key\"\n                        [valuePrimitive]=\"true\"\n                        [defaultItem]=\"enumDefaultItem()\"\n                      ></kendo-dropdownlist>\n                    }\n                    @case ('datetime') {\n                      <kendo-datetimepicker\n                        [formControl]=\"ctrl\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readOnlyInput]=\"ro\"\n                      ></kendo-datetimepicker>\n                    }\n                    @case ('cron') {\n                      <mm-cron-builder [formControl]=\"ctrl\"></mm-cron-builder>\n                    }\n                    @case ('chips') {\n                      <mm-entity-form-chips-editor\n                        [formControl]=\"ctrl\"\n                        [numeric]=\"isIntArray(field)\"\n                        [placeholder]=\"field.placeholder ?? m.chipsPlaceholder\"\n                        [invalidMessage]=\"m.validationNumber\"\n                      ></mm-entity-form-chips-editor>\n                    }\n                    @case ('reference') {\n                      <mm-entity-form-reference-field\n                        [formControl]=\"ctrl\"\n                        [targetCkTypeId]=\"field.reference?.targetCkTypeId ?? ''\"\n                        [multiple]=\"field.reference?.multiple ?? false\"\n                        [displayAttributes]=\"field.reference?.displayAttributes ?? noDisplayAttributes\"\n                        [displayAttributeInfo]=\"field.reference?.displayAttributeInfo ?? noDisplayAttributeInfo\"\n                        [messages]=\"messages()\"\n                        [placeholder]=\"field.placeholder ?? m.referencePlaceholder\"\n                        [readOnly]=\"ro\"\n                      ></mm-entity-form-reference-field>\n                    }\n                    @case ('records') {\n                      <mm-entity-form-records-field\n                        [formControl]=\"ctrl\"\n                        [ckRecordId]=\"field.record?.ckRecordId ?? ''\"\n                        [columns]=\"field.record?.columns ?? []\"\n                        [single]=\"field.record?.single ?? false\"\n                        [readOnly]=\"ro\"\n                        [secretWritesDisabled]=\"secretWritesDisabled()\"\n                        [messages]=\"messages()\"\n                      ></mm-entity-form-records-field>\n                    }\n                    @case ('unsupported') {\n                      <div class=\"mm-ef-unsupported\" [attr.title]=\"m.unsupportedEditor\">\n                        <span class=\"mm-ef-mono\">{{ displayUnsupported(field) }}</span>\n                      </div>\n                    }\n                    @default {\n                      <!-- text, password, url, email -->\n                      <kendo-textbox\n                        [formControl]=\"ctrl\"\n                        [type]=\"field.secret || field.editor === 'password' ? 'password' : 'text'\"\n                        [inputAttributes]=\"field.secret || field.editor === 'password' ? { autocomplete: 'new-password' } : {}\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textbox>\n                    }\n                  }\n                  }\n                </mm-entity-form-field>\n              }\n            }\n          </div>\n        }\n      </section>\n    }\n  } @empty {\n    <p class=\"mm-ef-empty\">{{ m.noFieldsToShow }}</p>\n  }\n</form>\n", styles: [":host{display:block}.mm-entity-form{display:flex;flex-direction:column;gap:16px}.mm-ef-section{border:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12));border-radius:6px;background:var(--theme-ink-02, transparent);padding:12px 16px 16px}.mm-ef-section__header{display:flex;align-items:center;gap:6px;width:100%;margin:0 0 12px;padding:0;border:none;background:none;color:var(--theme-text-primary, inherit);font:inherit;font-weight:600;text-align:left;cursor:pointer}.mm-ef-section__header:focus-visible{outline:2px solid var(--theme-text-accent, currentColor);outline-offset:2px}.mm-ef-section--collapsed .mm-ef-section__header{margin-bottom:0}.mm-ef-section__description{margin:-6px 0 12px;color:var(--theme-text-secondary, inherit);font-size:.9em}.mm-ef-section__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px}.mm-ef-section__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}:host ::ng-deep .mm-ef-field{display:flex;flex-direction:column;gap:4px;min-width:0;grid-column:1/-1}:host ::ng-deep .mm-ef-field--half{grid-column:auto}:host ::ng-deep .mm-ef-field .mm-ef-field__label-row{display:flex;align-items:center;gap:8px}:host ::ng-deep .mm-ef-field .mm-ef-field__label{color:var(--theme-text-secondary, inherit);font-size:.875em;font-weight:500}:host ::ng-deep .mm-ef-field .mm-ef-field__required{color:var(--theme-status-error, currentColor);margin-left:2px}:host ::ng-deep .mm-ef-field .mm-ef-field__badge{padding:0 6px;border-radius:999px;border:1px solid var(--theme-border-strong, currentColor);color:var(--theme-text-muted, inherit);font-size:.75em;line-height:1.6}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--set{border-color:var(--theme-status-success, currentColor);color:var(--theme-status-success, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--not-set{border-style:dashed}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--key-missing{border-color:var(--theme-status-warning, currentColor);color:var(--theme-status-warning, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--clear-staged{border-style:dashed;border-color:var(--theme-status-error, currentColor);color:var(--theme-status-error, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__help{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__error{color:var(--theme-status-error, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__hint{color:var(--theme-status-warning, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__hint-action{background:none;border:0;padding:0;margin-left:.4em;color:var(--theme-text-accent, inherit);font:inherit;text-decoration:underline;cursor:pointer}:host ::ng-deep .mm-ef-field--readonly .mm-ef-field__editor{opacity:.85}:host ::ng-deep .mm-ef-mono,:host ::ng-deep .mm-ef-mono textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.mm-ef-unsupported{padding:6px 8px;border-radius:4px;background:var(--theme-ink-04, transparent);color:var(--theme-text-secondary, inherit);overflow-wrap:anywhere}.mm-ef-empty{color:var(--theme-text-muted, inherit)}@media(max-width:720px){.mm-ef-section__grid--two{grid-template-columns:minmax(0,1fr)}:host ::ng-deep .mm-ef-field--half{grid-column:1/-1}}.mm-ef-blocked{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--theme-status-warning, currentColor);background:color-mix(in srgb,var(--theme-status-warning, #f0ad4e) 10%,transparent);font-size:.875em}:host ::ng-deep .mm-ef-secret{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__row{display:flex;align-items:flex-start;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input{flex:1 1 auto;min-width:0}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;caret-color:var(--theme-text-primary, CanvasText)}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::selection{color:transparent;-webkit-text-fill-color:transparent}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::placeholder{color:var(--theme-text-muted, GrayText);-webkit-text-fill-color:var(--theme-text-muted, GrayText);opacity:1}:host ::ng-deep .mm-ef-secret [data-secret-show]:disabled,:host ::ng-deep .mm-ef-secret [data-secret-clear]:disabled{opacity:.4;cursor:not-allowed}:host ::ng-deep .mm-ef-secret .mm-ef-secret__masked{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__staged{display:flex;align-items:center;gap:8px;color:var(--theme-text-muted, inherit);font-size:.875em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__hint{color:var(--theme-status-warning, inherit);font-size:.8em}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i2$1.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "inputAttributes", "adornmentsOrientation", "rows", "cols", "maxlength", "maxResizableRows", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode", "showPrefixSeparator", "showSuffixSeparator"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "component", type: i2$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i2$1.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "onLabel", "offLabel", "checked", "disabled", "readonly", "tabindex", "size", "thumbRounded", "trackRounded", "tabIndex"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { kind: "component", type: i5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "adaptiveTitle", "adaptiveSubtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "clearButton", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur", "escape"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i5$1.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }, { kind: "component", type: CronBuilderComponent, selector: "mm-cron-builder", inputs: ["config"] }, { kind: "component", type: EntityFormFieldComponent, selector: "mm-entity-form-field", inputs: ["field", "control", "messages", "secretState", "secretSetAt", "readOnly", "required", "externalError", "hint", "revision"], outputs: ["hintAction"] }, { kind: "component", type: EntityFormChipsEditorComponent, selector: "mm-entity-form-chips-editor", inputs: ["numeric", "placeholder", "invalidMessage"] }, { kind: "component", type: EntityFormSecretEditorComponent, selector: "mm-entity-form-secret-editor", inputs: ["control", "messages", "placeholder", "multiline", "readOnly", "canClear", "clearStaged", "writesDisabled", "revision"], outputs: ["clearStagedChange"] }, { kind: "component", type: EntityFormReferenceFieldComponent, selector: "mm-entity-form-reference-field", inputs: ["targetCkTypeId", "multiple", "displayAttributes", "displayAttributeInfo", "placeholder", "readOnly", "messages"] }, { kind: "component", type: EntityFormRecordsFieldComponent, selector: "mm-entity-form-records-field", inputs: ["ckRecordId", "columns", "single", "readOnly", "messages", "secretWritesDisabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: EntityFormComponent, decorators: [{
             type: Component,
@@ -6070,8 +6402,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
                         EntityFormSecretEditorComponent,
                         EntityFormReferenceFieldComponent,
                         EntityFormRecordsFieldComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let m = resolvedMessages();\n@let rev = revision();\n<form class=\"mm-entity-form\" [formGroup]=\"form()\" (submit)=\"$event.preventDefault()\" novalidate>\n  @if (saveBlockedReason(); as reason) {\n    <p class=\"mm-ef-blocked\" role=\"status\" data-save-blocked>{{ reason }}</p>\n  }\n  @for (section of view().sections; track section.key) {\n    @if (visibleFieldCount(section) > 0) {\n      <section\n        class=\"mm-ef-section\"\n        [class.mm-ef-section--generated]=\"section.generated\"\n        [class.mm-ef-section--collapsed]=\"isCollapsed(section)\"\n        [attr.data-section-key]=\"section.key\"\n      >\n        @if (section.title) {\n          <button\n            type=\"button\"\n            class=\"mm-ef-section__header\"\n            [attr.aria-expanded]=\"!isCollapsed(section)\"\n            (click)=\"toggleSection(section)\"\n          >\n            <kendo-svgicon [icon]=\"isCollapsed(section) ? chevronRightIcon : chevronDownIcon\"></kendo-svgicon>\n            <span class=\"mm-ef-section__title\">{{ section.title }}</span>\n          </button>\n        }\n        @if (!isCollapsed(section)) {\n          @if (section.description) {\n            <p class=\"mm-ef-section__description\">{{ section.description }}</p>\n          }\n          <div class=\"mm-ef-section__grid\" [class.mm-ef-section__grid--two]=\"section.columns === 2\">\n            @for (field of section.fields; track field.key) {\n              @if (isFieldVisible(field)) {\n                @let ctrl = control(field.key);\n                @let ro = isReadOnly(field);\n                <mm-entity-form-field\n                  [field]=\"field\"\n                  [control]=\"ctrl\"\n                  [messages]=\"m\"\n                  [secretState]=\"secretState(field)\"\n                  [secretSetAt]=\"secretSetAt(field)\"\n                  [readOnly]=\"ro\"\n                  [required]=\"isRequired(field)\"\n                  [revision]=\"rev\"\n                >\n                  @if (field.secret && field.kind === 'attribute' && (field.editor === 'password' || field.editor === 'multiline' || field.editor === 'text')) {\n                    <mm-entity-form-secret-editor\n                      [control]=\"ctrl\"\n                      [messages]=\"m\"\n                      [placeholder]=\"placeholder(field)\"\n                      [multiline]=\"field.editor === 'multiline'\"\n                      [readOnly]=\"ro\"\n                      [canClear]=\"canClearSecret(field)\"\n                      [clearStaged]=\"isSecretClearStaged(field)\"\n                      [writesDisabled]=\"isSecretWriteBlocked(field)\"\n                      [revision]=\"rev\"\n                      (clearStagedChange)=\"setSecretClearStaged(field, $event)\"\n                    ></mm-entity-form-secret-editor>\n                  } @else {\n                  @switch (field.editor) {\n                    @case ('multiline') {\n                      <kendo-textarea\n                        [formControl]=\"ctrl\"\n                        [rows]=\"4\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('json') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('yaml') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('number') {\n                      <kendo-numerictextbox\n                        [formControl]=\"ctrl\"\n                        [decimals]=\"isIntegerField(field) ? 0 : 6\"\n                        [format]=\"isIntegerField(field) ? 'n0' : 'n'\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-numerictextbox>\n                    }\n                    @case ('toggle') {\n                      <kendo-switch\n                        [formControl]=\"ctrl\"\n                        [onLabel]=\"m.toggleOn\"\n                        [offLabel]=\"m.toggleOff\"\n                      ></kendo-switch>\n                    }\n                    @case ('enum') {\n                      <kendo-dropdownlist\n                        [formControl]=\"ctrl\"\n                        [data]=\"field.enumOptions ?? []\"\n                        textField=\"name\"\n                        valueField=\"key\"\n                        [valuePrimitive]=\"true\"\n                        [defaultItem]=\"enumDefaultItem()\"\n                      ></kendo-dropdownlist>\n                    }\n                    @case ('datetime') {\n                      <kendo-datetimepicker\n                        [formControl]=\"ctrl\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readOnlyInput]=\"ro\"\n                      ></kendo-datetimepicker>\n                    }\n                    @case ('cron') {\n                      <mm-cron-builder [formControl]=\"ctrl\"></mm-cron-builder>\n                    }\n                    @case ('chips') {\n                      <mm-entity-form-chips-editor\n                        [formControl]=\"ctrl\"\n                        [numeric]=\"isIntArray(field)\"\n                        [placeholder]=\"field.placeholder ?? m.chipsPlaceholder\"\n                        [invalidMessage]=\"m.validationNumber\"\n                      ></mm-entity-form-chips-editor>\n                    }\n                    @case ('reference') {\n                      <mm-entity-form-reference-field\n                        [formControl]=\"ctrl\"\n                        [targetCkTypeId]=\"field.reference?.targetCkTypeId ?? ''\"\n                        [multiple]=\"field.reference?.multiple ?? false\"\n                        [displayAttributes]=\"field.reference?.displayAttributes ?? noDisplayAttributes\"\n                        [displayAttributeInfo]=\"field.reference?.displayAttributeInfo ?? noDisplayAttributeInfo\"\n                        [messages]=\"messages()\"\n                        [placeholder]=\"field.placeholder ?? m.referencePlaceholder\"\n                        [readOnly]=\"ro\"\n                      ></mm-entity-form-reference-field>\n                    }\n                    @case ('records') {\n                      <mm-entity-form-records-field\n                        [formControl]=\"ctrl\"\n                        [ckRecordId]=\"field.record?.ckRecordId ?? ''\"\n                        [columns]=\"field.record?.columns ?? []\"\n                        [single]=\"field.record?.single ?? false\"\n                        [readOnly]=\"ro\"\n                        [secretWritesDisabled]=\"secretWritesDisabled()\"\n                        [messages]=\"messages()\"\n                      ></mm-entity-form-records-field>\n                    }\n                    @case ('unsupported') {\n                      <div class=\"mm-ef-unsupported\" [attr.title]=\"m.unsupportedEditor\">\n                        <span class=\"mm-ef-mono\">{{ displayUnsupported(field) }}</span>\n                      </div>\n                    }\n                    @default {\n                      <!-- text, password, url, email -->\n                      <kendo-textbox\n                        [formControl]=\"ctrl\"\n                        [type]=\"field.secret || field.editor === 'password' ? 'password' : 'text'\"\n                        [inputAttributes]=\"field.secret || field.editor === 'password' ? { autocomplete: 'new-password' } : {}\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textbox>\n                    }\n                  }\n                  }\n                </mm-entity-form-field>\n              }\n            }\n          </div>\n        }\n      </section>\n    }\n  } @empty {\n    <p class=\"mm-ef-empty\">{{ m.noFieldsToShow }}</p>\n  }\n</form>\n", styles: [":host{display:block}.mm-entity-form{display:flex;flex-direction:column;gap:16px}.mm-ef-section{border:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12));border-radius:6px;background:var(--theme-ink-02, transparent);padding:12px 16px 16px}.mm-ef-section__header{display:flex;align-items:center;gap:6px;width:100%;margin:0 0 12px;padding:0;border:none;background:none;color:var(--theme-text-primary, inherit);font:inherit;font-weight:600;text-align:left;cursor:pointer}.mm-ef-section__header:focus-visible{outline:2px solid var(--theme-text-accent, currentColor);outline-offset:2px}.mm-ef-section--collapsed .mm-ef-section__header{margin-bottom:0}.mm-ef-section__description{margin:-6px 0 12px;color:var(--theme-text-secondary, inherit);font-size:.9em}.mm-ef-section__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px}.mm-ef-section__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}:host ::ng-deep .mm-ef-field{display:flex;flex-direction:column;gap:4px;min-width:0;grid-column:1/-1}:host ::ng-deep .mm-ef-field--half{grid-column:auto}:host ::ng-deep .mm-ef-field .mm-ef-field__label-row{display:flex;align-items:center;gap:8px}:host ::ng-deep .mm-ef-field .mm-ef-field__label{color:var(--theme-text-secondary, inherit);font-size:.875em;font-weight:500}:host ::ng-deep .mm-ef-field .mm-ef-field__required{color:var(--theme-status-error, currentColor);margin-left:2px}:host ::ng-deep .mm-ef-field .mm-ef-field__badge{padding:0 6px;border-radius:999px;border:1px solid var(--theme-border-strong, currentColor);color:var(--theme-text-muted, inherit);font-size:.75em;line-height:1.6}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--set{border-color:var(--theme-status-success, currentColor);color:var(--theme-status-success, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--not-set{border-style:dashed}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--key-missing{border-color:var(--theme-status-warning, currentColor);color:var(--theme-status-warning, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--clear-staged{border-style:dashed;border-color:var(--theme-status-error, currentColor);color:var(--theme-status-error, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__help{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__error{color:var(--theme-status-error, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field--readonly .mm-ef-field__editor{opacity:.85}:host ::ng-deep .mm-ef-mono,:host ::ng-deep .mm-ef-mono textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.mm-ef-unsupported{padding:6px 8px;border-radius:4px;background:var(--theme-ink-04, transparent);color:var(--theme-text-secondary, inherit);overflow-wrap:anywhere}.mm-ef-empty{color:var(--theme-text-muted, inherit)}@media(max-width:720px){.mm-ef-section__grid--two{grid-template-columns:minmax(0,1fr)}:host ::ng-deep .mm-ef-field--half{grid-column:1/-1}}.mm-ef-blocked{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--theme-status-warning, currentColor);background:color-mix(in srgb,var(--theme-status-warning, #f0ad4e) 10%,transparent);font-size:.875em}:host ::ng-deep .mm-ef-secret{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__row{display:flex;align-items:flex-start;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input{flex:1 1 auto;min-width:0}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;caret-color:var(--theme-text-primary, CanvasText)}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::selection{color:transparent;-webkit-text-fill-color:transparent}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::placeholder{color:var(--theme-text-muted, GrayText);-webkit-text-fill-color:var(--theme-text-muted, GrayText);opacity:1}:host ::ng-deep .mm-ef-secret [data-secret-show]:disabled,:host ::ng-deep .mm-ef-secret [data-secret-clear]:disabled{opacity:.4;cursor:not-allowed}:host ::ng-deep .mm-ef-secret .mm-ef-secret__masked{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__staged{display:flex;align-items:center;gap:8px;color:var(--theme-text-muted, inherit);font-size:.875em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__hint{color:var(--theme-status-warning, inherit);font-size:.8em}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], records: [{ type: i0.Input, args: [{ isSignal: true, alias: "records", required: false }] }], labelResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelResolver", required: false }] }], initialValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValues", required: false }] }], beforeSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeSave", required: false }] }], changeSetChange: [{ type: i0.Output, args: ["changeSetChange"] }], validChange: [{ type: i0.Output, args: ["validChange"] }], dirtyChange: [{ type: i0.Output, args: ["dirtyChange"] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let m = resolvedMessages();\n@let rev = revision();\n<form class=\"mm-entity-form\" [formGroup]=\"form()\" (submit)=\"$event.preventDefault()\" novalidate>\n  @if (saveBlockedReason(); as reason) {\n    <p class=\"mm-ef-blocked\" role=\"status\" data-save-blocked>{{ reason }}</p>\n  }\n  @for (section of view().sections; track section.key) {\n    @if (visibleFieldCount(section) > 0) {\n      <section\n        class=\"mm-ef-section\"\n        [class.mm-ef-section--generated]=\"section.generated\"\n        [class.mm-ef-section--collapsed]=\"isCollapsed(section)\"\n        [attr.data-section-key]=\"section.key\"\n      >\n        @if (section.title) {\n          <button\n            type=\"button\"\n            class=\"mm-ef-section__header\"\n            [attr.aria-expanded]=\"!isCollapsed(section)\"\n            (click)=\"toggleSection(section)\"\n          >\n            <kendo-svgicon [icon]=\"isCollapsed(section) ? chevronRightIcon : chevronDownIcon\"></kendo-svgicon>\n            <span class=\"mm-ef-section__title\">{{ section.title }}</span>\n          </button>\n        }\n        @if (!isCollapsed(section)) {\n          @if (section.description) {\n            <p class=\"mm-ef-section__description\">{{ section.description }}</p>\n          }\n          <div class=\"mm-ef-section__grid\" [class.mm-ef-section__grid--two]=\"section.columns === 2\">\n            @for (field of section.fields; track field.key) {\n              @if (isFieldVisible(field)) {\n                @let ctrl = control(field.key);\n                @let ro = isReadOnly(field);\n                <mm-entity-form-field\n                  [field]=\"field\"\n                  [control]=\"ctrl\"\n                  [messages]=\"m\"\n                  [secretState]=\"secretState(field)\"\n                  [secretSetAt]=\"secretSetAt(field)\"\n                  [readOnly]=\"ro\"\n                  [required]=\"isRequired(field)\"\n                  [externalError]=\"hostMark(field)\"\n                  [hint]=\"hintOf(field)\"\n                  (hintAction)=\"onHintAction(field, $event)\"\n                  [revision]=\"rev\"\n                >\n                  @if (field.secret && field.kind === 'attribute' && (field.editor === 'password' || field.editor === 'multiline' || field.editor === 'text')) {\n                    <mm-entity-form-secret-editor\n                      [control]=\"ctrl\"\n                      [messages]=\"m\"\n                      [placeholder]=\"placeholder(field)\"\n                      [multiline]=\"field.editor === 'multiline'\"\n                      [readOnly]=\"ro\"\n                      [canClear]=\"canClearSecret(field)\"\n                      [clearStaged]=\"isSecretClearStaged(field)\"\n                      [writesDisabled]=\"isSecretWriteBlocked(field)\"\n                      [revision]=\"rev\"\n                      (clearStagedChange)=\"setSecretClearStaged(field, $event)\"\n                    ></mm-entity-form-secret-editor>\n                  } @else {\n                  @switch (field.editor) {\n                    @case ('multiline') {\n                      <kendo-textarea\n                        [formControl]=\"ctrl\"\n                        [rows]=\"4\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('json') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('yaml') {\n                      <kendo-textarea\n                        class=\"mm-ef-mono\"\n                        [formControl]=\"ctrl\"\n                        [rows]=\"8\"\n                        resizable=\"vertical\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textarea>\n                    }\n                    @case ('number') {\n                      <kendo-numerictextbox\n                        [formControl]=\"ctrl\"\n                        [decimals]=\"isIntegerField(field) ? 0 : 6\"\n                        [format]=\"isIntegerField(field) ? 'n0' : 'n'\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-numerictextbox>\n                    }\n                    @case ('toggle') {\n                      <kendo-switch\n                        [formControl]=\"ctrl\"\n                        [onLabel]=\"m.toggleOn\"\n                        [offLabel]=\"m.toggleOff\"\n                      ></kendo-switch>\n                    }\n                    @case ('enum') {\n                      <kendo-dropdownlist\n                        [formControl]=\"ctrl\"\n                        [data]=\"field.enumOptions ?? []\"\n                        textField=\"name\"\n                        valueField=\"key\"\n                        [valuePrimitive]=\"true\"\n                        [defaultItem]=\"enumDefaultItem()\"\n                      ></kendo-dropdownlist>\n                    }\n                    @case ('datetime') {\n                      <kendo-datetimepicker\n                        [formControl]=\"ctrl\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readOnlyInput]=\"ro\"\n                      ></kendo-datetimepicker>\n                    }\n                    @case ('cron') {\n                      <mm-cron-builder [formControl]=\"ctrl\"></mm-cron-builder>\n                    }\n                    @case ('chips') {\n                      <mm-entity-form-chips-editor\n                        [formControl]=\"ctrl\"\n                        [numeric]=\"isIntArray(field)\"\n                        [placeholder]=\"field.placeholder ?? m.chipsPlaceholder\"\n                        [invalidMessage]=\"m.validationNumber\"\n                      ></mm-entity-form-chips-editor>\n                    }\n                    @case ('reference') {\n                      <mm-entity-form-reference-field\n                        [formControl]=\"ctrl\"\n                        [targetCkTypeId]=\"field.reference?.targetCkTypeId ?? ''\"\n                        [multiple]=\"field.reference?.multiple ?? false\"\n                        [displayAttributes]=\"field.reference?.displayAttributes ?? noDisplayAttributes\"\n                        [displayAttributeInfo]=\"field.reference?.displayAttributeInfo ?? noDisplayAttributeInfo\"\n                        [messages]=\"messages()\"\n                        [placeholder]=\"field.placeholder ?? m.referencePlaceholder\"\n                        [readOnly]=\"ro\"\n                      ></mm-entity-form-reference-field>\n                    }\n                    @case ('records') {\n                      <mm-entity-form-records-field\n                        [formControl]=\"ctrl\"\n                        [ckRecordId]=\"field.record?.ckRecordId ?? ''\"\n                        [columns]=\"field.record?.columns ?? []\"\n                        [single]=\"field.record?.single ?? false\"\n                        [readOnly]=\"ro\"\n                        [secretWritesDisabled]=\"secretWritesDisabled()\"\n                        [messages]=\"messages()\"\n                      ></mm-entity-form-records-field>\n                    }\n                    @case ('unsupported') {\n                      <div class=\"mm-ef-unsupported\" [attr.title]=\"m.unsupportedEditor\">\n                        <span class=\"mm-ef-mono\">{{ displayUnsupported(field) }}</span>\n                      </div>\n                    }\n                    @default {\n                      <!-- text, password, url, email -->\n                      <kendo-textbox\n                        [formControl]=\"ctrl\"\n                        [type]=\"field.secret || field.editor === 'password' ? 'password' : 'text'\"\n                        [inputAttributes]=\"field.secret || field.editor === 'password' ? { autocomplete: 'new-password' } : {}\"\n                        [placeholder]=\"placeholder(field)\"\n                        [readonly]=\"ro\"\n                      ></kendo-textbox>\n                    }\n                  }\n                  }\n                </mm-entity-form-field>\n              }\n            }\n          </div>\n        }\n      </section>\n    }\n  } @empty {\n    <p class=\"mm-ef-empty\">{{ m.noFieldsToShow }}</p>\n  }\n</form>\n", styles: [":host{display:block}.mm-entity-form{display:flex;flex-direction:column;gap:16px}.mm-ef-section{border:1px solid var(--theme-border-subtle, rgba(0, 0, 0, .12));border-radius:6px;background:var(--theme-ink-02, transparent);padding:12px 16px 16px}.mm-ef-section__header{display:flex;align-items:center;gap:6px;width:100%;margin:0 0 12px;padding:0;border:none;background:none;color:var(--theme-text-primary, inherit);font:inherit;font-weight:600;text-align:left;cursor:pointer}.mm-ef-section__header:focus-visible{outline:2px solid var(--theme-text-accent, currentColor);outline-offset:2px}.mm-ef-section--collapsed .mm-ef-section__header{margin-bottom:0}.mm-ef-section__description{margin:-6px 0 12px;color:var(--theme-text-secondary, inherit);font-size:.9em}.mm-ef-section__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 16px}.mm-ef-section__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}:host ::ng-deep .mm-ef-field{display:flex;flex-direction:column;gap:4px;min-width:0;grid-column:1/-1}:host ::ng-deep .mm-ef-field--half{grid-column:auto}:host ::ng-deep .mm-ef-field .mm-ef-field__label-row{display:flex;align-items:center;gap:8px}:host ::ng-deep .mm-ef-field .mm-ef-field__label{color:var(--theme-text-secondary, inherit);font-size:.875em;font-weight:500}:host ::ng-deep .mm-ef-field .mm-ef-field__required{color:var(--theme-status-error, currentColor);margin-left:2px}:host ::ng-deep .mm-ef-field .mm-ef-field__badge{padding:0 6px;border-radius:999px;border:1px solid var(--theme-border-strong, currentColor);color:var(--theme-text-muted, inherit);font-size:.75em;line-height:1.6}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--set{border-color:var(--theme-status-success, currentColor);color:var(--theme-status-success, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--not-set{border-style:dashed}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--key-missing{border-color:var(--theme-status-warning, currentColor);color:var(--theme-status-warning, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__badge--clear-staged{border-style:dashed;border-color:var(--theme-status-error, currentColor);color:var(--theme-status-error, inherit)}:host ::ng-deep .mm-ef-field .mm-ef-field__help{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__error{color:var(--theme-status-error, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__hint{color:var(--theme-status-warning, inherit);font-size:.8em}:host ::ng-deep .mm-ef-field .mm-ef-field__hint-action{background:none;border:0;padding:0;margin-left:.4em;color:var(--theme-text-accent, inherit);font:inherit;text-decoration:underline;cursor:pointer}:host ::ng-deep .mm-ef-field--readonly .mm-ef-field__editor{opacity:.85}:host ::ng-deep .mm-ef-mono,:host ::ng-deep .mm-ef-mono textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}.mm-ef-unsupported{padding:6px 8px;border-radius:4px;background:var(--theme-ink-04, transparent);color:var(--theme-text-secondary, inherit);overflow-wrap:anywhere}.mm-ef-empty{color:var(--theme-text-muted, inherit)}@media(max-width:720px){.mm-ef-section__grid--two{grid-template-columns:minmax(0,1fr)}:host ::ng-deep .mm-ef-field--half{grid-column:1/-1}}.mm-ef-blocked{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--theme-status-warning, currentColor);background:color-mix(in srgb,var(--theme-status-warning, #f0ad4e) 10%,transparent);font-size:.875em}:host ::ng-deep .mm-ef-secret{display:flex;flex-direction:column;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__row{display:flex;align-items:flex-start;gap:4px}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input{flex:1 1 auto;min-width:0}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;caret-color:var(--theme-text-primary, CanvasText)}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::selection{color:transparent;-webkit-text-fill-color:transparent}:host ::ng-deep .mm-ef-secret .mm-ef-secret__input--masked textarea::placeholder{color:var(--theme-text-muted, GrayText);-webkit-text-fill-color:var(--theme-text-muted, GrayText);opacity:1}:host ::ng-deep .mm-ef-secret [data-secret-show]:disabled,:host ::ng-deep .mm-ef-secret [data-secret-clear]:disabled{opacity:.4;cursor:not-allowed}:host ::ng-deep .mm-ef-secret .mm-ef-secret__masked{color:var(--theme-text-muted, inherit);font-size:.8em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__staged{display:flex;align-items:center;gap:8px;color:var(--theme-text-muted, inherit);font-size:.875em}:host ::ng-deep .mm-ef-secret .mm-ef-secret__hint{color:var(--theme-status-warning, inherit);font-size:.8em}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], records: [{ type: i0.Input, args: [{ isSignal: true, alias: "records", required: false }] }], labelResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelResolver", required: false }] }], initialValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialValues", required: false }] }], beforeSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeSave", required: false }] }], crossFieldValidators: [{ type: i0.Input, args: [{ isSignal: true, alias: "crossFieldValidators", required: false }] }], fieldErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldErrors", required: false }] }], fieldHints: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldHints", required: false }] }], fieldHintAction: [{ type: i0.Output, args: ["fieldHintAction"] }], changeSetChange: [{ type: i0.Output, args: ["changeSetChange"] }], validChange: [{ type: i0.Output, args: ["validChange"] }], dirtyChange: [{ type: i0.Output, args: ["dirtyChange"] }] } });
 
 /** Prefix of the well-known names of delivered forms (`form-sftp-configuration`). */
 const FORM_WELL_KNOWN_NAME_PREFIX = 'form-';
@@ -7866,7 +8198,7 @@ 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() || 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>\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: "directive", type: MmDialogActionsDirective, selector: "kendo-dialog-actions" }, { 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 });
+    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>\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: "directive", type: MmDialogActionsDirective, selector: "kendo-dialog-actions" }, { 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", "crossFieldValidators", "fieldErrors", "fieldHints"], outputs: ["fieldHintAction", "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,
@@ -7993,5 +8325,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, 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 };
+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_CROSS_FIELD_VALIDATORS, 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, crossFieldValidatorApplies, entityDeleteConfirmation, entityFormCatalog, entityFormKey, entityFormPrefillState, entityFormRoutes, entityFormTypeTitles, entityFormUnsetPlaceholderFields, entityFormUnsetPlaceholderLookup, entityListAttributeNames, entityListCreateLabel, entityListIncludesDerivedTypes, flattenCrossFieldValidators, formatEntityFormsMessage, humanizeCkTypeName, isChainEndForm, isEditorCompatible, isEntityFormSaveVeto, isEntityFormUnsetPlaceholder, isSecretMetaData, isVisible, localizeEntityForm, localizeEntityFormTitle, localizeEntityListColumns, mergeEntityFormPrefill, mergeEntityFormsMessages, parseDefault, parseEntityForm, parseEntityForms, parseVisibleWhen, pickEntityForm, provideEntityFormCrossFieldValidators, provideEntityFormFallbacks, resolveEntityForm, resolveEntityFormLabel, resolveListDefaultSort, runCrossFieldValidators, runEntityFormBeforeSave, secretMetaDataMarker, secretStatusLabelsOf, selectFallbackForms, shortTypeName, toAttributeInputs, toCkRecordInfo, toCkTypeInfo, toEntityListColumn, toEntityListRow, toFormValue, toKebabTypeKey, toListViewRowClass, withFallbackForms };
 //# sourceMappingURL=meshmakers-octo-ui-entity-forms.mjs.map