@educarehq/solaris-ui 0.26.0 → 0.27.2

package/fesm2022/educarehq-solaris-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, PLATFORM_ID, Injectable, Pipe, Directive, signal, DestroyRef, DOCUMENT, input, computed, ChangeDetectionStrategy, Component, booleanAttribute, output, ElementRef, EnvironmentInjector, effect, createComponent, HostListener, model, TemplateRef, ViewContainerRef, contentChild, forwardRef, ViewChild, ViewEncapsulation, contentChildren, NgZone, Injector, viewChild, isDevMode, ChangeDetectorRef, numberAttribute, afterNextRender, viewChildren, ApplicationRef } from '@angular/core';
+import { InjectionToken, inject, PLATFORM_ID, Injectable, Pipe, Directive, signal, DestroyRef, DOCUMENT, input, computed, ChangeDetectionStrategy, Component, booleanAttribute, output, ElementRef, EnvironmentInjector, effect, createComponent, HostListener, model, TemplateRef, ViewContainerRef, contentChild, forwardRef, ViewChild, ViewEncapsulation, contentChildren, NgZone, Injector, viewChild, isDevMode, ChangeDetectorRef, numberAttribute, afterNextRender, viewChildren, ApplicationRef, afterEveryRender } from '@angular/core';
 import { isPlatformBrowser, DOCUMENT as DOCUMENT$1, NgTemplateOutlet } from '@angular/common';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
 import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
@@ -14156,17 +14156,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                     }, template: "<div class=\"solaris-dialog-content__inner\">\n  <ng-content />\n</div>\n", styles: [":host{display:block;flex:1;overflow-y:auto;padding:var(--solaris-spacing-0);min-height:0}:host([data-density=compact]){padding:var(--solaris-spacing-2)}:host([data-density=normal]){padding:var(--solaris-spacing-4)}:host([data-density=comfortable]){padding:var(--solaris-spacing-6)}.solaris-dialog-content__inner{height:100%}\n"] }]
         }], propDecorators: { density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }] } });
 
+// SECURITY_EXCEPTION_FILE: ElementRef.nativeElement is the standard Angular API to read the host element for scroll-parent lookup (parentElement traversal) and passive scroll listener for scrolled state. SSR-safe via isPlatformBrowser guard with DestroyRef cleanup. No alternative exists.
 class SolarisDialogActionsComponent {
     dialogRef = inject(SOLARIS_DIALOG_REF);
     translateService = inject(SolarisTranslateService, {
         optional: true,
     });
+    hostElement = inject(ElementRef).nativeElement;
+    destroyRef = inject(DestroyRef);
+    platformId = inject(PLATFORM_ID);
     actions = input([], ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
     align = input('end', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
     stack = input('auto', ...(ngDevMode ? [{ debugName: "stack" }] : /* istanbul ignore next */ []));
     separator = input(true, { ...(ngDevMode ? { debugName: "separator" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    scrolled = input(...(ngDevMode ? [undefined, { debugName: "scrolled" }] : /* istanbul ignore next */ []));
+    internalScrolled = signal(false, ...(ngDevMode ? [{ debugName: "internalScrolled" }] : /* istanbul ignore next */ []));
+    effectiveScrolled = computed(() => this.scrolled() ?? this.internalScrolled(), ...(ngDevMode ? [{ debugName: "effectiveScrolled" }] : /* istanbul ignore next */ []));
     actionExecuted = output();
+    ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        this.observeScrollParent();
+    }
+    observeScrollParent() {
+        const scrollParent = findScrollParent$2(this.hostElement);
+        if (!scrollParent) {
+            return;
+        }
+        const update = () => {
+            this.internalScrolled.set(hasMoreBelow$1(scrollParent));
+        };
+        update();
+        scrollParent.addEventListener('scroll', update, { passive: true });
+        this.destroyRef.onDestroy(() => {
+            scrollParent.removeEventListener('scroll', update);
+        });
+    }
     resolvedLabel(action) {
         if (action.labelKey) {
             return this.translateService?.translate(action.labelKey) ?? action.label;
@@ -14189,7 +14216,7 @@ class SolarisDialogActionsComponent {
         this.actionExecuted.emit(action);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogActionsComponent, isStandalone: true, selector: "solaris-dialog-actions", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, stack: { classPropertyName: "stack", publicName: "stack", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionExecuted: "actionExecuted" }, host: { properties: { "attr.data-align": "align()", "attr.data-stack": "stack()", "attr.data-separator": "separator() ? '' : null", "attr.data-density": "density()" }, classAttribute: "solaris-dialog-actions" }, ngImport: i0, template: "<div class=\"solaris-dialog-actions__inner\">\n  @for (action of actions(); track $index) {\n    <button\n      type=\"button\"\n      solaris-button\n      [icon]=\"action.icon\"\n      (click)=\"handleAction(action)\"\n      [radius]=\"action.radius ?? 'md'\"\n      [shape]=\"action.shape ?? 'wide'\"\n      [color]=\"action.color ?? 'neutral'\"\n      [loading]=\"action.loading ?? false\"\n      [disabled]=\"action.disabled ?? false\"\n      [attr.data-autofocus]=\"action.autoFocus ? '' : null\"\n      [density]=\"action.density ?? 'compact'\"\n      [appearance]=\"action.appearance ?? 'solid'\"\n      [iconPosition]=\"action.iconPosition ?? 'start'\"\n    >\n      {{ resolvedLabel(action) }}\n    </button>\n  }\n</div>\n", styles: [":host{display:block;padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}.solaris-dialog-actions__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-actions__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-actions__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-actions__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-actions__inner{justify-content:space-between}:host([data-stack=vertical]) .solaris-dialog-actions__inner{flex-direction:column}:host([data-stack=horizontal]) .solaris-dialog-actions__inner{flex-direction:row}\n"], dependencies: [{ kind: "directive", type: SolarisButtonDirective, selector: "[solaris-button]", inputs: ["iconPosition", "appearance", "color", "shape", "radius", "density", "fullWidth", "disabled", "loading", "loadingLabelKey", "loadingLabel", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogActionsComponent, isStandalone: true, selector: "solaris-dialog-actions", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, stack: { classPropertyName: "stack", publicName: "stack", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, scrolled: { classPropertyName: "scrolled", publicName: "scrolled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionExecuted: "actionExecuted" }, host: { properties: { "attr.data-align": "align()", "attr.data-stack": "stack()", "attr.data-separator": "separator() ? '' : null", "attr.data-density": "density()", "attr.data-scrolled": "effectiveScrolled() ? '' : null" }, classAttribute: "solaris-dialog-actions" }, ngImport: i0, template: "<div class=\"solaris-dialog-actions__inner\">\n  @for (action of actions(); track $index) {\n    <button\n      type=\"button\"\n      solaris-button\n      [icon]=\"action.icon\"\n      (click)=\"handleAction(action)\"\n      [radius]=\"action.radius ?? 'md'\"\n      [shape]=\"action.shape ?? 'wide'\"\n      [color]=\"action.color ?? 'neutral'\"\n      [loading]=\"action.loading ?? false\"\n      [disabled]=\"action.disabled ?? false\"\n      [attr.data-autofocus]=\"action.autoFocus ? '' : null\"\n      [density]=\"action.density ?? 'compact'\"\n      [appearance]=\"action.appearance ?? 'solid'\"\n      [iconPosition]=\"action.iconPosition ?? 'start'\"\n    >\n      {{ resolvedLabel(action) }}\n    </button>\n  }\n</div>\n", styles: [":host{display:block;flex-shrink:0;position:sticky;bottom:0;z-index:var(--solaris-dialog-actions-z-index);background:var(--solaris-dialog-panel-bg);padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default);--solaris-dialog-actions-z-index: var(--solaris-z-index-raised);--solaris-dialog-actions-scrolled-shadow: var(--solaris-shadow-md)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}:host([data-scrolled]){box-shadow:var(--solaris-dialog-actions-scrolled-shadow)}.solaris-dialog-actions__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-actions__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-actions__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-actions__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-actions__inner{justify-content:space-between}:host([data-stack=vertical]) .solaris-dialog-actions__inner{flex-direction:column}:host([data-stack=horizontal]) .solaris-dialog-actions__inner{flex-direction:row}\n"], dependencies: [{ kind: "directive", type: SolarisButtonDirective, selector: "[solaris-button]", inputs: ["iconPosition", "appearance", "color", "shape", "radius", "density", "fullWidth", "disabled", "loading", "loadingLabelKey", "loadingLabel", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogActionsComponent, decorators: [{
             type: Component,
@@ -14198,29 +14225,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         '[attr.data-stack]': 'stack()',
                         '[attr.data-separator]': "separator() ? '' : null",
                         '[attr.data-density]': 'density()',
+                        '[attr.data-scrolled]': "effectiveScrolled() ? '' : null",
                         class: 'solaris-dialog-actions',
-                    }, template: "<div class=\"solaris-dialog-actions__inner\">\n  @for (action of actions(); track $index) {\n    <button\n      type=\"button\"\n      solaris-button\n      [icon]=\"action.icon\"\n      (click)=\"handleAction(action)\"\n      [radius]=\"action.radius ?? 'md'\"\n      [shape]=\"action.shape ?? 'wide'\"\n      [color]=\"action.color ?? 'neutral'\"\n      [loading]=\"action.loading ?? false\"\n      [disabled]=\"action.disabled ?? false\"\n      [attr.data-autofocus]=\"action.autoFocus ? '' : null\"\n      [density]=\"action.density ?? 'compact'\"\n      [appearance]=\"action.appearance ?? 'solid'\"\n      [iconPosition]=\"action.iconPosition ?? 'start'\"\n    >\n      {{ resolvedLabel(action) }}\n    </button>\n  }\n</div>\n", styles: [":host{display:block;padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}.solaris-dialog-actions__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-actions__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-actions__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-actions__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-actions__inner{justify-content:space-between}:host([data-stack=vertical]) .solaris-dialog-actions__inner{flex-direction:column}:host([data-stack=horizontal]) .solaris-dialog-actions__inner{flex-direction:row}\n"] }]
-        }], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], stack: [{ type: i0.Input, args: [{ isSignal: true, alias: "stack", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], actionExecuted: [{ type: i0.Output, args: ["actionExecuted"] }] } });
+                    }, template: "<div class=\"solaris-dialog-actions__inner\">\n  @for (action of actions(); track $index) {\n    <button\n      type=\"button\"\n      solaris-button\n      [icon]=\"action.icon\"\n      (click)=\"handleAction(action)\"\n      [radius]=\"action.radius ?? 'md'\"\n      [shape]=\"action.shape ?? 'wide'\"\n      [color]=\"action.color ?? 'neutral'\"\n      [loading]=\"action.loading ?? false\"\n      [disabled]=\"action.disabled ?? false\"\n      [attr.data-autofocus]=\"action.autoFocus ? '' : null\"\n      [density]=\"action.density ?? 'compact'\"\n      [appearance]=\"action.appearance ?? 'solid'\"\n      [iconPosition]=\"action.iconPosition ?? 'start'\"\n    >\n      {{ resolvedLabel(action) }}\n    </button>\n  }\n</div>\n", styles: [":host{display:block;flex-shrink:0;position:sticky;bottom:0;z-index:var(--solaris-dialog-actions-z-index);background:var(--solaris-dialog-panel-bg);padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default);--solaris-dialog-actions-z-index: var(--solaris-z-index-raised);--solaris-dialog-actions-scrolled-shadow: var(--solaris-shadow-md)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}:host([data-scrolled]){box-shadow:var(--solaris-dialog-actions-scrolled-shadow)}.solaris-dialog-actions__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-actions__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-actions__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-actions__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-actions__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-actions__inner{justify-content:space-between}:host([data-stack=vertical]) .solaris-dialog-actions__inner{flex-direction:column}:host([data-stack=horizontal]) .solaris-dialog-actions__inner{flex-direction:row}\n"] }]
+        }], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], stack: [{ type: i0.Input, args: [{ isSignal: true, alias: "stack", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], scrolled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrolled", required: false }] }], actionExecuted: [{ type: i0.Output, args: ["actionExecuted"] }] } });
+function findScrollParent$2(element) {
+    let parent = element.parentElement;
+    while (parent) {
+        const overflowY = getComputedStyle(parent).overflowY;
+        if (overflowY === 'auto' || overflowY === 'scroll') {
+            return parent;
+        }
+        parent = parent.parentElement;
+    }
+    return null;
+}
+function hasMoreBelow$1(element) {
+    return element.scrollTop + element.clientHeight < element.scrollHeight - 1;
+}
 
+// SECURITY_EXCEPTION_FILE: ElementRef.nativeElement is the standard Angular API to read the host element for scroll-parent lookup (parentElement traversal) and passive scroll listener for scrolled state. SSR-safe via isPlatformBrowser guard with DestroyRef cleanup. No alternative exists.
 let nextDialogHeaderId = 0;
 class SolarisDialogHeaderComponent {
     dialogRef = inject(SOLARIS_DIALOG_REF, {
         optional: true,
     });
+    hostElement = inject(ElementRef).nativeElement;
+    destroyRef = inject(DestroyRef);
+    platformId = inject(PLATFORM_ID);
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : /* istanbul ignore next */ []));
     description = input(...(ngDevMode ? [undefined, { debugName: "description" }] : /* istanbul ignore next */ []));
     iconDecorative = input(false, ...(ngDevMode ? [{ debugName: "iconDecorative" }] : /* istanbul ignore next */ []));
     variant = input('neutral', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     separator = input(true, { ...(ngDevMode ? { debugName: "separator" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeable = input(false, { ...(ngDevMode ? { debugName: "closeable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeLabel = input('Close', ...(ngDevMode ? [{ debugName: "closeLabel" }] : /* istanbul ignore next */ []));
+    scrolled = input(...(ngDevMode ? [undefined, { debugName: "scrolled" }] : /* istanbul ignore next */ []));
+    internalScrolled = signal(false, ...(ngDevMode ? [{ debugName: "internalScrolled" }] : /* istanbul ignore next */ []));
+    effectiveScrolled = computed(() => this.scrolled() ?? this.internalScrolled(), ...(ngDevMode ? [{ debugName: "effectiveScrolled" }] : /* istanbul ignore next */ []));
     idPrefix = this.dialogRef?.id ?? `solaris-dialog-${++nextDialogHeaderId}`;
     titleId = `${this.idPrefix}-title`;
     descriptionId = `${this.idPrefix}-description`;
     hasTitle = () => !!this.title();
     hasDescription = () => !!this.description();
     hasIcon = () => !!this.icon();
+    showClose = () => this.closeable();
+    ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        this.observeScrollParent();
+    }
+    closeDialog() {
+        this.dialogRef?.close();
+    }
+    observeScrollParent() {
+        const scrollParent = findScrollParent$1(this.hostElement);
+        if (!scrollParent) {
+            return;
+        }
+        const update = () => {
+            this.internalScrolled.set(scrollParent.scrollTop > 0);
+        };
+        update();
+        scrollParent.addEventListener('scroll', update, { passive: true });
+        this.destroyRef.onDestroy(() => {
+            scrollParent.removeEventListener('scroll', update);
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogHeaderComponent, isStandalone: true, selector: "solaris-dialog-header", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, iconDecorative: { classPropertyName: "iconDecorative", publicName: "iconDecorative", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-separator": "separator() ? '' : null" }, classAttribute: "solaris-dialog-header" }, ngImport: i0, template: "<div class=\"solaris-dialog-header__start\">\n  @if (hasIcon()) {\n    <div class=\"solaris-dialog-header__icon\">\n      <solaris-icon [name]=\"icon()!\" [decorative]=\"iconDecorative()\" />\n    </div>\n  }\n\n  <div class=\"solaris-dialog-header__text\">\n    @if (hasTitle()) {\n      <h2 class=\"solaris-dialog-header__title\" [attr.id]=\"titleId\">\n        {{ title() }}\n      </h2>\n    }\n\n    @if (hasDescription()) {\n      <p class=\"solaris-dialog-header__description\" [attr.id]=\"descriptionId\">\n        {{ description() }}\n      </p>\n    }\n  </div>\n</div>\n", styles: [":host{display:flex;align-items:flex-start;gap:var(--solaris-spacing-0);padding:var(--solaris-spacing-0);--solaris-dialog-icon-color: var(--solaris-text-muted);--solaris-dialog-media-size: var(--solaris-spacing-8);--solaris-dialog-icon-size: var(--solaris-font-size-2xl);--solaris-dialog-header-border-color: var(--solaris-border-default)}:host([data-separator]){padding-block-end:var(--solaris-spacing-3);border-bottom:var(--solaris-border-width-sm) solid var(--solaris-dialog-header-border-color)}:host([data-variant=info]){--solaris-dialog-icon-color: var(--solaris-info-base)}:host([data-variant=success]){--solaris-dialog-icon-color: var(--solaris-success-base)}:host([data-variant=warning]){--solaris-dialog-icon-color: var(--solaris-warning-base)}:host([data-variant=danger]){--solaris-dialog-icon-color: var(--solaris-danger-base)}.solaris-dialog-header__start{flex:1;min-width:0;display:flex;align-items:center}.solaris-dialog-header__icon{flex-shrink:0;padding-left:var(--solaris-spacing-3);color:var(--solaris-dialog-icon-color)}.solaris-dialog-header__icon solaris-icon,.solaris-dialog-header__icon svg{display:block;width:var(--solaris-dialog-icon-size);height:var(--solaris-dialog-icon-size)}.solaris-dialog-header__text{flex:1;min-width:0}.solaris-dialog-header__title{margin:0;color:var(--solaris-text-strong);padding:var(--solaris-spacing-3) 0 0 var(--solaris-spacing-3);font:var(--solaris-font-weight-semibold) var(--solaris-font-size-lg)/var(--solaris-line-height-sm) var(--solaris-font-family-sans)}.solaris-dialog-header__description{color:var(--solaris-text-muted);padding:0 var(--solaris-spacing-3);margin:var(--solaris-spacing-1) 0 0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative", "inheritColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogHeaderComponent, isStandalone: true, selector: "solaris-dialog-header", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, iconDecorative: { classPropertyName: "iconDecorative", publicName: "iconDecorative", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, scrolled: { classPropertyName: "scrolled", publicName: "scrolled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()", "attr.data-separator": "separator() ? '' : null", "attr.data-scrolled": "effectiveScrolled() ? '' : null" }, classAttribute: "solaris-dialog-header" }, ngImport: i0, template: "<div class=\"solaris-dialog-header__start\">\n  <div class=\"solaris-dialog-header__row\">\n    @if (hasIcon()) {\n      <div class=\"solaris-dialog-header__icon\">\n        <solaris-icon [name]=\"icon()!\" [decorative]=\"iconDecorative()\" />\n      </div>\n    }\n\n    @if (hasTitle()) {\n      <h2 class=\"solaris-dialog-header__title\" [attr.id]=\"titleId\">\n        {{ title() }}\n      </h2>\n    }\n\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"closeLabel()\"\n        class=\"solaris-dialog-header__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n\n  @if (hasDescription()) {\n    <p class=\"solaris-dialog-header__description\" [attr.id]=\"descriptionId\">\n      {{ description() }}\n    </p>\n  }\n</div>\n", styles: [":host{display:flex;flex-shrink:0;position:sticky;top:0;z-index:var(--solaris-dialog-header-z-index);background:var(--solaris-dialog-panel-bg);padding:var(--solaris-spacing-0);--solaris-dialog-icon-color: var(--solaris-text-muted);--solaris-dialog-media-size: var(--solaris-spacing-8);--solaris-dialog-icon-size: var(--solaris-font-size-2xl);--solaris-dialog-header-border-color: var(--solaris-border-default);--solaris-dialog-header-z-index: var(--solaris-z-index-raised);--solaris-dialog-header-scrolled-shadow: var(--solaris-shadow-md)}:host([data-separator]){padding-block-end:var(--solaris-spacing-3);border-bottom:var(--solaris-border-width-sm) solid var(--solaris-dialog-header-border-color)}:host([data-scrolled]){box-shadow:var(--solaris-dialog-header-scrolled-shadow)}:host([data-variant=info]){--solaris-dialog-icon-color: var(--solaris-info-base)}:host([data-variant=success]){--solaris-dialog-icon-color: var(--solaris-success-base)}:host([data-variant=warning]){--solaris-dialog-icon-color: var(--solaris-warning-base)}:host([data-variant=danger]){--solaris-dialog-icon-color: var(--solaris-danger-base)}.solaris-dialog-header__start{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--solaris-spacing-3)}.solaris-dialog-header__row{display:flex;align-items:center;gap:var(--solaris-spacing-3);min-height:var(--solaris-dialog-media-size)}.solaris-dialog-header__icon{flex-shrink:0;color:var(--solaris-dialog-icon-color)}.solaris-dialog-header__icon solaris-icon,.solaris-dialog-header__icon svg{display:block;width:var(--solaris-dialog-icon-size);height:var(--solaris-dialog-icon-size)}.solaris-dialog-header__title{flex:1;min-width:0;margin:0;color:var(--solaris-text-strong);font:var(--solaris-font-weight-semibold) var(--solaris-font-size-lg)/var(--solaris-line-height-sm) var(--solaris-font-family-sans)}.solaris-dialog-header__description{color:var(--solaris-text-muted);margin:var(--solaris-spacing-1) 0 0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}.solaris-dialog-header__start:has(.solaris-dialog-header__icon) .solaris-dialog-header__description{margin-left:calc(var(--solaris-dialog-icon-size) + var(--solaris-spacing-3))}.solaris-dialog-header__close{border:none;display:flex;cursor:pointer;background:none;flex-shrink:0;align-items:center;justify-content:center;margin-left:auto;width:var(--solaris-dialog-media-size);height:var(--solaris-dialog-media-size);border-radius:var(--solaris-radius-sm);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-header__close:hover{color:var(--solaris-text-strong)}.solaris-dialog-header__close:focus-visible{outline-offset:var(--solaris-focus-ring-offset);outline:var(--solaris-focus-ring-width) solid var(--solaris-focus-ring-color)}\n"], dependencies: [{ kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative", "inheritColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogHeaderComponent, decorators: [{
             type: Component,
@@ -14228,14 +14303,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         class: 'solaris-dialog-header',
                         '[attr.data-variant]': 'variant()',
                         '[attr.data-separator]': "separator() ? '' : null",
-                    }, template: "<div class=\"solaris-dialog-header__start\">\n  @if (hasIcon()) {\n    <div class=\"solaris-dialog-header__icon\">\n      <solaris-icon [name]=\"icon()!\" [decorative]=\"iconDecorative()\" />\n    </div>\n  }\n\n  <div class=\"solaris-dialog-header__text\">\n    @if (hasTitle()) {\n      <h2 class=\"solaris-dialog-header__title\" [attr.id]=\"titleId\">\n        {{ title() }}\n      </h2>\n    }\n\n    @if (hasDescription()) {\n      <p class=\"solaris-dialog-header__description\" [attr.id]=\"descriptionId\">\n        {{ description() }}\n      </p>\n    }\n  </div>\n</div>\n", styles: [":host{display:flex;align-items:flex-start;gap:var(--solaris-spacing-0);padding:var(--solaris-spacing-0);--solaris-dialog-icon-color: var(--solaris-text-muted);--solaris-dialog-media-size: var(--solaris-spacing-8);--solaris-dialog-icon-size: var(--solaris-font-size-2xl);--solaris-dialog-header-border-color: var(--solaris-border-default)}:host([data-separator]){padding-block-end:var(--solaris-spacing-3);border-bottom:var(--solaris-border-width-sm) solid var(--solaris-dialog-header-border-color)}:host([data-variant=info]){--solaris-dialog-icon-color: var(--solaris-info-base)}:host([data-variant=success]){--solaris-dialog-icon-color: var(--solaris-success-base)}:host([data-variant=warning]){--solaris-dialog-icon-color: var(--solaris-warning-base)}:host([data-variant=danger]){--solaris-dialog-icon-color: var(--solaris-danger-base)}.solaris-dialog-header__start{flex:1;min-width:0;display:flex;align-items:center}.solaris-dialog-header__icon{flex-shrink:0;padding-left:var(--solaris-spacing-3);color:var(--solaris-dialog-icon-color)}.solaris-dialog-header__icon solaris-icon,.solaris-dialog-header__icon svg{display:block;width:var(--solaris-dialog-icon-size);height:var(--solaris-dialog-icon-size)}.solaris-dialog-header__text{flex:1;min-width:0}.solaris-dialog-header__title{margin:0;color:var(--solaris-text-strong);padding:var(--solaris-spacing-3) 0 0 var(--solaris-spacing-3);font:var(--solaris-font-weight-semibold) var(--solaris-font-size-lg)/var(--solaris-line-height-sm) var(--solaris-font-family-sans)}.solaris-dialog-header__description{color:var(--solaris-text-muted);padding:0 var(--solaris-spacing-3);margin:var(--solaris-spacing-1) 0 0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}\n"] }]
-        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], iconDecorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconDecorative", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }] } });
+                        '[attr.data-scrolled]': "effectiveScrolled() ? '' : null",
+                    }, template: "<div class=\"solaris-dialog-header__start\">\n  <div class=\"solaris-dialog-header__row\">\n    @if (hasIcon()) {\n      <div class=\"solaris-dialog-header__icon\">\n        <solaris-icon [name]=\"icon()!\" [decorative]=\"iconDecorative()\" />\n      </div>\n    }\n\n    @if (hasTitle()) {\n      <h2 class=\"solaris-dialog-header__title\" [attr.id]=\"titleId\">\n        {{ title() }}\n      </h2>\n    }\n\n    @if (showClose()) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"closeLabel()\"\n        class=\"solaris-dialog-header__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n\n  @if (hasDescription()) {\n    <p class=\"solaris-dialog-header__description\" [attr.id]=\"descriptionId\">\n      {{ description() }}\n    </p>\n  }\n</div>\n", styles: [":host{display:flex;flex-shrink:0;position:sticky;top:0;z-index:var(--solaris-dialog-header-z-index);background:var(--solaris-dialog-panel-bg);padding:var(--solaris-spacing-0);--solaris-dialog-icon-color: var(--solaris-text-muted);--solaris-dialog-media-size: var(--solaris-spacing-8);--solaris-dialog-icon-size: var(--solaris-font-size-2xl);--solaris-dialog-header-border-color: var(--solaris-border-default);--solaris-dialog-header-z-index: var(--solaris-z-index-raised);--solaris-dialog-header-scrolled-shadow: var(--solaris-shadow-md)}:host([data-separator]){padding-block-end:var(--solaris-spacing-3);border-bottom:var(--solaris-border-width-sm) solid var(--solaris-dialog-header-border-color)}:host([data-scrolled]){box-shadow:var(--solaris-dialog-header-scrolled-shadow)}:host([data-variant=info]){--solaris-dialog-icon-color: var(--solaris-info-base)}:host([data-variant=success]){--solaris-dialog-icon-color: var(--solaris-success-base)}:host([data-variant=warning]){--solaris-dialog-icon-color: var(--solaris-warning-base)}:host([data-variant=danger]){--solaris-dialog-icon-color: var(--solaris-danger-base)}.solaris-dialog-header__start{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--solaris-spacing-3)}.solaris-dialog-header__row{display:flex;align-items:center;gap:var(--solaris-spacing-3);min-height:var(--solaris-dialog-media-size)}.solaris-dialog-header__icon{flex-shrink:0;color:var(--solaris-dialog-icon-color)}.solaris-dialog-header__icon solaris-icon,.solaris-dialog-header__icon svg{display:block;width:var(--solaris-dialog-icon-size);height:var(--solaris-dialog-icon-size)}.solaris-dialog-header__title{flex:1;min-width:0;margin:0;color:var(--solaris-text-strong);font:var(--solaris-font-weight-semibold) var(--solaris-font-size-lg)/var(--solaris-line-height-sm) var(--solaris-font-family-sans)}.solaris-dialog-header__description{color:var(--solaris-text-muted);margin:var(--solaris-spacing-1) 0 0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-xs)/var(--solaris-line-height-md) var(--solaris-font-family-sans)}.solaris-dialog-header__start:has(.solaris-dialog-header__icon) .solaris-dialog-header__description{margin-left:calc(var(--solaris-dialog-icon-size) + var(--solaris-spacing-3))}.solaris-dialog-header__close{border:none;display:flex;cursor:pointer;background:none;flex-shrink:0;align-items:center;justify-content:center;margin-left:auto;width:var(--solaris-dialog-media-size);height:var(--solaris-dialog-media-size);border-radius:var(--solaris-radius-sm);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-header__close:hover{color:var(--solaris-text-strong)}.solaris-dialog-header__close:focus-visible{outline-offset:var(--solaris-focus-ring-offset);outline:var(--solaris-focus-ring-width) solid var(--solaris-focus-ring-color)}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], iconDecorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconDecorative", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], scrolled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrolled", required: false }] }] } });
+function findScrollParent$1(element) {
+    let parent = element.parentElement;
+    while (parent) {
+        const overflowY = getComputedStyle(parent).overflowY;
+        if (overflowY === 'auto' || overflowY === 'scroll') {
+            return parent;
+        }
+        parent = parent.parentElement;
+    }
+    return null;
+}
 
+// SECURITY_EXCEPTION_FILE: ElementRef.nativeElement is the standard Angular API to read the host element for capture-phase scroll listener tracking bodyScrolled state. SSR-safe via afterNextRender with DestroyRef cleanup. No alternative exists.
 class SolarisDialogComponent {
     translateService = inject(SolarisTranslateService, {
         optional: true,
     });
     options = input.required(...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    hostElement = inject(ElementRef).nativeElement;
+    destroyRef = inject(DestroyRef);
+    bodyScrolled = signal(false, ...(ngDevMode ? [{ debugName: "bodyScrolled" }] : /* istanbul ignore next */ []));
+    bodyHasMoreBelow = signal(false, ...(ngDevMode ? [{ debugName: "bodyHasMoreBelow" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => {
+            const syncFrom = (target) => {
+                if (!target) {
+                    return;
+                }
+                this.bodyScrolled.set(target.scrollTop > 0);
+                this.bodyHasMoreBelow.set(target.scrollTop + target.clientHeight < target.scrollHeight - 1);
+            };
+            const onScroll = (event) => {
+                syncFrom(event.target);
+            };
+            this.hostElement.addEventListener('scroll', onScroll, { capture: true });
+            this.hostElement
+                .querySelectorAll('.solaris-dialog__body, solaris-dialog-content')
+                .forEach((element) => syncFrom(element));
+            this.destroyRef.onDestroy(() => {
+                this.hostElement.removeEventListener('scroll', onScroll, {
+                    capture: true,
+                });
+            });
+        });
+    }
     hasActions = computed(() => {
         const actions = this.options().actions;
         return actions && actions.length > 0;
@@ -14268,6 +14383,15 @@ class SolarisDialogComponent {
         }
         return this.description();
     }, ...(ngDevMode ? [{ debugName: "resolvedDescription" }] : /* istanbul ignore next */ []));
+    closeable = computed(() => this.options().closeable ?? true, ...(ngDevMode ? [{ debugName: "closeable" }] : /* istanbul ignore next */ []));
+    resolvedCloseLabel = computed(() => {
+        const closeLabelKey = this.options().closeLabelKey;
+        const closeLabel = this.options().closeLabel ?? 'Close';
+        if (closeLabelKey) {
+            return this.translateService?.translate(closeLabelKey) ?? closeLabel;
+        }
+        return closeLabel;
+    }, ...(ngDevMode ? [{ debugName: "resolvedCloseLabel" }] : /* istanbul ignore next */ []));
     actions = computed(() => {
         const variant = this.variant();
         const shape = this.actionsShape();
@@ -14291,7 +14415,7 @@ class SolarisDialogComponent {
         });
     }, ...(ngDevMode ? [{ debugName: "actions" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogComponent, isStandalone: true, selector: "solaris-dialog", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.role": "null" }, classAttribute: "solaris-dialog" }, ngImport: i0, template: "<solaris-dialog-header\n  [icon]=\"icon()\"\n  [title]=\"resolvedTitle()\"\n  [variant]=\"variant()\"\n  [description]=\"resolvedDescription()\"\n  [separator]=\"headerSeparator()\"\n  [iconDecorative]=\"iconDecorative()\"\n/>\n\n@if (resolvedDescription() && !hasActions()) {\n  <solaris-dialog-content [density]=\"density()\">\n    <p class=\"solaris-dialog__description-text\">{{ resolvedDescription() }}</p>\n  </solaris-dialog-content>\n}\n\n@if (hasActions()) {\n  <div class=\"solaris-dialog__body\"></div>\n  <solaris-dialog-actions\n    [actions]=\"actions()\"\n    [align]=\"actionsAlign()\"\n    [stack]=\"actionsStack()\"\n    [separator]=\"footerSeparator()\"\n    [density]=\"density()\"\n  />\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}.solaris-dialog__description-text{margin:0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted)}.solaris-dialog__body{flex:1;min-height:0;overflow-y:auto}\n"], dependencies: [{ kind: "component", type: SolarisDialogHeaderComponent, selector: "solaris-dialog-header", inputs: ["icon", "title", "description", "iconDecorative", "variant", "separator"] }, { kind: "component", type: SolarisDialogContentComponent, selector: "solaris-dialog-content", inputs: ["density"] }, { kind: "component", type: SolarisDialogActionsComponent, selector: "solaris-dialog-actions", inputs: ["actions", "align", "stack", "separator", "density"], outputs: ["actionExecuted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogComponent, isStandalone: true, selector: "solaris-dialog", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.role": "null" }, classAttribute: "solaris-dialog" }, ngImport: i0, template: "<solaris-dialog-header\n  [icon]=\"icon()\"\n  [title]=\"resolvedTitle()\"\n  [variant]=\"variant()\"\n  [description]=\"resolvedDescription()\"\n  [separator]=\"headerSeparator()\"\n  [iconDecorative]=\"iconDecorative()\"\n  [closeable]=\"closeable()\"\n  [closeLabel]=\"resolvedCloseLabel()\"\n  [scrolled]=\"bodyScrolled()\"\n/>\n\n@if (resolvedDescription() && !hasActions()) {\n  <solaris-dialog-content [density]=\"density()\">\n    <p class=\"solaris-dialog__description-text\">{{ resolvedDescription() }}</p>\n  </solaris-dialog-content>\n}\n\n@if (hasActions()) {\n  <div class=\"solaris-dialog__body\"></div>\n  <solaris-dialog-actions\n    [actions]=\"actions()\"\n    [align]=\"actionsAlign()\"\n    [stack]=\"actionsStack()\"\n    [separator]=\"footerSeparator()\"\n    [density]=\"density()\"\n    [scrolled]=\"bodyHasMoreBelow()\"\n  />\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}.solaris-dialog__description-text{margin:0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted)}.solaris-dialog__body{flex:1;min-height:0;overflow-y:auto}\n"], dependencies: [{ kind: "component", type: SolarisDialogHeaderComponent, selector: "solaris-dialog-header", inputs: ["icon", "title", "description", "iconDecorative", "variant", "separator", "closeable", "closeLabel", "scrolled"] }, { kind: "component", type: SolarisDialogContentComponent, selector: "solaris-dialog-content", inputs: ["density"] }, { kind: "component", type: SolarisDialogActionsComponent, selector: "solaris-dialog-actions", inputs: ["actions", "align", "stack", "separator", "density", "scrolled"], outputs: ["actionExecuted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogComponent, decorators: [{
             type: Component,
@@ -14302,8 +14426,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'solaris-dialog',
                         '[attr.role]': 'null',
-                    }, template: "<solaris-dialog-header\n  [icon]=\"icon()\"\n  [title]=\"resolvedTitle()\"\n  [variant]=\"variant()\"\n  [description]=\"resolvedDescription()\"\n  [separator]=\"headerSeparator()\"\n  [iconDecorative]=\"iconDecorative()\"\n/>\n\n@if (resolvedDescription() && !hasActions()) {\n  <solaris-dialog-content [density]=\"density()\">\n    <p class=\"solaris-dialog__description-text\">{{ resolvedDescription() }}</p>\n  </solaris-dialog-content>\n}\n\n@if (hasActions()) {\n  <div class=\"solaris-dialog__body\"></div>\n  <solaris-dialog-actions\n    [actions]=\"actions()\"\n    [align]=\"actionsAlign()\"\n    [stack]=\"actionsStack()\"\n    [separator]=\"footerSeparator()\"\n    [density]=\"density()\"\n  />\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}.solaris-dialog__description-text{margin:0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted)}.solaris-dialog__body{flex:1;min-height:0;overflow-y:auto}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }] } });
+                    }, template: "<solaris-dialog-header\n  [icon]=\"icon()\"\n  [title]=\"resolvedTitle()\"\n  [variant]=\"variant()\"\n  [description]=\"resolvedDescription()\"\n  [separator]=\"headerSeparator()\"\n  [iconDecorative]=\"iconDecorative()\"\n  [closeable]=\"closeable()\"\n  [closeLabel]=\"resolvedCloseLabel()\"\n  [scrolled]=\"bodyScrolled()\"\n/>\n\n@if (resolvedDescription() && !hasActions()) {\n  <solaris-dialog-content [density]=\"density()\">\n    <p class=\"solaris-dialog__description-text\">{{ resolvedDescription() }}</p>\n  </solaris-dialog-content>\n}\n\n@if (hasActions()) {\n  <div class=\"solaris-dialog__body\"></div>\n  <solaris-dialog-actions\n    [actions]=\"actions()\"\n    [align]=\"actionsAlign()\"\n    [stack]=\"actionsStack()\"\n    [separator]=\"footerSeparator()\"\n    [density]=\"density()\"\n    [scrolled]=\"bodyHasMoreBelow()\"\n  />\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;max-height:100%}.solaris-dialog__description-text{margin:0;font:var(--solaris-font-weight-regular) var(--solaris-font-size-sm)/var(--solaris-line-height-md) var(--solaris-font-family-sans);color:var(--solaris-text-muted)}.solaris-dialog__body{flex:1;min-height:0;overflow-y:auto}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }] } });
 
 // SECURITY_EXCEPTION_FILE: ElementRef.nativeElement is the standard Angular API to read the panel element for focus management (panel.focus() and [data-autofocus] lookup). No alternative exists.
 class SolarisDialogContainerComponent {
@@ -14336,7 +14460,7 @@ class SolarisDialogContainerComponent {
     get hostVariant() {
         if (this.simpleOptions())
             return this.simpleOptions()?.variant ?? 'neutral';
-        return null;
+        return this.externalComponentConfig()?.variant ?? null;
     }
     get hostPlacement() {
         if (this.simpleOptions())
@@ -14377,39 +14501,160 @@ class SolarisDialogContainerComponent {
             return this.simpleOptions()?.closeable ?? true;
         return this.externalComponentConfig()?.closeable ?? true;
     }
+    panelScrolled = signal(false, ...(ngDevMode ? [{ debugName: "panelScrolled" }] : /* istanbul ignore next */ []));
+    panelHasMoreBelow = signal(false, ...(ngDevMode ? [{ debugName: "panelHasMoreBelow" }] : /* istanbul ignore next */ []));
+    hasManualHeader = signal(false, ...(ngDevMode ? [{ debugName: "hasManualHeader" }] : /* istanbul ignore next */ []));
+    get showFloatingClose() {
+        return (this.closeable &&
+            !this.hasChromeHeader &&
+            !this.isSimpleMode &&
+            !this.hasManualHeader());
+    }
+    onPanelBodyScroll() {
+        this.syncPanelScrollState();
+    }
     get panelAriaLabel() {
         const options = this.simpleOptions();
-        if (!options)
+        if (options) {
+            if (options.ariaLabelKey) {
+                return (this.translateService?.translate(options.ariaLabelKey) ??
+                    options.ariaLabel ??
+                    null);
+            }
+            return options.ariaLabel ?? null;
+        }
+        const config = this.externalComponentConfig();
+        if (!config)
             return null;
-        if (options.ariaLabelKey) {
-            return (this.translateService?.translate(options.ariaLabelKey) ??
-                options.ariaLabel ??
+        if (config.ariaLabelKey) {
+            return (this.translateService?.translate(config.ariaLabelKey) ??
+                config.ariaLabel ??
                 null);
         }
-        return options.ariaLabel ?? null;
+        return config.ariaLabel ?? null;
     }
     get panelAriaLabelledBy() {
         const options = this.simpleOptions();
-        if (!options)
+        if (options) {
+            if (options.ariaLabelledBy)
+                return options.ariaLabelledBy;
+            if (options.ariaLabel ?? options.ariaLabelKey)
+                return null;
+            if (!options.title && !options.titleKey)
+                return null;
+            return `${this.dialogRef.id}-title`;
+        }
+        const config = this.externalComponentConfig();
+        if (!config)
             return null;
-        if (options.ariaLabelledBy)
-            return options.ariaLabelledBy;
-        if (options.ariaLabel ?? options.ariaLabelKey)
+        if (config.ariaLabelledBy)
+            return config.ariaLabelledBy;
+        if (config.ariaLabel ?? config.ariaLabelKey)
             return null;
-        if (!options.title && !options.titleKey)
+        if (!this.chromeTitle)
             return null;
         return `${this.dialogRef.id}-title`;
     }
     get panelAriaDescribedBy() {
         const options = this.simpleOptions();
-        if (!options)
+        if (options) {
+            if (options.ariaDescribedBy)
+                return options.ariaDescribedBy;
+            if (!options.description && !options.descriptionKey)
+                return null;
+            return `${this.dialogRef.id}-description`;
+        }
+        const config = this.externalComponentConfig();
+        if (!config)
             return null;
-        if (options.ariaDescribedBy)
-            return options.ariaDescribedBy;
-        if (!options.description && !options.descriptionKey)
+        if (config.ariaDescribedBy)
+            return config.ariaDescribedBy;
+        if (!this.chromeDescription)
             return null;
         return `${this.dialogRef.id}-description`;
     }
+    get hasChromeHeader() {
+        if (this.simpleOptions())
+            return false;
+        const config = this.externalComponentConfig();
+        if (!config)
+            return false;
+        return Boolean(config.title ??
+            config.titleKey ??
+            config.description ??
+            config.descriptionKey ??
+            config.icon);
+    }
+    get chromeTitle() {
+        const config = this.externalComponentConfig();
+        if (!config)
+            return undefined;
+        if (config.titleKey) {
+            return this.translateService?.translate(config.titleKey) ?? config.title;
+        }
+        return config.title;
+    }
+    get chromeDescription() {
+        const config = this.externalComponentConfig();
+        if (!config)
+            return undefined;
+        if (config.descriptionKey) {
+            return (this.translateService?.translate(config.descriptionKey) ??
+                config.description);
+        }
+        return config.description;
+    }
+    get chromeIcon() {
+        return this.externalComponentConfig()?.icon;
+    }
+    get chromeIconDecorative() {
+        return this.externalComponentConfig()?.iconDecorative ?? false;
+    }
+    get chromeVariant() {
+        return this.externalComponentConfig()?.variant ?? 'neutral';
+    }
+    get chromeHeaderSeparator() {
+        return this.externalComponentConfig()?.headerSeparator ?? true;
+    }
+    get hasChromeActions() {
+        if (this.simpleOptions())
+            return false;
+        const actions = this.externalComponentConfig()?.actions;
+        return !!actions && actions.length > 0;
+    }
+    get chromeActions() {
+        const config = this.externalComponentConfig();
+        const variant = config?.variant ?? 'neutral';
+        const shape = config?.actionsShape;
+        const density = config?.actionsDensity;
+        const radius = config?.actionsRadius;
+        return (config?.actions ?? []).map((action) => {
+            const appearance = action.appearance ?? 'solid';
+            let color = action.color;
+            if (color === undefined && appearance === 'solid') {
+                color = variant;
+            }
+            return {
+                ...action,
+                color,
+                shape: action.shape ?? shape,
+                density: action.density ?? density,
+                radius: action.radius ?? radius,
+            };
+        });
+    }
+    get chromeActionsAlign() {
+        return this.externalComponentConfig()?.actionsAlign ?? 'end';
+    }
+    get chromeActionsStack() {
+        return this.externalComponentConfig()?.actionsStack ?? 'auto';
+    }
+    get chromeFooterSeparator() {
+        return this.externalComponentConfig()?.footerSeparator ?? true;
+    }
+    get chromeDensity() {
+        return this.externalComponentConfig()?.density;
+    }
     get resolvedCloseLabel() {
         const closeLabelKey = this.simpleOptions()
             ? this.simpleOptions()?.closeLabelKey
@@ -14485,6 +14730,22 @@ class SolarisDialogContainerComponent {
                 this.createComponentInHost(comp);
             }
         });
+        afterEveryRender(() => {
+            this.syncPanelScrollState();
+        });
+    }
+    syncPanelScrollState() {
+        const panel = this._dialogPanel()?.nativeElement;
+        const body = panel?.querySelector('.solaris-dialog-panel__body');
+        const scrollTop = body?.scrollTop ?? 0;
+        this.panelScrolled.set(scrollTop > 0);
+        this.panelHasMoreBelow.set(body ? scrollTop + body.clientHeight < body.scrollHeight - 1 : false);
+        const manualHeaderFound = panel
+            ? panel.querySelector('.solaris-dialog-panel__body solaris-dialog-header') !== null
+            : false;
+        if (manualHeaderFound !== this.hasManualHeader()) {
+            this.hasManualHeader.set(manualHeaderFound);
+        }
     }
     createComponentInHost(compType) {
         const host = this._componentHost();
@@ -14541,11 +14802,17 @@ class SolarisDialogContainerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogContainerComponent, isStandalone: true, selector: "solaris-dialog-container", inputs: { externalComponent: { classPropertyName: "externalComponent", publicName: "externalComponent", isSignal: true, isRequired: false, transformFunction: null }, simpleOptions: { classPropertyName: "simpleOptions", publicName: "simpleOptions", isSignal: true, isRequired: false, transformFunction: null }, externalComponentConfig: { classPropertyName: "externalComponentConfig", publicName: "externalComponentConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapePress()" }, properties: { "attr.data-fullscreen": "hostFullscreen", "attr.data-radius": "hostRadius", "attr.data-variant": "hostVariant", "attr.data-density": "hostDensity", "attr.data-backdrop": "hasBackdrop", "attr.data-appearance": "hostAppearance", "attr.data-placement": "hostPlacement", "attr.data-header-separator": "hostHeaderSeparator", "attr.data-footer-separator": "hostFooterSeparator" }, classAttribute: "solaris-dialog-container" }, viewQueries: [{ propertyName: "_componentHost", first: true, predicate: ["componentHost"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "_dialogPanel", first: true, predicate: ["dialogPanel"], descendants: true, isSignal: true }, { propertyName: "_focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      <ng-template #componentHost></ng-template>\n    }\n    @if (closeable) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SolarisDialogComponent, selector: "solaris-dialog", inputs: ["options"] }, { kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative", "inheritColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: SolarisDialogContainerComponent, isStandalone: true, selector: "solaris-dialog-container", inputs: { externalComponent: { classPropertyName: "externalComponent", publicName: "externalComponent", isSignal: true, isRequired: false, transformFunction: null }, simpleOptions: { classPropertyName: "simpleOptions", publicName: "simpleOptions", isSignal: true, isRequired: false, transformFunction: null }, externalComponentConfig: { classPropertyName: "externalComponentConfig", publicName: "externalComponentConfig", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keydown.escape": "onEscapePress()" }, properties: { "attr.data-fullscreen": "hostFullscreen", "attr.data-radius": "hostRadius", "attr.data-variant": "hostVariant", "attr.data-density": "hostDensity", "attr.data-backdrop": "hasBackdrop", "attr.data-appearance": "hostAppearance", "attr.data-placement": "hostPlacement", "attr.data-header-separator": "hostHeaderSeparator", "attr.data-footer-separator": "hostFooterSeparator" }, classAttribute: "solaris-dialog-container" }, viewQueries: [{ propertyName: "_componentHost", first: true, predicate: ["componentHost"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "_dialogPanel", first: true, predicate: ["dialogPanel"], descendants: true, isSignal: true }, { propertyName: "_focusTrap", first: true, predicate: CdkTrapFocus, descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      @if (hasChromeHeader) {\n        <solaris-dialog-header\n          [icon]=\"chromeIcon\"\n          [title]=\"chromeTitle\"\n          [variant]=\"chromeVariant\"\n          [description]=\"chromeDescription\"\n          [separator]=\"chromeHeaderSeparator\"\n          [iconDecorative]=\"chromeIconDecorative\"\n          [closeable]=\"closeable\"\n          [closeLabel]=\"resolvedCloseLabel\"\n          [scrolled]=\"panelScrolled()\"\n        />\n      }\n      <div class=\"solaris-dialog-panel__body\" (scroll)=\"onPanelBodyScroll()\">\n        <ng-template #componentHost></ng-template>\n      </div>\n      @if (hasChromeActions) {\n        <solaris-dialog-actions\n          [actions]=\"chromeActions\"\n          [align]=\"chromeActionsAlign\"\n          [stack]=\"chromeActionsStack\"\n          [separator]=\"chromeFooterSeparator\"\n          [density]=\"chromeDensity\"\n          [scrolled]=\"panelHasMoreBelow()\"\n        />\n      }\n    }\n    @if (showFloatingClose) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-panel__body{flex:1;min-height:0;overflow:hidden auto}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SolarisDialogComponent, selector: "solaris-dialog", inputs: ["options"] }, { kind: "component", type: SolarisDialogHeaderComponent, selector: "solaris-dialog-header", inputs: ["icon", "title", "description", "iconDecorative", "variant", "separator", "closeable", "closeLabel", "scrolled"] }, { kind: "component", type: SolarisDialogActionsComponent, selector: "solaris-dialog-actions", inputs: ["actions", "align", "stack", "separator", "density", "scrolled"], outputs: ["actionExecuted"] }, { kind: "component", type: SolarisIconComponent, selector: "solaris-icon", inputs: ["name", "ariaLabel", "decorative", "inheritColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'solaris-dialog-container', standalone: true, imports: [CdkTrapFocus, SolarisDialogComponent, SolarisIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'solaris-dialog-container', standalone: true, imports: [
+                        CdkTrapFocus,
+                        SolarisDialogComponent,
+                        SolarisDialogHeaderComponent,
+                        SolarisDialogActionsComponent,
+                        SolarisIconComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-fullscreen]': 'hostFullscreen',
                         class: 'solaris-dialog-container',
                         '[attr.data-radius]': 'hostRadius',
@@ -14556,7 +14823,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         '[attr.data-placement]': 'hostPlacement',
                         '[attr.data-header-separator]': 'hostHeaderSeparator',
                         '[attr.data-footer-separator]': 'hostFooterSeparator',
-                    }, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      <ng-template #componentHost></ng-template>\n    }\n    @if (closeable) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"] }]
+                    }, template: "<div\n  class=\"solaris-dialog-backdrop\"\n  tabindex=\"-1\"\n  (click)=\"onBackdropClick($event)\"\n  (keydown.escape)=\"onBackdropClick($event)\"\n>\n  <div\n    #dialogPanel\n    tabindex=\"-1\"\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"false\"\n    [attr.role]=\"dialogRole\"\n    [attr.aria-label]=\"panelAriaLabel\"\n    [attr.aria-labelledby]=\"panelAriaLabelledBy\"\n    [attr.aria-describedby]=\"panelAriaDescribedBy\"\n    [style.width]=\"panelWidth\"\n    class=\"solaris-dialog-panel\"\n    [style.height]=\"panelHeight\"\n    [style.min-width]=\"panelMinWidth\"\n    [style.max-width]=\"panelMaxWidth\"\n    [style.min-height]=\"panelMinHeight\"\n    [style.max-height]=\"panelMaxHeight\"\n    [attr.aria-modal]=\"hasBackdrop ? 'true' : 'false'\"\n  >\n    @if (isSimpleMode) {\n      <solaris-dialog [options]=\"simpleOptions()!\" />\n    } @else {\n      @if (hasChromeHeader) {\n        <solaris-dialog-header\n          [icon]=\"chromeIcon\"\n          [title]=\"chromeTitle\"\n          [variant]=\"chromeVariant\"\n          [description]=\"chromeDescription\"\n          [separator]=\"chromeHeaderSeparator\"\n          [iconDecorative]=\"chromeIconDecorative\"\n          [closeable]=\"closeable\"\n          [closeLabel]=\"resolvedCloseLabel\"\n          [scrolled]=\"panelScrolled()\"\n        />\n      }\n      <div class=\"solaris-dialog-panel__body\" (scroll)=\"onPanelBodyScroll()\">\n        <ng-template #componentHost></ng-template>\n      </div>\n      @if (hasChromeActions) {\n        <solaris-dialog-actions\n          [actions]=\"chromeActions\"\n          [align]=\"chromeActionsAlign\"\n          [stack]=\"chromeActionsStack\"\n          [separator]=\"chromeFooterSeparator\"\n          [density]=\"chromeDensity\"\n          [scrolled]=\"panelHasMoreBelow()\"\n        />\n      }\n    }\n    @if (showFloatingClose) {\n      <button\n        type=\"button\"\n        data-dialog-close\n        (click)=\"closeDialog()\"\n        [attr.aria-label]=\"resolvedCloseLabel\"\n        class=\"solaris-dialog-container__close\"\n      >\n        <solaris-icon name=\"x\" [decorative]=\"true\" />\n      </button>\n    }\n  </div>\n</div>\n", styles: [":host{--solaris-dialog-panel-padding: 0;--solaris-dialog-panel-min-width: 400px;--solaris-dialog-backdrop-bg: var(--solaris-backdrop);--solaris-dialog-panel-bg: var(--solaris-surface-base);--solaris-dialog-z-index: var(--solaris-z-index-modal);--solaris-dialog-panel-shadow: var(--solaris-shadow-lg);--solaris-dialog-panel-radius: var(--solaris-radius-lg);--solaris-dialog-panel-border: var(--solaris-border-default);--solaris-dialog-panel-max-width: calc(100vw - var(--solaris-spacing-8));--solaris-dialog-panel-max-height: calc(100dvh - var(--solaris-spacing-8));inset:0;display:flex;position:fixed;overflow:hidden;align-items:center;justify-content:center;z-index:var(--solaris-dialog-z-index)}:host([data-placement=top]){align-items:flex-start}:host([data-placement=bottom]){align-items:flex-end}:host([data-placement=left]){justify-content:flex-start}:host([data-placement=right]){justify-content:flex-end}:host([data-placement=top-left]){align-items:flex-start;justify-content:flex-start}:host([data-placement=top-right]){align-items:flex-start;justify-content:flex-end}:host([data-placement=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([data-placement=bottom-right]){align-items:flex-end;justify-content:flex-end}:host([data-radius=none]){--solaris-dialog-panel-radius: var(--solaris-radius-none)}:host([data-radius=sm]){--solaris-dialog-panel-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-dialog-panel-radius: var(--solaris-radius-md)}:host([data-radius=lg]){--solaris-dialog-panel-radius: var(--solaris-radius-lg)}:host([data-radius=full]){--solaris-dialog-panel-radius: var(--solaris-radius-full)}:host([data-backdrop=false]){--solaris-dialog-backdrop-bg: transparent;pointer-events:none}.solaris-dialog-backdrop{inset:0;display:flex;position:fixed;align-items:center;justify-content:center;background:var(--solaris-dialog-backdrop-bg)}:host([data-placement=top]) .solaris-dialog-backdrop{align-items:flex-start;padding-top:var(--solaris-spacing-4)}:host([data-placement=bottom]) .solaris-dialog-backdrop{align-items:flex-end;padding-bottom:var(--solaris-spacing-4)}:host([data-placement=left]) .solaris-dialog-backdrop{justify-content:flex-start;padding-left:var(--solaris-spacing-4)}:host([data-placement=right]) .solaris-dialog-backdrop{justify-content:flex-end;padding-right:var(--solaris-spacing-4)}:host([data-placement=top-left]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-start;padding-top:var(--solaris-spacing-4);padding-left:var(--solaris-spacing-4)}:host([data-placement=top-right]) .solaris-dialog-backdrop{align-items:flex-start;justify-content:flex-end;padding-top:var(--solaris-spacing-4);padding-right:var(--solaris-spacing-4)}:host([data-placement=bottom-left]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-start;padding-left:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-placement=bottom-right]) .solaris-dialog-backdrop{align-items:flex-end;justify-content:flex-end;padding-right:var(--solaris-spacing-4);padding-bottom:var(--solaris-spacing-4)}:host([data-backdrop=false]) .solaris-dialog-backdrop{pointer-events:none}:host([data-backdrop=false]) .solaris-dialog-panel{pointer-events:auto}.solaris-dialog-panel{display:flex;overflow:hidden;position:relative;flex-direction:column;box-sizing:border-box;background:var(--solaris-dialog-panel-bg);box-shadow:var(--solaris-dialog-panel-shadow);max-width:var(--solaris-dialog-panel-max-width);min-width:var(--solaris-dialog-panel-min-width);border-radius:var(--solaris-dialog-panel-radius);max-height:var(--solaris-dialog-panel-max-height);animation:solaris-dialog-enter var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-panel__body{flex:1;min-height:0;overflow:hidden auto}.solaris-dialog-container__close{border:none;display:flex;cursor:pointer;background:none;aspect-ratio:1/1;position:absolute;align-items:center;top:var(--solaris-spacing-3);right:var(--solaris-spacing-3);width:var(--solaris-spacing-4);height:var(--solaris-spacing-4);color:var(--solaris-text-muted);font-size:var(--solaris-font-size-lg);transition:color var(--solaris-motion-duration-normal) var(--solaris-motion-easing-decelerate)}.solaris-dialog-container__close:hover{color:var(--solaris-text-strong)}:host([data-appearance=outline]) .solaris-dialog-panel{border:var(--solaris-border-width-sm) solid var(--solaris-dialog-panel-border)}:host([data-fullscreen]) .solaris-dialog-panel{width:100vw;height:100dvh;max-width:100vw;border-radius:0;max-height:100dvh}@keyframes solaris-dialog-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.solaris-dialog-panel{animation:none}}:host-context([data-reduced-motion=true]) .solaris-dialog-panel{animation:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { externalComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalComponent", required: false }] }], simpleOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "simpleOptions", required: false }] }], externalComponentConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalComponentConfig", required: false }] }], _componentHost: [{ type: i0.ViewChild, args: ['componentHost', { ...{
                             read: ViewContainerRef,
                         }, isSignal: true }] }], _dialogPanel: [{ type: i0.ViewChild, args: ['dialogPanel', { isSignal: true }] }], _focusTrap: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkTrapFocus), { isSignal: true }] }], onEscapePress: [{
@@ -14639,15 +14906,16 @@ class SolarisDialogService {
     openComponent(component, config) {
         const id = `solaris-dialog-${++nextDialogId}`;
         const ref = new SolarisDialogRef(id);
-        const data = config?.data;
-        const overlayRef = this.createOverlay(config?.placement, config?.backdrop);
+        const mergedConfig = this.resolveComponentConfig(config ?? {});
+        const data = mergedConfig.data;
+        const overlayRef = this.createOverlay(mergedConfig.placement, mergedConfig.backdrop);
         const injector = this.createInjector(ref, data);
         const portal = new ComponentPortal(SolarisDialogContainerComponent, null, injector);
         const componentRef = overlayRef.attach(portal);
         componentRef.setInput('externalComponent', component);
-        componentRef.setInput('externalComponentConfig', config ?? {});
+        componentRef.setInput('externalComponentConfig', mergedConfig);
         this.trackDialog(ref, overlayRef, {
-            restoreFocus: config?.restoreFocus ?? this.config.restoreFocus ?? true,
+            restoreFocus: mergedConfig.restoreFocus ?? true,
             previouslyFocused: this.document.activeElement,
         });
         return ref;
@@ -14764,6 +15032,30 @@ class SolarisDialogService {
             actionsStack: options.actionsStack ?? this.config.actionsStack ?? 'auto',
         };
     }
+    resolveComponentConfig(config) {
+        return {
+            ...config,
+            appearance: config.appearance ?? this.config.appearance,
+            fullscreen: config.fullscreen ?? this.config.fullscreen ?? false,
+            closeable: config.closeable ?? this.config.closeable ?? true,
+            backdrop: config.backdrop ?? this.config.backdrop ?? true,
+            closeOnEscape: config.closeOnEscape ?? this.config.closeOnEscape ?? true,
+            closeOnBackdropClick: config.closeOnBackdropClick ?? this.config.closeOnBackdropClick ?? true,
+            autoFocus: config.autoFocus ?? this.config.autoFocus,
+            restoreFocus: config.restoreFocus ?? this.config.restoreFocus ?? true,
+            role: config.role ?? this.config.role,
+            placement: config.placement ?? this.config.placement ?? 'center',
+            headerSeparator: config.headerSeparator ?? this.config.headerSeparator ?? true,
+            footerSeparator: config.footerSeparator ?? this.config.footerSeparator ?? true,
+            radius: config.radius ?? this.config.radius,
+            density: config.density ?? this.config.density,
+            actionsShape: config.actionsShape ?? this.config.actionsShape,
+            actionsDensity: config.actionsDensity ?? this.config.actionsDensity,
+            actionsRadius: config.actionsRadius ?? this.config.actionsRadius,
+            actionsAlign: config.actionsAlign ?? this.config.actionsAlign ?? 'end',
+            actionsStack: config.actionsStack ?? this.config.actionsStack ?? 'auto',
+        };
+    }
     closeAll() {
         for (const entry of this.openDialogs) {
             entry.ref.close();
@@ -14776,6 +15068,87 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
             type: Injectable
         }], ctorParameters: () => [] });
 
+// SECURITY_EXCEPTION_FILE: ElementRef.nativeElement is the standard Angular API to read the host element for scroll-parent lookup (parentElement traversal) and passive scroll listener for scrolled state. SSR-safe via isPlatformBrowser guard with DestroyRef cleanup. No alternative exists.
+class SolarisDialogFooterComponent {
+    hostElement = inject(ElementRef).nativeElement;
+    destroyRef = inject(DestroyRef);
+    platformId = inject(PLATFORM_ID);
+    align = input('end', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    separator = input(true, { ...(ngDevMode ? { debugName: "separator" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    scrolled = input(...(ngDevMode ? [undefined, { debugName: "scrolled" }] : /* istanbul ignore next */ []));
+    internalScrolled = signal(false, ...(ngDevMode ? [{ debugName: "internalScrolled" }] : /* istanbul ignore next */ []));
+    effectiveScrolled = computed(() => this.scrolled() ?? this.internalScrolled(), ...(ngDevMode ? [{ debugName: "effectiveScrolled" }] : /* istanbul ignore next */ []));
+    ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        this.observeScrollParent();
+    }
+    observeScrollParent() {
+        const scrollParent = findScrollParent(this.hostElement);
+        if (!scrollParent) {
+            return;
+        }
+        const update = () => {
+            this.internalScrolled.set(hasMoreBelow(scrollParent));
+        };
+        update();
+        scrollParent.addEventListener('scroll', update, { passive: true });
+        this.destroyRef.onDestroy(() => {
+            scrollParent.removeEventListener('scroll', update);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.22", type: SolarisDialogFooterComponent, isStandalone: true, selector: "solaris-dialog-footer", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, scrolled: { classPropertyName: "scrolled", publicName: "scrolled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-align": "align()", "attr.data-separator": "separator() ? '' : null", "attr.data-density": "density()", "attr.data-scrolled": "effectiveScrolled() ? '' : null" }, classAttribute: "solaris-dialog-footer" }, ngImport: i0, template: "<div class=\"solaris-dialog-footer__inner\">\n  <ng-content />\n</div>\n", styles: [":host{display:block;flex-shrink:0;position:sticky;bottom:0;z-index:var(--solaris-dialog-footer-z-index);background:var(--solaris-dialog-panel-bg);padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default);--solaris-dialog-footer-z-index: var(--solaris-z-index-raised);--solaris-dialog-footer-scrolled-shadow: var(--solaris-shadow-md)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}:host([data-scrolled]){box-shadow:var(--solaris-dialog-footer-scrolled-shadow)}.solaris-dialog-footer__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-footer__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-footer__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-footer__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-footer__inner{justify-content:space-between}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-dialog-footer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'solaris-dialog-footer',
+                        '[attr.data-align]': 'align()',
+                        '[attr.data-separator]': "separator() ? '' : null",
+                        '[attr.data-density]': 'density()',
+                        '[attr.data-scrolled]': "effectiveScrolled() ? '' : null",
+                    }, template: "<div class=\"solaris-dialog-footer__inner\">\n  <ng-content />\n</div>\n", styles: [":host{display:block;flex-shrink:0;position:sticky;bottom:0;z-index:var(--solaris-dialog-footer-z-index);background:var(--solaris-dialog-panel-bg);padding:var(--solaris-spacing-0);--solaris-dialog-actions-border-color: var(--solaris-border-default);--solaris-dialog-footer-z-index: var(--solaris-z-index-raised);--solaris-dialog-footer-scrolled-shadow: var(--solaris-shadow-md)}:host([data-separator]){border-top:var(--solaris-border-width-sm) solid var(--solaris-dialog-actions-border-color)}:host([data-scrolled]){box-shadow:var(--solaris-dialog-footer-scrolled-shadow)}.solaris-dialog-footer__inner{display:flex;flex-wrap:wrap;gap:var(--solaris-spacing-3);padding:var(--solaris-spacing-3)}:host([data-density=compact]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-1)}:host([data-density=normal]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-2)}:host([data-density=comfortable]) .solaris-dialog-footer__inner{gap:var(--solaris-spacing-3)}:host([data-align=start]) .solaris-dialog-footer__inner{justify-content:flex-start}:host([data-align=center]) .solaris-dialog-footer__inner{justify-content:center}:host([data-align=end]) .solaris-dialog-footer__inner{justify-content:flex-end}:host([data-align=space-between]) .solaris-dialog-footer__inner{justify-content:space-between}\n"] }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], scrolled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrolled", required: false }] }] } });
+function findScrollParent(element) {
+    let parent = element.parentElement;
+    while (parent) {
+        const overflowY = getComputedStyle(parent).overflowY;
+        if (overflowY === 'auto' || overflowY === 'scroll') {
+            return parent;
+        }
+        parent = parent.parentElement;
+    }
+    return null;
+}
+function hasMoreBelow(element) {
+    return element.scrollTop + element.clientHeight < element.scrollHeight - 1;
+}
+
+class SolarisDialogCloseDirective {
+    dialogRef = inject(SOLARIS_DIALOG_REF, {
+        optional: true,
+    });
+    closeResult = input(undefined, { ...(ngDevMode ? { debugName: "closeResult" } : /* istanbul ignore next */ {}), alias: 'solarisDialogClose' });
+    onClick() {
+        this.dialogRef?.close(this.closeResult());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.22", type: SolarisDialogCloseDirective, isStandalone: true, selector: "[solaris-dialog-close]", inputs: { closeResult: { classPropertyName: "closeResult", publicName: "solarisDialogClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogCloseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[solaris-dialog-close]',
+                    standalone: true,
+                }]
+        }], propDecorators: { closeResult: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisDialogClose", required: false }] }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
 class SolarisDialogStepComponent {
     templateRef = viewChild.required(TemplateRef);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: SolarisDialogStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -18118,5 +18491,5 @@ function provideSolaris(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { SOLARIS_ACCESSIBILITY_CONFIG, SOLARIS_BUILT_IN_ICONS, SOLARIS_DIALOG_CONFIG, SOLARIS_DIALOG_DATA, SOLARIS_DIALOG_REF, SOLARIS_ICONS_CONFIG, SOLARIS_SEGMENTED_CONTROL, SOLARIS_STEPPER, SOLARIS_TABS, SOLARIS_THEME_CONFIG, SOLARIS_TOAST_CONFIG, SOLARIS_TRANSLATE_CONFIG, SolarisAccessibilityService, SolarisAccordionComponent, SolarisAlertActionsComponent, SolarisAlertComponent, SolarisAlertDescriptionDirective, SolarisAlertTitleDirective, SolarisAnimatedIconComponent, SolarisBadgeComponent, SolarisBadgeIconDirective, SolarisBreadcrumbComponent, SolarisButtonDirective, SolarisButtonGroupComponent, SolarisButtonIconDirective, SolarisCardActionsDirective, SolarisCardComponent, SolarisCardContentDirective, SolarisCardDescriptionDirective, SolarisCardFooterDirective, SolarisCardHeaderDirective, SolarisCardMediaDirective, SolarisCardTitleDirective, SolarisCheckboxComponent, SolarisCheckboxGroupComponent, SolarisCollapsibleComponent, SolarisDatePickerComponent, SolarisDateRangePickerComponent, SolarisDialogActionsComponent, SolarisDialogComponent, SolarisDialogContainerComponent, SolarisDialogContentComponent, SolarisDialogFlowComponent, SolarisDialogHeaderComponent, SolarisDialogRef, SolarisDialogService, SolarisDialogStepComponent, SolarisDividerComponent, SolarisDividerStackComponent, SolarisDropdownMenuComponent, SolarisDropdownMenuGroupComponent, SolarisDropdownMenuItemComponent, SolarisDropdownMenuLabelComponent, SolarisDropdownMenuTriggerDirective, SolarisDropdownSubmenuComponent, SolarisDropdownSubmenuTriggerComponent, SolarisEditableTabComponent, SolarisEditableTabsComponent, SolarisEmailFieldComponent, SolarisFormErrorComponent, SolarisFormFieldComponent, SolarisFormHintComponent, SolarisFormLabelActionDirective, SolarisFormLabelComponent, SolarisFormPrefixDirective, SolarisFormSuffixDirective, SolarisIconButtonBadgeDirective, SolarisIconButtonDirective, SolarisIconComponent, SolarisIconRegistryService, SolarisInputDirective, SolarisLoadingTextComponent, SolarisMegaMenuAnchorDirective, SolarisMegaMenuComponent, SolarisMegaMenuGroupDirective, SolarisMegaMenuPanelDirective, SolarisMegaMenuTriggerDirective, SolarisMenuToggleDirective, SolarisMultiSelectComponent, SolarisOptionComponent, SolarisOptionDescriptionDirective, SolarisOptionGroupComponent, SolarisOptionLabelDirective, SolarisOptionLeadingDirective, SolarisOptionMetaDirective, SolarisOptionTrailingDirective, SolarisOtpInputComponent, SolarisPasswordFieldComponent, SolarisPhoneCountryListComponent, SolarisPhoneFieldComponent, SolarisPopoverDirective, SolarisPopoverPanelComponent, SolarisPopoverTriggerDirective, SolarisProgressComponent, SolarisRadioComponent, SolarisRadioGroupComponent, SolarisSegmentedControlComponent, SolarisSegmentedItemComponent, SolarisSelectComponent, SolarisSelectionCardComponent, SolarisSelectionCardContentDirective, SolarisSelectionCardDescriptionDirective, SolarisSelectionCardFooterDirective, SolarisSelectionCardHeaderDirective, SolarisSelectionCardMediaDirective, SolarisSelectionCardTitleDirective, SolarisSkeletonComponent, SolarisSpinnerComponent, SolarisStepComponent, SolarisStepperActionsComponent, SolarisStepperComponent, SolarisStepperContentComponent, SolarisSwitchComponent, SolarisSwitchGroupComponent, SolarisTabComponent, SolarisTabPanelComponent, SolarisTabsComponent, SolarisTextareaDirective, SolarisThemeService, SolarisToastComponent, SolarisToastContainerComponent, SolarisToastService, SolarisTooltipDirective, SolarisTooltipPanelComponent, SolarisTranslatePipe, SolarisTranslateService, SolarisVisuallyHiddenDirective, configureSolarisTesting, nextIdFor, provideSolaris, provideSolarisAccessibilityTesting, provideSolarisTesting, provideSolarisThemeTesting, provideSolarisTranslateTesting, resolveElementId, solarisAllowedDomainsValidator, solarisBlockedDomainsValidator, solarisEmailValidator, solarisOtpValidator, solarisPasswordValidator, solarisPhoneValidator };
+export { SOLARIS_ACCESSIBILITY_CONFIG, SOLARIS_BUILT_IN_ICONS, SOLARIS_DIALOG_CONFIG, SOLARIS_DIALOG_DATA, SOLARIS_DIALOG_REF, SOLARIS_ICONS_CONFIG, SOLARIS_SEGMENTED_CONTROL, SOLARIS_STEPPER, SOLARIS_TABS, SOLARIS_THEME_CONFIG, SOLARIS_TOAST_CONFIG, SOLARIS_TRANSLATE_CONFIG, SolarisAccessibilityService, SolarisAccordionComponent, SolarisAlertActionsComponent, SolarisAlertComponent, SolarisAlertDescriptionDirective, SolarisAlertTitleDirective, SolarisAnimatedIconComponent, SolarisBadgeComponent, SolarisBadgeIconDirective, SolarisBreadcrumbComponent, SolarisButtonDirective, SolarisButtonGroupComponent, SolarisButtonIconDirective, SolarisCardActionsDirective, SolarisCardComponent, SolarisCardContentDirective, SolarisCardDescriptionDirective, SolarisCardFooterDirective, SolarisCardHeaderDirective, SolarisCardMediaDirective, SolarisCardTitleDirective, SolarisCheckboxComponent, SolarisCheckboxGroupComponent, SolarisCollapsibleComponent, SolarisDatePickerComponent, SolarisDateRangePickerComponent, SolarisDialogActionsComponent, SolarisDialogCloseDirective, SolarisDialogComponent, SolarisDialogContainerComponent, SolarisDialogContentComponent, SolarisDialogFlowComponent, SolarisDialogFooterComponent, SolarisDialogHeaderComponent, SolarisDialogRef, SolarisDialogService, SolarisDialogStepComponent, SolarisDividerComponent, SolarisDividerStackComponent, SolarisDropdownMenuComponent, SolarisDropdownMenuGroupComponent, SolarisDropdownMenuItemComponent, SolarisDropdownMenuLabelComponent, SolarisDropdownMenuTriggerDirective, SolarisDropdownSubmenuComponent, SolarisDropdownSubmenuTriggerComponent, SolarisEditableTabComponent, SolarisEditableTabsComponent, SolarisEmailFieldComponent, SolarisFormErrorComponent, SolarisFormFieldComponent, SolarisFormHintComponent, SolarisFormLabelActionDirective, SolarisFormLabelComponent, SolarisFormPrefixDirective, SolarisFormSuffixDirective, SolarisIconButtonBadgeDirective, SolarisIconButtonDirective, SolarisIconComponent, SolarisIconRegistryService, SolarisInputDirective, SolarisLoadingTextComponent, SolarisMegaMenuAnchorDirective, SolarisMegaMenuComponent, SolarisMegaMenuGroupDirective, SolarisMegaMenuPanelDirective, SolarisMegaMenuTriggerDirective, SolarisMenuToggleDirective, SolarisMultiSelectComponent, SolarisOptionComponent, SolarisOptionDescriptionDirective, SolarisOptionGroupComponent, SolarisOptionLabelDirective, SolarisOptionLeadingDirective, SolarisOptionMetaDirective, SolarisOptionTrailingDirective, SolarisOtpInputComponent, SolarisPasswordFieldComponent, SolarisPhoneCountryListComponent, SolarisPhoneFieldComponent, SolarisPopoverDirective, SolarisPopoverPanelComponent, SolarisPopoverTriggerDirective, SolarisProgressComponent, SolarisRadioComponent, SolarisRadioGroupComponent, SolarisSegmentedControlComponent, SolarisSegmentedItemComponent, SolarisSelectComponent, SolarisSelectionCardComponent, SolarisSelectionCardContentDirective, SolarisSelectionCardDescriptionDirective, SolarisSelectionCardFooterDirective, SolarisSelectionCardHeaderDirective, SolarisSelectionCardMediaDirective, SolarisSelectionCardTitleDirective, SolarisSkeletonComponent, SolarisSpinnerComponent, SolarisStepComponent, SolarisStepperActionsComponent, SolarisStepperComponent, SolarisStepperContentComponent, SolarisSwitchComponent, SolarisSwitchGroupComponent, SolarisTabComponent, SolarisTabPanelComponent, SolarisTabsComponent, SolarisTextareaDirective, SolarisThemeService, SolarisToastComponent, SolarisToastContainerComponent, SolarisToastService, SolarisTooltipDirective, SolarisTooltipPanelComponent, SolarisTranslatePipe, SolarisTranslateService, SolarisVisuallyHiddenDirective, configureSolarisTesting, nextIdFor, provideSolaris, provideSolarisAccessibilityTesting, provideSolarisTesting, provideSolarisThemeTesting, provideSolarisTranslateTesting, resolveElementId, solarisAllowedDomainsValidator, solarisBlockedDomainsValidator, solarisEmailValidator, solarisOtpValidator, solarisPasswordValidator, solarisPhoneValidator };
 //# sourceMappingURL=educarehq-solaris-ui.mjs.map