@ngrdt/gov 0.0.89 → 0.0.92

package/fesm2022/ngrdt-gov.mjs

@@ -1,31 +1,31 @@
 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, importProvidersFrom, LOCALE_ID, booleanAttribute, numberAttribute, CUSTOM_ELEMENTS_SCHEMA, Directive, ViewContainerRef, viewChildren } 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$2 from '@angular/material/datepicker';
+import * as i1$3 from '@angular/material/datepicker';
 import { MatDatepickerIntl, MatDatepickerModule } from '@angular/material/datepicker';
 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 { RdtCheckboxComponent, RdtFormErrorPipe, RDT_CHECKBOX_BASE_PROVIDER, RdtDateComponent, RdtBaseFormInputComponent, RdtNumericInputComponent, RdtSelectOfflineDatasourceProviderDirective, RdtBaseSelectCommonComponent, RdtSelectOptionDirective, RdtSelectStore, RdtSingleSelectComponent, RdtTextInputComponent } from '@ngrdt/forms';
+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';
 import * as i1$1 from '@angular/common';
 import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import { RouterLink } from '@angular/router';
-import * as i1$3 from '@angular/forms';
+import * as i1$2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { RdtTranslateService, RdtAutoFocusOnInitDirective, RdtTranslatePipe } from '@ngrdt/core';
-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';
 import * as i2 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import { isValid, format } from 'date-fns';
-import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
-import { TAB, ENTER } from '@angular/cdk/keycodes';
 
 const DEFAULT_GOV_BUTTON_COLOR = 'primary';
 const DEFAULT_GOV_BUTTON_TYPE = 'outlined';
@@ -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,82 +568,111 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
         }] });
 
 class RdtGovIconComponent extends RdtIconComponent {
-    parsedName = computed(() => {
+    size = input('s');
+    color = input();
+    parsed = computed(() => {
         const value = this.name() || '';
         const [type, name] = value.split('/');
         return { type: type || '', name: name || '' };
     });
+    isBootstrapIcon = computed(() => {
+        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", usesInheritance: true, ngImport: i0, template: "@let p = parsedName(); @if (p.name) {\n<gov-icon class=\"rdt-gov-icon\" [type]=\"p.type\" [name]=\"p.name\"></gov-icon>\n} @else {\n<i class=\"bi\" [class]=\"'bi-' + p.type\"></i>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:center}.rdt-gov-icon{width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center}\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 = parsedName(); @if (p.name) {\n<gov-icon class=\"rdt-gov-icon\" [type]=\"p.type\" [name]=\"p.name\"></gov-icon>\n} @else {\n<i class=\"bi\" [class]=\"'bi-' + p.type\"></i>\n}\n", styles: [":host{display:flex;align-items:center;justify-content:center}.rdt-gov-icon{width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center}\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_BASE_NOTIFICATION_PROVIDER = new InjectionToken('RDT_GOV_NOTIFICATION_PROVIDER');
-const RDT_POPUP_NOTIFICATION_PROVIDER = new InjectionToken('RDT_CUSTOM_NOTIFICATION_PROVIDER');
+const RDT_GOV_NOTIFICATION_DEFAULT_CONFIG = {
+    duration: 3000,
+    positionVert: 'top',
+    positionHoriz: 'right',
+    type: 'bold',
+    closeLabel: undefined,
+};
+
+/**
+ * Injection token for the default configuration of notifications.
+ */
+const RDT_GOV_NOTIFICATION_CONFIG_PROVIDER = new InjectionToken('RDT_GOV_NOTIFICATION_CONFIG_PROVIDER');
+
+/**
+ * Injection token for the data of the notification component.
+ * Private
+ */
+const RDT_GOV_NOTIFICATION_DATA_PROVIDER = new InjectionToken('RDT_GOV_NOTIFICATION_DATA_PROVIDER');
 
+/**
+ * Component rendering individual notification.
+ */
 class RdtGovNotificationPopupComponent {
-    injected = inject(RDT_POPUP_NOTIFICATION_PROVIDER);
+    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: "@let icon = injected?.icon; @if(injected){\n<gov-toast\n  [color]=\"injected.color\"\n  [gravity]=\"injected.positionVert\"\n  [position]=\"injected.positionHoriz\"\n  [type]=\"injected.type\"\n  [closeLabel]=\"injected.closeLabel\"\n  ><div class=\"toast-wrapper\">\n    @if (icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: icon }\"></ng-container>\n    </span>\n    }\n    <span>{{ injected.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  ><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"] }] });
 }
 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: "@let icon = injected?.icon; @if(injected){\n<gov-toast\n  [color]=\"injected.color\"\n  [gravity]=\"injected.positionVert\"\n  [position]=\"injected.positionHoriz\"\n  [type]=\"injected.type\"\n  [closeLabel]=\"injected.closeLabel\"\n  ><div class=\"toast-wrapper\">\n    @if (icon) {\n    <span class=\"toast-icon\">\n      <ng-container rdtIconOutlet [inputs]=\"{ name: icon }\"></ng-container>\n    </span>\n    }\n    <span>{{ injected.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  ><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"] }]
         }] });
 
 class RdtGovNotificationService {
     overlay = inject(Overlay);
     injector = inject(Injector);
-    translateService = inject(RdtTranslateService);
-    govDefaults = inject(RDT_BASE_NOTIFICATION_PROVIDER);
-    show(cfg) {
-        this.open(cfg);
-    }
-    success(customMsg = '') {
-        this.openDefault('success', this.translateService.instant(customMsg));
-    }
-    warning(customMsg = '') {
-        this.openDefault('warning', this.translateService.instant(customMsg));
-    }
-    error(customMsg = '') {
-        this.openDefault('error', this.translateService.instant(customMsg));
-    }
-    openDefault(type, customMsg) {
-        const msgPropName = (type + 'Msg');
-        this.open({
-            message: customMsg
-                ? customMsg
-                : this.govDefaults?.[msgPropName].toString() ?? '',
-            positionVert: this.govDefaults?.positionVert ?? 'top',
-            positionHoriz: this.govDefaults?.positionHoriz ?? 'center',
-            duration: this.govDefaults?.duration ?? 2000,
-            color: type,
-            type: 'bold',
-        });
+    t = inject(RdtTranslateService);
+    config = inject(RDT_GOV_NOTIFICATION_CONFIG_PROVIDER, {
+        optional: true,
+    });
+    show(partialConfig) {
+        const cfg = this.mergeConfig(partialConfig);
+        const overlayRef = this.createOverlayRef();
+        const portal = this.createPortal(cfg);
+        overlayRef.attach(portal);
+        setTimeout(() => this.close(overlayRef), cfg.duration);
+    }
+    success(message = this.t.instant('RDT_GOV_NOTIFY_SUCCESS')) {
+        this.show({ color: 'success', message });
+    }
+    warn(message = this.t.instant('RDT_GOV_NOTIFY_WARNING')) {
+        this.show({ color: 'warning', message });
+    }
+    error(message = this.t.instant('RDT_GOV_NOTIFY_ERROR')) {
+        this.show({ color: 'error', message });
+    }
+    mergeConfig(cfg) {
+        return {
+            ...RDT_GOV_NOTIFICATION_DEFAULT_CONFIG,
+            ...this.config,
+            ...cfg,
+        };
+    }
+    createPortal(cfg) {
+        const popupInjector = this.getDataInjector(cfg);
+        return new ComponentPortal(RdtGovNotificationPopupComponent, null, popupInjector);
     }
-    open(cfg) {
-        let positionStrat = this.overlay.position().global();
+    createOverlayRef() {
+        const positionStrat = this.overlay.position().global();
         const overlayRef = this.overlay.create({
             positionStrategy: positionStrat,
             hasBackdrop: false,
         });
-        const popupInjector = Injector.create({
+        return overlayRef;
+    }
+    getDataInjector(cfg) {
+        return Injector.create({
             providers: [
                 {
-                    provide: RDT_POPUP_NOTIFICATION_PROVIDER,
+                    provide: RDT_GOV_NOTIFICATION_DATA_PROVIDER,
                     useValue: cfg,
                 },
             ],
             parent: this.injector,
         });
-        const portal = new ComponentPortal(RdtGovNotificationPopupComponent, null, popupInjector);
-        overlayRef.attach(portal);
-        setTimeout(() => {
-            this.close(overlayRef);
-        }, cfg.duration);
     }
     close(overlayRef) {
         overlayRef?.dispose();
@@ -595,382 +685,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
-function provideNgrdtGov(options = {}) {
-    return [
-        importProvidersFrom(GovDesignSystemModule),
-        {
-            provide: RDT_ICON_BASE_PROVIDER,
-            useValue: RdtGovIconComponent,
-        },
-        {
-            provide: RDT_CHECKBOX_BASE_PROVIDER,
-            useValue: RdtGovCheckboxComponent,
-        },
-        {
-            provide: RDT_BUTTON_BASE_PROVIDER,
-            useValue: RdtGovButtonComponent,
-        },
-        {
-            provide: RDT_ICON_REGISTRY_PROVIDER,
-            useValue: {
-                [RdtIcon.MenuArrowRight]: 'components/chevron-right',
-                [RdtIcon.MenuArrowDown]: 'components/chevron-down',
-                [RdtIcon.SkipDoubleLeft]: 'components/chevron-double-left',
-                [RdtIcon.SkipDoubleRight]: 'components/chevron-double-right',
-                [RdtIcon.SkipLeft]: 'components/chevron-left',
-                [RdtIcon.SkipRight]: 'components/chevron-right',
-                [RdtIcon.SortAsc]: 'sort-down',
-                [RdtIcon.SortDesc]: 'sort-up',
-                [RdtIcon.SortEnabled]: 'filter',
-            },
-        },
-        {
-            provide: RDT_BASE_NOTIFICATION_PROVIDER,
-            useValue: {
-                duration: 3000,
-                positionVert: 'top',
-                positionHoriz: 'right',
-                successMsg: 'RDT_GOV_NOTIFY_SUCCESS',
-                warningMsg: 'RDT_GOV_NOTIFY_WARNING',
-                errorMsg: 'RDT_GOV_NOTIFY_ERROR',
-            },
-        },
-        {
-            provide: RDT_ALERT_DIALOG_PROVIDER,
-            useValue: {
-                minHeight: '250px',
-            },
-        },
-        {
-            provide: RDT_CONFIRM_DIALOG_PROVIDER,
-            useValue: {
-                minHeight: '250px',
-            },
-        },
-        {
-            provide: RDT_BASE_DIALOG_PROVIDER,
-            useValue: {
-                isDraggable: false,
-                minHeight: '400px',
-            },
-        },
-        {
-            provide: RDT_SPINNER_BASE_PROVIDER,
-            useValue: RdtGovSpinnerComponent,
-        },
-        { provide: MAT_DATE_LOCALE, useValue: 'cs-CZ' },
-        { provide: LOCALE_ID, useValue: 'cs-CZ' },
-        { provide: MatDatepickerIntl, useClass: RdtDatepickerIntl },
-        provideDateFnsAdapter(),
-    ];
-}
-
-function initRdtGov(config = {}) {
-    const defaultConfig = {
-        iconsPath: 'icons',
-    };
-    window.GOV_DS_CONFIG = { ...defaultConfig, ...config };
-    defineCustomElements(window);
-}
-
-class RdtGovDateComponent extends RdtDateComponent {
-    translateService = inject(RdtTranslateService);
-    dateAdapter = inject(DateAdapter);
-    dateInput = viewChild('dateInput');
-    timeInput = viewChild('timeInput');
+class RdtGovNumberInputComponent extends RdtNumericInputComponent {
+    renderer = inject(Renderer2);
+    govInput = viewChild('govInput');
     size = input('s');
+    icon = input(null);
+    iconStart = input(null);
     labelPositionInput = input('top', {
         alias: 'labelPosition',
     });
     labelPosition = linkedSignal(() => this.labelPositionInput());
-    showSeconds = input(false, { transform: booleanAttribute });
-    stepInput = input(undefined, {
-        alias: 'step',
-        transform: numberAttribute,
-    });
-    step = linkedSignal(() => {
-        return this.stepInput() ?? (this.showSeconds() ? 1 : undefined);
-    });
-    dateInputFocused = false;
-    // Current value of physical date input field
-    dateInputValue = signal(null);
-    // Current value of physical time input field
-    timeInputValue = signal('');
-    internalTimeFormat = computed(() => this.showSeconds() ? 'HH:mm:ss' : 'HH:mm');
-    defaultTime = computed(() => this.showSeconds() ? '00:00:00' : '00:00');
-    localeUsed = computed(() => this.translateService.currentFormat().dateFnsLocale);
-    hasDate = computed(() => this.type() !== 'time');
-    hasTime = computed(() => this.type() !== 'date');
-    internalTimeValue = computed(() => {
-        const value = this.internalValue();
-        if (!value) {
-            return '';
-        }
-        const time = this.formatTime(value);
-        // This condition prevents adding zeros for seconds while typing
-        // E.g. 12:34 won't get changed to 12:34:00 automatically and it's valid value
-        if (this.timeInputValue() !== time &&
-            this.isValidTime(this.timeInputValue()) &&
-            time.startsWith(this.timeInputValue())) {
-            return this.timeInputValue();
-        }
-        return time;
-    });
+    inputElement = signal(null);
+    hasErrors = false;
     isEmpty(value) {
-        return value === null;
+        return value == null;
     }
-    // Update DateAdapter locale when current locale changes
-    dateFnsLocaleEffect = effect(() => {
-        this.dateAdapter.setLocale(this.localeUsed());
-    });
-    toExternalValue(internalValue) {
-        if (!internalValue) {
-            return null;
+    onInput(value) {
+        if (value === '' || value == null) {
+            this.onInternalValueChange(null);
         }
-        return this.dateAdapter.format(internalValue, this.formControlFormat());
-    }
-    toInternalValue(externalValue) {
-        if (!externalValue) {
-            return null;
+        else if (typeof value === 'string') {
+            const parsed = parseFloat(value);
+            if (!isNaN(parsed)) {
+                this.onInternalValueChange(parsed);
+            }
         }
-        const parsed = this.dateAdapter.parse(externalValue, this.formControlFormat());
-        if (!isValid(parsed)) {
-            console.error(`Date field labeled "${this.label()}" was set invalid value "${externalValue}". Expected FormControl format: "${this.formControlFormat()}"`);
-            return null;
-        }
-        return parsed;
-    }
-    /**
-     * Prevents unnecessary change emissions on FormControl
-     * @returns True if both Date objects represent the same point in time
-     */
-    areInternalValuesEqual(value1, value2) {
-        if (value1 === null && value2 === null) {
-            return true;
-        }
-        if (value1 === null || value2 === null) {
-            return false;
-        }
-        return value1.getTime() === value2.getTime();
-    }
-    writeValue(value) {
-        super.writeValue(value);
-        const internalValue = this.toInternalValue(value);
-        // Update physical input fields when FormControl value changes
-        // Necessary before user interaction
-        if (internalValue) {
-            this.dateInputValue.set(internalValue);
-            this.timeInputValue.set(this.formatTime(internalValue));
-        }
-        else {
-            this.dateInputValue.set(null);
-            this.timeInputValue.set('');
-        }
-    }
-    onDateInput(event) {
-        const dateValue = event.value;
-        if (!dateValue) {
-            // Clear FormControl value when date is invalid
-            // Keep internal state
-            this.dateInputValue.set(null);
-            this.onChange(null);
-        }
-        else {
-            this.dateInputValue.set(dateValue);
-            this.onDateChange(dateValue);
-        }
-    }
-    onTimeChange(event) {
-        const value = event.target.value;
-        let internalValue = this.internalValue();
-        if (!this.hasDate()) {
-            internalValue ??= this.emptyTimeDate;
-        }
-        const dateOk = internalValue && (this.dateInputValue() || !this.hasDate());
-        if (this.isValidTime(value) && internalValue && dateOk) {
-            const newDate = this.populateTime(new Date(internalValue), value);
-            this.onInternalValueChange(newDate);
-        }
-        this.timeInputValue.set(value);
-    }
-    onDateChange(date) {
-        const value = date ?? null;
-        const internalValueOld = this.internalValue();
-        const timeInputValue = this.timeInputValue();
-        // If both newly selected date and time input are valid, combine them
-        if (value && timeInputValue) {
-            this.populateTime(value, timeInputValue);
-        }
-        // Set internal value
-        this.onInternalValueChange(value);
-        // In case date input is focused, revert internal value
-        // to original value before Date change event
-        // while keeping external value and FormControl value updated
-        // This prevents unexpected changes to date and time inputs while typing
-        // New internal value will be set on date input blur
-        if (this.dateInputFocused) {
-            this.internalValue.set(internalValueOld);
-        }
-    }
-    onDateInputFocus() {
-        this.dateInputFocused = true;
-        this.onFocus();
-    }
-    onDateInputBlur() {
-        this.dateInputFocused = false;
-        // Set internal value to the combined date and time from inputs
-        // In case date and/or time input is invalid, internal value will not change
-        const dateTimeFromInputs = this.getDateTimeFromInputs();
-        if (dateTimeFromInputs) {
-            this.onInternalValueChange(dateTimeFromInputs);
-        }
-        this.onBlur();
-    }
-    /**
-     * Returns Date object constructed from current date and time input values
-     * or null if either input is invalid
-     */
-    getDateTimeFromInputs() {
-        const dateInputValue = this.dateInputValue();
-        const timeInputValue = this.timeInputValue();
-        if (!timeInputValue || !dateInputValue) {
-            return null;
-        }
-        else {
-            const newInternal = new Date(dateInputValue);
-            this.populateTime(newInternal, timeInputValue);
-            return newInternal;
-        }
-    }
-    onTimeInputFocus() {
-        this.onFocus();
-    }
-    onTimeInputBlur() {
-        const timeInputEl = this.timeInput()?.nativeElement;
-        if (!timeInputEl) {
-            return;
-        }
-        const value = timeInputEl?.value ?? '';
-        // Emit null value to FormControl in case time is blurred while invalid (empty slots), ,
-        // Keep internal state intacted to prevent unexpected changes to input fields
-        if (!value) {
-            this.onChange(null);
-        }
-        this.onBlur();
-    }
-    /**
-     * Helper function to format a Date object to a time string
-     */
-    formatTime(date) {
-        if (this.type() === 'date') {
-            return this.defaultTime();
-        }
-        try {
-            const locale = this.localeUsed();
-            const timeFormat = this.internalTimeFormat();
-            return format(date, timeFormat, { locale });
-        }
-        catch (e) {
-            console.log('Error formatting date: ', date, 'target format: ', this.internalTimeFormat());
-            console.error(e);
-            return this.defaultTime();
-        }
-    }
-    /**
-     * Helper function to populate a Date object with time from a string
-     * in the format HH:mm or HH:mm:ss
-     */
-    populateTime(date, timeString) {
-        const timeParts = timeString.split(':').map((part) => parseInt(part, 10));
-        date.setHours(timeParts[0] || 0, timeParts[1] || 0, timeParts[2] || 0, 0);
-        return date;
-    }
-    isValidTime(value) {
-        if (!value) {
-            return false;
-        }
-        return /^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d(?:\.\d{1,3})?)?$/.test(value);
-    }
-    async focus() {
-        this.dateInput()?.nativeElement.focus();
-    }
-    canFocus() {
-        return new Promise((resolve) => {
-            setTimeout(() => {
-                const elRef = this.dateInput();
-                resolve(!!elRef?.nativeElement);
-            }, 1);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovDateComponent, isStandalone: true, selector: "rdt-gov-date", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, labelPositionInput: { classPropertyName: "labelPositionInput", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, stepInput: { classPropertyName: "stepInput", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: RdtGovDateComponent,
-                multi: true,
-            },
-            {
-                provide: RdtBaseFormInputComponent,
-                useExisting: RdtGovDateComponent,
-            },
-            {
-                provide: RdtDateComponent,
-                useExisting: RdtGovDateComponent,
-            },
-        ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true, isSignal: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let lPos = labelPosition();\n<div class=\"rdt-date-wrapper\" [class]=\"lPos\">\n  @if(lPos) {\n  <p\n    class=\"gov-form-label__label s_label\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div\n    class=\"rdt-date-field-wrapper gov-form-input\"\n    [attr.size]=\"size()\"\n    [attr.disabled]=\"disabled() ? true : undefined\"\n  >\n    @if(type() === 'date' || type() === 'datetime-local'){\n    <div class=\"rdt-date-field-position date\">\n      <input\n        class=\"rdt-date-field\"\n        #dateInput\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [attr.readonly]=\"readonlyInput() ? true : null\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [matDatepicker]=\"picker\"\n        (focus)=\"onDateInputFocus()\"\n        (blur)=\"onDateInputBlur()\"\n        (dateInput)=\"onDateInput($event)\"\n        (dateChange)=\"onDateInput($event)\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n      <mat-datepicker-toggle\n        [attr.size]=\"size()\"\n        matIconSuffix\n        [for]=\"picker\"\n        [disableRipple]=\"true\"\n      >\n        <!-- <mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon> //moznost vlastni ikonky-->\n      </mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </div>\n    } @if(type() === 'datetime-local' || type() === 'time'){\n    <div class=\"rdt-date-field-position time\">\n      <input\n        class=\"rdt-date-field\"\n        type=\"time\"\n        #timeInput\n        (input)=\"onTimeChange($event)\"\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [step]=\"step()\"\n        [attr.readonly]=\"readonlyInput() ? true : undefined\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalTimeValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        (focus)=\"onTimeInputFocus()\"\n        (blur)=\"onTimeInputBlur()\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n", ".rdt-date-wrapper{width:100%}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{position:absolute}.rdt-date-wrapper.right{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.left{display:flex;align-items:center;flex-direction:row;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.top{display:flex;flex-direction:column;gap:var(--gap, var(--spacing-xs))}.rdt-date-wrapper .gov-form-input__icons{display:var(--exclamation-mark-display, none)}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{--mat-icon-button-touch-target-size: calc( var(--padding-horizontal) + var(--icon-size) + var(--gap) );--mat-icon-button-state-layer-size: var( --mat-icon-button-touch-target-size );right:calc(var(--exclamation-mark-width, 0px) + var(--exclamation-mark-offset, 0px))}.rdt-date-wrapper mat-datepicker-toggle button,.rdt-date-wrapper mat-timepicker-toggle button{display:flex;justify-content:center;align-items:center;height:var(--mat-icon-button-state-layer-size)}.rdt-date-wrapper mat-datepicker-toggle button svg,.rdt-date-wrapper mat-timepicker-toggle button svg{width:var(--icon-size);height:var(--icon-size)}.rdt-date-wrapper mat-datepicker-toggle[size=xl],.rdt-date-wrapper mat-timepicker-toggle[size=xl]{--padding-horizontal: var(--spacing-m-nudge);--icon-size: var(--icon-size-xl);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=l],.rdt-date-wrapper mat-timepicker-toggle[size=l]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-l);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=m],.rdt-date-wrapper mat-timepicker-toggle[size=m]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-m);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=s],.rdt-date-wrapper mat-timepicker-toggle[size=s]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-s);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=xs],.rdt-date-wrapper mat-timepicker-toggle[size=xs]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-xs);--gap: var(--spacing-xs)}.rdt-date-field{background-color:transparent;border:none;border-radius:var(--border-radius, var(--corner-radius-s));color:var(--form-value-color, var(--text-primary));font-family:var(--font-family-primary, var(--font-family));width:100%;line-height:150%;font-weight:400}.rdt-date-field-position{width:100%;position:relative;display:flex;align-items:center}.rdt-date-field-wrapper{width:100%;flex:1;border-radius:var(--border-radius, var(--corner-radius-s));border:var(--border-width, .0625rem) solid var(--form-border-color, var(--border-subtle));background-color:var(--form-bg-color, var(--background-block-primary));display:flex;align-items:center;gap:0!important}.rdt-date-field-wrapper:focus-within{border-radius:var(--outline-border-radius, var(--corner-radius-xs-nudge));outline:var(--outline-width, .125rem) solid var(--status-focus);outline-offset:var(--outline-offset, .125rem)}.rdt-date-field-wrapper:hover{background-color:var(--form-hover-color, var(--button-outlined-primary-hover))!important}.rdt-date-field-wrapper>*:after{content:\"\";display:block;position:absolute;width:var(--border-width, .0625rem);height:calc(100% + var(--border-width, .0625rem) * 2);left:calc(100% + var(--border-width, .0625rem) / 2);top:calc(-1 * var(--border-width, .0625rem));background-color:var(--border-subtle)}.rdt-date-field-wrapper>*:last-child:after{display:none}.rdt-date-field-wrapper[size=xl] .time{gap:var(--spacing-m)}.rdt-date-field-wrapper[size=xl] .time input{padding-right:var(--padding-horizontal, var(--spacing-m-nudge))!important}.rdt-date-field-wrapper[size=l] .time{gap:var(--spacing-s-nudge)}.rdt-date-field-wrapper[size=l] .time input{padding-right:var(--padding-horizontal, var(--spacing-m))!important}.rdt-date-field-wrapper[size=m] .time{gap:var(--spacing-s)}.rdt-date-field-wrapper[size=m] .time input{padding-right:var(--padding-horizontal, var(--spacing-s-nudge))!important}.rdt-date-field-wrapper[size=s] .time{gap:var(--spacing-xs-nudge)}.rdt-date-field-wrapper[size=s] .time input{padding-right:var(--padding-horizontal, var(--spacing-s))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field-wrapper[size=xs] .time{gap:var(--spacing-xs)}.rdt-date-field-wrapper[size=xs] .time input{padding-right:var(--padding-horizontal, var(--spacing-xs-nudge))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field:focus{outline:none}rdt-gov-date,mat-datepicker-content{--mat-icon-button-icon-size: 24px;--mat-button-text-label-text-font: var(--font-family);--mat-button-text-label-text-size: var(--font-size-body-s);--mat-button-text-label-text-weight: 600;--mat-button-text-label-text-color: var(--text-secondary);--mat-datepicker-calendar-body-label-text-size: var(--font-size-body-s);--mat-datepicker-calendar-body-label-text-weight: 600;--mat-datepicker-calendar-body-label-text-color: var(--text-primary);--mat-datepicker-calendar-text-size: var(--font-size-body-m);--mat-datepicker-calendar-text-font: var(--font-family);--mat-datepicker-calendar-container-background-color: var( --background-neutral-subtle );--mat-datepicker-calendar-container-text-color: var(--text-primary);--mat-datepicker-calendar-container-shape: 8px;--mat-datepicker-calendar-date-text-color: var(--text-primary);--mat-datepicker-calendar-date-selected-state-text-color: var( --color-neutral-0 );--mat-datepicker-calendar-date-today-selected-state-outline-color: var( --color-primary-400 );--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-datepicker-calendar-date-today-outline-color: var( --button-solid-primary );--mat-datepicker-calendar-date-selected-state-background-color: var( --button-solid-primary );--mat-datepicker-calendar-period-button-icon-color: var(--text-primary);--mat-datepicker-calendar-date-hover-state-background-color: var( --background-neutral-subtlest );--mat-datepicker-calendar-header-text-color: var(--text-secondary);--mat-datepicker-calendar-header-text-size: var(--font-size-body-m);--mat-datepicker-calendar-header-text-weight: 600;--mat-tooltip-container-color: var(--color-neutral-950);--mat-tooltip-supporting-text-color: var(--color-neutral-0);--mat-tooltip-container-shape: 8px;--mat-button-text-container-shape: 8px;--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-primary: var(--button-solid-primary-hover);--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-timepicker-container-background-color: var(--background-neutral-subtle);--mat-timepicker-container-shape: 8px;--mat-timepicker-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-option-selected-state-layer-color: var(--button-solid-primary-hover);--mat-option-selected-state-label-text-color: var(--color-neutral-0);--mat-datepicker-toggle-active-state-icon-color: var( --mat-datepicker-toggle-icon-color )}rdt-gov-date.ng-invalid.ng-touched,mat-datepicker-content.ng-invalid.ng-touched{--border-subtle: var(--status-error);--mat-datepicker-toggle-icon-color: var(--status-error);--form-value-color: var(--form-state-value-color, var(--text-status-error));--exclamation-mark-display: flex}rdt-gov-date.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator,mat-datepicker-content.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator{filter:brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(1847%) hue-rotate(345deg) brightness(98%) contrast(97%);cursor:pointer}rdt-gov-date.ng-invalid.ng-touched [size=xl],mat-datepicker-content.ng-invalid.ng-touched [size=xl]{--exclamation-mark-width: var(--icon-size-xl);--exclamation-mark-offset: var(--spacing-m-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=l],mat-datepicker-content.ng-invalid.ng-touched [size=l]{--exclamation-mark-width: var(--icon-size-l);--exclamation-mark-offset: var(--spacing-m)}rdt-gov-date.ng-invalid.ng-touched [size=m],mat-datepicker-content.ng-invalid.ng-touched [size=m]{--exclamation-mark-width: var(--icon-size-m);--exclamation-mark-offset: var(--spacing-s-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=s],mat-datepicker-content.ng-invalid.ng-touched [size=s]{--exclamation-mark-width: var(--icon-size-s);--exclamation-mark-offset: var(--spacing-s)}rdt-gov-date.ng-invalid.ng-touched [size=xs],mat-datepicker-content.ng-invalid.ng-touched [size=xs]{--exclamation-mark-width: var(--icon-size-xs);--exclamation-mark-offset: var(--spacing-xs-nudge)}rdt-gov-date.ng-invalid.ng-touched .time input,mat-datepicker-content.ng-invalid.ng-touched .time input{padding-right:0!important}\n"], dependencies: [{ kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i1$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rdt-gov-date', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
-                        RdtFormErrorPipe,
-                        MatDatepickerModule,
-                        MatInputModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                    ], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: RdtGovDateComponent,
-                            multi: true,
-                        },
-                        {
-                            provide: RdtBaseFormInputComponent,
-                            useExisting: RdtGovDateComponent,
-                        },
-                        {
-                            provide: RdtDateComponent,
-                            useExisting: RdtGovDateComponent,
-                        },
-                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@let lPos = labelPosition();\n<div class=\"rdt-date-wrapper\" [class]=\"lPos\">\n  @if(lPos) {\n  <p\n    class=\"gov-form-label__label s_label\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div\n    class=\"rdt-date-field-wrapper gov-form-input\"\n    [attr.size]=\"size()\"\n    [attr.disabled]=\"disabled() ? true : undefined\"\n  >\n    @if(type() === 'date' || type() === 'datetime-local'){\n    <div class=\"rdt-date-field-position date\">\n      <input\n        class=\"rdt-date-field\"\n        #dateInput\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [attr.readonly]=\"readonlyInput() ? true : null\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [matDatepicker]=\"picker\"\n        (focus)=\"onDateInputFocus()\"\n        (blur)=\"onDateInputBlur()\"\n        (dateInput)=\"onDateInput($event)\"\n        (dateChange)=\"onDateInput($event)\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n      <mat-datepicker-toggle\n        [attr.size]=\"size()\"\n        matIconSuffix\n        [for]=\"picker\"\n        [disableRipple]=\"true\"\n      >\n        <!-- <mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon> //moznost vlastni ikonky-->\n      </mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </div>\n    } @if(type() === 'datetime-local' || type() === 'time'){\n    <div class=\"rdt-date-field-position time\">\n      <input\n        class=\"rdt-date-field\"\n        type=\"time\"\n        #timeInput\n        (input)=\"onTimeChange($event)\"\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [step]=\"step()\"\n        [attr.readonly]=\"readonlyInput() ? true : undefined\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalTimeValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        (focus)=\"onTimeInputFocus()\"\n        (blur)=\"onTimeInputBlur()\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n", ".rdt-date-wrapper{width:100%}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{position:absolute}.rdt-date-wrapper.right{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.left{display:flex;align-items:center;flex-direction:row;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.top{display:flex;flex-direction:column;gap:var(--gap, var(--spacing-xs))}.rdt-date-wrapper .gov-form-input__icons{display:var(--exclamation-mark-display, none)}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{--mat-icon-button-touch-target-size: calc( var(--padding-horizontal) + var(--icon-size) + var(--gap) );--mat-icon-button-state-layer-size: var( --mat-icon-button-touch-target-size );right:calc(var(--exclamation-mark-width, 0px) + var(--exclamation-mark-offset, 0px))}.rdt-date-wrapper mat-datepicker-toggle button,.rdt-date-wrapper mat-timepicker-toggle button{display:flex;justify-content:center;align-items:center;height:var(--mat-icon-button-state-layer-size)}.rdt-date-wrapper mat-datepicker-toggle button svg,.rdt-date-wrapper mat-timepicker-toggle button svg{width:var(--icon-size);height:var(--icon-size)}.rdt-date-wrapper mat-datepicker-toggle[size=xl],.rdt-date-wrapper mat-timepicker-toggle[size=xl]{--padding-horizontal: var(--spacing-m-nudge);--icon-size: var(--icon-size-xl);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=l],.rdt-date-wrapper mat-timepicker-toggle[size=l]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-l);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=m],.rdt-date-wrapper mat-timepicker-toggle[size=m]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-m);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=s],.rdt-date-wrapper mat-timepicker-toggle[size=s]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-s);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=xs],.rdt-date-wrapper mat-timepicker-toggle[size=xs]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-xs);--gap: var(--spacing-xs)}.rdt-date-field{background-color:transparent;border:none;border-radius:var(--border-radius, var(--corner-radius-s));color:var(--form-value-color, var(--text-primary));font-family:var(--font-family-primary, var(--font-family));width:100%;line-height:150%;font-weight:400}.rdt-date-field-position{width:100%;position:relative;display:flex;align-items:center}.rdt-date-field-wrapper{width:100%;flex:1;border-radius:var(--border-radius, var(--corner-radius-s));border:var(--border-width, .0625rem) solid var(--form-border-color, var(--border-subtle));background-color:var(--form-bg-color, var(--background-block-primary));display:flex;align-items:center;gap:0!important}.rdt-date-field-wrapper:focus-within{border-radius:var(--outline-border-radius, var(--corner-radius-xs-nudge));outline:var(--outline-width, .125rem) solid var(--status-focus);outline-offset:var(--outline-offset, .125rem)}.rdt-date-field-wrapper:hover{background-color:var(--form-hover-color, var(--button-outlined-primary-hover))!important}.rdt-date-field-wrapper>*:after{content:\"\";display:block;position:absolute;width:var(--border-width, .0625rem);height:calc(100% + var(--border-width, .0625rem) * 2);left:calc(100% + var(--border-width, .0625rem) / 2);top:calc(-1 * var(--border-width, .0625rem));background-color:var(--border-subtle)}.rdt-date-field-wrapper>*:last-child:after{display:none}.rdt-date-field-wrapper[size=xl] .time{gap:var(--spacing-m)}.rdt-date-field-wrapper[size=xl] .time input{padding-right:var(--padding-horizontal, var(--spacing-m-nudge))!important}.rdt-date-field-wrapper[size=l] .time{gap:var(--spacing-s-nudge)}.rdt-date-field-wrapper[size=l] .time input{padding-right:var(--padding-horizontal, var(--spacing-m))!important}.rdt-date-field-wrapper[size=m] .time{gap:var(--spacing-s)}.rdt-date-field-wrapper[size=m] .time input{padding-right:var(--padding-horizontal, var(--spacing-s-nudge))!important}.rdt-date-field-wrapper[size=s] .time{gap:var(--spacing-xs-nudge)}.rdt-date-field-wrapper[size=s] .time input{padding-right:var(--padding-horizontal, var(--spacing-s))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field-wrapper[size=xs] .time{gap:var(--spacing-xs)}.rdt-date-field-wrapper[size=xs] .time input{padding-right:var(--padding-horizontal, var(--spacing-xs-nudge))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field:focus{outline:none}rdt-gov-date,mat-datepicker-content{--mat-icon-button-icon-size: 24px;--mat-button-text-label-text-font: var(--font-family);--mat-button-text-label-text-size: var(--font-size-body-s);--mat-button-text-label-text-weight: 600;--mat-button-text-label-text-color: var(--text-secondary);--mat-datepicker-calendar-body-label-text-size: var(--font-size-body-s);--mat-datepicker-calendar-body-label-text-weight: 600;--mat-datepicker-calendar-body-label-text-color: var(--text-primary);--mat-datepicker-calendar-text-size: var(--font-size-body-m);--mat-datepicker-calendar-text-font: var(--font-family);--mat-datepicker-calendar-container-background-color: var( --background-neutral-subtle );--mat-datepicker-calendar-container-text-color: var(--text-primary);--mat-datepicker-calendar-container-shape: 8px;--mat-datepicker-calendar-date-text-color: var(--text-primary);--mat-datepicker-calendar-date-selected-state-text-color: var( --color-neutral-0 );--mat-datepicker-calendar-date-today-selected-state-outline-color: var( --color-primary-400 );--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-datepicker-calendar-date-today-outline-color: var( --button-solid-primary );--mat-datepicker-calendar-date-selected-state-background-color: var( --button-solid-primary );--mat-datepicker-calendar-period-button-icon-color: var(--text-primary);--mat-datepicker-calendar-date-hover-state-background-color: var( --background-neutral-subtlest );--mat-datepicker-calendar-header-text-color: var(--text-secondary);--mat-datepicker-calendar-header-text-size: var(--font-size-body-m);--mat-datepicker-calendar-header-text-weight: 600;--mat-tooltip-container-color: var(--color-neutral-950);--mat-tooltip-supporting-text-color: var(--color-neutral-0);--mat-tooltip-container-shape: 8px;--mat-button-text-container-shape: 8px;--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-primary: var(--button-solid-primary-hover);--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-timepicker-container-background-color: var(--background-neutral-subtle);--mat-timepicker-container-shape: 8px;--mat-timepicker-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-option-selected-state-layer-color: var(--button-solid-primary-hover);--mat-option-selected-state-label-text-color: var(--color-neutral-0);--mat-datepicker-toggle-active-state-icon-color: var( --mat-datepicker-toggle-icon-color )}rdt-gov-date.ng-invalid.ng-touched,mat-datepicker-content.ng-invalid.ng-touched{--border-subtle: var(--status-error);--mat-datepicker-toggle-icon-color: var(--status-error);--form-value-color: var(--form-state-value-color, var(--text-status-error));--exclamation-mark-display: flex}rdt-gov-date.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator,mat-datepicker-content.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator{filter:brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(1847%) hue-rotate(345deg) brightness(98%) contrast(97%);cursor:pointer}rdt-gov-date.ng-invalid.ng-touched [size=xl],mat-datepicker-content.ng-invalid.ng-touched [size=xl]{--exclamation-mark-width: var(--icon-size-xl);--exclamation-mark-offset: var(--spacing-m-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=l],mat-datepicker-content.ng-invalid.ng-touched [size=l]{--exclamation-mark-width: var(--icon-size-l);--exclamation-mark-offset: var(--spacing-m)}rdt-gov-date.ng-invalid.ng-touched [size=m],mat-datepicker-content.ng-invalid.ng-touched [size=m]{--exclamation-mark-width: var(--icon-size-m);--exclamation-mark-offset: var(--spacing-s-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=s],mat-datepicker-content.ng-invalid.ng-touched [size=s]{--exclamation-mark-width: var(--icon-size-s);--exclamation-mark-offset: var(--spacing-s)}rdt-gov-date.ng-invalid.ng-touched [size=xs],mat-datepicker-content.ng-invalid.ng-touched [size=xs]{--exclamation-mark-width: var(--icon-size-xs);--exclamation-mark-offset: var(--spacing-xs-nudge)}rdt-gov-date.ng-invalid.ng-touched .time input,mat-datepicker-content.ng-invalid.ng-touched .time input{padding-right:0!important}\n"] }]
-        }] });
-
-class RdtGovNumberInputComponent extends RdtNumericInputComponent {
-    renderer = inject(Renderer2);
-    govInput = viewChild('govInput');
-    size = input('s');
-    icon = input(null);
-    iconStart = input(null);
-    labelPositionInput = input('top', {
-        alias: 'labelPosition',
-    });
-    labelPosition = linkedSignal(() => this.labelPositionInput());
-    inputElement = signal(null);
-    hasErrors = false;
-    isEmpty(value) {
-        return value == null;
-    }
-    onInput(value) {
-        if (value === '' || value == null) {
-            this.onInternalValueChange(null);
-        }
-        else if (typeof value === 'string') {
-            const parsed = parseFloat(value);
-            if (!isNaN(parsed)) {
-                this.onInternalValueChange(parsed);
-            }
-        }
-        else {
-            this.onInternalValueChange(value);
+        else {
+            this.onInternalValueChange(value);
         }
     }
     readonlyEffect = effect(async () => {
@@ -1029,7 +770,7 @@ class RdtGovNumberInputComponent extends RdtNumericInputComponent {
                 provide: RdtBaseFormInputComponent,
                 useExisting: RdtGovNumberInputComponent,
             },
-        ], viewQueries: [{ propertyName: "govInput", first: true, predicate: ["govInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let lPos = labelPosition(); @if(lPos === 'top'){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  input-type=\"number\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [step]=\"step()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInput($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n"], dependencies: [{ kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "govInput", first: true, predicate: ["govInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let lPos = labelPosition(); @if(lPos === 'top' && label().length>0){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  input-type=\"number\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [step]=\"step()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInput($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n"], dependencies: [{ kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovNumberInputComponent, decorators: [{
             type: Component,
@@ -1043,7 +784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                             provide: RdtBaseFormInputComponent,
                             useExisting: RdtGovNumberInputComponent,
                         },
-                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@let lPos = labelPosition(); @if(lPos === 'top'){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  input-type=\"number\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [step]=\"step()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInput($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n"] }]
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@let lPos = labelPosition(); @if(lPos === 'top' && label().length>0){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  input-type=\"number\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [min]=\"min()\"\n  [max]=\"max()\"\n  [step]=\"step()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInput($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n"] }]
         }] });
 
 class RdtGovSelectOfflineProviderDirective extends RdtSelectOfflineDatasourceProviderDirective {
@@ -1336,7 +1077,7 @@ class RdtGovSelectComponent extends RdtBaseSelectCommonComponent {
                 provide: RdtBaseFormInputComponent,
                 useExisting: RdtGovSelectComponent,
             },
-        ], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, isSignal: true }, { propertyName: "selectButton", first: true, predicate: ["selectButton"], descendants: true, isSignal: true }, { propertyName: "overlayTemplate", first: true, predicate: ["overlayContainer"], descendants: true, isSignal: true }, { propertyName: "optionEls", predicate: (RdtSelectOptionDirective), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let sel = selectedLabel(); @let lPos = labelPosition(); @let hasError =\nhideErrors() ? '' : visibleErrors() | rdtFormError; @if(lPos === 'top'){\n<gov-form-label slot=\"left\" [class.warning-color-gov-label]=\"hasError\" size=\"s\"\n  >{{ label() }}\n  @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<div\n  class=\"gov-form-select gov-form-input\"\n  [class.has-clear]=\"showClear() && !!sel\"\n  [attr.size]=\"size()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [attr.disabled]=\"disabled()\"\n>\n  @if (lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div class=\"element\">\n    <button\n      #selectButton\n      [attr.size]=\"size()\"\n      (click)=\"openOverlay()\"\n      (keydown)=\"handleButtonKeydown($event)\"\n      [disabled]=\"disabled()\"\n      class=\"select\"\n      type=\"button\"\n      (blur)=\"handleButtonBlur()\"\n      (focus)=\"onFocus()\"\n    >\n      <div class=\"scroll-content\" [class.warning-color-text]=\"hasError\">\n        @if (sel) {\n        {{ sel }}\n        } @else if (!disabled() && !readonlyInput()) {\n        {{ placeholder() || '&nbsp;' }}\n        }\n      </div>\n      @if (showClear() && sel) {\n      <gov-button\n        class=\"clear-button\"\n        iconStart=\"basic/x\"\n        (click)=\"onClearClick($event)\"\n        propagate=\"false\"\n        buttonType=\"base\"\n        color=\"error\"\n        [rdtDisabled]=\"disabled()\"\n      ></gov-button>\n      } @if (loading()) {\n      <rdt-spinner />\n      } @else { @if(hasError){\n      <gov-icon\n        name=\"exclamation-lg\"\n        class=\"icon-warning\"\n        [ngClass]=\"'icon-' + size()\"\n      ></gov-icon>\n      }\n      <gov-icon\n        name=\"chevron-down\"\n        class=\"icon-arrow\"\n        [class.warning-color-icon]=\"hasError\"\n      ></gov-icon>\n      }\n    </button>\n  </div>\n  @if (lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n</div>\n<ng-template #overlayContainer>\n  <div class=\"rdt-gov-select-container\" [attr.data-size]=\"size()\">\n    @if (showSearch()) {\n    <div class=\"search-container\" [class.loading]=\"loading()\">\n      <input\n        class=\"gov-form-input\"\n        size=\"s\"\n        type=\"search\"\n        rdtAutofocusOnInit\n        [formControl]=\"inputCtrl\"\n        (keydown)=\"handleInputKeydown($event)\"\n        [placeholder]=\"'RDT_SELECT_ENTER_SEARCH' | rdtTranslate\"\n      />\n      @if (loading()) {\n      <rdt-spinner />\n      }\n    </div>\n    }\n    <ul role=\"listbox\" aria-hidden=\"false\" #scrollContainer>\n      @for (option of visibleOptions(); track option.id) {\n      <li role=\"option\" [attr.aria-selected]=\"option.selected\">\n        <button\n          tabindex=\"-1\"\n          [rdtSelectOption]=\"option.id\"\n          (click)=\"selectOption(option.id)\"\n          class=\"option\"\n          type=\"button\"\n        >\n          <gov-icon\n            name=\"check-lg\"\n            [class.invisible]=\"!option.selected\"\n            class=\"mr-1 w-4 picked\"\n          />\n          {{ $any(option.label) | rdtTranslate }}\n        </button>\n      </li>\n      } @empty { @if (loading()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_LOADING_VALUES' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (store.query()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_FOUND' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (!store.datasource()?.queryRequired) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_AVAILABLE' | rdtTranslate }}\n        </div>\n      </li>\n      } }\n    </ul>\n  </div>\n</ng-template>\n@if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".rdt-option-selected{background:var(--gov-autocomplete-item-hover, var(--color-neutral-600))!important;--text-primary: var(--color-primary-50) !important}.icon-warning{width:var(--icon-size)!important;height:var(--icon-size)!important}.icon-xs{--icon-size: 12px}.icon-s{--icon-size: 14px}.icon-m{--icon-size: 16px}.icon-l{--icon-size: 18px}.icon-xl{--icon-size: 20px}rdt-gov-select{display:inline-block;width:100%;max-width:100%}rdt-gov-select .gov-form-select{width:100%}rdt-gov-select .gov-form-select.has-clear .select{padding-right:calc(1.5rem + var(--spacing-s))!important}rdt-gov-select .gov-form-input{border:none!important;background-color:transparent!important}rdt-gov-select .select{display:flex}rdt-gov-select .select rdt-spinner{position:absolute;right:.5rem;width:1rem;height:1rem}rdt-gov-select [size=xs].gov-form-select .select{min-height:var(--height-component-xs);font-size:var(--font-size-body-xs)}rdt-gov-select [size=xs].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=s].gov-form-select .select{min-height:var(--height-component-s);font-size:var(--font-size-body-s)}rdt-gov-select [size=s].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=m].gov-form-select .select{min-height:var(--height-component-m);font-size:var(--font-size-body-m)}rdt-gov-select [size=m].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=l].gov-form-select .select{min-height:var(--height-component-l);font-size:var(--font-size-body-l)}rdt-gov-select [size=l].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xl].gov-form-select .select{min-height:var(--height-component-xl);font-size:var(--font-size-body-xl)}rdt-gov-select [size=xl].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xs].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xs) var(--spacing-xs-nudge)}rdt-gov-select [size=s].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-s) var(--spacing-s)}rdt-gov-select [size=m].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-m) var(--spacing-s-nudge)}rdt-gov-select [size=l].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-l) var(--spacing-m)}rdt-gov-select [size=xl].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xl) var(--spacing-m-nudge)}rdt-gov-select .gov-form-select .select{position:relative;border:none;width:100%;border-radius:var(--corner-radius-s);background-color:var(--background-block-primary);font-family:var(--font-family);text-align:left}rdt-gov-select [invalid=true].gov-form-input .select{border-color:var(--background-status-error);color:var(--background-status-error)}rdt-gov-select .icon-arrow{color:var(--text-primary);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:.75rem;width:.75rem;height:.75rem}rdt-gov-select .icon-warning{color:var(--icon-error);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:1.85rem;width:.75rem;height:.75rem}rdt-gov-select .scroll-content{display:flex;align-items:center;color:var(--text-primary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}rdt-gov-select .clear-button{display:flex;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}rdt-gov-select .clear-button button{padding:0!important;min-height:auto!important;--icon-size-xs: 1rem}rdt-gov-select .clear-button gov-icon[slot=left-icon]{left:0!important;position:inherit!important;top:0!important;display:inline!important;transform:none!important}rdt-gov-select .element{max-width:100%}.rdt-gov-select-container{width:100%;margin-top:.5rem;margin-bottom:.5rem;overflow:hidden;border:1px solid var(--color-neutral-600);border-radius:0;background-color:var(--background-block-primary)}.rdt-gov-select-container ul{padding-left:0;margin-top:0;margin-bottom:0;list-style:none;max-height:14.0625rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.rdt-gov-select-container ul .option{font-family:var(--font-family);color:var(--text-primary);border:none;display:flex;align-items:center;padding:.75rem .5rem;width:100%;margin:0;background:none;text-align:left}.rdt-gov-select-container ul .option gov-icon{padding-right:var(--spacing-s)}.rdt-gov-select-container ul .option gov-icon.invisible{display:none}.rdt-gov-select-container ul .option:hover{--text-primary: var(--color-primary-50);background:var(--color-neutral-600)}.rdt-gov-select-container li{margin-bottom:0}.rdt-gov-select-container .picked{color:var(--text-primary)}.rdt-gov-select-container .search-spinner{--spinner-size: 1.2rem;position:absolute;right:1rem;top:100%;transform:translateY(calc(var(--spinner-size) / -2))}.rdt-gov-select-container .search-spinner .sis-icon-32-fix{height:var(--spinner-size)}.rdt-gov-select-container .search-container{width:100%;position:relative}.rdt-gov-select-container .search-container input{font-family:var(--font-family);border-radius:0;border-top:1px;border-left:1px;border-right:1px;padding:.75rem .5rem;width:100%;background-color:var(--background-block-primary);color:var(--text-primary)}.rdt-gov-select-container .search-container input:focus-visible{outline:var(.125rem) solid var(--status-focus);outline-offset:0}.rdt-gov-select-container .search-container.loading input::-webkit-search-cancel-button{position:relative;right:1rem}[data-size=xs].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xs)!important;line-height:var(--height-line-xs);padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=xs].rdt-gov-select-container input{font-size:var(--font-size-body-xs)!important;padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=s].rdt-gov-select-container ul li button{font-size:var(--font-size-body-s)!important;line-height:var(--height-line-s);padding:var(--spacing-multiline-vertical-padding-s)}[data-size=s].rdt-gov-select-container input{font-size:var(--font-size-body-s)!important;padding:var(--spacing-multiline-vertical-padding-s)}[data-size=m].rdt-gov-select-container ul li button{font-size:var(--font-size-body-m)!important;line-height:var(--height-line-m);padding:var(--spacing-multiline-vertical-padding-m)}[data-size=m].rdt-gov-select-container input{font-size:var(--font-size-body-m)!important;padding:var(--spacing-multiline-vertical-padding-m)}[data-size=l].rdt-gov-select-container ul li button{font-size:var(--font-size-body-l)!important;line-height:var(--height-line-l);padding:var(--spacing-multiline-vertical-padding-l)}[data-size=l].rdt-gov-select-container input{font-size:var(--font-size-body-l)!important;padding:var(--spacing-multiline-vertical-padding-l)}[data-size=xl].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xl)!important;line-height:var(--height-line-xl);padding:var(--spacing-multiline-vertical-padding-xl)}[data-size=xl].rdt-gov-select-container input{font-size:var(--font-size-body-xl)!important;padding:var(--spacing-multiline-vertical-padding-xl)}.rdt-gov-select-overlay-panel-top .rdt-gov-select-container{display:flex;flex-direction:column-reverse}\n", ".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n"], dependencies: [{ kind: "directive", type: RdtSelectOptionDirective, selector: "[rdtSelectOption]", inputs: ["rdtSelectOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: RdtAutoFocusOnInitDirective, selector: "[rdtAutofocusOnInit]" }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i1.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i1.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i1.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: RdtTranslatePipe, name: "rdtTranslate" }], encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, isSignal: true }, { propertyName: "selectButton", first: true, predicate: ["selectButton"], descendants: true, isSignal: true }, { propertyName: "overlayTemplate", first: true, predicate: ["overlayContainer"], descendants: true, isSignal: true }, { propertyName: "optionEls", predicate: (RdtSelectOptionDirective), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let sel = selectedLabel(); @let lPos = labelPosition(); @let hasError =\nhideErrors() ? '' : visibleErrors() | rdtFormError; @if(lPos === 'top' &&\nlabel().length>0){\n<gov-form-label slot=\"left\" [class.warning-color-gov-label]=\"hasError\" size=\"s\"\n  >{{ label() }}\n  @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<div\n  class=\"gov-form-select gov-form-input\"\n  [class.has-clear]=\"showClear() && !!sel\"\n  [attr.size]=\"size()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [attr.disabled]=\"disabled()\"\n>\n  @if (lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div class=\"element\">\n    <button\n      #selectButton\n      [attr.size]=\"size()\"\n      (click)=\"openOverlay()\"\n      (keydown)=\"handleButtonKeydown($event)\"\n      [disabled]=\"disabled()\"\n      class=\"select\"\n      type=\"button\"\n      (blur)=\"handleButtonBlur()\"\n      (focus)=\"onFocus()\"\n    >\n      <div class=\"scroll-content\" [class.warning-color-text]=\"hasError\">\n        @if (sel) {\n        {{ sel }}\n        } @else if (!disabled() && !readonlyInput()) {\n        {{ placeholder() || '&nbsp;' }}\n        }\n      </div>\n      @if (showClear() && sel) {\n      <gov-button\n        class=\"clear-button\"\n        iconStart=\"basic/x\"\n        (click)=\"onClearClick($event)\"\n        propagate=\"false\"\n        buttonType=\"base\"\n        color=\"error\"\n        [rdtDisabled]=\"disabled()\"\n      ></gov-button>\n      } @if (loading()) {\n      <rdt-spinner />\n      } @else { @if(hasError){\n      <gov-icon\n        name=\"exclamation-lg\"\n        class=\"icon-warning\"\n        [ngClass]=\"'icon-' + size()\"\n      ></gov-icon>\n      }\n      <gov-icon\n        name=\"chevron-down\"\n        class=\"icon-arrow\"\n        [class.warning-color-icon]=\"hasError\"\n      ></gov-icon>\n      }\n    </button>\n  </div>\n  @if (lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n</div>\n<ng-template #overlayContainer>\n  <div class=\"rdt-gov-select-container\" [attr.data-size]=\"size()\">\n    @if (showSearch()) {\n    <div class=\"search-container\" [class.loading]=\"loading()\">\n      <input\n        class=\"gov-form-input\"\n        size=\"s\"\n        type=\"search\"\n        rdtAutofocusOnInit\n        [formControl]=\"inputCtrl\"\n        (keydown)=\"handleInputKeydown($event)\"\n        [placeholder]=\"'RDT_SELECT_ENTER_SEARCH' | rdtTranslate\"\n      />\n      @if (loading()) {\n      <rdt-spinner />\n      }\n    </div>\n    }\n    <ul role=\"listbox\" aria-hidden=\"false\" #scrollContainer>\n      @for (option of visibleOptions(); track option.id) {\n      <li role=\"option\" [attr.aria-selected]=\"option.selected\">\n        <button\n          tabindex=\"-1\"\n          [rdtSelectOption]=\"option.id\"\n          (click)=\"selectOption(option.id)\"\n          class=\"option\"\n          type=\"button\"\n        >\n          <gov-icon\n            name=\"check-lg\"\n            [class.invisible]=\"!option.selected\"\n            class=\"mr-1 w-4 picked\"\n          />\n          {{ $any(option.label) | rdtTranslate }}\n        </button>\n      </li>\n      } @empty { @if (loading()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_LOADING_VALUES' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (store.query()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_FOUND' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (!store.datasource()?.queryRequired) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_AVAILABLE' | rdtTranslate }}\n        </div>\n      </li>\n      } }\n    </ul>\n  </div>\n</ng-template>\n@if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".rdt-option-selected{background:var(--gov-autocomplete-item-hover, var(--color-neutral-600))!important;--text-primary: var(--color-primary-50) !important}.icon-warning{width:var(--icon-size)!important;height:var(--icon-size)!important}.icon-xs{--icon-size: 12px}.icon-s{--icon-size: 14px}.icon-m{--icon-size: 16px}.icon-l{--icon-size: 18px}.icon-xl{--icon-size: 20px}rdt-gov-select{display:inline-block;width:100%;max-width:100%}rdt-gov-select .gov-form-select{width:100%}rdt-gov-select .gov-form-select.has-clear .select{padding-right:calc(1.5rem + var(--spacing-s))!important}rdt-gov-select .gov-form-input{border:none!important;background-color:transparent!important}rdt-gov-select .select{display:flex}rdt-gov-select .select rdt-spinner{position:absolute;right:.5rem;width:1rem;height:1rem}rdt-gov-select [size=xs].gov-form-select .select{min-height:var(--height-component-xs);font-size:var(--font-size-body-xs)}rdt-gov-select [size=xs].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=s].gov-form-select .select{min-height:var(--height-component-s);font-size:var(--font-size-body-s)}rdt-gov-select [size=s].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=m].gov-form-select .select{min-height:var(--height-component-m);font-size:var(--font-size-body-m)}rdt-gov-select [size=m].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=l].gov-form-select .select{min-height:var(--height-component-l);font-size:var(--font-size-body-l)}rdt-gov-select [size=l].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xl].gov-form-select .select{min-height:var(--height-component-xl);font-size:var(--font-size-body-xl)}rdt-gov-select [size=xl].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xs].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xs) var(--spacing-xs-nudge)}rdt-gov-select [size=s].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-s) var(--spacing-s)}rdt-gov-select [size=m].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-m) var(--spacing-s-nudge)}rdt-gov-select [size=l].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-l) var(--spacing-m)}rdt-gov-select [size=xl].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xl) var(--spacing-m-nudge)}rdt-gov-select .gov-form-select .select{position:relative;border:none;width:100%;border-radius:var(--corner-radius-s);background-color:var(--background-block-primary);font-family:var(--font-family);text-align:left}rdt-gov-select [invalid=true].gov-form-input .select{border-color:var(--background-status-error);color:var(--background-status-error)}rdt-gov-select .icon-arrow{color:var(--text-primary);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:.75rem;width:.75rem;height:.75rem}rdt-gov-select .icon-warning{color:var(--icon-error);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:1.85rem;width:.75rem;height:.75rem}rdt-gov-select .scroll-content{display:flex;align-items:center;color:var(--text-primary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}rdt-gov-select .clear-button{display:flex;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}rdt-gov-select .clear-button button{padding:0!important;min-height:auto!important;--icon-size-xs: 1rem}rdt-gov-select .clear-button gov-icon[slot=left-icon]{left:0!important;position:inherit!important;top:0!important;display:inline!important;transform:none!important}rdt-gov-select .element{max-width:100%}.rdt-gov-select-container{width:100%;margin-top:.5rem;margin-bottom:.5rem;overflow:hidden;border:1px solid var(--color-neutral-600);border-radius:0;background-color:var(--background-block-primary)}.rdt-gov-select-container ul{padding-left:0;margin-top:0;margin-bottom:0;list-style:none;max-height:14.0625rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.rdt-gov-select-container ul .option{font-family:var(--font-family);color:var(--text-primary);border:none;display:flex;align-items:center;padding:.75rem .5rem;width:100%;margin:0;background:none;text-align:left}.rdt-gov-select-container ul .option gov-icon{padding-right:var(--spacing-s)}.rdt-gov-select-container ul .option gov-icon.invisible{display:none}.rdt-gov-select-container ul .option:hover{--text-primary: var(--color-primary-50);background:var(--color-neutral-600)}.rdt-gov-select-container li{margin-bottom:0}.rdt-gov-select-container .picked{color:var(--text-primary)}.rdt-gov-select-container .search-spinner{--spinner-size: 1.2rem;position:absolute;right:1rem;top:100%;transform:translateY(calc(var(--spinner-size) / -2))}.rdt-gov-select-container .search-spinner .sis-icon-32-fix{height:var(--spinner-size)}.rdt-gov-select-container .search-container{width:100%;position:relative}.rdt-gov-select-container .search-container input{font-family:var(--font-family);border-radius:0;border-top:1px;border-left:1px;border-right:1px;padding:.75rem .5rem;width:100%;background-color:var(--background-block-primary);color:var(--text-primary)}.rdt-gov-select-container .search-container input:focus-visible{outline:var(.125rem) solid var(--status-focus);outline-offset:0}.rdt-gov-select-container .search-container.loading input::-webkit-search-cancel-button{position:relative;right:1rem}[data-size=xs].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xs)!important;line-height:var(--height-line-xs);padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=xs].rdt-gov-select-container input{font-size:var(--font-size-body-xs)!important;padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=s].rdt-gov-select-container ul li button{font-size:var(--font-size-body-s)!important;line-height:var(--height-line-s);padding:var(--spacing-multiline-vertical-padding-s)}[data-size=s].rdt-gov-select-container input{font-size:var(--font-size-body-s)!important;padding:var(--spacing-multiline-vertical-padding-s)}[data-size=m].rdt-gov-select-container ul li button{font-size:var(--font-size-body-m)!important;line-height:var(--height-line-m);padding:var(--spacing-multiline-vertical-padding-m)}[data-size=m].rdt-gov-select-container input{font-size:var(--font-size-body-m)!important;padding:var(--spacing-multiline-vertical-padding-m)}[data-size=l].rdt-gov-select-container ul li button{font-size:var(--font-size-body-l)!important;line-height:var(--height-line-l);padding:var(--spacing-multiline-vertical-padding-l)}[data-size=l].rdt-gov-select-container input{font-size:var(--font-size-body-l)!important;padding:var(--spacing-multiline-vertical-padding-l)}[data-size=xl].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xl)!important;line-height:var(--height-line-xl);padding:var(--spacing-multiline-vertical-padding-xl)}[data-size=xl].rdt-gov-select-container input{font-size:var(--font-size-body-xl)!important;padding:var(--spacing-multiline-vertical-padding-xl)}.rdt-gov-select-overlay-panel-top .rdt-gov-select-container{display:flex;flex-direction:column-reverse}\n", ".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n"], dependencies: [{ kind: "directive", type: RdtSelectOptionDirective, selector: "[rdtSelectOption]", inputs: ["rdtSelectOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: RdtAutoFocusOnInitDirective, selector: "[rdtAutofocusOnInit]" }, { kind: "ngmodule", type: GovDesignSystemModule }, { kind: "component", type: i1.GovButton, selector: "gov-button", inputs: ["color", "disabled", "download", "expanded", "expandedMobile", "focusable", "href", "hreflang", "identifier", "loading", "name", "nativeType", "referrerpolicy", "rel", "size", "target", "type"] }, { kind: "component", type: i1.GovFormLabel, selector: "gov-form-label", inputs: ["identifier", "legend", "required", "size"] }, { kind: "component", type: i1.GovFormMessage, selector: "gov-form-message", inputs: ["color", "size"] }, { kind: "component", type: i1.GovIcon, selector: "gov-icon", inputs: ["color", "name", "size", "type"] }, { kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: RdtTranslatePipe, name: "rdtTranslate" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovSelectComponent, decorators: [{
             type: Component,
@@ -1367,7 +1108,373 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                             provide: RdtBaseFormInputComponent,
                             useExisting: RdtGovSelectComponent,
                         },
-                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@let sel = selectedLabel(); @let lPos = labelPosition(); @let hasError =\nhideErrors() ? '' : visibleErrors() | rdtFormError; @if(lPos === 'top'){\n<gov-form-label slot=\"left\" [class.warning-color-gov-label]=\"hasError\" size=\"s\"\n  >{{ label() }}\n  @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<div\n  class=\"gov-form-select gov-form-input\"\n  [class.has-clear]=\"showClear() && !!sel\"\n  [attr.size]=\"size()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [attr.disabled]=\"disabled()\"\n>\n  @if (lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div class=\"element\">\n    <button\n      #selectButton\n      [attr.size]=\"size()\"\n      (click)=\"openOverlay()\"\n      (keydown)=\"handleButtonKeydown($event)\"\n      [disabled]=\"disabled()\"\n      class=\"select\"\n      type=\"button\"\n      (blur)=\"handleButtonBlur()\"\n      (focus)=\"onFocus()\"\n    >\n      <div class=\"scroll-content\" [class.warning-color-text]=\"hasError\">\n        @if (sel) {\n        {{ sel }}\n        } @else if (!disabled() && !readonlyInput()) {\n        {{ placeholder() || '&nbsp;' }}\n        }\n      </div>\n      @if (showClear() && sel) {\n      <gov-button\n        class=\"clear-button\"\n        iconStart=\"basic/x\"\n        (click)=\"onClearClick($event)\"\n        propagate=\"false\"\n        buttonType=\"base\"\n        color=\"error\"\n        [rdtDisabled]=\"disabled()\"\n      ></gov-button>\n      } @if (loading()) {\n      <rdt-spinner />\n      } @else { @if(hasError){\n      <gov-icon\n        name=\"exclamation-lg\"\n        class=\"icon-warning\"\n        [ngClass]=\"'icon-' + size()\"\n      ></gov-icon>\n      }\n      <gov-icon\n        name=\"chevron-down\"\n        class=\"icon-arrow\"\n        [class.warning-color-icon]=\"hasError\"\n      ></gov-icon>\n      }\n    </button>\n  </div>\n  @if (lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n</div>\n<ng-template #overlayContainer>\n  <div class=\"rdt-gov-select-container\" [attr.data-size]=\"size()\">\n    @if (showSearch()) {\n    <div class=\"search-container\" [class.loading]=\"loading()\">\n      <input\n        class=\"gov-form-input\"\n        size=\"s\"\n        type=\"search\"\n        rdtAutofocusOnInit\n        [formControl]=\"inputCtrl\"\n        (keydown)=\"handleInputKeydown($event)\"\n        [placeholder]=\"'RDT_SELECT_ENTER_SEARCH' | rdtTranslate\"\n      />\n      @if (loading()) {\n      <rdt-spinner />\n      }\n    </div>\n    }\n    <ul role=\"listbox\" aria-hidden=\"false\" #scrollContainer>\n      @for (option of visibleOptions(); track option.id) {\n      <li role=\"option\" [attr.aria-selected]=\"option.selected\">\n        <button\n          tabindex=\"-1\"\n          [rdtSelectOption]=\"option.id\"\n          (click)=\"selectOption(option.id)\"\n          class=\"option\"\n          type=\"button\"\n        >\n          <gov-icon\n            name=\"check-lg\"\n            [class.invisible]=\"!option.selected\"\n            class=\"mr-1 w-4 picked\"\n          />\n          {{ $any(option.label) | rdtTranslate }}\n        </button>\n      </li>\n      } @empty { @if (loading()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_LOADING_VALUES' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (store.query()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_FOUND' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (!store.datasource()?.queryRequired) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_AVAILABLE' | rdtTranslate }}\n        </div>\n      </li>\n      } }\n    </ul>\n  </div>\n</ng-template>\n@if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".rdt-option-selected{background:var(--gov-autocomplete-item-hover, var(--color-neutral-600))!important;--text-primary: var(--color-primary-50) !important}.icon-warning{width:var(--icon-size)!important;height:var(--icon-size)!important}.icon-xs{--icon-size: 12px}.icon-s{--icon-size: 14px}.icon-m{--icon-size: 16px}.icon-l{--icon-size: 18px}.icon-xl{--icon-size: 20px}rdt-gov-select{display:inline-block;width:100%;max-width:100%}rdt-gov-select .gov-form-select{width:100%}rdt-gov-select .gov-form-select.has-clear .select{padding-right:calc(1.5rem + var(--spacing-s))!important}rdt-gov-select .gov-form-input{border:none!important;background-color:transparent!important}rdt-gov-select .select{display:flex}rdt-gov-select .select rdt-spinner{position:absolute;right:.5rem;width:1rem;height:1rem}rdt-gov-select [size=xs].gov-form-select .select{min-height:var(--height-component-xs);font-size:var(--font-size-body-xs)}rdt-gov-select [size=xs].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=s].gov-form-select .select{min-height:var(--height-component-s);font-size:var(--font-size-body-s)}rdt-gov-select [size=s].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=m].gov-form-select .select{min-height:var(--height-component-m);font-size:var(--font-size-body-m)}rdt-gov-select [size=m].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=l].gov-form-select .select{min-height:var(--height-component-l);font-size:var(--font-size-body-l)}rdt-gov-select [size=l].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xl].gov-form-select .select{min-height:var(--height-component-xl);font-size:var(--font-size-body-xl)}rdt-gov-select [size=xl].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xs].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xs) var(--spacing-xs-nudge)}rdt-gov-select [size=s].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-s) var(--spacing-s)}rdt-gov-select [size=m].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-m) var(--spacing-s-nudge)}rdt-gov-select [size=l].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-l) var(--spacing-m)}rdt-gov-select [size=xl].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xl) var(--spacing-m-nudge)}rdt-gov-select .gov-form-select .select{position:relative;border:none;width:100%;border-radius:var(--corner-radius-s);background-color:var(--background-block-primary);font-family:var(--font-family);text-align:left}rdt-gov-select [invalid=true].gov-form-input .select{border-color:var(--background-status-error);color:var(--background-status-error)}rdt-gov-select .icon-arrow{color:var(--text-primary);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:.75rem;width:.75rem;height:.75rem}rdt-gov-select .icon-warning{color:var(--icon-error);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:1.85rem;width:.75rem;height:.75rem}rdt-gov-select .scroll-content{display:flex;align-items:center;color:var(--text-primary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}rdt-gov-select .clear-button{display:flex;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}rdt-gov-select .clear-button button{padding:0!important;min-height:auto!important;--icon-size-xs: 1rem}rdt-gov-select .clear-button gov-icon[slot=left-icon]{left:0!important;position:inherit!important;top:0!important;display:inline!important;transform:none!important}rdt-gov-select .element{max-width:100%}.rdt-gov-select-container{width:100%;margin-top:.5rem;margin-bottom:.5rem;overflow:hidden;border:1px solid var(--color-neutral-600);border-radius:0;background-color:var(--background-block-primary)}.rdt-gov-select-container ul{padding-left:0;margin-top:0;margin-bottom:0;list-style:none;max-height:14.0625rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.rdt-gov-select-container ul .option{font-family:var(--font-family);color:var(--text-primary);border:none;display:flex;align-items:center;padding:.75rem .5rem;width:100%;margin:0;background:none;text-align:left}.rdt-gov-select-container ul .option gov-icon{padding-right:var(--spacing-s)}.rdt-gov-select-container ul .option gov-icon.invisible{display:none}.rdt-gov-select-container ul .option:hover{--text-primary: var(--color-primary-50);background:var(--color-neutral-600)}.rdt-gov-select-container li{margin-bottom:0}.rdt-gov-select-container .picked{color:var(--text-primary)}.rdt-gov-select-container .search-spinner{--spinner-size: 1.2rem;position:absolute;right:1rem;top:100%;transform:translateY(calc(var(--spinner-size) / -2))}.rdt-gov-select-container .search-spinner .sis-icon-32-fix{height:var(--spinner-size)}.rdt-gov-select-container .search-container{width:100%;position:relative}.rdt-gov-select-container .search-container input{font-family:var(--font-family);border-radius:0;border-top:1px;border-left:1px;border-right:1px;padding:.75rem .5rem;width:100%;background-color:var(--background-block-primary);color:var(--text-primary)}.rdt-gov-select-container .search-container input:focus-visible{outline:var(.125rem) solid var(--status-focus);outline-offset:0}.rdt-gov-select-container .search-container.loading input::-webkit-search-cancel-button{position:relative;right:1rem}[data-size=xs].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xs)!important;line-height:var(--height-line-xs);padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=xs].rdt-gov-select-container input{font-size:var(--font-size-body-xs)!important;padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=s].rdt-gov-select-container ul li button{font-size:var(--font-size-body-s)!important;line-height:var(--height-line-s);padding:var(--spacing-multiline-vertical-padding-s)}[data-size=s].rdt-gov-select-container input{font-size:var(--font-size-body-s)!important;padding:var(--spacing-multiline-vertical-padding-s)}[data-size=m].rdt-gov-select-container ul li button{font-size:var(--font-size-body-m)!important;line-height:var(--height-line-m);padding:var(--spacing-multiline-vertical-padding-m)}[data-size=m].rdt-gov-select-container input{font-size:var(--font-size-body-m)!important;padding:var(--spacing-multiline-vertical-padding-m)}[data-size=l].rdt-gov-select-container ul li button{font-size:var(--font-size-body-l)!important;line-height:var(--height-line-l);padding:var(--spacing-multiline-vertical-padding-l)}[data-size=l].rdt-gov-select-container input{font-size:var(--font-size-body-l)!important;padding:var(--spacing-multiline-vertical-padding-l)}[data-size=xl].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xl)!important;line-height:var(--height-line-xl);padding:var(--spacing-multiline-vertical-padding-xl)}[data-size=xl].rdt-gov-select-container input{font-size:var(--font-size-body-xl)!important;padding:var(--spacing-multiline-vertical-padding-xl)}.rdt-gov-select-overlay-panel-top .rdt-gov-select-container{display:flex;flex-direction:column-reverse}\n", ".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n"] }]
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@let sel = selectedLabel(); @let lPos = labelPosition(); @let hasError =\nhideErrors() ? '' : visibleErrors() | rdtFormError; @if(lPos === 'top' &&\nlabel().length>0){\n<gov-form-label slot=\"left\" [class.warning-color-gov-label]=\"hasError\" size=\"s\"\n  >{{ label() }}\n  @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<div\n  class=\"gov-form-select gov-form-input\"\n  [class.has-clear]=\"showClear() && !!sel\"\n  [attr.size]=\"size()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [attr.disabled]=\"disabled()\"\n>\n  @if (lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div class=\"element\">\n    <button\n      #selectButton\n      [attr.size]=\"size()\"\n      (click)=\"openOverlay()\"\n      (keydown)=\"handleButtonKeydown($event)\"\n      [disabled]=\"disabled()\"\n      class=\"select\"\n      type=\"button\"\n      (blur)=\"handleButtonBlur()\"\n      (focus)=\"onFocus()\"\n    >\n      <div class=\"scroll-content\" [class.warning-color-text]=\"hasError\">\n        @if (sel) {\n        {{ sel }}\n        } @else if (!disabled() && !readonlyInput()) {\n        {{ placeholder() || '&nbsp;' }}\n        }\n      </div>\n      @if (showClear() && sel) {\n      <gov-button\n        class=\"clear-button\"\n        iconStart=\"basic/x\"\n        (click)=\"onClearClick($event)\"\n        propagate=\"false\"\n        buttonType=\"base\"\n        color=\"error\"\n        [rdtDisabled]=\"disabled()\"\n      ></gov-button>\n      } @if (loading()) {\n      <rdt-spinner />\n      } @else { @if(hasError){\n      <gov-icon\n        name=\"exclamation-lg\"\n        class=\"icon-warning\"\n        [ngClass]=\"'icon-' + size()\"\n      ></gov-icon>\n      }\n      <gov-icon\n        name=\"chevron-down\"\n        class=\"icon-arrow\"\n        [class.warning-color-icon]=\"hasError\"\n      ></gov-icon>\n      }\n    </button>\n  </div>\n  @if (lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }}\n    @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n</div>\n<ng-template #overlayContainer>\n  <div class=\"rdt-gov-select-container\" [attr.data-size]=\"size()\">\n    @if (showSearch()) {\n    <div class=\"search-container\" [class.loading]=\"loading()\">\n      <input\n        class=\"gov-form-input\"\n        size=\"s\"\n        type=\"search\"\n        rdtAutofocusOnInit\n        [formControl]=\"inputCtrl\"\n        (keydown)=\"handleInputKeydown($event)\"\n        [placeholder]=\"'RDT_SELECT_ENTER_SEARCH' | rdtTranslate\"\n      />\n      @if (loading()) {\n      <rdt-spinner />\n      }\n    </div>\n    }\n    <ul role=\"listbox\" aria-hidden=\"false\" #scrollContainer>\n      @for (option of visibleOptions(); track option.id) {\n      <li role=\"option\" [attr.aria-selected]=\"option.selected\">\n        <button\n          tabindex=\"-1\"\n          [rdtSelectOption]=\"option.id\"\n          (click)=\"selectOption(option.id)\"\n          class=\"option\"\n          type=\"button\"\n        >\n          <gov-icon\n            name=\"check-lg\"\n            [class.invisible]=\"!option.selected\"\n            class=\"mr-1 w-4 picked\"\n          />\n          {{ $any(option.label) | rdtTranslate }}\n        </button>\n      </li>\n      } @empty { @if (loading()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_LOADING_VALUES' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (store.query()) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_FOUND' | rdtTranslate }}\n        </div>\n      </li>\n      } @else if (!store.datasource()?.queryRequired) {\n      <li class=\"pointer-events-none\">\n        <div class=\"option\">\n          {{ 'RDT_GOV_SELECT_NO_VALUES_AVAILABLE' | rdtTranslate }}\n        </div>\n      </li>\n      } }\n    </ul>\n  </div>\n</ng-template>\n@if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".rdt-option-selected{background:var(--gov-autocomplete-item-hover, var(--color-neutral-600))!important;--text-primary: var(--color-primary-50) !important}.icon-warning{width:var(--icon-size)!important;height:var(--icon-size)!important}.icon-xs{--icon-size: 12px}.icon-s{--icon-size: 14px}.icon-m{--icon-size: 16px}.icon-l{--icon-size: 18px}.icon-xl{--icon-size: 20px}rdt-gov-select{display:inline-block;width:100%;max-width:100%}rdt-gov-select .gov-form-select{width:100%}rdt-gov-select .gov-form-select.has-clear .select{padding-right:calc(1.5rem + var(--spacing-s))!important}rdt-gov-select .gov-form-input{border:none!important;background-color:transparent!important}rdt-gov-select .select{display:flex}rdt-gov-select .select rdt-spinner{position:absolute;right:.5rem;width:1rem;height:1rem}rdt-gov-select [size=xs].gov-form-select .select{min-height:var(--height-component-xs);font-size:var(--font-size-body-xs)}rdt-gov-select [size=xs].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=s].gov-form-select .select{min-height:var(--height-component-s);font-size:var(--font-size-body-s)}rdt-gov-select [size=s].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=m].gov-form-select .select{min-height:var(--height-component-m);font-size:var(--font-size-body-m)}rdt-gov-select [size=m].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=l].gov-form-select .select{min-height:var(--height-component-l);font-size:var(--font-size-body-l)}rdt-gov-select [size=l].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xl].gov-form-select .select{min-height:var(--height-component-xl);font-size:var(--font-size-body-xl)}rdt-gov-select [size=xl].gov-form-select .select:hover{background-color:var(--button-outlined-primary-hover)}rdt-gov-select [size=xs].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xs) var(--spacing-xs-nudge)}rdt-gov-select [size=s].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-s) var(--spacing-s)}rdt-gov-select [size=m].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-m) var(--spacing-s-nudge)}rdt-gov-select [size=l].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-l) var(--spacing-m)}rdt-gov-select [size=xl].gov-form-select .select{padding:var(--spacing-multiline-vertical-padding-xl) var(--spacing-m-nudge)}rdt-gov-select .gov-form-select .select{position:relative;border:none;width:100%;border-radius:var(--corner-radius-s);background-color:var(--background-block-primary);font-family:var(--font-family);text-align:left}rdt-gov-select [invalid=true].gov-form-input .select{border-color:var(--background-status-error);color:var(--background-status-error)}rdt-gov-select .icon-arrow{color:var(--text-primary);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:.75rem;width:.75rem;height:.75rem}rdt-gov-select .icon-warning{color:var(--icon-error);position:absolute;top:50%;display:flex;justify-content:center;transform:translateY(-50%);pointer-events:none;right:1.85rem;width:.75rem;height:.75rem}rdt-gov-select .scroll-content{display:flex;align-items:center;color:var(--text-primary);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}rdt-gov-select .clear-button{display:flex;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}rdt-gov-select .clear-button button{padding:0!important;min-height:auto!important;--icon-size-xs: 1rem}rdt-gov-select .clear-button gov-icon[slot=left-icon]{left:0!important;position:inherit!important;top:0!important;display:inline!important;transform:none!important}rdt-gov-select .element{max-width:100%}.rdt-gov-select-container{width:100%;margin-top:.5rem;margin-bottom:.5rem;overflow:hidden;border:1px solid var(--color-neutral-600);border-radius:0;background-color:var(--background-block-primary)}.rdt-gov-select-container ul{padding-left:0;margin-top:0;margin-bottom:0;list-style:none;max-height:14.0625rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none}.rdt-gov-select-container ul .option{font-family:var(--font-family);color:var(--text-primary);border:none;display:flex;align-items:center;padding:.75rem .5rem;width:100%;margin:0;background:none;text-align:left}.rdt-gov-select-container ul .option gov-icon{padding-right:var(--spacing-s)}.rdt-gov-select-container ul .option gov-icon.invisible{display:none}.rdt-gov-select-container ul .option:hover{--text-primary: var(--color-primary-50);background:var(--color-neutral-600)}.rdt-gov-select-container li{margin-bottom:0}.rdt-gov-select-container .picked{color:var(--text-primary)}.rdt-gov-select-container .search-spinner{--spinner-size: 1.2rem;position:absolute;right:1rem;top:100%;transform:translateY(calc(var(--spinner-size) / -2))}.rdt-gov-select-container .search-spinner .sis-icon-32-fix{height:var(--spinner-size)}.rdt-gov-select-container .search-container{width:100%;position:relative}.rdt-gov-select-container .search-container input{font-family:var(--font-family);border-radius:0;border-top:1px;border-left:1px;border-right:1px;padding:.75rem .5rem;width:100%;background-color:var(--background-block-primary);color:var(--text-primary)}.rdt-gov-select-container .search-container input:focus-visible{outline:var(.125rem) solid var(--status-focus);outline-offset:0}.rdt-gov-select-container .search-container.loading input::-webkit-search-cancel-button{position:relative;right:1rem}[data-size=xs].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xs)!important;line-height:var(--height-line-xs);padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=xs].rdt-gov-select-container input{font-size:var(--font-size-body-xs)!important;padding:var(--spacing-multiline-vertical-padding-xs)}[data-size=s].rdt-gov-select-container ul li button{font-size:var(--font-size-body-s)!important;line-height:var(--height-line-s);padding:var(--spacing-multiline-vertical-padding-s)}[data-size=s].rdt-gov-select-container input{font-size:var(--font-size-body-s)!important;padding:var(--spacing-multiline-vertical-padding-s)}[data-size=m].rdt-gov-select-container ul li button{font-size:var(--font-size-body-m)!important;line-height:var(--height-line-m);padding:var(--spacing-multiline-vertical-padding-m)}[data-size=m].rdt-gov-select-container input{font-size:var(--font-size-body-m)!important;padding:var(--spacing-multiline-vertical-padding-m)}[data-size=l].rdt-gov-select-container ul li button{font-size:var(--font-size-body-l)!important;line-height:var(--height-line-l);padding:var(--spacing-multiline-vertical-padding-l)}[data-size=l].rdt-gov-select-container input{font-size:var(--font-size-body-l)!important;padding:var(--spacing-multiline-vertical-padding-l)}[data-size=xl].rdt-gov-select-container ul li button{font-size:var(--font-size-body-xl)!important;line-height:var(--height-line-xl);padding:var(--spacing-multiline-vertical-padding-xl)}[data-size=xl].rdt-gov-select-container input{font-size:var(--font-size-body-xl)!important;padding:var(--spacing-multiline-vertical-padding-xl)}.rdt-gov-select-overlay-panel-top .rdt-gov-select-container{display:flex;flex-direction:column-reverse}\n", ".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n"] }]
+        }] });
+
+function provideNgrdtGov(options = {}) {
+    return [
+        importProvidersFrom(GovDesignSystemModule),
+        {
+            provide: RDT_ICON_BASE_PROVIDER,
+            useValue: RdtGovIconComponent,
+        },
+        {
+            provide: RDT_CHECKBOX_BASE_PROVIDER,
+            useValue: RdtGovCheckboxComponent,
+        },
+        {
+            provide: RDT_BUTTON_BASE_PROVIDER,
+            useValue: RdtGovButtonComponent,
+        },
+        {
+            provide: RDT_NUMERIC_INPUT_BASE_PROVIDER,
+            useValue: RdtGovNumberInputComponent,
+        },
+        {
+            provide: RDT_SELECT_BASE_PROVIDER,
+            useValue: RdtGovSelectComponent,
+        },
+        {
+            provide: RDT_ICON_REGISTRY_PROVIDER,
+            useValue: {
+                [RdtIcon.MenuArrowRight]: 'components/chevron-right',
+                [RdtIcon.MenuArrowDown]: 'components/chevron-down',
+                [RdtIcon.SkipDoubleLeft]: 'components/chevron-double-left',
+                [RdtIcon.SkipDoubleRight]: 'components/chevron-double-right',
+                [RdtIcon.SkipLeft]: 'components/chevron-left',
+                [RdtIcon.SkipRight]: 'components/chevron-right',
+                [RdtIcon.SortAsc]: 'bs/sort-down',
+                [RdtIcon.SortDesc]: 'bs/sort-up',
+                [RdtIcon.SortEnabled]: 'bs/filter',
+            },
+        },
+        {
+            provide: RDT_GOV_NOTIFICATION_CONFIG_PROVIDER,
+            useValue: {
+                duration: 3000,
+                positionVert: 'top',
+                positionHoriz: 'right',
+            },
+        },
+        {
+            provide: RDT_NOTIFICATION_SERVICE_PROVIDER,
+            useFactory: () => inject(RdtGovNotificationService),
+        },
+        {
+            provide: RDT_DIALOG_SERVICE_PROVIDER,
+            useFactory: () => inject(RdtGovDialogService),
+        },
+        {
+            provide: RDT_GOV_ALERT_DIALOG_CONFIG_PROVIDER,
+            useValue: {
+                minHeight: '250px',
+            },
+        },
+        {
+            provide: RDT_GOV_CONFIRM_DIALOG_CONFIG_PROVIDER,
+            useValue: {
+                minHeight: '250px',
+            },
+        },
+        {
+            provide: RDT_GOV_BASE_DIALOG_CONFIG_PROVIDER,
+            useValue: {
+                isDraggable: false,
+                minHeight: '400px',
+            },
+        },
+        {
+            provide: RDT_SPINNER_BASE_PROVIDER,
+            useValue: RdtGovSpinnerComponent,
+        },
+        { provide: MAT_DATE_LOCALE, useValue: 'cs-CZ' },
+        { provide: LOCALE_ID, useValue: 'cs-CZ' },
+        { provide: MatDatepickerIntl, useClass: RdtDatepickerIntl },
+        {
+            provide: RDT_FORM_ERROR_CODES_PROVIDER,
+            useValue: defaultRdtFormErrorCodes,
+        },
+        provideDateFnsAdapter(),
+    ];
+}
+
+function initRdtGov(config = {}) {
+    const defaultConfig = {
+        iconsPath: 'icons',
+    };
+    window.GOV_DS_CONFIG = { ...defaultConfig, ...config };
+    defineCustomElements(window);
+}
+
+class RdtGovDateComponent extends RdtDateComponent {
+    translateService = inject(RdtTranslateService);
+    dateAdapter = inject(DateAdapter);
+    dateInput = viewChild('dateInput');
+    timeInput = viewChild('timeInput');
+    size = input('s');
+    labelPositionInput = input('top', {
+        alias: 'labelPosition',
+    });
+    labelPosition = linkedSignal(() => this.labelPositionInput());
+    showSeconds = input(false, { transform: booleanAttribute });
+    stepInput = input(undefined, {
+        alias: 'step',
+        transform: numberAttribute,
+    });
+    step = linkedSignal(() => {
+        return this.stepInput() ?? (this.showSeconds() ? 1 : undefined);
+    });
+    dateInputFocused = false;
+    // Current value of physical date input field
+    dateInputValue = signal(null);
+    // Current value of physical time input field
+    timeInputValue = signal('');
+    internalTimeFormat = computed(() => this.showSeconds() ? 'HH:mm:ss' : 'HH:mm');
+    defaultTime = computed(() => this.showSeconds() ? '00:00:00' : '00:00');
+    localeUsed = computed(() => this.translateService.currentFormat().dateFnsLocale);
+    hasDate = computed(() => this.type() !== 'time');
+    hasTime = computed(() => this.type() !== 'date');
+    internalTimeValue = computed(() => {
+        const value = this.internalValue();
+        if (!value) {
+            return '';
+        }
+        const time = this.formatTime(value);
+        // This condition prevents adding zeros for seconds while typing
+        // E.g. 12:34 won't get changed to 12:34:00 automatically and it's valid value
+        if (this.timeInputValue() !== time &&
+            this.isValidTime(this.timeInputValue()) &&
+            time.startsWith(this.timeInputValue())) {
+            return this.timeInputValue();
+        }
+        return time;
+    });
+    isEmpty(value) {
+        return value === null;
+    }
+    // Update DateAdapter locale when current locale changes
+    dateFnsLocaleEffect = effect(() => {
+        this.dateAdapter.setLocale(this.localeUsed());
+    });
+    toExternalValue(internalValue) {
+        if (!internalValue) {
+            return null;
+        }
+        return this.dateAdapter.format(internalValue, this.formControlFormat());
+    }
+    toInternalValue(externalValue) {
+        if (!externalValue) {
+            return null;
+        }
+        const parsed = this.dateAdapter.parse(externalValue, this.formControlFormat());
+        if (!isValid(parsed)) {
+            console.error(`Date field labeled "${this.label()}" was set invalid value "${externalValue}". Expected FormControl format: "${this.formControlFormat()}"`);
+            return null;
+        }
+        return parsed;
+    }
+    /**
+     * Prevents unnecessary change emissions on FormControl
+     * @returns True if both Date objects represent the same point in time
+     */
+    areInternalValuesEqual(value1, value2) {
+        if (value1 === null && value2 === null) {
+            return true;
+        }
+        if (value1 === null || value2 === null) {
+            return false;
+        }
+        return value1.getTime() === value2.getTime();
+    }
+    writeValue(value) {
+        super.writeValue(value);
+        const internalValue = this.toInternalValue(value);
+        // Update physical input fields when FormControl value changes
+        // Necessary before user interaction
+        if (internalValue) {
+            this.dateInputValue.set(internalValue);
+            this.timeInputValue.set(this.formatTime(internalValue));
+        }
+        else {
+            this.dateInputValue.set(null);
+            this.timeInputValue.set('');
+        }
+    }
+    onDateInput(event) {
+        const dateValue = event.value;
+        if (!dateValue) {
+            // Clear FormControl value when date is invalid
+            // Keep internal state
+            this.dateInputValue.set(null);
+            this.onChange(null);
+        }
+        else {
+            this.dateInputValue.set(dateValue);
+            this.onDateChange(dateValue);
+        }
+    }
+    onTimeChange(event) {
+        const value = event.target.value;
+        let internalValue = this.internalValue();
+        if (!this.hasDate()) {
+            internalValue ??= this.emptyTimeDate;
+        }
+        const dateOk = internalValue && (this.dateInputValue() || !this.hasDate());
+        if (this.isValidTime(value) && internalValue && dateOk) {
+            const newDate = this.populateTime(new Date(internalValue), value);
+            this.onInternalValueChange(newDate);
+        }
+        this.timeInputValue.set(value);
+    }
+    onDateChange(date) {
+        const value = date ?? null;
+        const internalValueOld = this.internalValue();
+        const timeInputValue = this.timeInputValue();
+        // If both newly selected date and time input are valid, combine them
+        if (value && timeInputValue) {
+            this.populateTime(value, timeInputValue);
+        }
+        // Set internal value
+        this.onInternalValueChange(value);
+        // In case date input is focused, revert internal value
+        // to original value before Date change event
+        // while keeping external value and FormControl value updated
+        // This prevents unexpected changes to date and time inputs while typing
+        // New internal value will be set on date input blur
+        if (this.dateInputFocused) {
+            this.internalValue.set(internalValueOld);
+        }
+    }
+    onDateInputFocus() {
+        this.dateInputFocused = true;
+        this.onFocus();
+    }
+    onDateInputBlur() {
+        this.dateInputFocused = false;
+        // Set internal value to the combined date and time from inputs
+        // In case date and/or time input is invalid, internal value will not change
+        const dateTimeFromInputs = this.getDateTimeFromInputs();
+        if (dateTimeFromInputs) {
+            this.onInternalValueChange(dateTimeFromInputs);
+        }
+        this.onBlur();
+    }
+    /**
+     * Returns Date object constructed from current date and time input values
+     * or null if either input is invalid
+     */
+    getDateTimeFromInputs() {
+        const dateInputValue = this.dateInputValue();
+        const timeInputValue = this.timeInputValue();
+        if (!timeInputValue || !dateInputValue) {
+            return null;
+        }
+        else {
+            const newInternal = new Date(dateInputValue);
+            this.populateTime(newInternal, timeInputValue);
+            return newInternal;
+        }
+    }
+    onTimeInputFocus() {
+        this.onFocus();
+    }
+    onTimeInputBlur() {
+        const timeInputEl = this.timeInput()?.nativeElement;
+        if (!timeInputEl) {
+            return;
+        }
+        const value = timeInputEl?.value ?? '';
+        // Emit null value to FormControl in case time is blurred while invalid (empty slots), ,
+        // Keep internal state intacted to prevent unexpected changes to input fields
+        if (!value) {
+            this.onChange(null);
+        }
+        this.onBlur();
+    }
+    /**
+     * Helper function to format a Date object to a time string
+     */
+    formatTime(date) {
+        if (this.type() === 'date') {
+            return this.defaultTime();
+        }
+        try {
+            const locale = this.localeUsed();
+            const timeFormat = this.internalTimeFormat();
+            return format(date, timeFormat, { locale });
+        }
+        catch (e) {
+            console.log('Error formatting date: ', date, 'target format: ', this.internalTimeFormat());
+            console.error(e);
+            return this.defaultTime();
+        }
+    }
+    /**
+     * Helper function to populate a Date object with time from a string
+     * in the format HH:mm or HH:mm:ss
+     */
+    populateTime(date, timeString) {
+        const timeParts = timeString.split(':').map((part) => parseInt(part, 10));
+        date.setHours(timeParts[0] || 0, timeParts[1] || 0, timeParts[2] || 0, 0);
+        return date;
+    }
+    isValidTime(value) {
+        if (!value) {
+            return false;
+        }
+        return /^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d(?:\.\d{1,3})?)?$/.test(value);
+    }
+    async focus() {
+        this.dateInput()?.nativeElement.focus();
+    }
+    canFocus() {
+        return new Promise((resolve) => {
+            setTimeout(() => {
+                const elRef = this.dateInput();
+                resolve(!!elRef?.nativeElement);
+            }, 1);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: RdtGovDateComponent, isStandalone: true, selector: "rdt-gov-date", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, labelPositionInput: { classPropertyName: "labelPositionInput", publicName: "labelPosition", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, stepInput: { classPropertyName: "stepInput", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: RdtGovDateComponent,
+                multi: true,
+            },
+            {
+                provide: RdtBaseFormInputComponent,
+                useExisting: RdtGovDateComponent,
+            },
+            {
+                provide: RdtDateComponent,
+                useExisting: RdtGovDateComponent,
+            },
+        ], viewQueries: [{ propertyName: "dateInput", first: true, predicate: ["dateInput"], descendants: true, isSignal: true }, { propertyName: "timeInput", first: true, predicate: ["timeInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let lPos = labelPosition();\n<div class=\"rdt-date-wrapper\" [class]=\"lPos\">\n  @if(lPos) {\n  <p\n    class=\"gov-form-label__label s_label\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div\n    class=\"rdt-date-field-wrapper gov-form-input\"\n    [attr.size]=\"size()\"\n    [attr.disabled]=\"disabled() ? true : undefined\"\n  >\n    @if(type() === 'date' || type() === 'datetime-local'){\n    <div class=\"rdt-date-field-position date\">\n      <input\n        class=\"rdt-date-field\"\n        #dateInput\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [attr.readonly]=\"readonlyInput() ? true : null\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [matDatepicker]=\"picker\"\n        (focus)=\"onDateInputFocus()\"\n        (blur)=\"onDateInputBlur()\"\n        (dateInput)=\"onDateInput($event)\"\n        (dateChange)=\"onDateInput($event)\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n      <mat-datepicker-toggle\n        [attr.size]=\"size()\"\n        matIconSuffix\n        [for]=\"picker\"\n        [disableRipple]=\"true\"\n      >\n        <!-- <mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon> //moznost vlastni ikonky-->\n      </mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </div>\n    } @if(type() === 'datetime-local' || type() === 'time'){\n    <div class=\"rdt-date-field-position time\">\n      <input\n        class=\"rdt-date-field\"\n        type=\"time\"\n        #timeInput\n        (input)=\"onTimeChange($event)\"\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [step]=\"step()\"\n        [attr.readonly]=\"readonlyInput() ? true : undefined\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalTimeValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        (focus)=\"onTimeInputFocus()\"\n        (blur)=\"onTimeInputBlur()\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n", ".rdt-date-wrapper{width:100%}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{position:absolute}.rdt-date-wrapper.right{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.left{display:flex;align-items:center;flex-direction:row;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.top{display:flex;flex-direction:column;gap:var(--gap, var(--spacing-xs))}.rdt-date-wrapper .gov-form-input__icons{display:var(--exclamation-mark-display, none)}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{--mat-icon-button-touch-target-size: calc( var(--padding-horizontal) + var(--icon-size) + var(--gap) );--mat-icon-button-state-layer-size: var( --mat-icon-button-touch-target-size );right:calc(var(--exclamation-mark-width, 0px) + var(--exclamation-mark-offset, 0px))}.rdt-date-wrapper mat-datepicker-toggle button,.rdt-date-wrapper mat-timepicker-toggle button{display:flex;justify-content:center;align-items:center;height:var(--mat-icon-button-state-layer-size)}.rdt-date-wrapper mat-datepicker-toggle button svg,.rdt-date-wrapper mat-timepicker-toggle button svg{width:var(--icon-size);height:var(--icon-size)}.rdt-date-wrapper mat-datepicker-toggle[size=xl],.rdt-date-wrapper mat-timepicker-toggle[size=xl]{--padding-horizontal: var(--spacing-m-nudge);--icon-size: var(--icon-size-xl);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=l],.rdt-date-wrapper mat-timepicker-toggle[size=l]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-l);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=m],.rdt-date-wrapper mat-timepicker-toggle[size=m]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-m);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=s],.rdt-date-wrapper mat-timepicker-toggle[size=s]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-s);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=xs],.rdt-date-wrapper mat-timepicker-toggle[size=xs]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-xs);--gap: var(--spacing-xs)}.rdt-date-field{background-color:transparent;border:none;border-radius:var(--border-radius, var(--corner-radius-s));color:var(--form-value-color, var(--text-primary));font-family:var(--font-family-primary, var(--font-family));width:100%;line-height:150%;font-weight:400}.rdt-date-field-position{width:100%;position:relative;display:flex;align-items:center}.rdt-date-field-wrapper{width:100%;flex:1;border-radius:var(--border-radius, var(--corner-radius-s));border:var(--border-width, .0625rem) solid var(--form-border-color, var(--border-subtle));background-color:var(--form-bg-color, var(--background-block-primary));display:flex;align-items:center;gap:0!important}.rdt-date-field-wrapper:focus-within{border-radius:var(--outline-border-radius, var(--corner-radius-xs-nudge));outline:var(--outline-width, .125rem) solid var(--status-focus);outline-offset:var(--outline-offset, .125rem)}.rdt-date-field-wrapper:hover{background-color:var(--form-hover-color, var(--button-outlined-primary-hover))!important}.rdt-date-field-wrapper>*:after{content:\"\";display:block;position:absolute;width:var(--border-width, .0625rem);height:calc(100% + var(--border-width, .0625rem) * 2);left:calc(100% + var(--border-width, .0625rem) / 2);top:calc(-1 * var(--border-width, .0625rem));background-color:var(--border-subtle)}.rdt-date-field-wrapper>*:last-child:after{display:none}.rdt-date-field-wrapper[size=xl] .time{gap:var(--spacing-m)}.rdt-date-field-wrapper[size=xl] .time input{padding-right:var(--padding-horizontal, var(--spacing-m-nudge))!important}.rdt-date-field-wrapper[size=l] .time{gap:var(--spacing-s-nudge)}.rdt-date-field-wrapper[size=l] .time input{padding-right:var(--padding-horizontal, var(--spacing-m))!important}.rdt-date-field-wrapper[size=m] .time{gap:var(--spacing-s)}.rdt-date-field-wrapper[size=m] .time input{padding-right:var(--padding-horizontal, var(--spacing-s-nudge))!important}.rdt-date-field-wrapper[size=s] .time{gap:var(--spacing-xs-nudge)}.rdt-date-field-wrapper[size=s] .time input{padding-right:var(--padding-horizontal, var(--spacing-s))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field-wrapper[size=xs] .time{gap:var(--spacing-xs)}.rdt-date-field-wrapper[size=xs] .time input{padding-right:var(--padding-horizontal, var(--spacing-xs-nudge))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field:focus{outline:none}rdt-gov-date,mat-datepicker-content{--mat-icon-button-icon-size: 24px;--mat-button-text-label-text-font: var(--font-family);--mat-button-text-label-text-size: var(--font-size-body-s);--mat-button-text-label-text-weight: 600;--mat-button-text-label-text-color: var(--text-secondary);--mat-datepicker-calendar-body-label-text-size: var(--font-size-body-s);--mat-datepicker-calendar-body-label-text-weight: 600;--mat-datepicker-calendar-body-label-text-color: var(--text-primary);--mat-datepicker-calendar-text-size: var(--font-size-body-m);--mat-datepicker-calendar-text-font: var(--font-family);--mat-datepicker-calendar-container-background-color: var( --background-neutral-subtle );--mat-datepicker-calendar-container-text-color: var(--text-primary);--mat-datepicker-calendar-container-shape: 8px;--mat-datepicker-calendar-date-text-color: var(--text-primary);--mat-datepicker-calendar-date-selected-state-text-color: var( --color-neutral-0 );--mat-datepicker-calendar-date-today-selected-state-outline-color: var( --color-primary-400 );--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-datepicker-calendar-date-today-outline-color: var( --button-solid-primary );--mat-datepicker-calendar-date-selected-state-background-color: var( --button-solid-primary );--mat-datepicker-calendar-period-button-icon-color: var(--text-primary);--mat-datepicker-calendar-date-hover-state-background-color: var( --background-neutral-subtlest );--mat-datepicker-calendar-header-text-color: var(--text-secondary);--mat-datepicker-calendar-header-text-size: var(--font-size-body-m);--mat-datepicker-calendar-header-text-weight: 600;--mat-tooltip-container-color: var(--color-neutral-950);--mat-tooltip-supporting-text-color: var(--color-neutral-0);--mat-tooltip-container-shape: 8px;--mat-button-text-container-shape: 8px;--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-primary: var(--button-solid-primary-hover);--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-timepicker-container-background-color: var(--background-neutral-subtle);--mat-timepicker-container-shape: 8px;--mat-timepicker-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-option-selected-state-layer-color: var(--button-solid-primary-hover);--mat-option-selected-state-label-text-color: var(--color-neutral-0);--mat-datepicker-toggle-active-state-icon-color: var( --mat-datepicker-toggle-icon-color )}rdt-gov-date.ng-invalid.ng-touched,mat-datepicker-content.ng-invalid.ng-touched{--border-subtle: var(--status-error);--mat-datepicker-toggle-icon-color: var(--status-error);--form-value-color: var(--form-state-value-color, var(--text-status-error));--exclamation-mark-display: flex}rdt-gov-date.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator,mat-datepicker-content.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator{filter:brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(1847%) hue-rotate(345deg) brightness(98%) contrast(97%);cursor:pointer}rdt-gov-date.ng-invalid.ng-touched [size=xl],mat-datepicker-content.ng-invalid.ng-touched [size=xl]{--exclamation-mark-width: var(--icon-size-xl);--exclamation-mark-offset: var(--spacing-m-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=l],mat-datepicker-content.ng-invalid.ng-touched [size=l]{--exclamation-mark-width: var(--icon-size-l);--exclamation-mark-offset: var(--spacing-m)}rdt-gov-date.ng-invalid.ng-touched [size=m],mat-datepicker-content.ng-invalid.ng-touched [size=m]{--exclamation-mark-width: var(--icon-size-m);--exclamation-mark-offset: var(--spacing-s-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=s],mat-datepicker-content.ng-invalid.ng-touched [size=s]{--exclamation-mark-width: var(--icon-size-s);--exclamation-mark-offset: var(--spacing-s)}rdt-gov-date.ng-invalid.ng-touched [size=xs],mat-datepicker-content.ng-invalid.ng-touched [size=xs]{--exclamation-mark-width: var(--icon-size-xs);--exclamation-mark-offset: var(--spacing-xs-nudge)}rdt-gov-date.ng-invalid.ng-touched .time input,mat-datepicker-content.ng-invalid.ng-touched .time input{padding-right:0!important}\n"], dependencies: [{ kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i1$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i1$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovDateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdt-gov-date', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        RdtFormErrorPipe,
+                        MatDatepickerModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: RdtGovDateComponent,
+                            multi: true,
+                        },
+                        {
+                            provide: RdtBaseFormInputComponent,
+                            useExisting: RdtGovDateComponent,
+                        },
+                        {
+                            provide: RdtDateComponent,
+                            useExisting: RdtGovDateComponent,
+                        },
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@let lPos = labelPosition();\n<div class=\"rdt-date-wrapper\" [class]=\"lPos\">\n  @if(lPos) {\n  <p\n    class=\"gov-form-label__label s_label\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  }\n  <div\n    class=\"rdt-date-field-wrapper gov-form-input\"\n    [attr.size]=\"size()\"\n    [attr.disabled]=\"disabled() ? true : undefined\"\n  >\n    @if(type() === 'date' || type() === 'datetime-local'){\n    <div class=\"rdt-date-field-position date\">\n      <input\n        class=\"rdt-date-field\"\n        #dateInput\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [attr.readonly]=\"readonlyInput() ? true : null\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [matDatepicker]=\"picker\"\n        (focus)=\"onDateInputFocus()\"\n        (blur)=\"onDateInputBlur()\"\n        (dateInput)=\"onDateInput($event)\"\n        (dateChange)=\"onDateInput($event)\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n      <mat-datepicker-toggle\n        [attr.size]=\"size()\"\n        matIconSuffix\n        [for]=\"picker\"\n        [disableRipple]=\"true\"\n      >\n        <!-- <mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon> //moznost vlastni ikonky-->\n      </mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </div>\n    } @if(type() === 'datetime-local' || type() === 'time'){\n    <div class=\"rdt-date-field-position time\">\n      <input\n        class=\"rdt-date-field\"\n        type=\"time\"\n        #timeInput\n        (input)=\"onTimeChange($event)\"\n        matInput\n        [attr.invalid]=\"invalid() && touched()\"\n        [step]=\"step()\"\n        [attr.readonly]=\"readonlyInput() ? true : undefined\"\n        [attr.size]=\"size()\"\n        [name]=\"name()\"\n        [value]=\"internalTimeValue()\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        (focus)=\"onTimeInputFocus()\"\n        (blur)=\"onTimeInputBlur()\"\n      />\n      <div class=\"gov-form-input__icons\">\n        <gov-icon\n          class=\"validation-icon gov-icon\"\n          name=\"exclamation-lg\"\n          type=\"components\"\n          [attr.size]=\"size()\"\n        >\n        </gov-icon>\n      </div>\n    </div>\n    }\n  </div>\n</div>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n", ".rdt-date-wrapper{width:100%}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{position:absolute}.rdt-date-wrapper.right{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.left{display:flex;align-items:center;flex-direction:row;gap:var(--gap, var(--spacing-s))}.rdt-date-wrapper.top{display:flex;flex-direction:column;gap:var(--gap, var(--spacing-xs))}.rdt-date-wrapper .gov-form-input__icons{display:var(--exclamation-mark-display, none)}.rdt-date-wrapper mat-datepicker-toggle,.rdt-date-wrapper mat-timepicker-toggle{--mat-icon-button-touch-target-size: calc( var(--padding-horizontal) + var(--icon-size) + var(--gap) );--mat-icon-button-state-layer-size: var( --mat-icon-button-touch-target-size );right:calc(var(--exclamation-mark-width, 0px) + var(--exclamation-mark-offset, 0px))}.rdt-date-wrapper mat-datepicker-toggle button,.rdt-date-wrapper mat-timepicker-toggle button{display:flex;justify-content:center;align-items:center;height:var(--mat-icon-button-state-layer-size)}.rdt-date-wrapper mat-datepicker-toggle button svg,.rdt-date-wrapper mat-timepicker-toggle button svg{width:var(--icon-size);height:var(--icon-size)}.rdt-date-wrapper mat-datepicker-toggle[size=xl],.rdt-date-wrapper mat-timepicker-toggle[size=xl]{--padding-horizontal: var(--spacing-m-nudge);--icon-size: var(--icon-size-xl);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=l],.rdt-date-wrapper mat-timepicker-toggle[size=l]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-l);--gap: var(--spacing-m)}.rdt-date-wrapper mat-datepicker-toggle[size=m],.rdt-date-wrapper mat-timepicker-toggle[size=m]{--padding-horizontal: var(--spacing-s-nudge);--icon-size: var(--icon-size-m);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=s],.rdt-date-wrapper mat-timepicker-toggle[size=s]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-s);--gap: var(--spacing-s)}.rdt-date-wrapper mat-datepicker-toggle[size=xs],.rdt-date-wrapper mat-timepicker-toggle[size=xs]{--padding-horizontal: var(--spacing-xs-nudge);--icon-size: var(--icon-size-xs);--gap: var(--spacing-xs)}.rdt-date-field{background-color:transparent;border:none;border-radius:var(--border-radius, var(--corner-radius-s));color:var(--form-value-color, var(--text-primary));font-family:var(--font-family-primary, var(--font-family));width:100%;line-height:150%;font-weight:400}.rdt-date-field-position{width:100%;position:relative;display:flex;align-items:center}.rdt-date-field-wrapper{width:100%;flex:1;border-radius:var(--border-radius, var(--corner-radius-s));border:var(--border-width, .0625rem) solid var(--form-border-color, var(--border-subtle));background-color:var(--form-bg-color, var(--background-block-primary));display:flex;align-items:center;gap:0!important}.rdt-date-field-wrapper:focus-within{border-radius:var(--outline-border-radius, var(--corner-radius-xs-nudge));outline:var(--outline-width, .125rem) solid var(--status-focus);outline-offset:var(--outline-offset, .125rem)}.rdt-date-field-wrapper:hover{background-color:var(--form-hover-color, var(--button-outlined-primary-hover))!important}.rdt-date-field-wrapper>*:after{content:\"\";display:block;position:absolute;width:var(--border-width, .0625rem);height:calc(100% + var(--border-width, .0625rem) * 2);left:calc(100% + var(--border-width, .0625rem) / 2);top:calc(-1 * var(--border-width, .0625rem));background-color:var(--border-subtle)}.rdt-date-field-wrapper>*:last-child:after{display:none}.rdt-date-field-wrapper[size=xl] .time{gap:var(--spacing-m)}.rdt-date-field-wrapper[size=xl] .time input{padding-right:var(--padding-horizontal, var(--spacing-m-nudge))!important}.rdt-date-field-wrapper[size=l] .time{gap:var(--spacing-s-nudge)}.rdt-date-field-wrapper[size=l] .time input{padding-right:var(--padding-horizontal, var(--spacing-m))!important}.rdt-date-field-wrapper[size=m] .time{gap:var(--spacing-s)}.rdt-date-field-wrapper[size=m] .time input{padding-right:var(--padding-horizontal, var(--spacing-s-nudge))!important}.rdt-date-field-wrapper[size=s] .time{gap:var(--spacing-xs-nudge)}.rdt-date-field-wrapper[size=s] .time input{padding-right:var(--padding-horizontal, var(--spacing-s))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field-wrapper[size=xs] .time{gap:var(--spacing-xs)}.rdt-date-field-wrapper[size=xs] .time input{padding-right:var(--padding-horizontal, var(--spacing-xs-nudge))!important;--mat-icon-button-icon-size: 10px}.rdt-date-field:focus{outline:none}rdt-gov-date,mat-datepicker-content{--mat-icon-button-icon-size: 24px;--mat-button-text-label-text-font: var(--font-family);--mat-button-text-label-text-size: var(--font-size-body-s);--mat-button-text-label-text-weight: 600;--mat-button-text-label-text-color: var(--text-secondary);--mat-datepicker-calendar-body-label-text-size: var(--font-size-body-s);--mat-datepicker-calendar-body-label-text-weight: 600;--mat-datepicker-calendar-body-label-text-color: var(--text-primary);--mat-datepicker-calendar-text-size: var(--font-size-body-m);--mat-datepicker-calendar-text-font: var(--font-family);--mat-datepicker-calendar-container-background-color: var( --background-neutral-subtle );--mat-datepicker-calendar-container-text-color: var(--text-primary);--mat-datepicker-calendar-container-shape: 8px;--mat-datepicker-calendar-date-text-color: var(--text-primary);--mat-datepicker-calendar-date-selected-state-text-color: var( --color-neutral-0 );--mat-datepicker-calendar-date-today-selected-state-outline-color: var( --color-primary-400 );--mat-datepicker-calendar-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-datepicker-calendar-date-today-outline-color: var( --button-solid-primary );--mat-datepicker-calendar-date-selected-state-background-color: var( --button-solid-primary );--mat-datepicker-calendar-period-button-icon-color: var(--text-primary);--mat-datepicker-calendar-date-hover-state-background-color: var( --background-neutral-subtlest );--mat-datepicker-calendar-header-text-color: var(--text-secondary);--mat-datepicker-calendar-header-text-size: var(--font-size-body-m);--mat-datepicker-calendar-header-text-weight: 600;--mat-tooltip-container-color: var(--color-neutral-950);--mat-tooltip-supporting-text-color: var(--color-neutral-0);--mat-tooltip-container-shape: 8px;--mat-button-text-container-shape: 8px;--mat-sys-on-surface-variant: var(--text-secondary);--mat-sys-primary: var(--button-solid-primary-hover);--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-timepicker-container-background-color: var(--background-neutral-subtle);--mat-timepicker-container-shape: 8px;--mat-timepicker-container-elevation-shadow: 0px 0px 0px 1px var(--border-subtle);--mat-option-selected-state-layer-color: var(--button-solid-primary-hover);--mat-option-selected-state-label-text-color: var(--color-neutral-0);--mat-datepicker-toggle-active-state-icon-color: var( --mat-datepicker-toggle-icon-color )}rdt-gov-date.ng-invalid.ng-touched,mat-datepicker-content.ng-invalid.ng-touched{--border-subtle: var(--status-error);--mat-datepicker-toggle-icon-color: var(--status-error);--form-value-color: var(--form-state-value-color, var(--text-status-error));--exclamation-mark-display: flex}rdt-gov-date.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator,mat-datepicker-content.ng-invalid.ng-touched input::-webkit-calendar-picker-indicator{filter:brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(1847%) hue-rotate(345deg) brightness(98%) contrast(97%);cursor:pointer}rdt-gov-date.ng-invalid.ng-touched [size=xl],mat-datepicker-content.ng-invalid.ng-touched [size=xl]{--exclamation-mark-width: var(--icon-size-xl);--exclamation-mark-offset: var(--spacing-m-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=l],mat-datepicker-content.ng-invalid.ng-touched [size=l]{--exclamation-mark-width: var(--icon-size-l);--exclamation-mark-offset: var(--spacing-m)}rdt-gov-date.ng-invalid.ng-touched [size=m],mat-datepicker-content.ng-invalid.ng-touched [size=m]{--exclamation-mark-width: var(--icon-size-m);--exclamation-mark-offset: var(--spacing-s-nudge)}rdt-gov-date.ng-invalid.ng-touched [size=s],mat-datepicker-content.ng-invalid.ng-touched [size=s]{--exclamation-mark-width: var(--icon-size-s);--exclamation-mark-offset: var(--spacing-s)}rdt-gov-date.ng-invalid.ng-touched [size=xs],mat-datepicker-content.ng-invalid.ng-touched [size=xs]{--exclamation-mark-width: var(--icon-size-xs);--exclamation-mark-offset: var(--spacing-xs-nudge)}rdt-gov-date.ng-invalid.ng-touched .time input,mat-datepicker-content.ng-invalid.ng-touched .time input{padding-right:0!important}\n"] }]
         }] });
 
 class RdtGovTextInputComponent extends RdtTextInputComponent {
@@ -1441,7 +1548,7 @@ class RdtGovTextInputComponent extends RdtTextInputComponent {
                 provide: RdtBaseFormInputComponent,
                 useExisting: RdtGovTextInputComponent,
             },
-        ], viewQueries: [{ propertyName: "govInput", first: true, predicate: ["govInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let lPos = labelPosition(); @if(lPos === 'top'){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  [inputType]=\"type()\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [minlength]=\"minlength()\"\n  [maxlength]=\"maxlength()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInternalValueChange($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n"], dependencies: [{ kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "govInput", first: true, predicate: ["govInput"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let lPos = labelPosition(); @if(lPos === 'top'){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  [inputType]=\"type()\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [minlength]=\"minlength()\"\n  [maxlength]=\"maxlength()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInternalValueChange($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n"], dependencies: [{ kind: "pipe", type: RdtFormErrorPipe, name: "rdtFormError" }, { kind: "directive", type: RdtIconOutletDirective, selector: "[rdtIconOutlet]", exportAs: ["rdtIconOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: RdtGovTextInputComponent, decorators: [{
             type: Component,
@@ -1455,7 +1562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
                             provide: RdtBaseFormInputComponent,
                             useExisting: RdtGovTextInputComponent,
                         },
-                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@let lPos = labelPosition(); @if(lPos === 'top'){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  [inputType]=\"type()\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [minlength]=\"minlength()\"\n  [maxlength]=\"maxlength()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInternalValueChange($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}\n"] }]
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@let lPos = labelPosition(); @if(lPos === 'top'){\n<gov-form-label slot=\"left\" size=\"m\" [class.warning-color-gov-label]=\"hasError\"\n  >{{ label() }} @if (required()) {\n  <span class=\"warning-color-text\">*</span>\n  }</gov-form-label\n>\n}\n<gov-form-input\n  #govInput\n  [inputType]=\"type()\"\n  [size]=\"size()\"\n  [value]=\"internalValue()\"\n  [placeholder]=\"placeholder()\"\n  [autocomplete]=\"autocomplete()\"\n  [minlength]=\"minlength()\"\n  [maxlength]=\"maxlength()\"\n  [invalid]=\"invalid() && touched()\"\n  [attr.invalid]=\"invalid() && touched()\"\n  [required]=\"required()\"\n  [disabled]=\"disabled()\"\n  [attr.disabled]=\"disabled()\"\n  [name]=\"id()\"\n  [identifier]=\"id()\"\n  (gov-input)=\"onInternalValueChange($event.detail.value)\"\n  (gov-focus)=\"onFocus()\"\n  (gov-blur)=\"onBlur()\"\n>\n  @let lI = iconStart(); @let rI = icon(); @if(lPos === 'left') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"prefix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if(lPos === 'right') {\n  <p\n    class=\"gov-form-label__label s_label\"\n    slot=\"sufix\"\n    [class.warning-color-text]=\"hasError\"\n  >\n    {{ label() }} @if (required()) {\n    <span class=\"warning-color-text\">*</span>\n    }\n  </p>\n  } @if (lI) {\n  <span slot=\"icon-start\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: lI }\"></ng-container>\n  </span>\n  } @if (rI) {\n  <span slot=\"icon-end\" style=\"width: auto\">\n    <ng-container rdtIconOutlet [inputs]=\"{ name: rI }\"></ng-container>\n  </span>\n  }\n</gov-form-input>\n@let hasError = visibleErrors() | rdtFormError; @if(hasError){\n<gov-form-message slot=\"bottom\" color=\"error\" [attr.size]=\"size()\">\n  <gov-icon\n    type=\"components\"\n    name=\"exclamation-triangle-fill\"\n    slot=\"validation-icon\"\n  ></gov-icon>\n  {{ hasError }}\n</gov-form-message>\n}\n", styles: [".warning-color-icon{color:var(--icon-error)!important}.warning-color-text{color:var(--text-status-error)!important}.warning-color-gov-label .gov-form-label__label{color:var(--form-state-label-error, var(--text-status-error))!important}.s_label{font-size:var(--font-size-body-s);line-height:150%;font-weight:400}gov-form-message{font-size:var(--font-size-body-s)}rdt-gov-number-input,rdt-gov-text-input,rdt-gov-select{min-width:60px}\n"] }]
         }] });
 
 class RdtGovThemeService {
@@ -1493,5 +1600,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_BASE_NOTIFICATION_PROVIDER, RDT_CONFIRM_DIALOG_PROVIDER, 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