@ngrdt/gov 0.0.91 → 0.0.94

package/fesm2022/ngrdt-gov.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injector, signal, input, linkedSignal, viewChild, effect, afterNextRender, untracked, HostBinding, Component, forwardRef, Injectable, ViewEncapsulation, InjectionToken, Renderer2, computed, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Directive, ViewContainerRef, viewChildren, booleanAttribute, importProvidersFrom, LOCALE_ID, numberAttribute } from '@angular/core';
+import { inject, Injector, signal, input, linkedSignal, viewChild, effect, afterNextRender, untracked, HostBinding, Component, forwardRef, Injectable, ViewEncapsulation, ChangeDetectionStrategy, computed, InjectionToken, Renderer2, CUSTOM_ELEMENTS_SCHEMA, Directive, ViewContainerRef, viewChildren, booleanAttribute, importProvidersFrom, LOCALE_ID, numberAttribute } from '@angular/core';
 import { provideDateFnsAdapter } from '@angular/material-date-fns-adapter';
 import { MAT_DATE_LOCALE, DateAdapter } from '@angular/material/core';
 import * as i1$3 from '@angular/material/datepicker';
@@ -7,7 +7,7 @@ import { MatDatepickerIntl, MatDatepickerModule } from '@angular/material/datepi
 import * as i1 from '@gov-design-system-ce/angular';
 import { GovButton, GovDesignSystemModule, GovFormCheckbox } from '@gov-design-system-ce/angular';
 import { RdtButtonBase, RDT_BUTTON_BASE_PROVIDER } from '@ngrdt/button';
-import { RdtTranslateService, RdtAutoFocusOnInitDirective, RdtTranslatePipe, RDT_NOTIFICATION_SERVICE_PROVIDER } from '@ngrdt/core';
+import { RdtTranslateService, RdtAutoFocusOnInitDirective, RdtTranslatePipe, RDT_NOTIFICATION_SERVICE_PROVIDER, RDT_DIALOG_SERVICE_PROVIDER } from '@ngrdt/core';
 import { RdtCheckboxComponent, RdtFormErrorPipe, RdtNumericInputComponent, RdtBaseFormInputComponent, RdtSelectOfflineDatasourceProviderDirective, RdtBaseSelectCommonComponent, RdtSelectOptionDirective, RdtSelectStore, RdtSingleSelectComponent, RDT_CHECKBOX_BASE_PROVIDER, RDT_NUMERIC_INPUT_BASE_PROVIDER, RDT_SELECT_BASE_PROVIDER, defaultRdtFormErrorCodes, RDT_FORM_ERROR_CODES_PROVIDER, RdtDateComponent, RdtTextInputComponent } from '@ngrdt/forms';
 import { RdtIconOutletDirective, RdtIcon, RdtIconComponent, RDT_ICON_BASE_PROVIDER, RDT_ICON_REGISTRY_PROVIDER } from '@ngrdt/icon';
 import { RdtSpinnerComponent, RDT_SPINNER_BASE_PROVIDER } from '@ngrdt/loading';
@@ -16,10 +16,10 @@ import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import { RouterLink } from '@angular/router';
 import * as i1$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { ReplaySubject, Subject, take, fromEvent, filter, throttleTime, animationFrameScheduler, map } from 'rxjs';
+import { ReplaySubject, Subject, map, fromEvent, filter, throttleTime, animationFrameScheduler } from 'rxjs';
+import { CdkDrag } from '@angular/cdk/drag-drop';
 import { Overlay } from '@angular/cdk/overlay';
 import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
-import { CdkDrag } from '@angular/cdk/drag-drop';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { TAB, ENTER } from '@angular/cdk/keycodes';
 import { defineCustomElements } from '@gov-design-system-ce/components/loader';
@@ -202,20 +202,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class RdtGovDialogRef {
-    config;
+    component;
+    injector;
+    minHeight;
+    maxHeight;
+    minWidth;
+    maxWidth;
+    size;
+    hasBackdrop;
+    isDraggable;
+    isResizable;
     _close$ = new ReplaySubject(1);
     _open$ = new Subject();
     close$ = this._close$.asObservable();
     open$ = this._open$.asObservable();
-    header = signal(null);
-    headerIcons = signal(null);
-    isLoading = signal(false);
-    hasBackdrop = signal(true);
-    isDraggable = signal(false);
-    isResizable = signal(false);
-    inputData = signal(null);
+    header;
+    headerIcons;
+    isLoading;
+    inputData;
     constructor(config) {
-        this.config = signal(config);
+        this.component = config.component;
+        this.injector = config.injector;
+        this.minHeight = config.minHeight;
+        this.maxHeight = config.maxHeight;
+        this.minWidth = config.minWidth;
+        this.maxWidth = config.maxWidth;
+        this.size = config.size;
+        this.isLoading = signal(config.initialLoading);
+        this.hasBackdrop = config.hasBackdrop;
+        this.isDraggable = config.isDraggable;
+        this.isResizable = config.isResizable;
+        this.inputData = signal(config.inputData);
+        this.header = signal(config.header ?? null);
+        this.headerIcons = signal(config.headerIcons ?? null);
     }
     ready() {
         this._open$.next();
@@ -240,8 +259,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
 class RdtGovDialogHeaderComponent {
     dialogRef = inject(RdtGovDialogRef);
     govIcon = RdtIcon.Close;
+    getIconColorDeclaration(color) {
+        if (color) {
+            return `--icon-color: var(--icon-${color});`;
+        }
+        else {
+            return undefined;
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovDialogHeaderComponent, isStandalone: true, selector: "rdt-gov-dialog-header", ngImport: i0, template: "<div class=\"gov-dialog__header\">\n  <div class=\"gov-dialog__header-left\">\n    @let lI = dialogRef.headerIcons()?.iconStart; @if(lI){\n    <span [class]=\"dialogRef.headerIcons()?.iconStartColor\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container\n    ></span>\n    }\n    <h2 class=\"gov-dialog__title\">\n      {{ dialogRef.header() }}\n    </h2>\n    @let rI = dialogRef.headerIcons()?.icon; @if(rI){\n    <span [class]=\"dialogRef.headerIcons()?.iconColor\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container\n    ></span>\n    }\n  </div>\n  <rdt-gov-button\n    [appearance]=\"'base'\"\n    [size]=\"'l'\"\n    [expanded]=\"true\"\n    [iconStart]=\"govIcon\"\n    (click)=\"dialogRef.close()\"\n  ></rdt-gov-button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: RdtGovButtonComponent, selector: "rdt-gov-button", inputs: ["appearance", "color", "size", "iconStart", "expanded"] }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovDialogHeaderComponent, isStandalone: true, selector: "rdt-gov-dialog-header", ngImport: i0, template: "<div class=\"gov-dialog__header\">\n  <div class=\"gov-dialog__header-left\">\n    @let icons = dialogRef.headerIcons(); @let iL = icons?.iconStart; @if(iL){\n    <span [style]=\"getIconColorDeclaration(icons?.iconStartColor)\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: iL }\"></ng-container>\n    </span>\n    }\n    <h2 class=\"gov-dialog__title\">\n      {{ dialogRef.header() }}\n    </h2>\n    @let rI = icons?.icon; @if(rI){\n    <span [style]=\"getIconColorDeclaration(icons?.iconColor)\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"> </ng-container>\n    </span>\n    }\n  </div>\n  <rdt-gov-button\n    appearance=\"base\"\n    size=\"l\"\n    [expanded]=\"true\"\n    [iconStart]=\"govIcon\"\n    (click)=\"dialogRef.close()\"\n  ></rdt-gov-button>\n</div>\n", dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: RdtGovButtonComponent, selector: "rdt-gov-button", inputs: ["appearance", "color", "size", "iconStart", "expanded"] }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDialogHeaderComponent, decorators: [{
             type: Component,
@@ -249,7 +276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                         GovDesignSystemModule,
                         RdtGovButtonComponent,
                         RdtIconOutletDirective,
-                    ], template: "<div class=\"gov-dialog__header\">\n  <div class=\"gov-dialog__header-left\">\n    @let lI = dialogRef.headerIcons()?.iconStart; @if(lI){\n    <span [class]=\"dialogRef.headerIcons()?.iconStartColor\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container\n    ></span>\n    }\n    <h2 class=\"gov-dialog__title\">\n      {{ dialogRef.header() }}\n    </h2>\n    @let rI = dialogRef.headerIcons()?.icon; @if(rI){\n    <span [class]=\"dialogRef.headerIcons()?.iconColor\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container\n    ></span>\n    }\n  </div>\n  <rdt-gov-button\n    [appearance]=\"'base'\"\n    [size]=\"'l'\"\n    [expanded]=\"true\"\n    [iconStart]=\"govIcon\"\n    (click)=\"dialogRef.close()\"\n  ></rdt-gov-button>\n</div>\n" }]
+                    ], template: "<div class=\"gov-dialog__header\">\n  <div class=\"gov-dialog__header-left\">\n    @let icons = dialogRef.headerIcons(); @let iL = icons?.iconStart; @if(iL){\n    <span [style]=\"getIconColorDeclaration(icons?.iconStartColor)\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: iL }\"></ng-container>\n    </span>\n    }\n    <h2 class=\"gov-dialog__title\">\n      {{ dialogRef.header() }}\n    </h2>\n    @let rI = icons?.icon; @if(rI){\n    <span [style]=\"getIconColorDeclaration(icons?.iconColor)\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"> </ng-container>\n    </span>\n    }\n  </div>\n  <rdt-gov-button\n    appearance=\"base\"\n    size=\"l\"\n    [expanded]=\"true\"\n    [iconStart]=\"govIcon\"\n    (click)=\"dialogRef.close()\"\n  ></rdt-gov-button>\n</div>\n" }]
         }] });
 
 class RdtGovSpinnerComponent extends RdtSpinnerComponent {
@@ -290,204 +317,237 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{ selector: 'rdt-gov-dialog-loading', imports: [GovDesignSystemModule, RdtGovSpinnerComponent], template: "<div class=\"gov-dialog__loading\">\n  <rdt-gov-spinner\n    [size]=\"'m'\"\n    [messagePosition]=\"'below'\"\n    [message]=\"message() ?? 'Loading...'\"\n  ></rdt-gov-spinner>\n  <div></div>\n</div>\n" }]
         }] });
 
-class RdtGovBaseDialog {
-    dialogRef = inject(RdtGovDialogRef);
-    constructor() {
-        this.ready();
-    }
-    ready() {
-        this.dialogRef.ready();
-    }
-}
-
-const RDT_BASE_DIALOG_PROVIDER = new InjectionToken('RDT_GOV_BASE_DIALOG_PROVIDER');
-const RDT_ALERT_DIALOG_PROVIDER = new InjectionToken('RDT_GOV_ALERT_DIALOG_PROVIDER');
-const RDT_CONFIRM_DIALOG_PROVIDER = new InjectionToken('RDT_GOV_CONFIRM_DIALOG_PROVIDER');
-
 class RdtGovDialogComponent {
     dialogRef = inject(RdtGovDialogRef);
-    renderer = inject(Renderer2);
-    dialogRefInjector = computed(() => Injector.create({
+    dialogRefInjector = Injector.create({
         providers: [{ provide: RdtGovDialogRef, useValue: this.dialogRef }],
-        parent: this.dialogRef.config().injector,
-    }));
-    constructor() {
-        const config = this.dialogRef.config();
-        const pxBindings = {
-            minHeight: '--dialog-min-height',
-            minWidth: '--dialog-min-width',
-            maxHeight: '--dialog-max-height',
-            maxWidth: '--dialog-max-width',
-        };
-        Object.keys(pxBindings).forEach((prop) => {
-            if (this.isPxSize(prop)) {
-                const value = config[prop];
-                if (value) {
-                    document.documentElement.style.setProperty(pxBindings[prop], value);
-                }
-            }
-        });
-    }
-    isPxSize(propname) {
-        const size = this.dialogRef.config()[propname];
-        return typeof size === 'string' && size.endsWith('px');
-    }
+        parent: this.dialogRef.injector,
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: RdtGovDialogComponent, isStandalone: true, selector: "rdt-gov-dialog", host: { properties: { "class.fullscreen-modal": "dialogRef.config().size === 'fullscreen'", "style.width": "isPxSize(\"size\") ? dialogRef.config().size : null" } }, ngImport: i0, template: "<div\n  class=\"gov-modal__dialog rdt-gov-dialog\"\n  cdkDrag\n  [cdkDragDisabled]=\"!dialogRef.config().isDraggable\"\n>\n  <ng-container\n    *ngComponentOutlet=\"\n      dialogRef.config().component;\n      injector: dialogRefInjector()\n    \"\n  ></ng-container>\n</div>\n", styles: [":root{--dialog-min-height: 400px;--dialog-min-width: 400px;--dialog-max-height: 100%;--dialog-max-width: 100%}.fullscreen-modal{width:100vw;height:100vh}.fullscreen-modal .rdt-gov-dialog{padding:1.25rem;height:100%}.gov-dialog__content{flex:1;display:flex;flex-direction:column}.gov-modal__dialog>*{min-width:var(--dialog-min-width);min-height:var(--dialog-min-height);position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:var(--dialog-max-height);max-width:var(--dialog-max-width);border-radius:var(--border-radius, var(--corner-radius-s));background:var(--background, var(--background-block-primary));overflow:hidden;pointer-events:auto;box-shadow:0 .5rem 2rem #0000004d}.gov-modal__dialog>* rdt-gov-dialog-content{flex:1;position:relative}.gov-dialog__header{margin-top:0;margin-bottom:0;display:flex;padding:var(--spacing-m) var(--spacing-l);line-height:var(--height-line-l);border-bottom:var(--border-width, .0625rem) solid var(--border-color, var(--border-subtlest));justify-content:space-between;align-items:center}.gov-dialog__header h2{font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-dialog__header-left{display:flex;gap:var(--spacing-m)}.gov-dialog__header-left .warning{color:var(--warning, var(--icon-warning))}.gov-dialog__header-left .error{color:var(--error, var(--icon-error))}.gov-dialog__header-left .success{color:var(--success, var(--icon-success))}.gov-dialog__header-left .neutral{color:var(--neutral, var(--icon-neutral))}.gov-dialog__header-left .primary{color:var(--primary, var(--icon-on-subtle))}.gov-dialog__header-left .secondary{color:var(--secondary, var(--icon-secondary))}rdt-gov-dialog-loading{min-height:calc(var(--dialog-min-height) - 210px);flex:1;display:grid;place-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: RdtGovDialogComponent, isStandalone: true, selector: "rdt-gov-dialog", host: { properties: { "class.fullscreen-modal": "dialogRef.size === 'fullscreen'", "style.width": "dialogRef.size", "style.--dialog-min-height": "dialogRef.minHeight", "style.--dialog-max-height": "dialogRef.maxHeight", "style.--dialog-min-width": "dialogRef.minWidth", "style.--dialog-max-width": "dialogRef.maxWidth" } }, ngImport: i0, template: "<div\n  class=\"gov-modal__dialog rdt-gov-dialog\"\n  cdkDrag\n  [cdkDragDisabled]=\"!dialogRef.isDraggable\"\n>\n  <ng-container\n    *ngComponentOutlet=\"dialogRef.component; injector: dialogRefInjector\"\n  ></ng-container>\n</div>\n", styles: [":root{--dialog-min-height: 400px;--dialog-min-width: 400px;--dialog-max-height: 100%;--dialog-max-width: 100%}.fullscreen-modal{width:100vw;height:100vh}.fullscreen-modal .rdt-gov-dialog{padding:1.25rem;height:100%}.gov-dialog__content{flex:1;display:flex;flex-direction:column}.gov-modal__dialog>*{min-width:var(--dialog-min-width);min-height:var(--dialog-min-height);position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:var(--dialog-max-height);max-width:var(--dialog-max-width);border-radius:var(--border-radius, var(--corner-radius-s));background:var(--background, var(--background-block-primary));overflow:hidden;pointer-events:auto;box-shadow:0 .5rem 2rem #0000004d}.gov-modal__dialog>* rdt-gov-dialog-content{flex:1;position:relative}.gov-dialog__header{margin-top:0;margin-bottom:0;display:flex;padding:var(--spacing-m) var(--spacing-l);line-height:var(--height-line-l);border-bottom:var(--border-width, .0625rem) solid var(--border-color, var(--border-subtlest));justify-content:space-between;align-items:center}.gov-dialog__header h2{font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-dialog__header-left{display:flex;gap:var(--spacing-m)}.gov-dialog__header-left .warning{color:var(--warning, var(--icon-warning))}.gov-dialog__header-left .error{color:var(--error, var(--icon-error))}.gov-dialog__header-left .success{color:var(--success, var(--icon-success))}.gov-dialog__header-left .neutral{color:var(--neutral, var(--icon-neutral))}.gov-dialog__header-left .primary{color:var(--primary, var(--icon-on-subtle))}.gov-dialog__header-left .secondary{color:var(--secondary, var(--icon-secondary))}rdt-gov-dialog-loading{min-height:calc(var(--dialog-min-height) - 210px);flex:1;display:grid;place-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rdt-gov-dialog', standalone: true, imports: [CommonModule, CdkDrag], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        '[class.fullscreen-modal]': "dialogRef.config().size === 'fullscreen'",
-                        '[style.width]': 'isPxSize("size") ? dialogRef.config().size : null',
-                    }, template: "<div\n  class=\"gov-modal__dialog rdt-gov-dialog\"\n  cdkDrag\n  [cdkDragDisabled]=\"!dialogRef.config().isDraggable\"\n>\n  <ng-container\n    *ngComponentOutlet=\"\n      dialogRef.config().component;\n      injector: dialogRefInjector()\n    \"\n  ></ng-container>\n</div>\n", styles: [":root{--dialog-min-height: 400px;--dialog-min-width: 400px;--dialog-max-height: 100%;--dialog-max-width: 100%}.fullscreen-modal{width:100vw;height:100vh}.fullscreen-modal .rdt-gov-dialog{padding:1.25rem;height:100%}.gov-dialog__content{flex:1;display:flex;flex-direction:column}.gov-modal__dialog>*{min-width:var(--dialog-min-width);min-height:var(--dialog-min-height);position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:var(--dialog-max-height);max-width:var(--dialog-max-width);border-radius:var(--border-radius, var(--corner-radius-s));background:var(--background, var(--background-block-primary));overflow:hidden;pointer-events:auto;box-shadow:0 .5rem 2rem #0000004d}.gov-modal__dialog>* rdt-gov-dialog-content{flex:1;position:relative}.gov-dialog__header{margin-top:0;margin-bottom:0;display:flex;padding:var(--spacing-m) var(--spacing-l);line-height:var(--height-line-l);border-bottom:var(--border-width, .0625rem) solid var(--border-color, var(--border-subtlest));justify-content:space-between;align-items:center}.gov-dialog__header h2{font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-dialog__header-left{display:flex;gap:var(--spacing-m)}.gov-dialog__header-left .warning{color:var(--warning, var(--icon-warning))}.gov-dialog__header-left .error{color:var(--error, var(--icon-error))}.gov-dialog__header-left .success{color:var(--success, var(--icon-success))}.gov-dialog__header-left .neutral{color:var(--neutral, var(--icon-neutral))}.gov-dialog__header-left .primary{color:var(--primary, var(--icon-on-subtle))}.gov-dialog__header-left .secondary{color:var(--secondary, var(--icon-secondary))}rdt-gov-dialog-loading{min-height:calc(var(--dialog-min-height) - 210px);flex:1;display:grid;place-items:center}\n"] }]
-        }], ctorParameters: () => [] });
-
-class RdtGovAlertDialog extends RdtGovBaseDialog {
-    proceed() {
-        this.dialogRef.close(true);
-    }
-    get alert() {
-        return this.dialogRef.inputData();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovAlertDialog, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: RdtGovAlertDialog, isStandalone: true, selector: "rdt-gov-alert-dialog", usesInheritance: true, ngImport: i0, template: "<rdt-gov-dialog-header />\n<rdt-gov-dialog-content>\n  <p>{{ alert.message }}</p>\n</rdt-gov-dialog-content>\n<rdt-gov-dialog-footer>\n  <rdt-gov-button\n    [appearance]=\"alert.okBtn?.appearance ?? 'solid'\"\n    [label]=\"alert.okBtn?.text\"\n    [size]=\"alert.okBtn?.size ?? 'm'\"\n    [iconStart]=\"alert.okBtn?.iconStart\"\n    [icon]=\"alert.okBtn?.icon\"\n    [color]=\"alert.okBtn?.color ?? 'primary'\"\n    [autofocus]=\"alert.okBtn?.isAutofocused ?? true\"\n    (click)=\"proceed()\"\n  ></rdt-gov-button>\n</rdt-gov-dialog-footer>\n", dependencies: [{ kind: "component", type: RdtGovDialogHeaderComponent, selector: "rdt-gov-dialog-header" }, { kind: "component", type: RdtGovDialogFooterComponent, selector: "rdt-gov-dialog-footer" }, { kind: "component", type: RdtGovDialogContentComponent, selector: "rdt-gov-dialog-content" }, { kind: "component", type: RdtGovButtonComponent, selector: "rdt-gov-button", inputs: ["appearance", "color", "size", "iconStart", "expanded"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovAlertDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'rdt-gov-alert-dialog', imports: [
-                        RdtGovDialogHeaderComponent,
-                        RdtGovDialogFooterComponent,
-                        RdtGovDialogContentComponent,
-                        RdtGovButtonComponent,
-                    ], template: "<rdt-gov-dialog-header />\n<rdt-gov-dialog-content>\n  <p>{{ alert.message }}</p>\n</rdt-gov-dialog-content>\n<rdt-gov-dialog-footer>\n  <rdt-gov-button\n    [appearance]=\"alert.okBtn?.appearance ?? 'solid'\"\n    [label]=\"alert.okBtn?.text\"\n    [size]=\"alert.okBtn?.size ?? 'm'\"\n    [iconStart]=\"alert.okBtn?.iconStart\"\n    [icon]=\"alert.okBtn?.icon\"\n    [color]=\"alert.okBtn?.color ?? 'primary'\"\n    [autofocus]=\"alert.okBtn?.isAutofocused ?? true\"\n    (click)=\"proceed()\"\n  ></rdt-gov-button>\n</rdt-gov-dialog-footer>\n" }]
+                        '[class.fullscreen-modal]': "dialogRef.size === 'fullscreen'",
+                        '[style.width]': 'dialogRef.size',
+                        '[style.--dialog-min-height]': 'dialogRef.minHeight',
+                        '[style.--dialog-max-height]': 'dialogRef.maxHeight',
+                        '[style.--dialog-min-width]': 'dialogRef.minWidth',
+                        '[style.--dialog-max-width]': 'dialogRef.maxWidth',
+                    }, template: "<div\n  class=\"gov-modal__dialog rdt-gov-dialog\"\n  cdkDrag\n  [cdkDragDisabled]=\"!dialogRef.isDraggable\"\n>\n  <ng-container\n    *ngComponentOutlet=\"dialogRef.component; injector: dialogRefInjector\"\n  ></ng-container>\n</div>\n", styles: [":root{--dialog-min-height: 400px;--dialog-min-width: 400px;--dialog-max-height: 100%;--dialog-max-width: 100%}.fullscreen-modal{width:100vw;height:100vh}.fullscreen-modal .rdt-gov-dialog{padding:1.25rem;height:100%}.gov-dialog__content{flex:1;display:flex;flex-direction:column}.gov-modal__dialog>*{min-width:var(--dialog-min-width);min-height:var(--dialog-min-height);position:relative;display:flex;flex-direction:column;width:100%;height:100%;max-height:var(--dialog-max-height);max-width:var(--dialog-max-width);border-radius:var(--border-radius, var(--corner-radius-s));background:var(--background, var(--background-block-primary));overflow:hidden;pointer-events:auto;box-shadow:0 .5rem 2rem #0000004d}.gov-modal__dialog>* rdt-gov-dialog-content{flex:1;position:relative}.gov-dialog__header{margin-top:0;margin-bottom:0;display:flex;padding:var(--spacing-m) var(--spacing-l);line-height:var(--height-line-l);border-bottom:var(--border-width, .0625rem) solid var(--border-color, var(--border-subtlest));justify-content:space-between;align-items:center}.gov-dialog__header h2{font-size:var(--font-size-body-l);line-height:150%;font-weight:400}.gov-dialog__header-left{display:flex;gap:var(--spacing-m)}.gov-dialog__header-left .warning{color:var(--warning, var(--icon-warning))}.gov-dialog__header-left .error{color:var(--error, var(--icon-error))}.gov-dialog__header-left .success{color:var(--success, var(--icon-success))}.gov-dialog__header-left .neutral{color:var(--neutral, var(--icon-neutral))}.gov-dialog__header-left .primary{color:var(--primary, var(--icon-on-subtle))}.gov-dialog__header-left .secondary{color:var(--secondary, var(--icon-secondary))}rdt-gov-dialog-loading{min-height:calc(var(--dialog-min-height) - 210px);flex:1;display:grid;place-items:center}\n"] }]
         }] });
 
-class RdtGovConfirmDialog extends RdtGovBaseDialog {
-    abort() {
-        this.dialogRef.close(false);
+class RdtGovDialogBase {
+    dialogRef = inject(RdtGovDialogRef);
+    constructor() {
+        this.ready();
     }
-    proceed() {
-        this.dialogRef.close(true);
+    ready() {
+        this.dialogRef.ready();
     }
-    get confirm() {
-        return this.dialogRef.inputData();
+    close(data) {
+        this.dialogRef.close(data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovConfirmDialog, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: RdtGovConfirmDialog, isStandalone: true, selector: "rdt-gov-confirm-dialog", usesInheritance: true, ngImport: i0, template: "<rdt-gov-dialog-header />\n<rdt-gov-dialog-content>\n  <p>{{ confirm.message }}</p>\n</rdt-gov-dialog-content>\n<rdt-gov-dialog-footer>\n  <rdt-gov-button\n    [appearance]=\"confirm.noBtn?.appearance ?? 'outlined'\"\n    [label]=\"confirm.noBtn?.text\"\n    [size]=\"confirm.noBtn?.size ?? 'm'\"\n    [color]=\"confirm.noBtn?.color ?? 'primary'\"\n    [icon]=\"confirm.noBtn?.icon\"\n    [iconStart]=\"confirm.noBtn?.iconStart\"\n    [autofocus]=\"\n      confirm.noBtn?.isAutofocused ?? confirm.yesBtn?.isAutofocused\n        ? false\n        : true\n    \"\n    (click)=\"abort()\"\n  ></rdt-gov-button>\n  <rdt-gov-button\n    [appearance]=\"confirm.yesBtn?.appearance ?? 'solid'\"\n    [label]=\"confirm.yesBtn?.text\"\n    [size]=\"confirm.yesBtn?.size ?? 'm'\"\n    [icon]=\"confirm.yesBtn?.icon\"\n    [iconStart]=\"confirm.yesBtn?.iconStart\"\n    [color]=\"confirm.yesBtn?.color ?? 'primary'\"\n    [autofocus]=\"confirm.yesBtn?.isAutofocused ?? false\"\n    (click)=\"proceed()\"\n  ></rdt-gov-button>\n</rdt-gov-dialog-footer>\n", dependencies: [{ kind: "component", type: RdtGovDialogHeaderComponent, selector: "rdt-gov-dialog-header" }, { kind: "component", type: RdtGovDialogFooterComponent, selector: "rdt-gov-dialog-footer" }, { kind: "component", type: RdtGovDialogContentComponent, selector: "rdt-gov-dialog-content" }, { kind: "component", type: RdtGovButtonComponent, selector: "rdt-gov-button", inputs: ["appearance", "color", "size", "iconStart", "expanded"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovConfirmDialog, decorators: [{
+
+class RdtGovStandardDialogComponent extends RdtGovDialogBase {
+    message = computed(() => this.dialogRef.inputData().message);
+    buttons = computed(() => this.dialogRef.inputData().buttons);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovStandardDialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovStandardDialogComponent, isStandalone: true, selector: "rdt-gov-standard-dialog", usesInheritance: true, ngImport: i0, template: "<rdt-gov-dialog-header />\n<rdt-gov-dialog-content>\n  <p>{{ message() }}</p>\n</rdt-gov-dialog-content>\n<rdt-gov-dialog-footer>\n  @for (button of buttons(); track button.label) {\n  <rdt-gov-button\n    [appearance]=\"button.appearance\"\n    [label]=\"button.label\"\n    [size]=\"button.size\"\n    [color]=\"button.color\"\n    [icon]=\"button.icon\"\n    [iconStart]=\"button.iconStart\"\n    [autofocus]=\"button.isAutofocused\"\n    (click)=\"close(button.value)\"\n  />\n  }\n</rdt-gov-dialog-footer>\n", dependencies: [{ kind: "component", type: RdtGovDialogHeaderComponent, selector: "rdt-gov-dialog-header" }, { kind: "component", type: RdtGovDialogFooterComponent, selector: "rdt-gov-dialog-footer" }, { kind: "component", type: RdtGovDialogContentComponent, selector: "rdt-gov-dialog-content" }, { kind: "component", type: RdtGovButtonComponent, selector: "rdt-gov-button", inputs: ["appearance", "color", "size", "iconStart", "expanded"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovStandardDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdt-gov-confirm-dialog', imports: [
+            args: [{ selector: 'rdt-gov-standard-dialog', imports: [
                         RdtGovDialogHeaderComponent,
                         RdtGovDialogFooterComponent,
                         RdtGovDialogContentComponent,
                         RdtGovButtonComponent,
-                    ], template: "<rdt-gov-dialog-header />\n<rdt-gov-dialog-content>\n  <p>{{ confirm.message }}</p>\n</rdt-gov-dialog-content>\n<rdt-gov-dialog-footer>\n  <rdt-gov-button\n    [appearance]=\"confirm.noBtn?.appearance ?? 'outlined'\"\n    [label]=\"confirm.noBtn?.text\"\n    [size]=\"confirm.noBtn?.size ?? 'm'\"\n    [color]=\"confirm.noBtn?.color ?? 'primary'\"\n    [icon]=\"confirm.noBtn?.icon\"\n    [iconStart]=\"confirm.noBtn?.iconStart\"\n    [autofocus]=\"\n      confirm.noBtn?.isAutofocused ?? confirm.yesBtn?.isAutofocused\n        ? false\n        : true\n    \"\n    (click)=\"abort()\"\n  ></rdt-gov-button>\n  <rdt-gov-button\n    [appearance]=\"confirm.yesBtn?.appearance ?? 'solid'\"\n    [label]=\"confirm.yesBtn?.text\"\n    [size]=\"confirm.yesBtn?.size ?? 'm'\"\n    [icon]=\"confirm.yesBtn?.icon\"\n    [iconStart]=\"confirm.yesBtn?.iconStart\"\n    [color]=\"confirm.yesBtn?.color ?? 'primary'\"\n    [autofocus]=\"confirm.yesBtn?.isAutofocused ?? false\"\n    (click)=\"proceed()\"\n  ></rdt-gov-button>\n</rdt-gov-dialog-footer>\n" }]
+                    ], template: "<rdt-gov-dialog-header />\n<rdt-gov-dialog-content>\n  <p>{{ message() }}</p>\n</rdt-gov-dialog-content>\n<rdt-gov-dialog-footer>\n  @for (button of buttons(); track button.label) {\n  <rdt-gov-button\n    [appearance]=\"button.appearance\"\n    [label]=\"button.label\"\n    [size]=\"button.size\"\n    [color]=\"button.color\"\n    [icon]=\"button.icon\"\n    [iconStart]=\"button.iconStart\"\n    [autofocus]=\"button.isAutofocused\"\n    (click)=\"close(button.value)\"\n  />\n  }\n</rdt-gov-dialog-footer>\n" }]
         }] });
 
+const RDT_GOV_BASE_DIALOG_CONFIG_PROVIDER = new InjectionToken('RDT_GOV_BASE_DIALOG_CONFIG_PROVIDER');
+const RDT_GOV_ALERT_DIALOG_CONFIG_PROVIDER = new InjectionToken('RDT_GOV_ALERT_DIALOG_CONFIG_PROVIDER');
+const RDT_GOV_CONFIRM_DIALOG_CONFIG_PROVIDER = new InjectionToken('RDT_GOV_CONFIRM_DIALOG_CONFIG_PROVIDER');
+
+const RDT_GOV_DIALOG_DEFAULT_DATA = {
+    size: 'content',
+    initialLoading: false,
+    hasBackdrop: true,
+    isDraggable: false,
+    isResizable: false,
+    minWidth: undefined,
+    maxWidth: undefined,
+    minHeight: undefined,
+    maxHeight: undefined,
+    header: undefined,
+    headerIcons: undefined,
+    injector: undefined,
+    inputData: undefined,
+};
+
+const RDT_GOV_DIALOG_DEFAULT_BUTTON = {
+    icon: undefined,
+    iconStart: undefined,
+    size: 's',
+    color: 'primary',
+    appearance: 'outlined',
+    isAutofocused: false,
+    value: undefined,
+};
+const RDT_GOV_DIALOG_OK_BUTTON = {
+    ...RDT_GOV_DIALOG_DEFAULT_BUTTON,
+    appearance: 'solid',
+    isAutofocused: true,
+    value: undefined,
+};
+const RDT_GOV_DIALOG_YES_BUTTON = {
+    ...RDT_GOV_DIALOG_DEFAULT_BUTTON,
+    appearance: 'solid',
+    isAutofocused: true,
+    value: true,
+};
+const RDT_GOV_DIALOG_NO_BUTTON = {
+    ...RDT_GOV_DIALOG_DEFAULT_BUTTON,
+    value: false,
+};
+
 class RdtGovDialogService {
     overlay = inject(Overlay);
-    confirmDefaults = inject(RDT_CONFIRM_DIALOG_PROVIDER, {
+    t = inject(RdtTranslateService);
+    confirmDefaults = inject(RDT_GOV_CONFIRM_DIALOG_CONFIG_PROVIDER, {
         optional: true,
     });
-    alertDefaults = inject(RDT_ALERT_DIALOG_PROVIDER, {
+    alertDefaults = inject(RDT_GOV_ALERT_DIALOG_CONFIG_PROVIDER, {
         optional: true,
     });
-    baseDefaults = inject(RDT_BASE_DIALOG_PROVIDER, {
+    baseDefaults = inject(RDT_GOV_BASE_DIALOG_CONFIG_PROVIDER, {
         optional: true,
     });
     open(config) {
-        const mergedConfig = {
-            ...this.baseDefaults,
-            ...config,
-        };
-        console.log(config, mergedConfig);
-        const overlayRef = this.overlay.create(this.getOverlayConfig(mergedConfig));
-        const dialogRef = new RdtGovDialogRef(mergedConfig);
-        dialogRef.header.set(mergedConfig.header ?? null);
-        dialogRef.headerIcons.set(mergedConfig.headerIcons ?? null);
-        dialogRef.hasBackdrop.set(mergedConfig.hasBackdrop ?? true);
-        dialogRef.isDraggable.set(mergedConfig.isDraggable ?? true);
-        dialogRef.isResizable.set(mergedConfig.isResizable ?? true);
-        dialogRef.inputData.set(mergedConfig.inputData);
-        const portal = new ComponentPortal(RdtGovDialogComponent, null, Injector.create({
-            providers: [{ provide: RdtGovDialogRef, useValue: dialogRef }],
-            parent: mergedConfig.injector,
-        }));
+        const dialogData = this.getDialogData(config);
+        const dialogRef = new RdtGovDialogRef(dialogData);
+        const overlayRef = this.createOverlayRef(dialogRef);
+        const portal = this.createComponentPortal(dialogRef);
         overlayRef.attach(portal);
-        if (mergedConfig.initialLoading) {
-            dialogRef.isLoading.set(mergedConfig.initialLoading);
-        }
-        dialogRef.open$.pipe(take(1)).subscribe(() => {
-            dialogRef.isLoading.set(false);
-        });
-        dialogRef.close$.subscribe(() => {
-            overlayRef.dispose();
-        });
+        dialogRef.close$.subscribe(() => overlayRef.dispose());
         return dialogRef;
     }
+    openStandard(config) {
+        const dialogConfig = this.getDialogDataFromStandardConfig(config);
+        return this.open(dialogConfig);
+    }
     alert(config) {
-        const mergedConfig = {
+        const defaultLabel = this.t.instant('RDT_OK');
+        const okBtn = {
+            ...RDT_GOV_DIALOG_OK_BUTTON,
+            label: defaultLabel,
+            ...this.alertDefaults?.okBtn,
+            ...config.okBtn,
+        };
+        if (!okBtn.label) {
+            okBtn.label = defaultLabel;
+        }
+        const alertConfig = {
             ...this.alertDefaults,
             ...config,
+            buttons: [okBtn],
         };
-        const dialogConfig = {
-            component: RdtGovAlertDialog,
-            header: mergedConfig.header,
-            headerIcons: mergedConfig.headerIcons,
-            inputData: mergedConfig,
-            minHeight: mergedConfig.minHeight,
-            maxHeight: mergedConfig.maxHeight,
-            maxWidth: mergedConfig.maxWidth,
-            minWidth: mergedConfig.minWidth,
-        };
-        if (dialogConfig.inputData && !dialogConfig.inputData.okBtn) {
-            dialogConfig.inputData.okBtn = {
-                text: 'OK',
-            };
-        }
-        return this.open(this.parseInternalConfig(dialogConfig));
+        return this.openStandard(alertConfig);
     }
     confirm(config) {
-        const mergedConfig = {
-            ...this.confirmDefaults,
-            ...config,
+        const defaultYesLabel = this.t.instant('RDT_YES');
+        const defaultNoLabel = this.t.instant('RDT_NO');
+        const yesBtn = {
+            ...RDT_GOV_DIALOG_YES_BUTTON,
+            label: defaultYesLabel,
+            ...this.confirmDefaults?.yesBtn,
+            ...config.yesBtn,
         };
-        const dialogConfig = {
-            component: RdtGovConfirmDialog,
-            header: mergedConfig.header,
-            headerIcons: mergedConfig.headerIcons,
-            inputData: mergedConfig,
-            minHeight: mergedConfig.minHeight,
-            maxHeight: mergedConfig.maxHeight,
-            maxWidth: mergedConfig.maxWidth,
-            minWidth: mergedConfig.minWidth,
+        if (!yesBtn.label) {
+            yesBtn.label = defaultYesLabel;
+        }
+        const noBtn = {
+            ...RDT_GOV_DIALOG_NO_BUTTON,
+            label: defaultNoLabel,
+            ...this.confirmDefaults?.noBtn,
+            ...config.noBtn,
         };
-        if (dialogConfig.inputData && !dialogConfig.inputData.yesBtn) {
-            dialogConfig.inputData.yesBtn = {
-                text: 'Ano',
-            };
+        if (!noBtn.label) {
+            noBtn.label = defaultNoLabel;
         }
-        if (dialogConfig.inputData && !dialogConfig.inputData.noBtn) {
-            dialogConfig.inputData.noBtn = {
-                text: 'Ne',
-            };
+        const confirmConfig = {
+            ...this.confirmDefaults,
+            ...config,
+            buttons: [yesBtn, noBtn],
+        };
+        return this.openStandard(confirmConfig);
+    }
+    simpleAlert(config) {
+        return this.alert({
+            header: config.header,
+            message: config.message,
+            okBtn: {
+                label: config.okButtonLabel,
+            },
+        }).close$;
+    }
+    simpleConfirm(config) {
+        return this.confirm({
+            header: config.header,
+            message: config.message,
+            yesBtn: {
+                label: config.yesButtonLabel,
+            },
+            noBtn: {
+                label: config.noButtonLabel,
+            },
+        }).close$.pipe(map(Boolean));
+    }
+    getButtons(buttons, defaultButton = RDT_GOV_DIALOG_DEFAULT_BUTTON) {
+        const mapped = buttons?.map((btn) => ({ ...defaultButton, ...btn })) ?? [];
+        for (let autofocusExists = false, i = 0; i < mapped.length; i++) {
+            if (mapped[i].isAutofocused) {
+                if (!autofocusExists) {
+                    autofocusExists = true;
+                }
+                else {
+                    mapped[i].isAutofocused = false;
+                }
+            }
         }
-        return this.open(this.parseInternalConfig(dialogConfig));
+        return mapped;
     }
-    parseInternalConfig(config) {
-        const filled = {
+    getDialogDataFromStandardConfig(config) {
+        return {
+            ...RDT_GOV_DIALOG_DEFAULT_DATA,
+            ...this.baseDefaults,
             ...config,
-            size: 'content',
-            hasBackdrop: true,
-            initialLoading: false,
+            component: RdtGovStandardDialogComponent,
+            inputData: {
+                message: config.message,
+                buttons: this.getButtons(config.buttons, RDT_GOV_DIALOG_DEFAULT_BUTTON),
+            },
         };
-        return filled;
     }
-    getOverlayConfig(config) {
+    getDialogData(cfg) {
         return {
-            hasBackdrop: config.hasBackdrop ?? true,
+            ...RDT_GOV_DIALOG_DEFAULT_DATA,
+            ...this.baseDefaults,
+            ...cfg,
+        };
+    }
+    createComponentPortal(dialogRef) {
+        const injector = Injector.create({
+            providers: [{ provide: RdtGovDialogRef, useValue: dialogRef }],
+            parent: dialogRef.injector,
+        });
+        return new ComponentPortal(RdtGovDialogComponent, null, injector);
+    }
+    createOverlayRef(config) {
+        const overlayConfig = {
+            hasBackdrop: config.hasBackdrop,
             backdropClass: 'cdk-overlay-dark-backdrop',
             positionStrategy: this.overlay
                 .position()
@@ -497,6 +557,7 @@ class RdtGovDialogService {
             scrollStrategy: this.overlay.scrollStrategies.block(),
             disposeOnNavigation: true,
         };
+        return this.overlay.create(overlayConfig);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDialogService, providedIn: 'root' });
@@ -507,8 +568,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class RdtGovIconComponent extends RdtIconComponent {
-    size = input('m');
-    color = input('primary');
+    size = input('s');
+    color = input();
     parsed = computed(() => {
         const value = this.name() || '';
         const [type, name] = value.split('/');
@@ -518,11 +579,14 @@ class RdtGovIconComponent extends RdtIconComponent {
         return this.parsed().type === 'bs';
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovIconComponent, isStandalone: true, selector: "rdt-gov-icon", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@let p = parsed(); @if (p.name) { @if (isBootstrapIcon()) {\n<div class=\"bi-wrapper\" [attr.color]=\"color()\" [attr.size]=\"size()\">\n  <i class=\"bi bi-{{ p.name }}\"></i>\n</div>\n} @else {\n<gov-icon\n  [color]=\"color()\"\n  [size]=\"size()\"\n  [type]=\"p.type\"\n  [name]=\"p.name\"\n></gov-icon>\n} }\n", styles: [":host{display:flex;align-items:center;justify-content:center}.bi-wrapper{display:flex;align-items:center;justify-content:center}.bi-wrapper[size=xs]{width:var(--size-xs, var(--icon-size-xs));height:var(--size-xs, var(--icon-size-xs))}.bi-wrapper[size=xs] .bi{font-size:var(--size-xs, var(--icon-size-xs))}.bi-wrapper[size=s]{width:var(--size-s, var(--icon-size-s));height:var(--size-s, var(--icon-size-s))}.bi-wrapper[size=s] .bi{font-size:var(--size-s, var(--icon-size-s))}.bi-wrapper[size=m]{width:var(--size-m, var(--icon-size-m));height:var(--size-m, var(--icon-size-m))}.bi-wrapper[size=m] .bi{font-size:var(--size-m, var(--icon-size-m))}.bi-wrapper[size=l]{width:var(--size-l, var(--icon-size-l));height:var(--size-l, var(--icon-size-l))}.bi-wrapper[size=l] .bi{font-size:var(--size-l, var(--icon-size-l))}.bi-wrapper[size=xl]{width:var(--size-xl, var(--icon-size-xl));height:var(--size-xl, var(--icon-size-xl))}.bi-wrapper[size=xl] .bi{font-size:var(--size-xl, var(--icon-size-xl))}.bi-wrapper[size=\"2xl\"]{width:var(--size-2xl, var(--icon-size-2xl));height:var(--size-2xl, var(--icon-size-2xl))}.bi-wrapper[size=\"2xl\"] .bi{font-size:var(--size-2xl, var(--icon-size-2xl))}.bi-wrapper[size=\"3xl\"]{width:var(--size-3xl, var(--icon-size-3xl));height:var(--size-3xl, var(--icon-size-3xl))}.bi-wrapper[size=\"3xl\"] .bi{font-size:var(--size-3xl, var(--icon-size-3xl))}.bi-wrapper[size=\"4xl\"]{width:var(--size-4xl, var(--icon-size-4xl));height:var(--size-4xl, var(--icon-size-4xl))}.bi-wrapper[size=\"4xl\"] .bi{font-size:var(--size-4xl, var(--icon-size-4xl))}.bi-wrapper[size=\"5xl\"]{width:var(--size-5xl, var(--icon-size-5xl));height:var(--size-5xl, var(--icon-size-5xl))}.bi-wrapper[size=\"5xl\"] .bi{font-size:var(--size-5xl, var(--icon-size-5xl))}.bi-wrapper[color=black]{color:var(--black, var(--icon-on-bold-black))}.bi-wrapper[color=default]{color:var(--default, var(--icon-default))}.bi-wrapper[color=disabled]{color:var(--disabled, var(--icon-disabled))}.bi-wrapper[color=error]{color:var(--error, var(--icon-error))}.bi-wrapper[color=neutral]{color:var(--neutral, var(--icon-neutral))}.bi-wrapper[color=primary]{color:var(--primary, var(--icon-on-subtle))}.bi-wrapper[color=secondary]{color:var(--secondary, var(--icon-secondary))}.bi-wrapper[color=success]{color:var(--success, var(--icon-success))}.bi-wrapper[color=warning]{color:var(--warning, var(--icon-warning))}.bi-wrapper[color=white]{color:var(--white, var(--icon-on-bold-white))}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovIconComponent, isStandalone: true, selector: "rdt-gov-icon", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.size": "size()" }, classAttribute: "gov-icon" }, usesInheritance: true, ngImport: i0, template: "@let p = parsed(); @if (isBootstrapIcon()) {\n<i\n  class=\"bi bi-{{ p.name }} gov-icon\"\n  [attr.size]=\"size()\"\n  [attr.color]=\"color()\"\n></i>\n} @else {\n<gov-icon\n  [type]=\"p.type\"\n  [name]=\"p.name\"\n  [size]=\"size()\"\n  [color]=\"color()\"\n></gov-icon>\n}\n", styles: [":host{vertical-align:middle}gov-icon{color:var(--icon-color, currentColor)}i.bi:before{vertical-align:.125em;font-size:var(--icon-size, 1rem);color:var(--icon-color, currentColor)}i.bi[size=xs]:before{font-size:var(--icon-size, var(--icon-size-xs))}i.bi[size=s]:before{font-size:var(--icon-size, var(--icon-size-s))}i.bi[size=m]:before{font-size:var(--icon-size, var(--icon-size-m))}i.bi[size=l]:before{font-size:var(--icon-size, var(--icon-size-l))}i.bi[size=xl]:before{font-size:var(--icon-size, var(--icon-size-xl))}i.bi[color=primary]:before{color:var(--primary, var(--icon-on-subtle))}i.bi[color=secondary]:before{color:var(--secondary, var(--icon-secondary))}i.bi[color=success]:before{color:var(--success, var(--icon-success))}i.bi[color=warning]:before{color:var(--warning, var(--icon-warning))}i.bi[color=error]:before{color:var(--error, var(--icon-error))}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdt-gov-icon', imports: [GovDesignSystemModule, CommonModule], template: "@let p = parsed(); @if (p.name) { @if (isBootstrapIcon()) {\n<div class=\"bi-wrapper\" [attr.color]=\"color()\" [attr.size]=\"size()\">\n  <i class=\"bi bi-{{ p.name }}\"></i>\n</div>\n} @else {\n<gov-icon\n  [color]=\"color()\"\n  [size]=\"size()\"\n  [type]=\"p.type\"\n  [name]=\"p.name\"\n></gov-icon>\n} }\n", styles: [":host{display:flex;align-items:center;justify-content:center}.bi-wrapper{display:flex;align-items:center;justify-content:center}.bi-wrapper[size=xs]{width:var(--size-xs, var(--icon-size-xs));height:var(--size-xs, var(--icon-size-xs))}.bi-wrapper[size=xs] .bi{font-size:var(--size-xs, var(--icon-size-xs))}.bi-wrapper[size=s]{width:var(--size-s, var(--icon-size-s));height:var(--size-s, var(--icon-size-s))}.bi-wrapper[size=s] .bi{font-size:var(--size-s, var(--icon-size-s))}.bi-wrapper[size=m]{width:var(--size-m, var(--icon-size-m));height:var(--size-m, var(--icon-size-m))}.bi-wrapper[size=m] .bi{font-size:var(--size-m, var(--icon-size-m))}.bi-wrapper[size=l]{width:var(--size-l, var(--icon-size-l));height:var(--size-l, var(--icon-size-l))}.bi-wrapper[size=l] .bi{font-size:var(--size-l, var(--icon-size-l))}.bi-wrapper[size=xl]{width:var(--size-xl, var(--icon-size-xl));height:var(--size-xl, var(--icon-size-xl))}.bi-wrapper[size=xl] .bi{font-size:var(--size-xl, var(--icon-size-xl))}.bi-wrapper[size=\"2xl\"]{width:var(--size-2xl, var(--icon-size-2xl));height:var(--size-2xl, var(--icon-size-2xl))}.bi-wrapper[size=\"2xl\"] .bi{font-size:var(--size-2xl, var(--icon-size-2xl))}.bi-wrapper[size=\"3xl\"]{width:var(--size-3xl, var(--icon-size-3xl));height:var(--size-3xl, var(--icon-size-3xl))}.bi-wrapper[size=\"3xl\"] .bi{font-size:var(--size-3xl, var(--icon-size-3xl))}.bi-wrapper[size=\"4xl\"]{width:var(--size-4xl, var(--icon-size-4xl));height:var(--size-4xl, var(--icon-size-4xl))}.bi-wrapper[size=\"4xl\"] .bi{font-size:var(--size-4xl, var(--icon-size-4xl))}.bi-wrapper[size=\"5xl\"]{width:var(--size-5xl, var(--icon-size-5xl));height:var(--size-5xl, var(--icon-size-5xl))}.bi-wrapper[size=\"5xl\"] .bi{font-size:var(--size-5xl, var(--icon-size-5xl))}.bi-wrapper[color=black]{color:var(--black, var(--icon-on-bold-black))}.bi-wrapper[color=default]{color:var(--default, var(--icon-default))}.bi-wrapper[color=disabled]{color:var(--disabled, var(--icon-disabled))}.bi-wrapper[color=error]{color:var(--error, var(--icon-error))}.bi-wrapper[color=neutral]{color:var(--neutral, var(--icon-neutral))}.bi-wrapper[color=primary]{color:var(--primary, var(--icon-on-subtle))}.bi-wrapper[color=secondary]{color:var(--secondary, var(--icon-secondary))}.bi-wrapper[color=success]{color:var(--success, var(--icon-success))}.bi-wrapper[color=warning]{color:var(--warning, var(--icon-warning))}.bi-wrapper[color=white]{color:var(--white, var(--icon-on-bold-white))}\n"] }]
+            args: [{ selector: 'rdt-gov-icon', imports: [GovDesignSystemModule, CommonModule], host: {
+                        class: 'gov-icon',
+                        '[attr.size]': 'size()',
+                    }, template: "@let p = parsed(); @if (isBootstrapIcon()) {\n<i\n  class=\"bi bi-{{ p.name }} gov-icon\"\n  [attr.size]=\"size()\"\n  [attr.color]=\"color()\"\n></i>\n} @else {\n<gov-icon\n  [type]=\"p.type\"\n  [name]=\"p.name\"\n  [size]=\"size()\"\n  [color]=\"color()\"\n></gov-icon>\n}\n", styles: [":host{vertical-align:middle}gov-icon{color:var(--icon-color, currentColor)}i.bi:before{vertical-align:.125em;font-size:var(--icon-size, 1rem);color:var(--icon-color, currentColor)}i.bi[size=xs]:before{font-size:var(--icon-size, var(--icon-size-xs))}i.bi[size=s]:before{font-size:var(--icon-size, var(--icon-size-s))}i.bi[size=m]:before{font-size:var(--icon-size, var(--icon-size-m))}i.bi[size=l]:before{font-size:var(--icon-size, var(--icon-size-l))}i.bi[size=xl]:before{font-size:var(--icon-size, var(--icon-size-xl))}i.bi[color=primary]:before{color:var(--primary, var(--icon-on-subtle))}i.bi[color=secondary]:before{color:var(--secondary, var(--icon-secondary))}i.bi[color=success]:before{color:var(--success, var(--icon-success))}i.bi[color=warning]:before{color:var(--warning, var(--icon-warning))}i.bi[color=error]:before{color:var(--error, var(--icon-error))}\n"] }]
         }] });
 
 const RDT_GOV_NOTIFICATION_DEFAULT_CONFIG = {
@@ -550,11 +614,11 @@ const RDT_GOV_NOTIFICATION_DATA_PROVIDER = new InjectionToken('RDT_GOV_NOTIFICAT
 class RdtGovNotificationPopupComponent {
     data = inject(RDT_GOV_NOTIFICATION_DATA_PROVIDER);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovNotificationPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovNotificationPopupComponent, isStandalone: true, selector: "rdt-gov-notification-popup", ngImport: i0, template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n  ><div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <span>{{ data.message }}</span>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge)}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovToast, selector: "gov-toast", inputs: ["accessibleCloseLabel", "closeLabel", "color", "gravity", "position", "time", "type"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovNotificationPopupComponent, isStandalone: true, selector: "rdt-gov-notification-popup", ngImport: i0, template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n>\n  <div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <div>\n      @if(data.header) {\n      <span class=\"toast-header\">{{ data.header }}</span>\n      }\n      <span>{{ data.message }}</span>\n    </div>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge);align-items:center}.toast-header{font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovToast, selector: "gov-toast", inputs: ["accessibleCloseLabel", "closeLabel", "color", "gravity", "position", "time", "type"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovNotificationPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdt-gov-notification-popup', imports: [GovDesignSystemModule, CommonModule, RdtIconOutletDirective], template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n  ><div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <span>{{ data.message }}</span>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge)}\n"] }]
+            args: [{ selector: 'rdt-gov-notification-popup', imports: [GovDesignSystemModule, CommonModule, RdtIconOutletDirective], template: "@if(data){\n<gov-toast\n  [color]=\"data.color\"\n  [gravity]=\"data.positionVert\"\n  [position]=\"data.positionHoriz\"\n  [type]=\"data.type\"\n  [closeLabel]=\"data.closeLabel\"\n>\n  <div class=\"toast-wrapper\">\n    @if (data.icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: data.icon }\"></ng-container>\n    </span>\n    }\n    <div>\n      @if(data.header) {\n      <span class=\"toast-header\">{{ data.header }}</span>\n      }\n      <span>{{ data.message }}</span>\n    </div>\n  </div>\n</gov-toast>\n}\n", styles: [".toast-wrapper{display:flex;gap:var(--spacing-s-nudge);align-items:center}.toast-header{font-weight:500}\n"] }]
         }] });
 
 class RdtGovNotificationService {
@@ -572,13 +636,21 @@ class RdtGovNotificationService {
         setTimeout(() => this.close(overlayRef), cfg.duration);
     }
     success(message = this.t.instant('RDT_GOV_NOTIFY_SUCCESS')) {
-        this.show({ color: 'success', message });
+        this.showSimple('success', message);
     }
     warn(message = this.t.instant('RDT_GOV_NOTIFY_WARNING')) {
-        this.show({ color: 'warning', message });
+        this.showSimple('warning', message);
     }
     error(message = this.t.instant('RDT_GOV_NOTIFY_ERROR')) {
-        this.show({ color: 'error', message });
+        this.showSimple('error', message);
+    }
+    showSimple(color, message) {
+        if (typeof message === 'object') {
+            this.show({ color, ...message });
+        }
+        else {
+            this.show({ color, message });
+        }
     }
     mergeConfig(cfg) {
         return {
@@ -1097,19 +1169,23 @@ function provideNgrdtGov(options = {}) {
             useFactory: () => inject(RdtGovNotificationService),
         },
         {
-            provide: RDT_ALERT_DIALOG_PROVIDER,
+            provide: RDT_DIALOG_SERVICE_PROVIDER,
+            useFactory: () => inject(RdtGovDialogService),
+        },
+        {
+            provide: RDT_GOV_ALERT_DIALOG_CONFIG_PROVIDER,
             useValue: {
                 minHeight: '250px',
             },
         },
         {
-            provide: RDT_CONFIRM_DIALOG_PROVIDER,
+            provide: RDT_GOV_CONFIRM_DIALOG_CONFIG_PROVIDER,
             useValue: {
                 minHeight: '250px',
             },
         },
         {
-            provide: RDT_BASE_DIALOG_PROVIDER,
+            provide: RDT_GOV_BASE_DIALOG_CONFIG_PROVIDER,
             useValue: {
                 isDraggable: false,
                 minHeight: '400px',
@@ -1532,5 +1608,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DEFAULT_GOV_BUTTON_COLOR, DEFAULT_GOV_BUTTON_SIZE, DEFAULT_GOV_BUTTON_TYPE, RDT_ALERT_DIALOG_PROVIDER, RDT_BASE_DIALOG_PROVIDER, RDT_CONFIRM_DIALOG_PROVIDER, RDT_GOV_NOTIFICATION_CONFIG_PROVIDER, RDT_GOV_NOTIFICATION_DEFAULT_CONFIG, RdtGovBaseDialog, RdtGovButtonComponent, RdtGovCheckboxComponent, RdtGovDateComponent, RdtGovDialogContentComponent, RdtGovDialogFooterComponent, RdtGovDialogHeaderComponent, RdtGovDialogLoadingComponent, RdtGovDialogService, RdtGovIconComponent, RdtGovNotificationService, RdtGovNumberInputComponent, RdtGovSelectComponent, RdtGovSelectOfflineProviderDirective, RdtGovSpinnerComponent, RdtGovTextInputComponent, RdtGovThemeService, forceFocus, initRdtGov, provideNgrdtGov };
+export { DEFAULT_GOV_BUTTON_COLOR, DEFAULT_GOV_BUTTON_SIZE, DEFAULT_GOV_BUTTON_TYPE, RDT_GOV_ALERT_DIALOG_CONFIG_PROVIDER, RDT_GOV_BASE_DIALOG_CONFIG_PROVIDER, RDT_GOV_CONFIRM_DIALOG_CONFIG_PROVIDER, RDT_GOV_NOTIFICATION_CONFIG_PROVIDER, RDT_GOV_NOTIFICATION_DEFAULT_CONFIG, RdtGovButtonComponent, RdtGovCheckboxComponent, RdtGovDateComponent, RdtGovDialogBase, RdtGovDialogComponent, RdtGovDialogContentComponent, RdtGovDialogFooterComponent, RdtGovDialogHeaderComponent, RdtGovDialogLoadingComponent, RdtGovDialogRef, RdtGovDialogService, RdtGovIconComponent, RdtGovNotificationService, RdtGovNumberInputComponent, RdtGovSelectComponent, RdtGovSelectOfflineProviderDirective, RdtGovSpinnerComponent, RdtGovStandardDialogComponent, RdtGovTextInputComponent, RdtGovThemeService, forceFocus, initRdtGov, provideNgrdtGov };
 //# sourceMappingURL=ngrdt-gov.mjs.map