@smartbit4all/ng-client 7.3.12 → 7.3.14

package/fesm2022/smartbit4all-ng-client.mjs

@@ -7290,46 +7290,32 @@ class SmartFormService {
     }
     getValueDeeply(model, key) {
         let splittedKey = key.split('.');
-        let value;
-        splittedKey.forEach((k) => {
-            if (!value) {
-                value = model[k];
-            }
-            else {
-                if (value[k] === undefined ||
-                    value[k] === null ||
-                    (!value && typeof value[k] !== 'boolean')) {
-                    value = '';
-                    return value;
-                }
-                else {
-                    value = value[k];
-                }
+        let value = model[splittedKey[0]];
+        for (const k of splittedKey.slice(1)) {
+            // A null or non-object parent has no field: the key binds nothing.
+            if (value === null || typeof value !== 'object') {
+                return undefined;
             }
-        });
+            value = value[k] ?? '';
+        }
         return value;
     }
     setValueDeeply(model, key, value) {
         let splittedKeys = key.split('.');
-        let deepModel = [model];
-        let tempModel;
-        for (let index = 0; index < splittedKeys.length; index++) {
-            tempModel = deepModel[index];
-            if (typeof tempModel[splittedKeys[index]] !== 'string' &&
-                typeof tempModel[splittedKeys[index]] !== 'boolean' &&
-                typeof tempModel[splittedKeys[index]] !== 'number' &&
-                tempModel[splittedKeys[index]] !== undefined) {
-                deepModel.push(tempModel[splittedKeys[index]]);
-            }
-            if (index === splittedKeys.length - 1) {
-                let oldValue = tempModel[splittedKeys[index]];
-                // if (value === '' && (oldValue === null || oldValue === undefined) then don't change value.
-                if (value !== '' || (oldValue !== null && oldValue !== undefined)) {
-                    tempModel[splittedKeys[index]] = value;
-                }
-                break;
+        const leafKey = splittedKeys.pop();
+        let tempModel = model;
+        for (const k of splittedKeys) {
+            tempModel = tempModel[k];
+            // A null or non-object parent has no field to write: the write is dropped.
+            if (tempModel === null || typeof tempModel !== 'object') {
+                return;
             }
         }
+        let oldValue = tempModel[leafKey];
+        // if (value === '' && (oldValue === null || oldValue === undefined) then don't change value.
+        if (value !== '' || (oldValue !== null && oldValue !== undefined)) {
+            tempModel[leafKey] = value;
+        }
     }
     getPropertyNamesDeeply(element) {
         let properties = Object.keys(element);
@@ -11487,36 +11473,316 @@ function resolveViewHandler(viewHandlers, defaultComponents, view) {
  * Public API Surface of smart-view-context
  */
 
+/** Input types that take no text, so a key pressed on them is free for a keybinding. */
+const NON_TEXT_INPUT_TYPES = new Set([
+    'button',
+    'checkbox',
+    'radio',
+    'submit',
+    'reset',
+    'file',
+    'range',
+    'color',
+]);
+/**
+ * Whether the element takes typed text: a text-like input, a textarea, a select or anything
+ * contenteditable. Keys pressed there belong to the element first (ADR-0012).
+ */
+function isEditableTarget(element) {
+    if (element instanceof HTMLInputElement) {
+        return !NON_TEXT_INPUT_TYPES.has(element.type);
+    }
+    return (element instanceof HTMLTextAreaElement ||
+        element instanceof HTMLSelectElement ||
+        (element instanceof HTMLElement && element.isContentEditable));
+}
+/** The controls the browser activates on `Enter` or `Space`, natively or by their ARIA role. */
+const ACTIVATABLE_SELECTOR = [
+    'button',
+    'a[href]',
+    'summary',
+    ...[
+        'button',
+        'link',
+        'menuitem',
+        'menuitemcheckbox',
+        'menuitemradio',
+        'option',
+        'switch',
+        'tab',
+        'checkbox',
+        'radio',
+        'treeitem',
+    ].map((role) => `[role="${role}"]`),
+].join(', ');
+/**
+ * Whether the element is, or sits in, a control that `Enter` or `Space` activates: a button, a
+ * link, a summary, a clickable input or an ARIA-interactive role. The browser activates it after
+ * the keydown, so a binding firing on that key would steal the click (ADR-0012).
+ */
+function isActivatableTarget(element) {
+    if (element instanceof HTMLInputElement) {
+        return NON_TEXT_INPUT_TYPES.has(element.type);
+    }
+    return element?.closest(ACTIVATABLE_SELECTOR) != null;
+}
+
+/** The keys that edit the text of an editable element or move in it, unmodified. */
+const TEXT_KEYS = new Set([
+    'Backspace',
+    'Delete',
+    'ArrowUp',
+    'ArrowDown',
+    'ArrowLeft',
+    'ArrowRight',
+    'Home',
+    'End',
+    'PageUp',
+    'PageDown',
+    'Tab',
+]);
+/**
+ * Turns key presses into the actions the views bind them to (ADR-0012). One document listener
+ * serves every view: the key goes to the innermost view holding the focus and bubbles to the
+ * enclosing views until a binding fires. When nothing has the focus, it goes to the view that had
+ * it last (a pushed layout re-renders the focused field, and the focus falls to the body), else
+ * the top-most dialog, else the current page; while a dialog is open, the view that had the focus
+ * last counts only if it is in the dialog. A dialog sits in the overlay container, outside the DOM
+ * of the views below it, so the key never leaves a dialog.
+ */
+class SmartKeybindingService {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.injector = inject(Injector);
+        this.isMac = isMacPlatform();
+        this.hosts = new Map();
+        /** The elements of no view whose keys go to a view: a dialog's header to the page it shows. */
+        this.forwards = new Map();
+        const listener = (event) => this.onKeydown(event);
+        const focusListener = (event) => this.onFocusin(event);
+        this.document.addEventListener('keydown', listener);
+        this.document.addEventListener('focusin', focusListener);
+        inject(DestroyRef).onDestroy(() => {
+            this.document.removeEventListener('keydown', listener);
+            this.document.removeEventListener('focusin', focusListener);
+        });
+    }
+    /** Lets the view take keys; returns the function that stops it. */
+    register(entry) {
+        this.hosts.set(entry.host, entry);
+        return () => {
+            if (this.hosts.get(entry.host) === entry) {
+                this.hosts.delete(entry.host);
+            }
+            if (this.lastActive === entry) {
+                this.lastActive = undefined;
+            }
+        };
+    }
+    /**
+     * Sends the keys pressed with the focus in `from`, an element outside every view (the header
+     * of a dialog), to the view whose host is `to`; returns the function that stops it.
+     */
+    forwardKeys(from, to) {
+        this.forwards.set(from, to);
+        return () => {
+            if (this.forwards.get(from) === to) {
+                this.forwards.delete(from);
+            }
+        };
+    }
+    onFocusin(event) {
+        // The focus in an overlay of no view (a select or menu panel) keeps the view it came from.
+        const view = this.closestView(event.target instanceof Element ? event.target : null);
+        if (view) {
+            this.lastActive = view;
+        }
+    }
+    onKeydown(event) {
+        // The Enter of an IME composition confirms the composed text; it is no command. A keydown
+        // without a key (the browser's autofill fires one) is no key press either.
+        if (event.repeat || event.defaultPrevented || event.isComposing || !event.key) {
+            return;
+        }
+        const target = event.target instanceof Element ? event.target : null;
+        if (isEditableTarget(target) && editsText(event, target)) {
+            return;
+        }
+        if (isActivatableTarget(target) && activates(event)) {
+            return;
+        }
+        for (let view = this.startView(); view; view = this.closestView(view.host.parentElement)) {
+            const binding = view.bindings().find((b) => matches(b.chord, event, this.isMac));
+            if (binding && view.fire(binding.uiActionCode, binding.uiActionIdentifier)) {
+                event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+        }
+    }
+    startView() {
+        const active = this.document.activeElement;
+        if (active &&
+            active !== this.document.body &&
+            active !== this.document.documentElement &&
+            this.document.contains(active)) {
+            // An element in an overlay of no view (an open select or menu panel) finds none.
+            const view = this.closestView(active) ?? this.forwardedView(active);
+            if (view) {
+                this.lastActive = view;
+            }
+            return view;
+        }
+        // Injected late: the view context is not needed before the first key, and resolving it at
+        // startup would construct it ahead of the bootstrap.
+        const viewContext = this.injector.get(SmartViewContextService);
+        const last = this.lastActive && this.isOnScreen(this.lastActive) ? this.lastActive : undefined;
+        const dialogUuid = viewContext.topDialogUuid();
+        if (dialogUuid !== undefined) {
+            // A view nested in the dialog keeps the key; the page behind the dialog does not get it.
+            const dialog = this.viewOf(dialogUuid);
+            return last && dialog?.host.contains(last.host) ? last : dialog;
+        }
+        return last ?? this.viewOf(viewContext.activePageUuid());
+    }
+    isOnScreen(view) {
+        return this.hosts.get(view.host) === view && this.document.contains(view.host);
+    }
+    viewOf(uuid) {
+        return [...this.hosts.values()].find((view) => view.uuid === uuid);
+    }
+    forwardedView(element) {
+        for (const [from, to] of this.forwards) {
+            if (from.contains(element)) {
+                return this.hosts.get(to);
+            }
+        }
+        return undefined;
+    }
+    closestView(element) {
+        for (let node = element; node; node = node.parentElement) {
+            const view = this.hosts.get(node);
+            if (view) {
+                return view;
+            }
+        }
+        return undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartKeybindingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartKeybindingService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartKeybindingService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+/**
+ * Whether the key, pressed in an editable element, edits or moves in its text. `Escape`, the
+ * function keys and `Enter` in a single-line input do not, so they reach the bindings.
+ */
+function editsText(event, target) {
+    if (event.ctrlKey || event.altKey || event.metaKey) {
+        return false;
+    }
+    if (event.key.length === 1 || TEXT_KEYS.has(event.key)) {
+        return true;
+    }
+    return (event.key === 'Enter' &&
+        (target instanceof HTMLTextAreaElement ||
+            (target instanceof HTMLElement && target.isContentEditable)));
+}
+/**
+ * Whether the key activates a focused button, link or ARIA control: an unmodified `Enter` or
+ * `Space` (Shift alone counts as unmodified). The browser clicks the control after the keydown,
+ * so the key stays with it.
+ */
+function activates(event) {
+    const modified = event.ctrlKey || event.altKey || event.metaKey;
+    return !modified && (event.key === 'Enter' || event.key === ' ');
+}
+
+/** The hardcoded toolbar ids (UiAction.toolbar) a child's action can target. */
+const TOOLBAR_DIALOG_HEADER = "toolbarDialogHeader";
+const TOOLBAR_DIALOG_FOOTER = "toolbarDialogFooter";
+/** The one place that knows where the client keeps its current window descriptor. Adjust to your model. */
+function windowDescriptorOf(client) {
+    return client?.modelState?.()?.windowDescriptor;
+}
+/** The shape the toolbar was always given: { descriptor, uiAction }. */
+function toModel(action) {
+    return { descriptor: action.descriptor, uiAction: action };
+}
 class SmartContainerDialog {
     constructor() {
+        this.TOOLBAR_DIALOG_HEADER = TOOLBAR_DIALOG_HEADER;
+        this.TOOLBAR_DIALOG_FOOTER = TOOLBAR_DIALOG_FOOTER;
         this.data = inject(MAT_DIALOG_DATA);
-        /** The client of the rendered page: the executor of the header actions. */
+        this.keybindings = inject(SmartKeybindingService);
+        this.destroyRef = inject(DestroyRef);
+        /** The client of the rendered page: the executor of the toolbar actions. */
         this.executor = signal(undefined, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "executor" }] : /* istanbul ignore next */ []));
-        // Built once: a getter returning a new array on every change detection would rebind the
-        // toolbar's input each time and make it re-resolve its entries.
-        this.uiActionModels = this.actions.map((a) => ({ descriptor: a.descriptor, uiAction: a }));
-    }
-    get title() {
-        return this.data.descriptor?.title ?? "";
-    }
-    get actions() {
-        return this.data.descriptor?.actions ?? [];
+        /** The current window descriptor: starts from the dialog data, then follows the client. */
+        this.descriptor = signal(this.data.descriptor, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptor" }] : /* istanbul ignore next */ []));
+        this.title = computed(() => this.descriptor()?.title ?? "", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.childActions = computed(() => {
+            const models = this.executor()?.actionModels?.() ?? [];
+            const actions = models.map((m) => m.uiAction).filter((a) => !!a);
+            return actions;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "childActions" }] : /* istanbul ignore next */ []));
+        this.headerModels = computed(() => {
+            const result = this.childActions()
+                .filter((a) => a.toolbar === TOOLBAR_DIALOG_HEADER)
+                .map(toModel);
+            return result;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "headerModels" }] : /* istanbul ignore next */ []));
+        this.footerModels = computed(() => {
+            const result = this.childActions()
+                .filter((a) => a.toolbar === TOOLBAR_DIALOG_FOOTER)
+                .map(toModel);
+            return result;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "footerModels" }] : /* istanbul ignore next */ []));
     }
     ngAfterViewInit() {
         const ref = this.vcRef.createComponent(this.data.component);
-        this.executor.set(ref.injector.get(SmartComponentHost, null)?.client);
+        const client = ref.injector.get(SmartComponentHost, null)?.client;
+        if (client) {
+            // The header is outside the page's element, so its keys would reach no view.
+            this.destroyRef.onDestroy(this.keybindings.forwardKeys(this.header.nativeElement, ref.location.nativeElement));
+            // The window descriptor (title) can change with the page's data.
+            client.dataChanged
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe(() => this.refreshDescriptor(client));
+        }
+        this.executor.set(client);
         ref.changeDetectorRef.detectChanges();
+        if (client) {
+            this.refreshDescriptor(client);
+        }
+    }
+    refreshDescriptor(client) {
+        const next = windowDescriptorOf(client);
+        // Keep the descriptor from the dialog data until the client has one of its own.
+        if (next && next !== this.descriptor()) {
+            this.descriptor.set(next);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartContainerDialog, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartContainerDialog, isStandalone: true, selector: "smart-container-dialog", viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponentHere"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div class=\"dialog-container\">\r\n  <div class=\"dialog-header\">\r\n    <h1 class=\"dialog-title\">{{ title }}</h1>\r\n\r\n    @if (actions.length && executor()) {\r\n      <smart-ui-action-toolbar\r\n        class=\"dialog-header-toolbar\"\r\n        [uiActionModels]=\"uiActionModels\"\r\n        [executor]=\"executor()\"\r\n      ></smart-ui-action-toolbar>\r\n    }\r\n  </div>\r\n\r\n  <mat-dialog-content class=\"dialog-content\">\r\n    <ng-template #renderComponentHere></ng-template>\r\n  </mat-dialog-content>\r\n</div>\r\n", styles: [".dialog-container{display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;gap:.5rem;padding:.25rem}.dialog-title{flex:1;margin:0}.dialog-header-toolbar ::ng-deep button{min-width:unset}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"], outputs: ["actionFired"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartContainerDialog, isStandalone: true, selector: "smart-container-dialog", viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponentHere"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"dialog-container\">\r\n  <div class=\"dialog-header\" #header>\r\n    <h1 class=\"dialog-title\">{{ title() }}</h1>\r\n\r\n    @if (headerModels().length && executor()) {\r\n   <smart-ui-action-toolbar\r\n    class=\"dialog-header-toolbar\"\r\n    [id]=\"TOOLBAR_DIALOG_HEADER\"\r\n    [uiActionModels]=\"headerModels()\"\r\n    [executor]=\"executor()\"\r\n    ></smart-ui-action-toolbar>\r\n    }\r\n  </div>\r\n\r\n  <mat-dialog-content class=\"dialog-content\">\r\n    <ng-template #renderComponentHere></ng-template>\r\n  </mat-dialog-content>\r\n\r\n  @if (footerModels().length && executor()) {\r\n  <div class=\"dialog-footer\">\r\n      <smart-ui-action-toolbar\r\n      class=\"dialog-footer-toolbar\"\r\n      [id]=\"TOOLBAR_DIALOG_FOOTER\"\r\n      [uiActionModels]=\"footerModels()\"\r\n      [executor]=\"executor()\"\r\n      ></smart-ui-action-toolbar>\r\n    </div>\r\n  }\r\n</div>", styles: [".dialog-container{display:flex;flex-direction:column;--sb4-dialog-default-padding: .5rem;--sb4-dialog-default-max-height: 85vh;--mat-dialog-content-padding: var(--sb4-dialog-default-padding)}.dialog-header{display:flex;align-items:center;gap:var(--sb4-dialog-default-padding);padding:var(--sb4-dialog-default-padding)}.mat-mdc-dialog-content{max-height:var(--sb4-dialog-default-max-height)}.dialog-title{flex:1;margin:0}.dialog-header-toolbar ::ng-deep button{min-width:unset}.dialog-footer{padding:var(--sb4-dialog-default-padding)}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"], outputs: ["actionFired"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartContainerDialog, decorators: [{
             type: Component,
-            args: [{ selector: "smart-container-dialog", imports: [MatDialogContent, UiActionToolbarComponent], template: "<div class=\"dialog-container\">\r\n  <div class=\"dialog-header\">\r\n    <h1 class=\"dialog-title\">{{ title }}</h1>\r\n\r\n    @if (actions.length && executor()) {\r\n      <smart-ui-action-toolbar\r\n        class=\"dialog-header-toolbar\"\r\n        [uiActionModels]=\"uiActionModels\"\r\n        [executor]=\"executor()\"\r\n      ></smart-ui-action-toolbar>\r\n    }\r\n  </div>\r\n\r\n  <mat-dialog-content class=\"dialog-content\">\r\n    <ng-template #renderComponentHere></ng-template>\r\n  </mat-dialog-content>\r\n</div>\r\n", styles: [".dialog-container{display:flex;flex-direction:column}.dialog-header{display:flex;align-items:center;gap:.5rem;padding:.25rem}.dialog-title{flex:1;margin:0}.dialog-header-toolbar ::ng-deep button{min-width:unset}\n"] }]
+            args: [{ selector: "smart-container-dialog", imports: [MatDialogContent, UiActionToolbarComponent], template: "<div class=\"dialog-container\">\r\n  <div class=\"dialog-header\" #header>\r\n    <h1 class=\"dialog-title\">{{ title() }}</h1>\r\n\r\n    @if (headerModels().length && executor()) {\r\n   <smart-ui-action-toolbar\r\n    class=\"dialog-header-toolbar\"\r\n    [id]=\"TOOLBAR_DIALOG_HEADER\"\r\n    [uiActionModels]=\"headerModels()\"\r\n    [executor]=\"executor()\"\r\n    ></smart-ui-action-toolbar>\r\n    }\r\n  </div>\r\n\r\n  <mat-dialog-content class=\"dialog-content\">\r\n    <ng-template #renderComponentHere></ng-template>\r\n  </mat-dialog-content>\r\n\r\n  @if (footerModels().length && executor()) {\r\n  <div class=\"dialog-footer\">\r\n      <smart-ui-action-toolbar\r\n      class=\"dialog-footer-toolbar\"\r\n      [id]=\"TOOLBAR_DIALOG_FOOTER\"\r\n      [uiActionModels]=\"footerModels()\"\r\n      [executor]=\"executor()\"\r\n      ></smart-ui-action-toolbar>\r\n    </div>\r\n  }\r\n</div>", styles: [".dialog-container{display:flex;flex-direction:column;--sb4-dialog-default-padding: .5rem;--sb4-dialog-default-max-height: 85vh;--mat-dialog-content-padding: var(--sb4-dialog-default-padding)}.dialog-header{display:flex;align-items:center;gap:var(--sb4-dialog-default-padding);padding:var(--sb4-dialog-default-padding)}.mat-mdc-dialog-content{max-height:var(--sb4-dialog-default-max-height)}.dialog-title{flex:1;margin:0}.dialog-header-toolbar ::ng-deep button{min-width:unset}.dialog-footer{padding:var(--sb4-dialog-default-padding)}\n"] }]
         }], propDecorators: { vcRef: [{
                 type: ViewChild,
                 args: ["renderComponentHere", { read: ViewContainerRef, static: true }]
+            }], header: [{
+                type: ViewChild,
+                args: ["header", { static: true }]
             }] } });
 
 class SmartViewContextDialogService {
@@ -11543,12 +11809,12 @@ class SmartViewContextDialogService {
         return dialogRef;
     }
     openComponentAsDialog(component, viewName, uuid, dialogDescriptor) {
-        return this.openContainerDialog(component, viewName, dialogDescriptor);
+        return this.openContainerDialog(component, viewName, dialogDescriptor, undefined, uuid);
     }
-    openContainerDialog(component, viewName, dialogDescriptor, config) {
+    openContainerDialog(component, viewName, dialogDescriptor, config, uuid) {
         return this.dialog.open(SmartContainerDialog, {
             ...config,
-            data: { component, descriptor: dialogDescriptor, viewName },
+            data: { component, descriptor: dialogDescriptor, viewName, uuid },
             closeOnNavigation: false,
         });
     }
@@ -11622,60 +11888,6 @@ function findExchangeSlots(ops) {
     return new Set([...opening].filter((key) => closing.has(key)));
 }
 
-/** Input types that take no text, so a key pressed on them is free for a keybinding. */
-const NON_TEXT_INPUT_TYPES = new Set([
-    'button',
-    'checkbox',
-    'radio',
-    'submit',
-    'reset',
-    'file',
-    'range',
-    'color',
-]);
-/**
- * Whether the element takes typed text: a text-like input, a textarea, a select or anything
- * contenteditable. Keys pressed there belong to the element first (ADR-0012).
- */
-function isEditableTarget(element) {
-    if (element instanceof HTMLInputElement) {
-        return !NON_TEXT_INPUT_TYPES.has(element.type);
-    }
-    return (element instanceof HTMLTextAreaElement ||
-        element instanceof HTMLSelectElement ||
-        (element instanceof HTMLElement && element.isContentEditable));
-}
-/** The controls the browser activates on `Enter` or `Space`, natively or by their ARIA role. */
-const ACTIVATABLE_SELECTOR = [
-    'button',
-    'a[href]',
-    'summary',
-    ...[
-        'button',
-        'link',
-        'menuitem',
-        'menuitemcheckbox',
-        'menuitemradio',
-        'option',
-        'switch',
-        'tab',
-        'checkbox',
-        'radio',
-        'treeitem',
-    ].map((role) => `[role="${role}"]`),
-].join(', ');
-/**
- * Whether the element is, or sits in, a control that `Enter` or `Space` activates: a button, a
- * link, a summary, a clickable input or an ARIA-interactive role. The browser activates it after
- * the keydown, so a binding firing on that key would steal the click (ADR-0012).
- */
-function isActivatableTarget(element) {
-    if (element instanceof HTMLInputElement) {
-        return NON_TEXT_INPUT_TYPES.has(element.type);
-    }
-    return element?.closest(ACTIVATABLE_SELECTOR) != null;
-}
-
 const DefaultUiActionCode_CLOSE = "DEFAULT_CLOSE";
 const DIALOG_DISABLE_CLOSE = new InjectionToken("dialogDisableClose");
 /** How long the old component of an exchanged slot waits for the model of the new view. */
@@ -15568,156 +15780,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
             type: Injectable
         }] });
 
-/** The keys that edit the text of an editable element or move in it, unmodified. */
-const TEXT_KEYS = new Set([
-    'Backspace',
-    'Delete',
-    'ArrowUp',
-    'ArrowDown',
-    'ArrowLeft',
-    'ArrowRight',
-    'Home',
-    'End',
-    'PageUp',
-    'PageDown',
-    'Tab',
-]);
-/**
- * Turns key presses into the actions the views bind them to (ADR-0012). One document listener
- * serves every view: the key goes to the innermost view holding the focus and bubbles to the
- * enclosing views until a binding fires. When nothing has the focus, it goes to the view that had
- * it last (a pushed layout re-renders the focused field, and the focus falls to the body), else
- * the top-most dialog, else the current page; while a dialog is open, the view that had the focus
- * last counts only if it is in the dialog. A dialog sits in the overlay container, outside the DOM
- * of the views below it, so the key never leaves a dialog.
- */
-class SmartKeybindingService {
-    constructor() {
-        this.document = inject(DOCUMENT);
-        this.injector = inject(Injector);
-        this.isMac = isMacPlatform();
-        this.hosts = new Map();
-        const listener = (event) => this.onKeydown(event);
-        const focusListener = (event) => this.onFocusin(event);
-        this.document.addEventListener('keydown', listener);
-        this.document.addEventListener('focusin', focusListener);
-        inject(DestroyRef).onDestroy(() => {
-            this.document.removeEventListener('keydown', listener);
-            this.document.removeEventListener('focusin', focusListener);
-        });
-    }
-    /** Lets the view take keys; returns the function that stops it. */
-    register(entry) {
-        this.hosts.set(entry.host, entry);
-        return () => {
-            if (this.hosts.get(entry.host) === entry) {
-                this.hosts.delete(entry.host);
-            }
-            if (this.lastActive === entry) {
-                this.lastActive = undefined;
-            }
-        };
-    }
-    onFocusin(event) {
-        // The focus in an overlay of no view (a select or menu panel) keeps the view it came from.
-        const view = this.closestView(event.target instanceof Element ? event.target : null);
-        if (view) {
-            this.lastActive = view;
-        }
-    }
-    onKeydown(event) {
-        // The Enter of an IME composition confirms the composed text; it is no command.
-        if (event.repeat || event.defaultPrevented || event.isComposing) {
-            return;
-        }
-        const target = event.target instanceof Element ? event.target : null;
-        if (isEditableTarget(target) && editsText(event, target)) {
-            return;
-        }
-        if (isActivatableTarget(target) && activates(event)) {
-            return;
-        }
-        for (let view = this.startView(); view; view = this.closestView(view.host.parentElement)) {
-            const binding = view.bindings().find((b) => matches(b.chord, event, this.isMac));
-            if (binding && view.fire(binding.uiActionCode, binding.uiActionIdentifier)) {
-                event.preventDefault();
-                event.stopPropagation();
-                return;
-            }
-        }
-    }
-    startView() {
-        const active = this.document.activeElement;
-        if (active &&
-            active !== this.document.body &&
-            active !== this.document.documentElement &&
-            this.document.contains(active)) {
-            // An element in an overlay of no view (an open select or menu panel) finds none.
-            const view = this.closestView(active);
-            if (view) {
-                this.lastActive = view;
-            }
-            return view;
-        }
-        // Injected late: the view context is not needed before the first key, and resolving it at
-        // startup would construct it ahead of the bootstrap.
-        const viewContext = this.injector.get(SmartViewContextService);
-        const last = this.lastActive && this.isOnScreen(this.lastActive) ? this.lastActive : undefined;
-        const dialogUuid = viewContext.topDialogUuid();
-        if (dialogUuid !== undefined) {
-            // A view nested in the dialog keeps the key; the page behind the dialog does not get it.
-            const dialog = this.viewOf(dialogUuid);
-            return last && dialog?.host.contains(last.host) ? last : dialog;
-        }
-        return last ?? this.viewOf(viewContext.activePageUuid());
-    }
-    isOnScreen(view) {
-        return this.hosts.get(view.host) === view && this.document.contains(view.host);
-    }
-    viewOf(uuid) {
-        return [...this.hosts.values()].find((view) => view.uuid === uuid);
-    }
-    closestView(element) {
-        for (let node = element; node; node = node.parentElement) {
-            const view = this.hosts.get(node);
-            if (view) {
-                return view;
-            }
-        }
-        return undefined;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartKeybindingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartKeybindingService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartKeybindingService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-/**
- * Whether the key, pressed in an editable element, edits or moves in its text. `Escape`, the
- * function keys and `Enter` in a single-line input do not, so they reach the bindings.
- */
-function editsText(event, target) {
-    if (event.ctrlKey || event.altKey || event.metaKey) {
-        return false;
-    }
-    if (event.key.length === 1 || TEXT_KEYS.has(event.key)) {
-        return true;
-    }
-    return (event.key === 'Enter' &&
-        (target instanceof HTMLTextAreaElement ||
-            (target instanceof HTMLElement && target.isContentEditable)));
-}
-/**
- * Whether the key activates a focused button, link or ARIA control: an unmodified `Enter` or
- * `Space` (Shift alone counts as unmodified). The browser clicks the control after the keydown,
- * so the key stays with it.
- */
-function activates(event) {
-    const modified = event.ctrlKey || event.altKey || event.metaKey;
-    return !modified && (event.key === 'Enter' || event.key === ' ');
-}
-
 class SmartformLayoutDefinitionService {
     static { this.DEFAULT_QUILL_MODULES = {
         toolbar: {
@@ -16748,11 +16810,11 @@ class SmartTreeComponent {
         return `${cssClass}-${plusProperty}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartTreeComponent, isStandalone: true, selector: "smart-tree", inputs: { treeStyle: { classPropertyName: "treeStyle", publicName: "treeStyle", isSignal: true, isRequired: false, transformFunction: null }, treeService: { classPropertyName: "treeService", publicName: "treeService", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-testid": "this.testId" } }, viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true }, { propertyName: "trigger", predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div class=\"smartTreeContainer\">\r\n  @if (uiActionModels.length) {\r\n    <smart-ui-action-toolbar\r\n      [uiActionModels]=\"uiActionModels\"\r\n      [executor]=\"executor\"\r\n    ></smart-ui-action-toolbar>\r\n  }\r\n  @if (treeData) {\r\n    <mat-tree\r\n      #tree\r\n      [dataSource]=\"dataSource\"\r\n      [treeControl]=\"treeControl\"\r\n      [trackBy]=\"trackByIdentifier\"\r\n      class=\"sm-tree\"\r\n      >\r\n      <mat-nested-tree-node\r\n        *matTreeNodeDef=\"let node; when: hasChild\"\r\n        matTreeNodeToggle\r\n        [ngClass]=\"getClassesForTreeNode(node)\"\r\n        [ngStyle]=\"getNodeStyle(node)\"\r\n        >\r\n        <div\r\n          [ngStyle]=\"getNodePadding(node)\"\r\n          [ngClass]=\"getInnerClassesForTreeNode(node)\"\r\n          class=\"mat-tree-node sm-tree-node\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          >\r\n          <button mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\r\n            <mat-icon class=\"mat-icon-rtl-mirror\" (click)=\"onOpenNode($event, node)\">\r\n              @if (hasChild(node.level, node)) {\r\n                <div>\r\n                  {{ treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n                </div>\r\n              }\r\n            </mat-icon>\r\n          </button>\r\n          <smart-icon [icon]=\"node.icon\"> </smart-icon>\r\n          <div class=\"sm-tree-row\" [ngClass]=\"node.classes\">\r\n            <div class=\"sm-tree-row-caption\" [attr.title]=\"node.shortDescription || null\">\r\n              {{ node.caption }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-spacer\"></div>\r\n            <div class=\"sm-tree-row-shortDescription\">\r\n              {{ node.shortDescription }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-button-spacer\"></div>\r\n            @if (node.button) {\r\n              <div class=\"sm-tree-node-button\">\r\n                @switch (node.button.type) {\r\n                  @case (smartTreeNodeButtonType.ICON) {\r\n                    <button\r\n                      (click)=\"customButtonClicked($event, node.button)\"\r\n                      mat-icon-button\r\n                      >\r\n                      <smart-icon title=\"{{ node.button.icon }}\" [icon]=\"node.button.icon\"></smart-icon>\r\n                    </button>\r\n                  }\r\n                  @case (smartTreeNodeButtonType.MENU) {\r\n                    <div>\r\n                      <button\r\n                        mat-button\r\n                        [matMenuTriggerFor]=\"menu\"\r\n                        (click)=\"customButtonClicked($event, node.button, true)\"\r\n                        >\r\n                        @if (node.button.icon) {\r\n                          <smart-icon [icon]=\"node.button.icon\"></smart-icon\r\n                            >\r\n                            }{{ node.button.label }}\r\n                          </button>\r\n                          <mat-menu #menu=\"matMenu\">\r\n                            @for (\r\n                              button of node.button.menuItemButtons;\r\n                              track button.code ?? $index\r\n                            ) {\r\n                              <button\r\n                                (click)=\"customButtonClicked($event, button, true)\"\r\n                                mat-menu-item\r\n                                [attr.data-testid]=\"button.code ?? null\"\r\n                                >\r\n                                @if (button.icon) {\r\n                                  <smart-icon [icon]=\"button.icon\"></smart-icon\r\n                                    >\r\n                                    }{{ button.label }}\r\n                                  </button>\r\n                                }\r\n                              </mat-menu>\r\n                            </div>\r\n                          }\r\n                          @case (smartTreeNodeButtonType.NORMAL) {\r\n                            <button\r\n                              (click)=\"customButtonClicked($event, node.button)\"\r\n                              mat-raised-button\r\n                              >\r\n                              @if (node.button.icon) {\r\n                                <smart-icon [icon]=\"node.button.icon\"></smart-icon>\r\n                              }\r\n                              {{ node.button.icon }}\r\n                            </button>\r\n                          }\r\n                        }\r\n                      </div>\r\n                    }\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  [class.sm-tree-invisible]=\"!treeControl.isExpanded(node)\"\r\n                  [ngClass]=\"getClassesForTreeNodeChildren(node)\"\r\n                  role=\"group\"\r\n                  >\r\n                  <ng-container matTreeNodeOutlet></ng-container>\r\n                </div>\r\n              </mat-nested-tree-node>\r\n            </mat-tree>\r\n          }\r\n          @if (!treeData) {\r\n            <div class=\"tree-loading\">\r\n              <mat-spinner diameter=\"24\" color=\"primary\"></mat-spinner>\r\n            </div>\r\n          }\r\n        </div>\r\n", styles: [".smartTreeContainer{display:flex;flex-direction:column;gap:.5rem}.sm-tree-invisible{display:none}.sm-tree ul,.sm-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.sm-tree div[role=group]>.mat-tree-node{padding-left:40px}.sm-tee-node{padding-left:40px}.sm-tree-node-name{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tree-node-name-row{padding-left:15px;padding-top:15px;display:flex;flex-direction:row;justify-content:space-between}.sm-tree-node-name-col{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tee-node-id{font-weight:lighter}.mat-tree-node:hover{cursor:pointer}.sm-tree-node-selected{background-color:var(--tree-active-background, var(--accent-color, #20b6a8));color:var(--tree-active-color, #ffffff)}::ng-deep .mat-icon-rtl-mirror{display:flex;flex-direction:row}.sm-tree-row{display:flex;flex-direction:row;flex:1;align-items:center}.sm-shortDescription-spacer{flex:1}.sm-tree-row.sm-tree-branch-new{color:var(--success-color, #16a34a)}.sm-tree-row.sm-tree-branch-new .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-modified{color:var(--accent-color, #20b6a8)}.sm-tree-row.sm-tree-branch-modified .sm-tree-row-caption{font-weight:600}.sm-tree-row.sm-tree-branch-deleted{color:var(--color-text-muted, #68778e)}.sm-tree-row.sm-tree-branch-deleted .sm-tree-row-caption{text-decoration:line-through}.sm-tree-row.sm-tree-branch-foreign,.sm-tree-row.sm-tree-branch-own-other-view-context{border-left:3px solid;padding-left:6px}.sm-tree-row.sm-tree-branch-foreign{border-left-color:var(--warning-color, #d97706)}.sm-tree-row.sm-tree-branch-own-other-view-context{border-left-color:var(--info-color, #64748b)}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-caption,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-shortDescription,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-shortDescription{display:none}.sm-tree-node-selected .sm-tree-row,.sm-tree-node-selected .sm-tree-row-caption,.sm-tree-node-selected .sm-tree-row-shortDescription{color:inherit}.tree-loading{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}\n"], dependencies: [{ kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"], outputs: ["actionFired"] }, { kind: "component", type: MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color", "imageResource"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartTreeComponent, isStandalone: true, selector: "smart-tree", inputs: { treeStyle: { classPropertyName: "treeStyle", publicName: "treeStyle", isSignal: true, isRequired: false, transformFunction: null }, treeService: { classPropertyName: "treeService", publicName: "treeService", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-testid": "this.testId" } }, viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true }, { propertyName: "trigger", predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<div class=\"smartTreeContainer\">\r\n  @if (uiActionModels.length) {\r\n    <smart-ui-action-toolbar\r\n      [uiActionModels]=\"uiActionModels\"\r\n      [executor]=\"executor\"\r\n    ></smart-ui-action-toolbar>\r\n  }\r\n  @if (treeData) {\r\n    <mat-tree\r\n      #tree\r\n      [dataSource]=\"dataSource\"\r\n      [treeControl]=\"treeControl\"\r\n      [trackBy]=\"trackByIdentifier\"\r\n      class=\"sm-tree\"\r\n      >\r\n      <mat-nested-tree-node\r\n        *matTreeNodeDef=\"let node; when: hasChild\"\r\n        matTreeNodeToggle\r\n        [ngClass]=\"getClassesForTreeNode(node)\"\r\n        [ngStyle]=\"getNodeStyle(node)\"\r\n        >\r\n        <div\r\n          [ngStyle]=\"getNodePadding(node)\"\r\n          [ngClass]=\"getInnerClassesForTreeNode(node)\"\r\n          class=\"mat-tree-node sm-tree-node\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          >\r\n          <button mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\r\n            <mat-icon class=\"mat-icon-rtl-mirror\" (click)=\"onOpenNode($event, node)\">\r\n              @if (hasChild(node.level, node)) {\r\n                <div>\r\n                  {{ treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n                </div>\r\n              }\r\n            </mat-icon>\r\n          </button>\r\n          <smart-icon [icon]=\"node.icon\"> </smart-icon>\r\n          <div class=\"sm-tree-row\" [ngClass]=\"node.classes\">\r\n            <div class=\"sm-tree-row-caption\" [attr.title]=\"node.shortDescription || null\">\r\n              {{ node.caption }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-spacer\"></div>\r\n            <div class=\"sm-tree-row-shortDescription\">\r\n              {{ node.shortDescription }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-button-spacer\"></div>\r\n            @if (node.button) {\r\n              <div class=\"sm-tree-node-button\">\r\n                @switch (node.button.type) {\r\n                  @case (smartTreeNodeButtonType.ICON) {\r\n                    <button\r\n                      (click)=\"customButtonClicked($event, node.button)\"\r\n                      mat-icon-button\r\n                      >\r\n                      <smart-icon title=\"{{ node.button.icon }}\" [icon]=\"node.button.icon\"></smart-icon>\r\n                    </button>\r\n                  }\r\n                  @case (smartTreeNodeButtonType.MENU) {\r\n                    <div>\r\n                      <button\r\n                        mat-button\r\n                        [matMenuTriggerFor]=\"menu\"\r\n                        (click)=\"customButtonClicked($event, node.button, true)\"\r\n                        >\r\n                        @if (node.button.icon) {\r\n                          <smart-icon [icon]=\"node.button.icon\"></smart-icon\r\n                            >\r\n                            }{{ node.button.label }}\r\n                          </button>\r\n                          <mat-menu #menu=\"matMenu\">\r\n                            @for (\r\n                              button of node.button.menuItemButtons;\r\n                              track button.code ?? $index\r\n                            ) {\r\n                              <button\r\n                                (click)=\"customButtonClicked($event, button, true)\"\r\n                                mat-menu-item\r\n                                [attr.data-testid]=\"button.code ?? null\"\r\n                                >\r\n                                @if (button.icon) {\r\n                                  <smart-icon [icon]=\"button.icon\"></smart-icon\r\n                                    >\r\n                                    }{{ button.label }}\r\n                                  </button>\r\n                                }\r\n                              </mat-menu>\r\n                            </div>\r\n                          }\r\n                          @case (smartTreeNodeButtonType.NORMAL) {\r\n                            <button\r\n                              (click)=\"customButtonClicked($event, node.button)\"\r\n                              mat-raised-button\r\n                              >\r\n                              @if (node.button.icon) {\r\n                                <smart-icon [icon]=\"node.button.icon\"></smart-icon>\r\n                              }\r\n                              {{ node.button.icon }}\r\n                            </button>\r\n                          }\r\n                        }\r\n                      </div>\r\n                    }\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  [class.sm-tree-invisible]=\"!treeControl.isExpanded(node)\"\r\n                  [ngClass]=\"getClassesForTreeNodeChildren(node)\"\r\n                  role=\"group\"\r\n                  >\r\n                  <ng-container matTreeNodeOutlet></ng-container>\r\n                </div>\r\n              </mat-nested-tree-node>\r\n            </mat-tree>\r\n          }\r\n          @if (!treeData) {\r\n            <div class=\"tree-loading\">\r\n              <mat-spinner diameter=\"24\" color=\"primary\"></mat-spinner>\r\n            </div>\r\n          }\r\n        </div>\r\n", styles: [".smartTreeContainer{display:flex;flex-direction:column;gap:.5rem}.sm-tree-invisible{display:none}.sm-tree ul,.sm-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.sm-tree div[role=group]>.mat-tree-node{padding-left:40px}.sm-tee-node{padding-left:40px}.sm-tree-node-name{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tree-node-name-row{padding-left:15px;padding-top:15px;display:flex;flex-direction:row;justify-content:space-between}.sm-tree-node-name-col{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tee-node-id{font-weight:lighter}.mat-tree-node:hover{cursor:pointer}.sm-tree-node-selected{background-color:var(--tree-active-background, var(--accent-color, #20b6a8));color:var(--tree-active-color, #ffffff)}::ng-deep .mat-icon-rtl-mirror{display:flex;flex-direction:row}.sm-tree-row{display:flex;flex-direction:row;flex:1;align-items:center}.sm-shortDescription-spacer{flex:1}.sm-tree-row.sm-tree-branch-new,.sm-tree-row.sm-tree-branch-new *{color:var(--success-color, #16a34a)}.sm-tree-row.sm-tree-branch-new .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-modified,.sm-tree-row.sm-tree-branch-modified *{color:var(--accent-color, #20b6a8)}.sm-tree-row.sm-tree-branch-modified .sm-tree-row-caption{font-weight:600}.sm-tree-row.sm-tree-branch-deleted,.sm-tree-row.sm-tree-branch-deleted *{color:var(--color-text-muted, #68778e)}.sm-tree-row.sm-tree-branch-deleted .sm-tree-row-caption{text-decoration:line-through}.sm-tree-row.sm-tree-branch-contains-change,.sm-tree-row.sm-tree-branch-contains-change *{color:var(--accent-color, #20b6a8)}.sm-tree-row.sm-tree-branch-foreign,.sm-tree-row.sm-tree-branch-own-other-view-context{border-left:3px solid;padding-left:6px}.sm-tree-row.sm-tree-branch-foreign{border-left-color:var(--warning-color, #d97706)}.sm-tree-row.sm-tree-branch-own-other-view-context{border-left-color:var(--info-color, #64748b)}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-caption,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-shortDescription,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-shortDescription{display:none}.sm-tree-node-selected .sm-tree-row,.sm-tree-node-selected .sm-tree-row-caption,.sm-tree-node-selected .sm-tree-row-shortDescription{color:inherit}.tree-loading{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}\n"], dependencies: [{ kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"], outputs: ["actionFired"] }, { kind: "component", type: MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color", "imageResource"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-tree', imports: [UiActionToolbarComponent, MatTree, MatTreeNodeDef, MatNestedTreeNode, MatTreeNodeToggle, NgClass, NgStyle, MatIconButton, MatIcon, SmartIconComponent, MatButton, MatMenuTrigger, MatMenu, MatMenuItem, MatTreeNodeOutlet, MatProgressSpinner], template: "<div class=\"smartTreeContainer\">\r\n  @if (uiActionModels.length) {\r\n    <smart-ui-action-toolbar\r\n      [uiActionModels]=\"uiActionModels\"\r\n      [executor]=\"executor\"\r\n    ></smart-ui-action-toolbar>\r\n  }\r\n  @if (treeData) {\r\n    <mat-tree\r\n      #tree\r\n      [dataSource]=\"dataSource\"\r\n      [treeControl]=\"treeControl\"\r\n      [trackBy]=\"trackByIdentifier\"\r\n      class=\"sm-tree\"\r\n      >\r\n      <mat-nested-tree-node\r\n        *matTreeNodeDef=\"let node; when: hasChild\"\r\n        matTreeNodeToggle\r\n        [ngClass]=\"getClassesForTreeNode(node)\"\r\n        [ngStyle]=\"getNodeStyle(node)\"\r\n        >\r\n        <div\r\n          [ngStyle]=\"getNodePadding(node)\"\r\n          [ngClass]=\"getInnerClassesForTreeNode(node)\"\r\n          class=\"mat-tree-node sm-tree-node\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          >\r\n          <button mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\r\n            <mat-icon class=\"mat-icon-rtl-mirror\" (click)=\"onOpenNode($event, node)\">\r\n              @if (hasChild(node.level, node)) {\r\n                <div>\r\n                  {{ treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n                </div>\r\n              }\r\n            </mat-icon>\r\n          </button>\r\n          <smart-icon [icon]=\"node.icon\"> </smart-icon>\r\n          <div class=\"sm-tree-row\" [ngClass]=\"node.classes\">\r\n            <div class=\"sm-tree-row-caption\" [attr.title]=\"node.shortDescription || null\">\r\n              {{ node.caption }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-spacer\"></div>\r\n            <div class=\"sm-tree-row-shortDescription\">\r\n              {{ node.shortDescription }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-button-spacer\"></div>\r\n            @if (node.button) {\r\n              <div class=\"sm-tree-node-button\">\r\n                @switch (node.button.type) {\r\n                  @case (smartTreeNodeButtonType.ICON) {\r\n                    <button\r\n                      (click)=\"customButtonClicked($event, node.button)\"\r\n                      mat-icon-button\r\n                      >\r\n                      <smart-icon title=\"{{ node.button.icon }}\" [icon]=\"node.button.icon\"></smart-icon>\r\n                    </button>\r\n                  }\r\n                  @case (smartTreeNodeButtonType.MENU) {\r\n                    <div>\r\n                      <button\r\n                        mat-button\r\n                        [matMenuTriggerFor]=\"menu\"\r\n                        (click)=\"customButtonClicked($event, node.button, true)\"\r\n                        >\r\n                        @if (node.button.icon) {\r\n                          <smart-icon [icon]=\"node.button.icon\"></smart-icon\r\n                            >\r\n                            }{{ node.button.label }}\r\n                          </button>\r\n                          <mat-menu #menu=\"matMenu\">\r\n                            @for (\r\n                              button of node.button.menuItemButtons;\r\n                              track button.code ?? $index\r\n                            ) {\r\n                              <button\r\n                                (click)=\"customButtonClicked($event, button, true)\"\r\n                                mat-menu-item\r\n                                [attr.data-testid]=\"button.code ?? null\"\r\n                                >\r\n                                @if (button.icon) {\r\n                                  <smart-icon [icon]=\"button.icon\"></smart-icon\r\n                                    >\r\n                                    }{{ button.label }}\r\n                                  </button>\r\n                                }\r\n                              </mat-menu>\r\n                            </div>\r\n                          }\r\n                          @case (smartTreeNodeButtonType.NORMAL) {\r\n                            <button\r\n                              (click)=\"customButtonClicked($event, node.button)\"\r\n                              mat-raised-button\r\n                              >\r\n                              @if (node.button.icon) {\r\n                                <smart-icon [icon]=\"node.button.icon\"></smart-icon>\r\n                              }\r\n                              {{ node.button.icon }}\r\n                            </button>\r\n                          }\r\n                        }\r\n                      </div>\r\n                    }\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  [class.sm-tree-invisible]=\"!treeControl.isExpanded(node)\"\r\n                  [ngClass]=\"getClassesForTreeNodeChildren(node)\"\r\n                  role=\"group\"\r\n                  >\r\n                  <ng-container matTreeNodeOutlet></ng-container>\r\n                </div>\r\n              </mat-nested-tree-node>\r\n            </mat-tree>\r\n          }\r\n          @if (!treeData) {\r\n            <div class=\"tree-loading\">\r\n              <mat-spinner diameter=\"24\" color=\"primary\"></mat-spinner>\r\n            </div>\r\n          }\r\n        </div>\r\n", styles: [".smartTreeContainer{display:flex;flex-direction:column;gap:.5rem}.sm-tree-invisible{display:none}.sm-tree ul,.sm-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.sm-tree div[role=group]>.mat-tree-node{padding-left:40px}.sm-tee-node{padding-left:40px}.sm-tree-node-name{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tree-node-name-row{padding-left:15px;padding-top:15px;display:flex;flex-direction:row;justify-content:space-between}.sm-tree-node-name-col{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tee-node-id{font-weight:lighter}.mat-tree-node:hover{cursor:pointer}.sm-tree-node-selected{background-color:var(--tree-active-background, var(--accent-color, #20b6a8));color:var(--tree-active-color, #ffffff)}::ng-deep .mat-icon-rtl-mirror{display:flex;flex-direction:row}.sm-tree-row{display:flex;flex-direction:row;flex:1;align-items:center}.sm-shortDescription-spacer{flex:1}.sm-tree-row.sm-tree-branch-new{color:var(--success-color, #16a34a)}.sm-tree-row.sm-tree-branch-new .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-modified{color:var(--accent-color, #20b6a8)}.sm-tree-row.sm-tree-branch-modified .sm-tree-row-caption{font-weight:600}.sm-tree-row.sm-tree-branch-deleted{color:var(--color-text-muted, #68778e)}.sm-tree-row.sm-tree-branch-deleted .sm-tree-row-caption{text-decoration:line-through}.sm-tree-row.sm-tree-branch-foreign,.sm-tree-row.sm-tree-branch-own-other-view-context{border-left:3px solid;padding-left:6px}.sm-tree-row.sm-tree-branch-foreign{border-left-color:var(--warning-color, #d97706)}.sm-tree-row.sm-tree-branch-own-other-view-context{border-left-color:var(--info-color, #64748b)}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-caption,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-shortDescription,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-shortDescription{display:none}.sm-tree-node-selected .sm-tree-row,.sm-tree-node-selected .sm-tree-row-caption,.sm-tree-node-selected .sm-tree-row-shortDescription{color:inherit}.tree-loading{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}\n"] }]
+            args: [{ selector: 'smart-tree', imports: [UiActionToolbarComponent, MatTree, MatTreeNodeDef, MatNestedTreeNode, MatTreeNodeToggle, NgClass, NgStyle, MatIconButton, MatIcon, SmartIconComponent, MatButton, MatMenuTrigger, MatMenu, MatMenuItem, MatTreeNodeOutlet, MatProgressSpinner], template: "<div class=\"smartTreeContainer\">\r\n  @if (uiActionModels.length) {\r\n    <smart-ui-action-toolbar\r\n      [uiActionModels]=\"uiActionModels\"\r\n      [executor]=\"executor\"\r\n    ></smart-ui-action-toolbar>\r\n  }\r\n  @if (treeData) {\r\n    <mat-tree\r\n      #tree\r\n      [dataSource]=\"dataSource\"\r\n      [treeControl]=\"treeControl\"\r\n      [trackBy]=\"trackByIdentifier\"\r\n      class=\"sm-tree\"\r\n      >\r\n      <mat-nested-tree-node\r\n        *matTreeNodeDef=\"let node; when: hasChild\"\r\n        matTreeNodeToggle\r\n        [ngClass]=\"getClassesForTreeNode(node)\"\r\n        [ngStyle]=\"getNodeStyle(node)\"\r\n        >\r\n        <div\r\n          [ngStyle]=\"getNodePadding(node)\"\r\n          [ngClass]=\"getInnerClassesForTreeNode(node)\"\r\n          class=\"mat-tree-node sm-tree-node\"\r\n          (click)=\"onNodeClick($event, node)\"\r\n          >\r\n          <button mat-icon-button matTreeNodeToggle [attr.aria-label]=\"'Toggle ' + node.name\">\r\n            <mat-icon class=\"mat-icon-rtl-mirror\" (click)=\"onOpenNode($event, node)\">\r\n              @if (hasChild(node.level, node)) {\r\n                <div>\r\n                  {{ treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\r\n                </div>\r\n              }\r\n            </mat-icon>\r\n          </button>\r\n          <smart-icon [icon]=\"node.icon\"> </smart-icon>\r\n          <div class=\"sm-tree-row\" [ngClass]=\"node.classes\">\r\n            <div class=\"sm-tree-row-caption\" [attr.title]=\"node.shortDescription || null\">\r\n              {{ node.caption }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-spacer\"></div>\r\n            <div class=\"sm-tree-row-shortDescription\">\r\n              {{ node.shortDescription }}\r\n            </div>\r\n            <div class=\"sm-shortDescription-button-spacer\"></div>\r\n            @if (node.button) {\r\n              <div class=\"sm-tree-node-button\">\r\n                @switch (node.button.type) {\r\n                  @case (smartTreeNodeButtonType.ICON) {\r\n                    <button\r\n                      (click)=\"customButtonClicked($event, node.button)\"\r\n                      mat-icon-button\r\n                      >\r\n                      <smart-icon title=\"{{ node.button.icon }}\" [icon]=\"node.button.icon\"></smart-icon>\r\n                    </button>\r\n                  }\r\n                  @case (smartTreeNodeButtonType.MENU) {\r\n                    <div>\r\n                      <button\r\n                        mat-button\r\n                        [matMenuTriggerFor]=\"menu\"\r\n                        (click)=\"customButtonClicked($event, node.button, true)\"\r\n                        >\r\n                        @if (node.button.icon) {\r\n                          <smart-icon [icon]=\"node.button.icon\"></smart-icon\r\n                            >\r\n                            }{{ node.button.label }}\r\n                          </button>\r\n                          <mat-menu #menu=\"matMenu\">\r\n                            @for (\r\n                              button of node.button.menuItemButtons;\r\n                              track button.code ?? $index\r\n                            ) {\r\n                              <button\r\n                                (click)=\"customButtonClicked($event, button, true)\"\r\n                                mat-menu-item\r\n                                [attr.data-testid]=\"button.code ?? null\"\r\n                                >\r\n                                @if (button.icon) {\r\n                                  <smart-icon [icon]=\"button.icon\"></smart-icon\r\n                                    >\r\n                                    }{{ button.label }}\r\n                                  </button>\r\n                                }\r\n                              </mat-menu>\r\n                            </div>\r\n                          }\r\n                          @case (smartTreeNodeButtonType.NORMAL) {\r\n                            <button\r\n                              (click)=\"customButtonClicked($event, node.button)\"\r\n                              mat-raised-button\r\n                              >\r\n                              @if (node.button.icon) {\r\n                                <smart-icon [icon]=\"node.button.icon\"></smart-icon>\r\n                              }\r\n                              {{ node.button.icon }}\r\n                            </button>\r\n                          }\r\n                        }\r\n                      </div>\r\n                    }\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  [class.sm-tree-invisible]=\"!treeControl.isExpanded(node)\"\r\n                  [ngClass]=\"getClassesForTreeNodeChildren(node)\"\r\n                  role=\"group\"\r\n                  >\r\n                  <ng-container matTreeNodeOutlet></ng-container>\r\n                </div>\r\n              </mat-nested-tree-node>\r\n            </mat-tree>\r\n          }\r\n          @if (!treeData) {\r\n            <div class=\"tree-loading\">\r\n              <mat-spinner diameter=\"24\" color=\"primary\"></mat-spinner>\r\n            </div>\r\n          }\r\n        </div>\r\n", styles: [".smartTreeContainer{display:flex;flex-direction:column;gap:.5rem}.sm-tree-invisible{display:none}.sm-tree ul,.sm-tree li{margin-top:0;margin-bottom:0;list-style-type:none}.sm-tree div[role=group]>.mat-tree-node{padding-left:40px}.sm-tee-node{padding-left:40px}.sm-tree-node-name{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tree-node-name-row{padding-left:15px;padding-top:15px;display:flex;flex-direction:row;justify-content:space-between}.sm-tree-node-name-col{padding-left:15px;padding-top:15px;display:flex;flex-direction:column}.sm-tee-node-id{font-weight:lighter}.mat-tree-node:hover{cursor:pointer}.sm-tree-node-selected{background-color:var(--tree-active-background, var(--accent-color, #20b6a8));color:var(--tree-active-color, #ffffff)}::ng-deep .mat-icon-rtl-mirror{display:flex;flex-direction:row}.sm-tree-row{display:flex;flex-direction:row;flex:1;align-items:center}.sm-shortDescription-spacer{flex:1}.sm-tree-row.sm-tree-branch-new,.sm-tree-row.sm-tree-branch-new *{color:var(--success-color, #16a34a)}.sm-tree-row.sm-tree-branch-new .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-modified,.sm-tree-row.sm-tree-branch-modified *{color:var(--accent-color, #20b6a8)}.sm-tree-row.sm-tree-branch-modified .sm-tree-row-caption{font-weight:600}.sm-tree-row.sm-tree-branch-deleted,.sm-tree-row.sm-tree-branch-deleted *{color:var(--color-text-muted, #68778e)}.sm-tree-row.sm-tree-branch-deleted .sm-tree-row-caption{text-decoration:line-through}.sm-tree-row.sm-tree-branch-contains-change,.sm-tree-row.sm-tree-branch-contains-change *{color:var(--accent-color, #20b6a8)}.sm-tree-row.sm-tree-branch-foreign,.sm-tree-row.sm-tree-branch-own-other-view-context{border-left:3px solid;padding-left:6px}.sm-tree-row.sm-tree-branch-foreign{border-left-color:var(--warning-color, #d97706)}.sm-tree-row.sm-tree-branch-own-other-view-context{border-left-color:var(--info-color, #64748b)}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-caption,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-caption{font-style:italic}.sm-tree-row.sm-tree-branch-foreign .sm-tree-row-shortDescription,.sm-tree-row.sm-tree-branch-own-other-view-context .sm-tree-row-shortDescription{display:none}.sm-tree-node-selected .sm-tree-row,.sm-tree-node-selected .sm-tree-row-caption,.sm-tree-node-selected .sm-tree-row-shortDescription{color:inherit}.tree-loading{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { trigger: [{
                 type: ViewChildren,
                 args: [MatMenuTrigger]
@@ -18646,6 +18708,11 @@ class SmartComponentApiClient {
         this.dataChanged = new Subject();
         this.inmediateDataChangeKeys = [];
         this.blurDataChangeKeys = [];
+        /**
+         * The actions of the window descriptor of the dialog showing this view (its header), set by
+         * the dialog. The backend binds keys to them on this view, so the keys fire them here.
+         */
+        this.windowActions = [];
         // check and calculate pageName
         if (!this.pageName && !this._componentName) {
             throw new Error('pageName or componentName must be specified!');
@@ -18707,10 +18774,18 @@ class SmartComponentApiClient {
             fire: (code, identifier) => this.fireBoundAction(code, identifier),
         });
     }
-    /** The action a binding fires: the one of the code and identifier, or the first of the code. */
+    /**
+     * The action a binding fires: the one of the code and identifier, or the first of the code,
+     * among the actions of the view, then among the header actions of the dialog showing it.
+     */
     findBoundAction(code, identifier) {
-        return this.actionModels().find((entry) => entry.uiAction.code === code &&
-            (identifier == null || entry.uiAction.identifier === identifier));
+        const isBound = (uiAction) => uiAction.code === code && (identifier == null || uiAction.identifier === identifier);
+        const entry = this.actionModels().find((model) => isBound(model.uiAction));
+        if (entry) {
+            return entry;
+        }
+        const windowAction = this.windowActions.find(isBound);
+        return windowAction ? { serviceToUse: this, uiAction: windowAction } : undefined;
     }
     fireBoundAction(code, identifier) {
         const entry = this.findBoundAction(code, identifier);
@@ -18787,8 +18862,8 @@ class SmartComponentApiClient {
     async load() {
         this.componentModelLoaded = false;
         // Slot-hosted views (NORMAL/EMBEDDED) get their uuid injected at creation. DIALOG views
-        // are NOT slot-hosted, so they still resolve their uuid via the pageName -> getUuidOfPage
-        // shim (set by openView's DIALOG branch). Part of the retained page-uuid shim (#28870).
+        // are not slot-hosted: they read it from the dialog data, and fall back to the
+        // pageName -> getUuidOfPage shim only when the dialog was opened without one.
         const uuid = this.uuid ?? this.readDialogDataUuid() ?? this.viewContext.getUuidOfPage(this.pageName);
         // console.log('[Embedded] load()', {
         //   pageName: this.pageName,
@@ -25420,11 +25495,11 @@ class SmartFilterEditorContentComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartFilterEditorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartFilterEditorContentComponent, isStandalone: true, selector: "smart-filter-expression-editor", inputs: { service: "service" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["form"], descendants: true, read: ViewContainerRef }, { propertyName: "simpleFilterVcRef", first: true, predicate: ["simpleFilterFromChild"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"smart-filter-editor-container\" *ngIf=\"service.model\">\r\n  @if (service.model.model?.label) {\r\n    <h3 class=\"smart-filter-editor-title\">{{ service.model.model?.label }}</h3>\r\n  }\r\n\r\n  <div *ngIf=\"service.model.type === type.SIMPLE; then simpleFilter; else complexFilter\"></div>\r\n\r\n  <ng-template #simpleFilter>\r\n    <div class=\"smart-filter-editor-expressionsContainer\">\r\n      <ng-template #simpleFilterFromChild></ng-template>\r\n      <!-- #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform> -->\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar\r\n        [uiActionModels]=\"uiActionModels\"\r\n        [executor]=\"service\"\r\n      ></smart-ui-action-toolbar>\r\n    </div>\r\n    <div\r\n      *ngIf=\"\r\n        service.model?.model?.workplaceList?.filters?.length;\r\n        then withParameters;\r\n        else withoutParameters\r\n      \"\r\n    ></div>\r\n    <ng-template #withoutParameters>\r\n      <div class=\"smart-filter-editor-withoutParametersContainer\">\r\n        <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #withParameters>\r\n      <div class=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-expressionsContainer\"\r\n          *ngIf=\"service.model?.model?.workplaceList?.filters?.length\"\r\n          (click)=\"unSelectItems($event)\"\r\n        >\r\n          <app-expression-items\r\n            [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            !useAdvancedFilter ||\r\n            service.model?.selectedField?.expressionData?.currentOperation === 'EXPRESSION'\r\n          \"\r\n          class=\"smart-filter-editor-expressionEditorContainer\"\r\n        >\r\n          <!-- <smartform #form [smartForm]=\"smartForm\"></smartform> -->\r\n          <ng-template #form></ng-template>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">T\u00F6rl\u00E9s</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"], outputs: ["actionFired"] }, { kind: "component", type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: ["items", "service"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartFilterEditorContentComponent, isStandalone: true, selector: "smart-filter-expression-editor", inputs: { service: "service" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["form"], descendants: true, read: ViewContainerRef }, { propertyName: "simpleFilterVcRef", first: true, predicate: ["simpleFilterFromChild"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"smart-filter-editor-container\" *ngIf=\"service.model\">\r\n  @if (service.model.model?.label) {\r\n    <h3 class=\"smart-filter-editor-title\">{{ service.model.model?.label }}</h3>\r\n  }\r\n\r\n  <div *ngIf=\"service.model.type === type.SIMPLE; then simpleFilter; else complexFilter\"></div>\r\n\r\n  <ng-template #simpleFilter>\r\n    <div class=\"smart-filter-editor-expressionsContainer\">\r\n      <ng-template #simpleFilterFromChild></ng-template>\r\n      <!-- #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform> -->\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar\r\n        [uiActionModels]=\"uiActionModels\"\r\n        [executor]=\"service\"\r\n      ></smart-ui-action-toolbar>\r\n    </div>\r\n    <div\r\n      *ngIf=\"\r\n        service.model?.model?.workplaceList?.filters?.length;\r\n        then withParameters;\r\n        else withoutParameters\r\n      \"\r\n    ></div>\r\n    <ng-template #withoutParameters>\r\n      <div class=\"smart-filter-editor-withoutParametersContainer\">\r\n        <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #withParameters>\r\n      <div class=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-expressionsContainer\"\r\n          *ngIf=\"service.model?.model?.workplaceList?.filters?.length\"\r\n          (click)=\"unSelectItems($event)\"\r\n        >\r\n          <app-expression-items\r\n            [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            !useAdvancedFilter ||\r\n            service.model?.selectedField?.expressionData?.currentOperation === 'EXPRESSION'\r\n          \"\r\n          class=\"smart-filter-editor-expressionEditorContainer\"\r\n        >\r\n          <!-- <smartform #form [smartForm]=\"smartForm\"></smartform> -->\r\n          <ng-template #form></ng-template>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">T\u00F6rl\u00E9s</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;padding:.5rem;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UiActionToolbarComponent, selector: "smart-ui-action-toolbar", inputs: ["uiActionModels", "uiActionDescriptorService", "id", "executor", "widgetId", "nodeId", "actionParams", "scrollOnWrap", "toolbarPropertes"], outputs: ["actionFired"] }, { kind: "component", type: SmartFilterExpressionItemsComponent, selector: "app-expression-items", inputs: ["items", "service"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartFilterEditorContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-filter-expression-editor', imports: [NgIf, UiActionToolbarComponent, SmartFilterExpressionItemsComponent, MatButton], template: "<div class=\"smart-filter-editor-container\" *ngIf=\"service.model\">\r\n  @if (service.model.model?.label) {\r\n    <h3 class=\"smart-filter-editor-title\">{{ service.model.model?.label }}</h3>\r\n  }\r\n\r\n  <div *ngIf=\"service.model.type === type.SIMPLE; then simpleFilter; else complexFilter\"></div>\r\n\r\n  <ng-template #simpleFilter>\r\n    <div class=\"smart-filter-editor-expressionsContainer\">\r\n      <ng-template #simpleFilterFromChild></ng-template>\r\n      <!-- #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform> -->\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar\r\n        [uiActionModels]=\"uiActionModels\"\r\n        [executor]=\"service\"\r\n      ></smart-ui-action-toolbar>\r\n    </div>\r\n    <div\r\n      *ngIf=\"\r\n        service.model?.model?.workplaceList?.filters?.length;\r\n        then withParameters;\r\n        else withoutParameters\r\n      \"\r\n    ></div>\r\n    <ng-template #withoutParameters>\r\n      <div class=\"smart-filter-editor-withoutParametersContainer\">\r\n        <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #withParameters>\r\n      <div class=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-expressionsContainer\"\r\n          *ngIf=\"service.model?.model?.workplaceList?.filters?.length\"\r\n          (click)=\"unSelectItems($event)\"\r\n        >\r\n          <app-expression-items\r\n            [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            !useAdvancedFilter ||\r\n            service.model?.selectedField?.expressionData?.currentOperation === 'EXPRESSION'\r\n          \"\r\n          class=\"smart-filter-editor-expressionEditorContainer\"\r\n        >\r\n          <!-- <smartform #form [smartForm]=\"smartForm\"></smartform> -->\r\n          <ng-template #form></ng-template>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">T\u00F6rl\u00E9s</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"] }]
+            args: [{ selector: 'smart-filter-expression-editor', imports: [NgIf, UiActionToolbarComponent, SmartFilterExpressionItemsComponent, MatButton], template: "<div class=\"smart-filter-editor-container\" *ngIf=\"service.model\">\r\n  @if (service.model.model?.label) {\r\n    <h3 class=\"smart-filter-editor-title\">{{ service.model.model?.label }}</h3>\r\n  }\r\n\r\n  <div *ngIf=\"service.model.type === type.SIMPLE; then simpleFilter; else complexFilter\"></div>\r\n\r\n  <ng-template #simpleFilter>\r\n    <div class=\"smart-filter-editor-expressionsContainer\">\r\n      <ng-template #simpleFilterFromChild></ng-template>\r\n      <!-- #simpleFilterFromChild [smartForm]=\"simpleFilterForm\"></smartform> -->\r\n    </div>\r\n  </ng-template>\r\n  <ng-template #complexFilter>\r\n    <div class=\"smart-filter-editor-uiActionsBar\" *ngIf=\"!service.model?.readOnly\">\r\n      <smart-ui-action-toolbar\r\n        [uiActionModels]=\"uiActionModels\"\r\n        [executor]=\"service\"\r\n      ></smart-ui-action-toolbar>\r\n    </div>\r\n    <div\r\n      *ngIf=\"\r\n        service.model?.model?.workplaceList?.filters?.length;\r\n        then withParameters;\r\n        else withoutParameters\r\n      \"\r\n    ></div>\r\n    <ng-template #withoutParameters>\r\n      <div class=\"smart-filter-editor-withoutParametersContainer\">\r\n        <span class=\"mat-body\"> M\u00E9g nincs megadva param\u00E9ter </span>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #withParameters>\r\n      <div class=\"smart-filter-editor-withParametersContainer\">\r\n        <div\r\n          class=\"smart-filter-editor-expressionsContainer\"\r\n          *ngIf=\"service.model?.model?.workplaceList?.filters?.length\"\r\n          (click)=\"unSelectItems($event)\"\r\n        >\r\n          <app-expression-items\r\n            [items]=\"(service.model?.model?.workplaceList)!.filters\"\r\n            [service]=\"service\"\r\n          ></app-expression-items>\r\n        </div>\r\n        <div\r\n          *ngIf=\"\r\n            !useAdvancedFilter ||\r\n            service.model?.selectedField?.expressionData?.currentOperation === 'EXPRESSION'\r\n          \"\r\n          class=\"smart-filter-editor-expressionEditorContainer\"\r\n        >\r\n          <!-- <smartform #form [smartForm]=\"smartForm\"></smartform> -->\r\n          <ng-template #form></ng-template>\r\n          <div *ngIf=\"smartForm\">\r\n            <button (click)=\"remove()\" mat-raised-button color=\"primary\">T\u00F6rl\u00E9s</button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".smart-filter-editor-container{display:flex;flex-direction:column;overflow:auto;position:relative}.targetGroupContentContainer h3{margin:0;font-weight:600}.smart-filter-editor-uiActionsBar{padding:.5rem;border-radius:.25rem;background-color:var(--container-color);display:flex;flex-direction:row;gap:1rem}.smart-filter-editor-withoutParametersContainer{display:flex;flex-direction:column;padding:.5rem;background-color:var(--container-color)}.withoutParametersContainer .mat-body{font-weight:600;text-align:center}.smart-filter-editor-withParametersContainer{display:flex;flex-direction:column;background-color:var(--container-color)}.smart-filter-editor-expressionEditorContainer{display:flex;flex-direction:column;gap:.75rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { service: [{
                 type: Input
             }], vcRef: [{