@ardium-ui/ui 5.0.0-alpha.52 → 5.0.0-alpha.53

package/fesm2022/ardium-ui-ui.mjs

@@ -9,13 +9,14 @@ import { arraySignal, coerceBooleanProperty, coerceNumberProperty, coerceArrayPr
 import { isDefined, any, isPrimitive, isAnyString, isNull, isNumber, isString, isArray, isFunction, isRegExp, evaluate, isObject, isPromise, isDate } from 'simple-bool';
 import { resolvePath } from 'resolve-object-path';
 import { toObservable } from '@angular/core/rxjs-interop';
-import { map, Subject, isObservable, firstValueFrom, merge, takeUntil, startWith, BehaviorSubject } from 'rxjs';
+import { map, Subject, isObservable, firstValueFrom, merge, takeUntil, startWith, filter, BehaviorSubject } from 'rxjs';
 import { TakeChance } from 'take-chance';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe, UpperCasePipe, TitleCasePipe, DOCUMENT, DecimalPipe, AsyncPipe } from '@angular/common';
 import { AutofillMonitor, CdkAutofill } from '@angular/cdk/text-field';
 import { roundToMultiple, roundFromZero, roundToPrecision } from 'more-rounding';
 import { keyToString } from 'key-display-names';
+import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i4$1 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 
@@ -13348,6 +13349,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+const _formFieldDefaults = {
+    defaultHintAlign: SimpleOneAxisAlignment.Left,
+    reserveHintLine: false,
+    labelRequiredText: '*',
+    labelOptionalText: '(optional)',
+    autoErrorOnlyFirstError: true,
+};
+const ARD_FORM_FIELD_DEFAULTS = new InjectionToken('ard-form-field-defaults', {
+    factory: () => ({
+        ..._formFieldDefaults,
+    }),
+});
+function provideFormFieldDefaults(config) {
+    return { provide: ARD_FORM_FIELD_DEFAULTS, useValue: { ..._formFieldDefaults, ...config } };
+}
+
+const ARD_ERROR_MAP = new InjectionToken('ard-error-map', {
+    factory: () => ({ $fallback: 'Provide error messages using provideErrorMap' }),
+});
+function provideErrorMap(errorMap) {
+    return { provide: ARD_ERROR_MAP, useValue: errorMap };
+}
+
 class ArdiumErrorComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: ArdiumErrorComponent, isStandalone: false, selector: "ard-error", hostDirectives: [{ directive: ArdiumErrorDirective }], ngImport: i0, template: '<ng-content />', isInline: true }); }
@@ -13362,6 +13386,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }] });
 
+class ArdiumAutoErrorComponent {
+    constructor() {
+        this._errorMap = inject(ARD_ERROR_MAP);
+        this._DEFAULTS = inject(ARD_FORM_FIELD_DEFAULTS);
+        this.control = input.required();
+        this.onlyFirstError = input(this._DEFAULTS.autoErrorOnlyFirstError, {
+            transform: v => coerceBooleanProperty(v),
+        });
+        this.errorMessages = signal([], { equal: (a, b) => a.length === b.length && a.every((v, i) => v === b[i]) });
+        this.hasError = computed(() => this.errorMessages().length > 0);
+        this.left = input(false, { transform: v => coerceBooleanProperty(v) });
+        this.right = input(false, { transform: v => coerceBooleanProperty(v) });
+        effect(() => {
+            const control = this.control();
+            this._eventsSub = control.events
+                .pipe(filter(event => 'touched' in event || ('status' in event && (event.status === 'INVALID' || event.status === 'VALID'))), map(() => {
+                const errors = control.errors;
+                if (!errors || !control.touched) {
+                    return [];
+                }
+                const onlyFirstError = this.onlyFirstError();
+                if (typeof errors === 'object' && Object.keys(errors).length === 0) {
+                    return [];
+                }
+                const errorMessages = [];
+                for (const errorType in this._errorMap) {
+                    if (errorType in errors) {
+                        const valueOrFn = this._errorMap[errorType];
+                        if (typeof valueOrFn === 'function') {
+                            const result = valueOrFn(errors[errorType]);
+                            if (onlyFirstError) {
+                                return [result];
+                            }
+                            errorMessages.push(result);
+                        }
+                        else if (valueOrFn !== undefined) {
+                            if (onlyFirstError) {
+                                return [valueOrFn];
+                            }
+                            errorMessages.push(valueOrFn);
+                        }
+                    }
+                }
+                if (errorMessages.length === 0) {
+                    return [this._errorMap.$fallback || JSON.stringify(errors)];
+                }
+                return errorMessages;
+            }))
+                .subscribe(errorMessages => {
+                this.errorMessages.set(errorMessages);
+            });
+        });
+        effect(() => {
+            if (this.left() && this.right()) {
+                console.error(`ARD-NF5150: Cannot align a form field auto-error to both left and right.`);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._eventsSub?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumAutoErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ArdiumAutoErrorComponent, isStandalone: false, selector: "ard-auto-error", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, onlyFirstError: { classPropertyName: "onlyFirstError", publicName: "onlyFirstError", isSignal: true, isRequired: false, transformFunction: null }, left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, right: { classPropertyName: "right", publicName: "right", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ard-error": "true", "class.ard-auto-error": "true", "class.ard-auto-error-default": "!left() && !right()", "class.ard-auto-error-left": "left() && !right()", "class.ard-auto-error-right": "!left() && right()" } }, hostDirectives: [{ directive: ArdiumErrorDirective }], ngImport: i0, template: "@for (message of errorMessages(); track message) {\r\n  <ard-error>{{ message }}</ard-error>\r\n}", dependencies: [{ kind: "component", type: ArdiumErrorComponent, selector: "ard-error" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumAutoErrorComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'ard-auto-error', hostDirectives: [{ directive: ArdiumErrorDirective }], host: {
+                        '[class.ard-error]': 'true',
+                        '[class.ard-auto-error]': 'true',
+                        '[class.ard-auto-error-default]': '!left() && !right()',
+                        '[class.ard-auto-error-left]': 'left() && !right()',
+                        '[class.ard-auto-error-right]': '!left() && right()',
+                    }, template: "@for (message of errorMessages(); track message) {\r\n  <ard-error>{{ message }}</ard-error>\r\n}" }]
+        }], ctorParameters: () => [] });
+
 class ArdiumFormFieldNativeInputAdapterDirective {
     constructor() {
         this._required = input(undefined, {
@@ -13435,21 +13534,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }] });
 
-const _formFieldDefaults = {
-    defaultHintAlign: SimpleOneAxisAlignment.Left,
-    reserveHintLine: false,
-    labelRequiredText: '*',
-    labelOptionalText: '(optional)',
-};
-const ARD_FORM_FIELD_DEFAULTS = new InjectionToken('ard-form-field-defaults', {
-    factory: () => ({
-        ..._formFieldDefaults,
-    }),
-});
-function provideFormFieldDefaults(config) {
-    return { provide: ARD_FORM_FIELD_DEFAULTS, useValue: { ..._formFieldDefaults, ...config } };
-}
-
 class ArdiumHintErrorDirective {
     constructor() {
         this.left = input(false, { transform: v => coerceBooleanProperty(v) });
@@ -13545,10 +13629,13 @@ class _FormFieldBase {
         this.label = contentChild(ArdiumLabelComponent);
         this.hints = contentChildren(ArdiumHintDirective);
         this.errors = contentChildren(ArdiumErrorDirective);
+        this.autoErrors = contentChildren(ArdiumAutoErrorComponent);
         this.hintErrors = contentChildren(ArdiumHintErrorDirective);
         this.hasAnyHint = computed(() => this.hints().length > 0 || this.hintErrors().length > 0);
-        this.hasAnyError = computed(() => this.errors().length > 0);
-        this.reserveHintLine = input(this._DEFAULTS.reserveHintLine, { transform: v => coerceBooleanProperty(v) });
+        this.hasAnyError = computed(() => this.errors().length > 0 || (this.autoErrors().length > 0 && this.autoErrors().some(e => e.hasError())));
+        this.reserveHintLine = input(this._DEFAULTS.reserveHintLine, {
+            transform: v => coerceBooleanProperty(v),
+        });
     }
     get controlHasError() {
         const fnOrValue = this.control()?.hasError;
@@ -13572,7 +13659,7 @@ class _FormFieldBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: _FormFieldBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.15", type: _FormFieldBase, isStandalone: true, inputs: { defaultHintAlign: { classPropertyName: "defaultHintAlign", publicName: "defaultHintAlign", isSignal: true, isRequired: false, transformFunction: null }, reserveHintLine: { classPropertyName: "reserveHintLine", publicName: "reserveHintLine", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "control", first: true, predicate: ARD_FORM_FIELD_CONTROL, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: ArdiumLabelComponent, descendants: true, isSignal: true }, { propertyName: "hints", predicate: ArdiumHintDirective, isSignal: true }, { propertyName: "errors", predicate: ArdiumErrorDirective, isSignal: true }, { propertyName: "hintErrors", predicate: ArdiumHintErrorDirective, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.15", type: _FormFieldBase, isStandalone: true, inputs: { defaultHintAlign: { classPropertyName: "defaultHintAlign", publicName: "defaultHintAlign", isSignal: true, isRequired: false, transformFunction: null }, reserveHintLine: { classPropertyName: "reserveHintLine", publicName: "reserveHintLine", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "control", first: true, predicate: ARD_FORM_FIELD_CONTROL, descendants: true, isSignal: true }, { propertyName: "label", first: true, predicate: ArdiumLabelComponent, descendants: true, isSignal: true }, { propertyName: "hints", predicate: ArdiumHintDirective, isSignal: true }, { propertyName: "errors", predicate: ArdiumErrorDirective, isSignal: true }, { propertyName: "autoErrors", predicate: ArdiumAutoErrorComponent, isSignal: true }, { propertyName: "hintErrors", predicate: ArdiumHintErrorDirective, isSignal: true }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: _FormFieldBase, decorators: [{
             type: Directive
@@ -13580,11 +13667,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 
 class ArdiumFormFieldComponent extends _FormFieldBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumFormFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ArdiumFormFieldComponent, isStandalone: false, selector: "ard-form-field", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"ard-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <label\r\n    class=\"ard-form-field__label\"\r\n    [attr.for]=\"controlHtmlId\"\r\n  >\r\n    <ng-content select=\"ard-label, [ard-label]\" />\r\n  </label>\r\n  <div class=\"ard-form-field__input\">\r\n    <ng-content />\r\n  </div>\r\n  <div\r\n    class=\"ard-form-field__hints\"\r\n    [class.ard-form-field__errors]=\"hasAnyError()\"\r\n    [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n    [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n  >\r\n    @if (hasAnyError()) {\r\n    <div class=\"ard-form-field__errors-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[left], [ard-error][left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__errors-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[right], [ard-error][right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    } @else {\r\n    <div class=\"ard-form-field__hints-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__hints-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ArdiumFormFieldComponent, isStandalone: false, selector: "ard-form-field", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"ard-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <label\r\n    class=\"ard-form-field__label\"\r\n    [attr.for]=\"controlHtmlId\"\r\n  >\r\n    <ng-content select=\"ard-label, [ard-label]\" />\r\n  </label>\r\n  <div class=\"ard-form-field__input\">\r\n    <ng-content />\r\n  </div>\r\n  <div\r\n    class=\"ard-form-field__hints\"\r\n    [class.ard-form-field__errors]=\"hasAnyError()\"\r\n    [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n    [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n  >\r\n    @if (hasAnyError()) {\r\n    <div class=\"ard-form-field__errors-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[left], [ard-error][left], ard-auto-error[left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__errors-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[right], [ard-error][right], ard-auto-error[right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    } @else {\r\n    <div class=\"ard-form-field__hints-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__hints-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultAutoErrors>\r\n  <ng-content select=\"ard-auto-error:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumFormFieldComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'ard-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <label\r\n    class=\"ard-form-field__label\"\r\n    [attr.for]=\"controlHtmlId\"\r\n  >\r\n    <ng-content select=\"ard-label, [ard-label]\" />\r\n  </label>\r\n  <div class=\"ard-form-field__input\">\r\n    <ng-content />\r\n  </div>\r\n  <div\r\n    class=\"ard-form-field__hints\"\r\n    [class.ard-form-field__errors]=\"hasAnyError()\"\r\n    [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n    [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n  >\r\n    @if (hasAnyError()) {\r\n    <div class=\"ard-form-field__errors-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[left], [ard-error][left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__errors-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[right], [ard-error][right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    } @else {\r\n    <div class=\"ard-form-field__hints-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__hints-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"] }]
+            args: [{ standalone: false, selector: 'ard-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <label\r\n    class=\"ard-form-field__label\"\r\n    [attr.for]=\"controlHtmlId\"\r\n  >\r\n    <ng-content select=\"ard-label, [ard-label]\" />\r\n  </label>\r\n  <div class=\"ard-form-field__input\">\r\n    <ng-content />\r\n  </div>\r\n  <div\r\n    class=\"ard-form-field__hints\"\r\n    [class.ard-form-field__errors]=\"hasAnyError()\"\r\n    [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n    [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n  >\r\n    @if (hasAnyError()) {\r\n    <div class=\"ard-form-field__errors-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[left], [ard-error][left], ard-auto-error[left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__errors-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-error\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-error[right], [ard-error][right], ard-auto-error[right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    } @else {\r\n    <div class=\"ard-form-field__hints-left\">\r\n      @if (alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n      <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n    </div>\r\n    <div class=\"ard-form-field__hints-right\">\r\n      @if (!alignHintToLeftByDefault()) {\r\n      <div class=\"ard-form-field__default-hint\">\r\n        <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n        <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n      </div>\r\n      }\r\n      <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n      <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultAutoErrors>\r\n  <ng-content select=\"ard-auto-error:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"] }]
         }] });
 
 class ArdiumHintErrorComponent {
@@ -13617,11 +13704,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
 
 class ArdiumHorizontalFormFieldComponent extends _FormFieldBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumHorizontalFormFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ArdiumHorizontalFormFieldComponent, isStandalone: false, selector: "ard-horizontal-form-field", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"ard-horizontal-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <div class=\"ard-form-field__label-container\">\r\n    <label\r\n      class=\"ard-form-field__label\"\r\n      [attr.for]=\"controlHtmlId\"\r\n    >\r\n      <ng-content select=\"ard-label, [ard-label]\" />\r\n    </label>\r\n  </div>\r\n  <div class=\"ard-form-field__non-label\">\r\n    <div class=\"ard-form-field__input\">\r\n      <ng-content />\r\n    </div>\r\n    <div\r\n      class=\"ard-form-field__hints\"\r\n      [class.ard-form-field__errors]=\"hasAnyError()\"\r\n      [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n      [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n    >\r\n      @if (hasAnyError()) {\r\n      <div class=\"ard-form-field__errors-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[left], [ard-error][left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__errors-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[right], [ard-error][right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      } @else {\r\n      <div class=\"ard-form-field__hints-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__hints-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ArdiumHorizontalFormFieldComponent, isStandalone: false, selector: "ard-horizontal-form-field", usesInheritance: true, ngImport: i0, template: "<div\r\n  class=\"ard-horizontal-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <div class=\"ard-form-field__label-container\">\r\n    <label\r\n      class=\"ard-form-field__label\"\r\n      [attr.for]=\"controlHtmlId\"\r\n    >\r\n      <ng-content select=\"ard-label, [ard-label]\" />\r\n    </label>\r\n  </div>\r\n  <div class=\"ard-form-field__non-label\">\r\n    <div class=\"ard-form-field__input\">\r\n      <ng-content />\r\n    </div>\r\n    <div\r\n      class=\"ard-form-field__hints\"\r\n      [class.ard-form-field__errors]=\"hasAnyError()\"\r\n      [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n      [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n    >\r\n      @if (hasAnyError()) {\r\n      <div class=\"ard-form-field__errors-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[left], [ard-error][left], ard-auto-error[left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__errors-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[right], [ard-error][right], ard-auto-error[right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      } @else {\r\n      <div class=\"ard-form-field__hints-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__hints-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultAutoErrors>\r\n  <ng-content select=\"ard-auto-error:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumHorizontalFormFieldComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'ard-horizontal-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-horizontal-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <div class=\"ard-form-field__label-container\">\r\n    <label\r\n      class=\"ard-form-field__label\"\r\n      [attr.for]=\"controlHtmlId\"\r\n    >\r\n      <ng-content select=\"ard-label, [ard-label]\" />\r\n    </label>\r\n  </div>\r\n  <div class=\"ard-form-field__non-label\">\r\n    <div class=\"ard-form-field__input\">\r\n      <ng-content />\r\n    </div>\r\n    <div\r\n      class=\"ard-form-field__hints\"\r\n      [class.ard-form-field__errors]=\"hasAnyError()\"\r\n      [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n      [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n    >\r\n      @if (hasAnyError()) {\r\n      <div class=\"ard-form-field__errors-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[left], [ard-error][left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__errors-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[right], [ard-error][right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      } @else {\r\n      <div class=\"ard-form-field__hints-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__hints-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"] }]
+            args: [{ standalone: false, selector: 'ard-horizontal-form-field', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ard-horizontal-form-field\"\r\n  [class.ard-form-field__with-error]=\"controlHasError\"\r\n  [class.ard-form-field__is-success]=\"controlIsSuccess\"\r\n  [class.ard-form-field__control-disabled]=\"controlDisabled\"\r\n>\r\n  <div class=\"ard-form-field__label-container\">\r\n    <label\r\n      class=\"ard-form-field__label\"\r\n      [attr.for]=\"controlHtmlId\"\r\n    >\r\n      <ng-content select=\"ard-label, [ard-label]\" />\r\n    </label>\r\n  </div>\r\n  <div class=\"ard-form-field__non-label\">\r\n    <div class=\"ard-form-field__input\">\r\n      <ng-content />\r\n    </div>\r\n    <div\r\n      class=\"ard-form-field__hints\"\r\n      [class.ard-form-field__errors]=\"hasAnyError()\"\r\n      [class.ard-form-field__reserve-hint-line]=\"reserveHintLine() || hasAnyHint()\"\r\n      [class.ard-form-field__hints-default-left]=\"alignHintToLeftByDefault()\"\r\n    >\r\n      @if (hasAnyError()) {\r\n      <div class=\"ard-form-field__errors-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[left], [ard-error][left], ard-auto-error[left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__errors-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-error\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultAutoErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultErrors\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-error[right], [ard-error][right], ard-auto-error[right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      } @else {\r\n      <div class=\"ard-form-field__hints-left\">\r\n        @if (alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[left], [ard-hint][left]\" />\r\n        <ng-template [ngTemplateOutlet]=\"leftHintErrors\" />\r\n      </div>\r\n      <div class=\"ard-form-field__hints-right\">\r\n        @if (!alignHintToLeftByDefault()) {\r\n        <div class=\"ard-form-field__default-hint\">\r\n          <ng-template [ngTemplateOutlet]=\"defaultHints\" />\r\n          <ng-template [ngTemplateOutlet]=\"defaultHintErrors\" />\r\n        </div>\r\n        }\r\n        <ng-content select=\"ard-hint[right], [ard-hint][right]\" />\r\n        <ng-template [ngTemplateOutlet]=\"rightHintErrors\" />\r\n      </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #defaultHints>\r\n  <ng-content select=\"ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultAutoErrors>\r\n  <ng-content select=\"ard-auto-error:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultErrors>\r\n  <ng-content select=\"ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n\r\n<ng-template #defaultHintErrors>\r\n  <ng-content select=\"ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])\" />\r\n</ng-template>\r\n<ng-template #leftHintErrors>\r\n  <ng-content select=\"ard-hint-error[left], [ard-hint-error][left]\" />\r\n</ng-template>\r\n<ng-template #rightHintErrors>\r\n  <ng-content select=\"ard-hint-error[right], [ard-hint-error][right]\" />\r\n</ng-template>\r\n", styles: [":host{display:block}.ard-horizontal-form-field{display:flex}.ard-form-field__hints,.ard-form-field__errors{display:flex;justify-content:space-between}.ard-form-field__hints>*,.ard-form-field__errors>*{display:flex;flex-direction:column}.ard-form-field__hints .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors .ard-form-field__errors-left .ard-form-field__default-error{display:none}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-left .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-left .ard-form-field__default-error{display:flex;flex-direction:column}.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__hints.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__hints-right .ard-form-field__default-hint,.ard-form-field__errors.ard-form-field__hints-default-left .ard-form-field__errors-right .ard-form-field__default-error{display:none}\n"] }]
         }] });
 
 class ArdiumFormFieldModule {
@@ -13632,13 +13719,15 @@ class ArdiumFormFieldModule {
             ArdiumLabelComponent,
             ArdiumHintComponent,
             ArdiumErrorComponent,
-            ArdiumHintErrorComponent], imports: [CommonModule, ArdiumHintDirective, ArdiumErrorDirective], exports: [ArdiumFormFieldComponent,
+            ArdiumHintErrorComponent,
+            ArdiumAutoErrorComponent], imports: [CommonModule, ArdiumHintDirective, ArdiumErrorDirective], exports: [ArdiumFormFieldComponent,
             ArdiumHorizontalFormFieldComponent,
             ArdiumFormFieldNativeInputAdapterDirective,
             ArdiumLabelComponent,
             ArdiumHintComponent,
             ArdiumErrorComponent,
-            ArdiumHintErrorComponent] }); }
+            ArdiumHintErrorComponent,
+            ArdiumAutoErrorComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumFormFieldModule, imports: [CommonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumFormFieldModule, decorators: [{
@@ -13652,6 +13741,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ArdiumHintComponent,
                         ArdiumErrorComponent,
                         ArdiumHintErrorComponent,
+                        ArdiumAutoErrorComponent,
                     ],
                     imports: [CommonModule, ArdiumHintDirective, ArdiumErrorDirective],
                     exports: [
@@ -13662,6 +13752,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ArdiumHintComponent,
                         ArdiumErrorComponent,
                         ArdiumHintErrorComponent,
+                        ArdiumAutoErrorComponent,
                     ],
                 }]
         }] });
@@ -15682,6 +15773,414 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }] });
 
+const _defaultBreakpoints = {
+    xs: '0rem', // 0px
+    sm: '36rem', // 576px
+    md: '48rem', // 768px
+    lg: '64rem', // 1024px
+    xl: '80rem', // 1280px
+    '2xl': '96rem', // 1536px
+};
+const ARD_BREAKPOINTS = new InjectionToken('ard-breakpoints', {
+    factory: () => mapBreakpointsToMediaQueries(_defaultBreakpoints),
+});
+function provideBreakpoints(config) {
+    return [
+        {
+            provide: ARD_BREAKPOINTS,
+            useValue: mapBreakpointsToMediaQueries({ ..._defaultBreakpoints, ...(config ?? {}) }),
+        },
+        ArdiumBreakpointService,
+    ];
+}
+function mapBreakpointsToMediaQueries(breakpoints) {
+    const map = new Map();
+    let firstUnit = null;
+    const entries = Object.entries(breakpoints)
+        .map(entry => {
+        const [key, value] = entry;
+        if (value === undefined) {
+            return null;
+        }
+        const [, amountStr, unit] = value.match(/(\d+)(\w+)/) || [];
+        const amount = Number(amountStr);
+        // validate format
+        if (isNaN(amount) || !unit) {
+            console.warn(`ARD-WA-G00: Invalid breakpoint format for ${key}: ${value}`);
+            return null;
+        }
+        // validate consistent units
+        if (!firstUnit) {
+            firstUnit = unit;
+        }
+        else if (unit !== firstUnit) {
+            console.warn(`ARD-WA-G01: All breakpoints must use the same unit. Expected "${firstUnit}" but got "${unit}" for breakpoint "${key}"`);
+            return null;
+        }
+        // validate positive values
+        if (amount < 0) {
+            console.warn(`ARD-WA-G02: Breakpoint values must be non-negative. Invalid value for ${key}: ${value}`);
+            return null;
+        }
+        return [key, { amount, unit }];
+    })
+        .filter(entry => entry !== null)
+        .sort((a, b) => a[1].amount - b[1].amount);
+    for (let i = 0; i < entries.length; i++) {
+        const [key, { amount, unit }] = entries[i];
+        const minWidth = `(min-width: ${amount}${unit})`;
+        const nextEntry = entries[i + 1];
+        if (!nextEntry) {
+            map.set(minWidth, key);
+            continue;
+        }
+        const [, { amount: nextAmount, unit: nextUnit }] = nextEntry;
+        const maxWidth = `(max-width: ${nextAmount - 0.01}${nextUnit})`;
+        const mediaQuery = i === entries.length - 1 ? minWidth : `${minWidth} and ${maxWidth}`;
+        map.set(mediaQuery, key);
+    }
+    return map;
+}
+
+class ArdiumBreakpointService {
+    constructor() {
+        this._destroyed = new Subject();
+        this.breakpointMap = inject(ARD_BREAKPOINTS);
+        this.breakpoints = Array.from(this.breakpointMap.values());
+        this.currentBreakpoint = signal(null);
+        inject(BreakpointObserver)
+            .observe(Array.from(this.breakpointMap.keys()))
+            .pipe(takeUntil(this._destroyed))
+            .subscribe(result => {
+            for (const query of Object.keys(result.breakpoints)) {
+                if (result.breakpoints[query]) {
+                    this.currentBreakpoint.set(this.breakpointMap.get(query));
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._destroyed.next();
+        this._destroyed.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumBreakpointService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumBreakpointService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumBreakpointService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Normalizes various responsive value representations into a full {@link ArdBreakpointsConfig}.
+ *
+ * - `number`: same value is applied to all breakpoints.
+ * - `string`: either a single number or a space-separated breakpoint list
+ *   like `"base:1 sm:2 md:3 lg:4 xl:5"`.
+ * - `ArdBreakpointsConfig`: missing breakpoints are filled based on smaller ones.
+ */
+function transformResponsiveValue(v, breakpoints, parseValue) {
+    // if it's an object, fill in missing breakpoints
+    if (isObject(v)) {
+        return fillInMissingBreakpoints(v, breakpoints);
+    }
+    // parse string like "xs:1 sm:2 md:3 lg:4 xl:5"
+    const items = coerceArrayProperty(v, ' ')
+        .map(item => {
+        const [breakpointOrValue, value] = item.split(':');
+        const rawValue = value !== undefined ? value.trim() : breakpointOrValue.trim();
+        return {
+            breakpoint: value !== undefined ? breakpointOrValue.trim() : 'xs',
+            rawValue,
+            value: parseValue(rawValue),
+        };
+    })
+        .filter(item => {
+        if (!breakpoints.includes(item.breakpoint)) {
+            console.warn(`ARD-WA6010: Unknown breakpoint "${item.breakpoint}:${item.value}". This entry will be ignored.`);
+            return false;
+        }
+        if (item.value === undefined || item.value === null || item.value === '' || (isNumber(item.value) && isNaN(item.value))) {
+            console.warn(`ARD-WA6011: Invalid value for breakpoint "${item.breakpoint}". This entry will be ignored.`);
+            return false;
+        }
+        return true;
+    })
+        .reduce((acc, curr) => {
+        if (acc[curr.breakpoint]) {
+            console.warn(`ARD-WA6012: Duplicate value for breakpoint "${curr.breakpoint}". The value "${curr.rawValue}" will overwrite the previous value "${acc[curr.breakpoint]}".`);
+        }
+        acc[curr.breakpoint] = curr.value;
+        return acc;
+    }, {});
+    return fillInMissingBreakpoints(items, breakpoints);
+}
+function fillInMissingBreakpoints(config, breakpoints) {
+    const filledConfig = {};
+    let lastValue = undefined;
+    for (const bp of breakpoints) {
+        if (config[bp] !== undefined) {
+            filledConfig[bp] = config[bp];
+            lastValue = config[bp];
+            continue;
+        }
+        if (lastValue !== undefined) {
+            filledConfig[bp] = lastValue;
+            continue;
+        }
+        throw new Error(`ARD-FT6013: Missing value for breakpoint "${bp}" and no smaller breakpoint to inherit from.`);
+    }
+    return filledConfig;
+}
+
+function parseNumberOrBreakpointConfig(value, breakpoints) {
+    if (typeof value === 'number') {
+        // If it's a number, apply it to all breakpoints
+        return fillInMissingBreakpoints({ xs: value }, breakpoints);
+    }
+    return transformResponsiveValue(value, breakpoints, coerceNumberProperty);
+}
+function parseSizeOrBreakpointConfig(value, breakpoints) {
+    if (typeof value === 'number' || isArdGridSize(value)) {
+        // If it's a number or ArdGridSize, apply it to all breakpoints
+        return fillInMissingBreakpoints({ xs: value }, breakpoints);
+    }
+    return transformResponsiveValue(value, breakpoints, v => {
+        if (isArdGridSize(v)) {
+            return v;
+        }
+        return coerceNumberProperty(v);
+    });
+}
+function parseBooleanOrBreakpointConfig(value, breakpoints) {
+    if (typeof value === 'boolean') {
+        // If it's a boolean, apply it to all breakpoints
+        return fillInMissingBreakpoints({ xs: value }, breakpoints);
+    }
+    if (value === '' || value === 'true') {
+        return fillInMissingBreakpoints({ xs: true }, breakpoints);
+    }
+    return transformResponsiveValue(value, breakpoints, v => v === 'true');
+}
+function parseCSSUnitOrBreakpointConfig(value, breakpoints) {
+    if (isNull(value)) {
+        return value;
+    }
+    if (isNumber(value)) {
+        fillInMissingBreakpoints({ xs: value }, breakpoints);
+    }
+    return transformResponsiveValue(value, breakpoints, v => {
+        const num = coerceNumberProperty(v, NaN);
+        return isNaN(num) ? v : `calc(var(--ard-grid-spacing-unit) * ${num})`;
+    });
+}
+function parseEnumOrBreakpointConfig(value, breakpoints, isEnumValue) {
+    if (isEnumValue(value)) {
+        // If it's an enum value, apply it to all breakpoints
+        return fillInMissingBreakpoints({ xs: value }, breakpoints);
+    }
+    return transformResponsiveValue(value, breakpoints, v => (isEnumValue(v) ? v : undefined));
+}
+
+//! size
+const ArdGridSize = {
+    Grow: 'grow',
+    Auto: 'auto',
+};
+const gridSizeValuesSet = new Set(Object.values(ArdGridSize));
+function isArdGridSize(value) {
+    return gridSizeValuesSet.has(value);
+}
+//! justify
+const ArdGridJustify = {
+    Start: 'flex-start',
+    End: 'flex-end',
+    Center: 'center',
+    SpaceBetween: 'space-between',
+    SpaceAround: 'space-around',
+    SpaceEvenly: 'space-evenly',
+};
+const gridJustifyValuesSet = new Set(Object.values(ArdGridJustify));
+function isArdGridJustify(value) {
+    return gridJustifyValuesSet.has(value);
+}
+//! align
+const ArdGridAlign = {
+    Start: 'flex-start',
+    End: 'flex-end',
+    Center: 'center',
+};
+const gridAlignValuesSet = new Set(Object.values(ArdGridAlign));
+function isArdGridAlign(value) {
+    return gridAlignValuesSet.has(value);
+}
+//! wrap
+const ArdGridWrap = {
+    Wrap: 'wrap',
+    NoWrap: 'nowrap',
+    WrapReverse: 'wrap-reverse',
+};
+const gridWrapValuesSet = new Set(Object.values(ArdGridWrap));
+function isArdGridWrap(value) {
+    return gridWrapValuesSet.has(value);
+}
+//! direction
+const ArdGridDirection = {
+    Row: 'row',
+    RowReverse: 'row-reverse',
+    Column: 'column',
+    ColumnReverse: 'column-reverse',
+};
+const gridDirectionValuesSet = new Set(Object.values(ArdGridDirection));
+function isArdGridDirection(value) {
+    return gridDirectionValuesSet.has(value);
+}
+
+const _gridDefaults = {
+    columns: 12,
+    size: ArdGridSize.Grow,
+    reverse: false,
+    justifyContent: ArdGridJustify.Start,
+    alignItems: ArdGridAlign.Start,
+    spacing: 3,
+    columnSpacing: null,
+    rowSpacing: null,
+    wrap: ArdGridWrap.Wrap,
+};
+const ARD_GRID_DEFAULTS = new InjectionToken('ard-grid-defaults', {
+    factory: () => ({
+        ..._gridDefaults,
+    }),
+});
+function provideGridDefaults(config) {
+    return { provide: ARD_GRID_DEFAULTS, useValue: { ..._gridDefaults, ...config } };
+}
+
+class ArdiumGridComponent {
+    constructor() {
+        this._DEFAULTS = inject(ARD_GRID_DEFAULTS);
+        this._breakpointService = inject(ArdiumBreakpointService);
+        this._wasContentInitialized = false;
+        //! is container
+        this.container = input(false, { transform: v => coerceBooleanProperty(v) });
+        //! configurations
+        this.columns = input(parseNumberOrBreakpointConfig(this._DEFAULTS.columns, this._breakpointService.breakpoints), { transform: value => parseNumberOrBreakpointConfig(value, this._breakpointService.breakpoints) });
+        this.size = input(parseSizeOrBreakpointConfig(this._DEFAULTS.size, this._breakpointService.breakpoints), {
+            transform: value => parseSizeOrBreakpointConfig(value, this._breakpointService.breakpoints),
+        });
+        this.reverse = input(parseBooleanOrBreakpointConfig(this._DEFAULTS.reverse, this._breakpointService.breakpoints), { transform: value => parseBooleanOrBreakpointConfig(value, this._breakpointService.breakpoints) });
+        this.justifyContent = input(parseEnumOrBreakpointConfig(this._DEFAULTS.justifyContent, this._breakpointService.breakpoints, isArdGridJustify), {
+            transform: value => parseEnumOrBreakpointConfig(value, this._breakpointService.breakpoints, isArdGridJustify),
+        });
+        this.alignItems = input(parseEnumOrBreakpointConfig(this._DEFAULTS.alignItems, this._breakpointService.breakpoints, isArdGridAlign), {
+            transform: value => parseEnumOrBreakpointConfig(value, this._breakpointService.breakpoints, isArdGridAlign),
+        });
+        this.spacing = input(parseCSSUnitOrBreakpointConfig(this._DEFAULTS.spacing, this._breakpointService.breakpoints), {
+            transform: value => parseCSSUnitOrBreakpointConfig(value, this._breakpointService.breakpoints),
+        });
+        this.columnSpacing = input(parseCSSUnitOrBreakpointConfig(this._DEFAULTS.columnSpacing, this._breakpointService.breakpoints), {
+            transform: value => parseCSSUnitOrBreakpointConfig(value, this._breakpointService.breakpoints),
+        });
+        this.rowSpacing = input(parseCSSUnitOrBreakpointConfig(this._DEFAULTS.rowSpacing, this._breakpointService.breakpoints), {
+            transform: value => parseCSSUnitOrBreakpointConfig(value, this._breakpointService.breakpoints),
+        });
+        this.wrap = input(parseEnumOrBreakpointConfig(this._DEFAULTS.wrap, this._breakpointService.breakpoints, isArdGridWrap), { transform: value => parseEnumOrBreakpointConfig(value, this._breakpointService.breakpoints, isArdGridWrap) });
+        //! inherited properties
+        this.inheritedColumns = signal(null);
+        this.inheritedReverse = signal(null);
+        this.inheritedJustifyContent = signal(null);
+        this.inheritedAlignItems = signal(null);
+        this.inheritedColumnSpacing = signal(null);
+        this.inheritedRowSpacing = signal(null);
+        this.inheritedWrap = signal(null);
+        //! inherited or own properties
+        this.columnsOrInherited = computed(() => this.inheritedColumns() ?? this.columns());
+        this.reverseOrInherited = computed(() => this.inheritedReverse() ?? this.reverse());
+        this.justifyContentOrInherited = computed(() => this.inheritedJustifyContent() ?? this.justifyContent());
+        this.alignItemsOrInherited = computed(() => this.inheritedAlignItems() ?? this.alignItems());
+        this.columnSpacingOrInherited = computed(() => this.inheritedColumnSpacing() ?? this.columnSpacing());
+        this.rowSpacingOrInherited = computed(() => this.inheritedRowSpacing() ?? this.rowSpacing());
+        this.wrapOrInherited = computed(() => this.inheritedWrap() ?? this.wrap());
+        //! computed properties
+        this.finalColumnSpacing = computed(() => this.columnSpacingOrInherited() ?? this.spacing());
+        this.finalRowSpacing = computed(() => this.rowSpacingOrInherited() ?? this.spacing());
+        //! current values
+        this.currentColumns = computed(() => this.columnsOrInherited()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentSize = computed(() => this.size()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentReverse = computed(() => this.reverseOrInherited()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentJustifyContent = computed(() => this.justifyContentOrInherited()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentAlignItems = computed(() => this.alignItemsOrInherited()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentColumnSpacing = computed(() => this.finalColumnSpacing()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentRowSpacing = computed(() => this.finalRowSpacing()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentWrap = computed(() => this.wrapOrInherited()[this._breakpointService.currentBreakpoint() ?? 'xs']);
+        this.currentStyle = computed(() => [
+            this.container() ? `--ard-_grid-columns: ${this.currentColumns()}` : `--ard-_grid-size: ${this.currentSize()}`,
+            this.container() ? `--ard-_grid-direction: ${this.currentReverse() ? 'row-reverse' : 'row'}` : '',
+            this.container() ? `--ard-_grid-justify-content: ${this.currentJustifyContent()}` : '',
+            this.container() ? `--ard-_grid-align-items: ${this.currentAlignItems()}` : '',
+            this.container() ? `--ard-_grid-column-spacing: ${this.currentColumnSpacing()}` : '',
+            this.container() ? `--ard-_grid-row-spacing: ${this.currentRowSpacing()}` : '',
+            this.container() ? `--ard-_grid-wrap: ${this.currentWrap()}` : '',
+        ]
+            .filter(Boolean)
+            .join(';'));
+        //! inheriting styles for items
+        this.children = contentChildren(ArdiumGridComponent);
+        effect(() => {
+            this._updateChildrenStyles();
+        });
+    }
+    ngAfterContentInit() {
+        this._wasContentInitialized = true;
+        this._updateChildrenStyles();
+    }
+    _updateChildrenStyles() {
+        if (!this._wasContentInitialized) {
+            return;
+        }
+        const containerChildren = this.children().filter(child => child !== this && child.container());
+        for (const child of containerChildren) {
+            child.inheritedColumns.set(this.columns());
+            child.inheritedReverse.set(this.reverse());
+            child.inheritedJustifyContent.set(this.justifyContent());
+            child.inheritedAlignItems.set(this.alignItems());
+            child.inheritedColumnSpacing.set(this.columnSpacing());
+            child.inheritedRowSpacing.set(this.rowSpacing());
+            child.inheritedWrap.set(this.wrap());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: ArdiumGridComponent, isStandalone: false, selector: "ard-grid", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null }, justifyContent: { classPropertyName: "justifyContent", publicName: "justifyContent", isSignal: true, isRequired: false, transformFunction: null }, alignItems: { classPropertyName: "alignItems", publicName: "alignItems", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, columnSpacing: { classPropertyName: "columnSpacing", publicName: "columnSpacing", isSignal: true, isRequired: false, transformFunction: null }, rowSpacing: { classPropertyName: "rowSpacing", publicName: "rowSpacing", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "currentStyle()", "class.ard-grid__container": "container()", "class.ard-grid__item": "!container()", "class.ard-grid__item-grow": "!container() && currentSize() === \"grow\"", "class.ard-grid__item-auto": "!container() && currentSize() === \"auto\"" }, classAttribute: "ard-grid" }, queries: [{ propertyName: "children", predicate: ArdiumGridComponent, isSignal: true }], ngImport: i0, template: "<ng-content />", styles: [".ard-grid{display:block;box-sizing:border-box;min-width:0px}.ard-grid__container{display:flex;flex-direction:var(--ard-_grid-direction, row);flex-wrap:var(--ard-_grid-wrap, wrap);row-gap:var(--ard-_grid-row-spacing, 0px);column-gap:var(--ard-_grid-column-spacing, 0px);justify-content:var(--ard-_grid-justify-content, flex-start);align-items:var(--ard-_grid-align-items, flex-start)}.ard-grid__container>.ard-grid{flex-grow:0;flex-basis:auto;max-width:100%;width:calc(100% * var(--ard-_grid-size) / var(--ard-_grid-columns) - (var(--ard-_grid-columns) - var(--ard-_grid-size)) * var(--ard-_grid-column-spacing) / var(--ard-_grid-columns))}.ard-grid__container>.ard-grid.ard-grid__item-grow{flex-grow:1;width:auto}.ard-grid__container>.ard-grid.ard-grid__item-auto{width:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ard-grid', standalone: false, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'ard-grid',
+                        '[style]': 'currentStyle()',
+                        '[class.ard-grid__container]': 'container()',
+                        '[class.ard-grid__item]': '!container()',
+                        '[class.ard-grid__item-grow]': '!container() && currentSize() === "grow"',
+                        '[class.ard-grid__item-auto]': '!container() && currentSize() === "auto"',
+                    }, template: "<ng-content />", styles: [".ard-grid{display:block;box-sizing:border-box;min-width:0px}.ard-grid__container{display:flex;flex-direction:var(--ard-_grid-direction, row);flex-wrap:var(--ard-_grid-wrap, wrap);row-gap:var(--ard-_grid-row-spacing, 0px);column-gap:var(--ard-_grid-column-spacing, 0px);justify-content:var(--ard-_grid-justify-content, flex-start);align-items:var(--ard-_grid-align-items, flex-start)}.ard-grid__container>.ard-grid{flex-grow:0;flex-basis:auto;max-width:100%;width:calc(100% * var(--ard-_grid-size) / var(--ard-_grid-columns) - (var(--ard-_grid-columns) - var(--ard-_grid-size)) * var(--ard-_grid-column-spacing) / var(--ard-_grid-columns))}.ard-grid__container>.ard-grid.ard-grid__item-grow{flex-grow:1;width:auto}.ard-grid__container>.ard-grid.ard-grid__item-auto{width:auto}\n"] }]
+        }], ctorParameters: () => [] });
+
+class ArdiumGridModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: ArdiumGridModule, declarations: [ArdiumGridComponent], exports: [ArdiumGridComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumGridModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ArdiumGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ArdiumGridComponent
+                    ],
+                    imports: [],
+                    exports: [
+                        ArdiumGridComponent
+                    ]
+                }]
+        }] });
+
 const _tabberDefaults = {
     tabDisabled: false,
     color: ComponentColor.Primary,
@@ -16643,5 +17142,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ARD_BADGE_DEFAULTS, ARD_BUTTON_DEFAULTS, ARD_CALENDAR_DEFAULTS, ARD_CARD_DEFAULTS, ARD_CHECKBOX_DEFAULTS, ARD_CHECKBOX_LIST_DEFAULTS, ARD_CHIP_DEFAULTS, ARD_DATE_INPUT_DEFAULTS, ARD_DELETABLE_CHIP_DEFAULTS, ARD_DIALOG_DEFAULTS, ARD_DIGIT_INPUT_DEFAULTS, ARD_DIVIDER_DEFAULTS, ARD_DROPDOWN_PANEL_DEFAULTS, ARD_FAB_DEFAULTS, ARD_FILE_DROP_AREA_DEFAULTS, ARD_FILE_INPUT_DEFAULTS, ARD_FORM_FIELD_CONTROL, ARD_FORM_FIELD_DEFAULTS, ARD_FORM_FIELD_FRAME_DEFAULTS, ARD_HEX_INPUT_DEFAULTS, ARD_ICON_BUTTON_DEFAULTS, ARD_ICON_DEFAULTS, ARD_KBD_DEFAULTS, ARD_KBD_SHORTCUT_DEFAULTS, ARD_MODAL_DEFAULTS, ARD_NUMBER_INPUT_DEFAULTS, ARD_PASSWORD_INPUT_DEFAULTS, ARD_PROGRESS_BAR_DEFAULTS, ARD_PROGRESS_CIRCLE_DEFAULTS, ARD_RADIO_DEFAULTS, ARD_RATING_DISPLAY_DEFAULTS, ARD_RATING_INPUT_DEFAULTS, ARD_SEGMENT_DEFAULTS, ARD_SELECTABLE_CHIP_DEFAULTS, ARD_SELECT_DEFAULTS, ARD_SIMPLE_INPUT_DEFAULTS, ARD_SLIDER_DEFAULTS, ARD_SLIDE_TOGGLE_DEFAULTS, ARD_SNACKBAR_ANIMATION_LENGTH, ARD_SNACKBAR_DATA, ARD_SNACKBAR_DEFAULTS, ARD_SPINNER_DEFAULTS, ARD_STAR_BUTTON_DEFAULTS, ARD_STAR_DEFAULTS, ARD_STATEBOX_DEFAULTS, ARD_TABBER_DEFAULTS, ARD_TABLE_DEFAULTS, ARD_TABLE_FROM_CSV_DEFAULTS, ARD_TABLE_PAGINATION_DEFAULTS, ArdAddCustomTemplateDirective, ArdAutocompleteInputLoadingTemplateDirective, ArdAutocompleteInputPlaceholderTemplateDirective, ArdAutocompleteInputPrefixTemplateDirective, ArdAutocompleteInputSuffixTemplateDirective, ArdAutocompleteInputSuggestionTemplateDirective, ArdCalendarDayTemplateDirective, ArdCalendarDaysViewHeaderTemplateDirective, ArdCalendarFloatingMonthTemplateDirective, ArdCalendarMonthTemplateDirective, ArdCalendarMonthsViewHeaderTemplateDirective, ArdCalendarView, ArdCalendarWeekdayTemplateDirective, ArdCalendarYearTemplateDirective, ArdCalendarYearsViewHeaderTemplateDirective, ArdCheckboxListCheckboxTemplateDirective, ArdCheckboxListLabelTemplateDirective, ArdCheckboxTemplateDirective, ArdDateInputAcceptButtonsTemplateDirective, ArdDateInputCalendarIconTemplateDirective, ArdDateInputDayTemplateDirective, ArdDateInputDaysViewHeaderTemplateDirective, ArdDateInputFloatingMonthTemplateDirective, ArdDateInputMinMaxStrategy, ArdDateInputMonthTemplateDirective, ArdDateInputMonthsViewHeaderTemplateDirective, ArdDateInputPrefixTemplateDirective, ArdDateInputSuffixTemplateDirective, ArdDateInputValueTemplateDirective, ArdDateInputWeekdayTemplateDirective, ArdDateInputYearTemplateDirective, ArdDateInputYearsViewHeaderTemplateDirective, ArdDateRangeInputAcceptButtonsTemplateDirective, ArdDateRangeInputCalendarIconTemplateDirective, ArdDateRangeInputDayTemplateDirective, ArdDateRangeInputDaysViewHeaderTemplateDirective, ArdDateRangeInputFloatingMonthTemplateDirective, ArdDateRangeInputMonthTemplateDirective, ArdDateRangeInputMonthsViewHeaderTemplateDirective, ArdDateRangeInputPrefixTemplateDirective, ArdDateRangeInputSuffixTemplateDirective, ArdDateRangeInputValueTemplateDirective, ArdDateRangeInputWeekdayTemplateDirective, ArdDateRangeInputYearTemplateDirective, ArdDateRangeInputYearsViewHeaderTemplateDirective, ArdDialogActionType, ArdDialogButtonsTemplateDirective, ArdDialogCloseIconTemplateDirective, ArdDialogResult, ArdDropdownFooterTemplateDirective, ArdDropdownHeaderTemplateDirective, ArdFileInputPlaceholderTemplateDirective, ArdFileInputPrefixTemplateDirective, ArdFileInputSuffixTemplateDirective, ArdFormFieldPrefixTemplateDirective, ArdFormFieldSuffixTemplateDirective, ArdHexInputPlaceholderTemplateDirective, ArdHexInputPrefixTemplateDirective, ArdHexInputSuffixTemplateDirective, ArdInputPlaceholderTemplateDirective, ArdInputPrefixTemplateDirective, ArdInputSuffixTemplateDirective, ArdItemDisplayLimitTemplateDirective, ArdItemLimitReachedTemplateDirective, ArdLoadingPlaceholderTemplateDirective, ArdLoadingSpinnerTemplateDirective, ArdModalCloseIconTemplateDirective, ArdMultiCalendarLocation, ArdMultipageDateRangeInputAcceptButtonsTemplateDirective, ArdMultipageDateRangeInputCalendarIconTemplateDirective, ArdMultipageDateRangeInputDayTemplateDirective, ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective, ArdMultipageDateRangeInputFloatingMonthTemplateDirective, ArdMultipageDateRangeInputMonthTemplateDirective, ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective, ArdMultipageDateRangeInputPrefixTemplateDirective, ArdMultipageDateRangeInputSuffixTemplateDirective, ArdMultipageDateRangeInputValueTemplateDirective, ArdMultipageDateRangeInputWeekdayTemplateDirective, ArdMultipageDateRangeInputYearTemplateDirective, ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective, ArdNoItemsFoundTemplateDirective, ArdNumberInputPlaceholderTemplateDirective, ArdNumberInputPrefixTemplateDirective, ArdNumberInputSuffixTemplateDirective, ArdOptgroupTemplateDirective, ArdOptionTemplateDirective, ArdPanelPosition, ArdPasswordInputPlaceholderTemplateDirective, ArdPasswordInputPrefixTemplateDirective, ArdPasswordInputRevealButtonTemplateDirective, ArdPasswordInputSuffixTemplateDirective, ArdProgressBarValueTemplateDirective, ArdProgressCircleValueTemplateDirective, ArdRangeCalendarDayTemplateDirective, ArdRangeCalendarDaysViewHeaderTemplateDirective, ArdRangeCalendarFloatingMonthTemplateDirective, ArdRangeCalendarMonthTemplateDirective, ArdRangeCalendarMonthsViewHeaderTemplateDirective, ArdRangeCalendarWeekdayTemplateDirective, ArdRangeCalendarYearTemplateDirective, ArdRangeCalendarYearsViewHeaderTemplateDirective, ArdRangeSelectionBehavior, ArdRatingDisplayStarTemplateDirective, ArdRatingInputStarButtonTemplateDirective, searchFunctions as ArdSearchFunction, ArdSegmentOptionTemplateDirective, ArdSelectDropdownArrowTemplateDirective, ArdSelectPlaceholderTemplateDirective, ArdSelectPrefixTemplateDirective, ArdSelectSuffixTemplateDirective, ArdSlideToggleAppearance, ArdSliderTooltipDirective, ArdSnackbarAlignment, ArdSnackbarOriginRelation, ArdSnackbarQueueHandling, ArdSnackbarRef, ArdSnackbarType, ArdStarButtonStarTemplateDirective, ArdStarIconTemplateDirective, ArdTabberLabelTemplateDirective, ArdValueChipTemplateDirective, ArdValueTemplateDirective, ArdiumAutocompleteInputComponent, ArdiumAutocompleteInputModule, ArdiumBadgeDirective, ArdiumBadgeModule, ArdiumButtonComponent, ArdiumButtonDirective, ArdiumButtonModule, ArdiumCalendarComponent, ArdiumCalendarModule, ArdiumCardActionButtonsDirective, ArdiumCardAvatarDirective, ArdiumCardComponent, ArdiumCardContentDirective, ArdiumCardDirective, ArdiumCardFooterDirective, ArdiumCardHeaderComponent, ArdiumCardImageDirective, ArdiumCardModule, ArdiumCardSubtitleDirective, ArdiumCardTitleDirective, ArdiumCheckboxComponent, ArdiumCheckboxListComponent, ArdiumCheckboxListModule, ArdiumCheckboxModule, ArdiumChipComponent, ArdiumChipModule, ArdiumDateInputComponent, ArdiumDateInputModule, ArdiumDateRangeInputComponent, ArdiumDateRangeInputModule, ArdiumDeletableChipComponent, ArdiumDialogComponent, ArdiumDialogModule, ArdiumDigitInputComponent, ArdiumDigitInputModule, ArdiumDividerComponent, ArdiumDividerModule, ArdiumDropdownPanelComponent, ArdiumDropdownPanelModule, ArdiumErrorComponent, ArdiumErrorDirective, ArdiumFabComponent, ArdiumFabModule, ArdiumFileDropAreaComponent, ArdiumFileDropAreaDragoverContentTemplateDirective, ArdiumFileDropAreaIdleContentTemplateDirective, ArdiumFileDropAreaModule, ArdiumFileDropAreaUploadedContentTemplateDirective, ArdiumFileInputComponent, ArdiumFileInputDragoverContentTemplateDirective, ArdiumFileInputFolderIconTemplateDirective, ArdiumFileInputIdleContentTemplateDirective, ArdiumFileInputModule, ArdiumFileInputUploadedContentTemplateDirective, ArdiumFormFieldComponent, ArdiumFormFieldFrameComponent, ArdiumFormFieldFrameModule, ArdiumFormFieldModule, ArdiumFormFieldNativeInputAdapterDirective, ArdiumHexInputComponent, ArdiumHexInputModule, ArdiumHintComponent, ArdiumHintDirective, ArdiumHintErrorComponent, ArdiumHintErrorDirective, ArdiumHorizontalFormFieldComponent, ArdiumIconButtonComponent, ArdiumIconButtonModule, ArdiumIconComponent, ArdiumIconModule, ArdiumIconPipe, ArdiumInputComponent, ArdiumInputModule, ArdiumKbdComponent, ArdiumKbdDirective, ArdiumKbdModule, ArdiumKbdPipe, ArdiumKbdShortcutComponent, ArdiumKbdShortcutModule, ArdiumLabelComponent, ArdiumModalComponent, ArdiumModalModule, ArdiumMultipageDateRangeInputComponent, ArdiumMultipageDateRangeInputModule, ArdiumNumberInputComponent, ArdiumNumberInputModule, ArdiumOptionComponent, ArdiumOptionModule, ArdiumPasswordInputComponent, ArdiumPasswordInputModule, ArdiumProgressBarComponent, ArdiumProgressBarModule, ArdiumProgressCircleComponent, ArdiumProgressCircleModule, ArdiumRadioComponent, ArdiumRadioGroupComponent, ArdiumRadioModule, ArdiumRangeCalendarComponent, ArdiumRangeCalendarModule, ArdiumRangeSliderComponent, ArdiumRangeSliderModule, ArdiumRatingDisplayComponent, ArdiumRatingDisplayModule, ArdiumRatingInputComponent, ArdiumRatingInputModule, ArdiumSegmentComponent, ArdiumSegmentModule, ArdiumSelectComponent, ArdiumSelectModule, ArdiumSelectableChipComponent, ArdiumSlideToggleComponent, ArdiumSlideToggleModule, ArdiumSliderComponent, ArdiumSliderModule, ArdiumSnackbarService, ArdiumSpinnerComponent, ArdiumSpinnerModule, ArdiumStarButtonComponent, ArdiumStarButtonModule, ArdiumStarComponent, ArdiumStarModule, ArdiumStateboxComponent, ArdiumStateboxModule, ArdiumTabComponent, ArdiumTabberComponent, ArdiumTabberModule, ArdiumTableCaptionTemplateDirective, ArdiumTableCheckboxTemplateDirective, ArdiumTableComponent, ArdiumTableFromCsvComponent, ArdiumTableFromCsvModule, ArdiumTableHeaderCheckboxTemplateDirective, ArdiumTableModule, ArdiumTablePaginationComponent, ArdiumTablePaginationModule, ArdiumTablePaginationTemplateDirective, ArdiumTableTemplateDirective, ArdiumTextListComponent, ArdiumTextListModule, ArdiumTextListPipe, BadgePosition, BadgeSize, ButtonAppearance, ButtonVariant, CardAppearance, CardVariant, CheckboxListAlignType, CheckboxState, ClickStrategy, ComponentColor, DateRange, DecorationElementAppearance, DigitInputPrimitiveOption, DigitInputShape, DropdownPanelAppearance, DropdownPanelVariant, FabSize, FormElementAppearance, FormElementVariant, OneAxisAlignment, OutlinedAppearance, PaginationAlign, PanelAppearance, PanelVariant, ProgressBarAppearance, ProgressBarMode, ProgressBarSize, ProgressBarVariant, ProgressCircleAppearance, ProgressCircleVariant, SegmentAppearance, SegmentVariant, SimpleComponentColor, SimpleOneAxisAlignment, SliderDecorationPosition, SliderTooltipBehavior, SortType, StarColor, StarFillMode, TableAlignType, TableAppearance, TablePaginationStrategy, TableVariant, TransformType, _chipDefaults, _modalDefaults, provideBadgeDefaults, provideButtonDefaults, provideCalendarDefaults, provideCardDefaults, provideCheckboxDefaults, provideCheckboxListDefaults, provideChipDefaults, provideDateInputDefaults, provideDeletableChipDefaults, provideDialogDefaults, provideDigitInputDefaults, provideDividerDefaults, provideDropdownPanelDefaults, provideFabDefaults, provideFileDropAreaDefaults, provideFileInputDefaults, provideFormFieldDefaults, provideFormFieldFrameDefaults, provideHexInputDefaults, provideIconButtonDefaults, provideIconDefaults, provideInputDefaults, provideKbdDefaults, provideKbdShortcutDefaults, provideModalDefaults, provideNumberInputDefaults, providePasswordInputDefaults, provideProgressBarDefaults, provideProgressCircleDefaults, provideRadioDefaults, provideRatingDisplayDefaults, provideRatingInputDefaults, provideSegmentDefaults, provideSelectDefaults, provideSelectableChipDefaults, provideSlideToggleDefaults, provideSliderDefaults, provideSnackbarDefaults, provideSpinnerDefaults, provideStarButtonDefaults, provideStarDefaults, provideStateboxDefaults, provideTabberDefaults, provideTableDefaults, provideTableFromCsvDefaults, provideTablePaginationDefaults, searchInString };
+export { ARD_BADGE_DEFAULTS, ARD_BREAKPOINTS, ARD_BUTTON_DEFAULTS, ARD_CALENDAR_DEFAULTS, ARD_CARD_DEFAULTS, ARD_CHECKBOX_DEFAULTS, ARD_CHECKBOX_LIST_DEFAULTS, ARD_CHIP_DEFAULTS, ARD_DATE_INPUT_DEFAULTS, ARD_DELETABLE_CHIP_DEFAULTS, ARD_DIALOG_DEFAULTS, ARD_DIGIT_INPUT_DEFAULTS, ARD_DIVIDER_DEFAULTS, ARD_DROPDOWN_PANEL_DEFAULTS, ARD_ERROR_MAP, ARD_FAB_DEFAULTS, ARD_FILE_DROP_AREA_DEFAULTS, ARD_FILE_INPUT_DEFAULTS, ARD_FORM_FIELD_CONTROL, ARD_FORM_FIELD_DEFAULTS, ARD_FORM_FIELD_FRAME_DEFAULTS, ARD_GRID_DEFAULTS, ARD_HEX_INPUT_DEFAULTS, ARD_ICON_BUTTON_DEFAULTS, ARD_ICON_DEFAULTS, ARD_KBD_DEFAULTS, ARD_KBD_SHORTCUT_DEFAULTS, ARD_MODAL_DEFAULTS, ARD_NUMBER_INPUT_DEFAULTS, ARD_PASSWORD_INPUT_DEFAULTS, ARD_PROGRESS_BAR_DEFAULTS, ARD_PROGRESS_CIRCLE_DEFAULTS, ARD_RADIO_DEFAULTS, ARD_RATING_DISPLAY_DEFAULTS, ARD_RATING_INPUT_DEFAULTS, ARD_SEGMENT_DEFAULTS, ARD_SELECTABLE_CHIP_DEFAULTS, ARD_SELECT_DEFAULTS, ARD_SIMPLE_INPUT_DEFAULTS, ARD_SLIDER_DEFAULTS, ARD_SLIDE_TOGGLE_DEFAULTS, ARD_SNACKBAR_ANIMATION_LENGTH, ARD_SNACKBAR_DATA, ARD_SNACKBAR_DEFAULTS, ARD_SPINNER_DEFAULTS, ARD_STAR_BUTTON_DEFAULTS, ARD_STAR_DEFAULTS, ARD_STATEBOX_DEFAULTS, ARD_TABBER_DEFAULTS, ARD_TABLE_DEFAULTS, ARD_TABLE_FROM_CSV_DEFAULTS, ARD_TABLE_PAGINATION_DEFAULTS, ArdAddCustomTemplateDirective, ArdAutocompleteInputLoadingTemplateDirective, ArdAutocompleteInputPlaceholderTemplateDirective, ArdAutocompleteInputPrefixTemplateDirective, ArdAutocompleteInputSuffixTemplateDirective, ArdAutocompleteInputSuggestionTemplateDirective, ArdCalendarDayTemplateDirective, ArdCalendarDaysViewHeaderTemplateDirective, ArdCalendarFloatingMonthTemplateDirective, ArdCalendarMonthTemplateDirective, ArdCalendarMonthsViewHeaderTemplateDirective, ArdCalendarView, ArdCalendarWeekdayTemplateDirective, ArdCalendarYearTemplateDirective, ArdCalendarYearsViewHeaderTemplateDirective, ArdCheckboxListCheckboxTemplateDirective, ArdCheckboxListLabelTemplateDirective, ArdCheckboxTemplateDirective, ArdDateInputAcceptButtonsTemplateDirective, ArdDateInputCalendarIconTemplateDirective, ArdDateInputDayTemplateDirective, ArdDateInputDaysViewHeaderTemplateDirective, ArdDateInputFloatingMonthTemplateDirective, ArdDateInputMinMaxStrategy, ArdDateInputMonthTemplateDirective, ArdDateInputMonthsViewHeaderTemplateDirective, ArdDateInputPrefixTemplateDirective, ArdDateInputSuffixTemplateDirective, ArdDateInputValueTemplateDirective, ArdDateInputWeekdayTemplateDirective, ArdDateInputYearTemplateDirective, ArdDateInputYearsViewHeaderTemplateDirective, ArdDateRangeInputAcceptButtonsTemplateDirective, ArdDateRangeInputCalendarIconTemplateDirective, ArdDateRangeInputDayTemplateDirective, ArdDateRangeInputDaysViewHeaderTemplateDirective, ArdDateRangeInputFloatingMonthTemplateDirective, ArdDateRangeInputMonthTemplateDirective, ArdDateRangeInputMonthsViewHeaderTemplateDirective, ArdDateRangeInputPrefixTemplateDirective, ArdDateRangeInputSuffixTemplateDirective, ArdDateRangeInputValueTemplateDirective, ArdDateRangeInputWeekdayTemplateDirective, ArdDateRangeInputYearTemplateDirective, ArdDateRangeInputYearsViewHeaderTemplateDirective, ArdDialogActionType, ArdDialogButtonsTemplateDirective, ArdDialogCloseIconTemplateDirective, ArdDialogResult, ArdDropdownFooterTemplateDirective, ArdDropdownHeaderTemplateDirective, ArdFileInputPlaceholderTemplateDirective, ArdFileInputPrefixTemplateDirective, ArdFileInputSuffixTemplateDirective, ArdFormFieldPrefixTemplateDirective, ArdFormFieldSuffixTemplateDirective, ArdGridAlign, ArdGridDirection, ArdGridJustify, ArdGridSize, ArdGridWrap, ArdHexInputPlaceholderTemplateDirective, ArdHexInputPrefixTemplateDirective, ArdHexInputSuffixTemplateDirective, ArdInputPlaceholderTemplateDirective, ArdInputPrefixTemplateDirective, ArdInputSuffixTemplateDirective, ArdItemDisplayLimitTemplateDirective, ArdItemLimitReachedTemplateDirective, ArdLoadingPlaceholderTemplateDirective, ArdLoadingSpinnerTemplateDirective, ArdModalCloseIconTemplateDirective, ArdMultiCalendarLocation, ArdMultipageDateRangeInputAcceptButtonsTemplateDirective, ArdMultipageDateRangeInputCalendarIconTemplateDirective, ArdMultipageDateRangeInputDayTemplateDirective, ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective, ArdMultipageDateRangeInputFloatingMonthTemplateDirective, ArdMultipageDateRangeInputMonthTemplateDirective, ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective, ArdMultipageDateRangeInputPrefixTemplateDirective, ArdMultipageDateRangeInputSuffixTemplateDirective, ArdMultipageDateRangeInputValueTemplateDirective, ArdMultipageDateRangeInputWeekdayTemplateDirective, ArdMultipageDateRangeInputYearTemplateDirective, ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective, ArdNoItemsFoundTemplateDirective, ArdNumberInputPlaceholderTemplateDirective, ArdNumberInputPrefixTemplateDirective, ArdNumberInputSuffixTemplateDirective, ArdOptgroupTemplateDirective, ArdOptionTemplateDirective, ArdPanelPosition, ArdPasswordInputPlaceholderTemplateDirective, ArdPasswordInputPrefixTemplateDirective, ArdPasswordInputRevealButtonTemplateDirective, ArdPasswordInputSuffixTemplateDirective, ArdProgressBarValueTemplateDirective, ArdProgressCircleValueTemplateDirective, ArdRangeCalendarDayTemplateDirective, ArdRangeCalendarDaysViewHeaderTemplateDirective, ArdRangeCalendarFloatingMonthTemplateDirective, ArdRangeCalendarMonthTemplateDirective, ArdRangeCalendarMonthsViewHeaderTemplateDirective, ArdRangeCalendarWeekdayTemplateDirective, ArdRangeCalendarYearTemplateDirective, ArdRangeCalendarYearsViewHeaderTemplateDirective, ArdRangeSelectionBehavior, ArdRatingDisplayStarTemplateDirective, ArdRatingInputStarButtonTemplateDirective, searchFunctions as ArdSearchFunction, ArdSegmentOptionTemplateDirective, ArdSelectDropdownArrowTemplateDirective, ArdSelectPlaceholderTemplateDirective, ArdSelectPrefixTemplateDirective, ArdSelectSuffixTemplateDirective, ArdSlideToggleAppearance, ArdSliderTooltipDirective, ArdSnackbarAlignment, ArdSnackbarOriginRelation, ArdSnackbarQueueHandling, ArdSnackbarRef, ArdSnackbarType, ArdStarButtonStarTemplateDirective, ArdStarIconTemplateDirective, ArdTabberLabelTemplateDirective, ArdValueChipTemplateDirective, ArdValueTemplateDirective, ArdiumAutoErrorComponent, ArdiumAutocompleteInputComponent, ArdiumAutocompleteInputModule, ArdiumBadgeDirective, ArdiumBadgeModule, ArdiumBreakpointService, ArdiumButtonComponent, ArdiumButtonDirective, ArdiumButtonModule, ArdiumCalendarComponent, ArdiumCalendarModule, ArdiumCardActionButtonsDirective, ArdiumCardAvatarDirective, ArdiumCardComponent, ArdiumCardContentDirective, ArdiumCardDirective, ArdiumCardFooterDirective, ArdiumCardHeaderComponent, ArdiumCardImageDirective, ArdiumCardModule, ArdiumCardSubtitleDirective, ArdiumCardTitleDirective, ArdiumCheckboxComponent, ArdiumCheckboxListComponent, ArdiumCheckboxListModule, ArdiumCheckboxModule, ArdiumChipComponent, ArdiumChipModule, ArdiumDateInputComponent, ArdiumDateInputModule, ArdiumDateRangeInputComponent, ArdiumDateRangeInputModule, ArdiumDeletableChipComponent, ArdiumDialogComponent, ArdiumDialogModule, ArdiumDigitInputComponent, ArdiumDigitInputModule, ArdiumDividerComponent, ArdiumDividerModule, ArdiumDropdownPanelComponent, ArdiumDropdownPanelModule, ArdiumErrorComponent, ArdiumErrorDirective, ArdiumFabComponent, ArdiumFabModule, ArdiumFileDropAreaComponent, ArdiumFileDropAreaDragoverContentTemplateDirective, ArdiumFileDropAreaIdleContentTemplateDirective, ArdiumFileDropAreaModule, ArdiumFileDropAreaUploadedContentTemplateDirective, ArdiumFileInputComponent, ArdiumFileInputDragoverContentTemplateDirective, ArdiumFileInputFolderIconTemplateDirective, ArdiumFileInputIdleContentTemplateDirective, ArdiumFileInputModule, ArdiumFileInputUploadedContentTemplateDirective, ArdiumFormFieldComponent, ArdiumFormFieldFrameComponent, ArdiumFormFieldFrameModule, ArdiumFormFieldModule, ArdiumFormFieldNativeInputAdapterDirective, ArdiumGridComponent, ArdiumGridModule, ArdiumHexInputComponent, ArdiumHexInputModule, ArdiumHintComponent, ArdiumHintDirective, ArdiumHintErrorComponent, ArdiumHintErrorDirective, ArdiumHorizontalFormFieldComponent, ArdiumIconButtonComponent, ArdiumIconButtonModule, ArdiumIconComponent, ArdiumIconModule, ArdiumIconPipe, ArdiumInputComponent, ArdiumInputModule, ArdiumKbdComponent, ArdiumKbdDirective, ArdiumKbdModule, ArdiumKbdPipe, ArdiumKbdShortcutComponent, ArdiumKbdShortcutModule, ArdiumLabelComponent, ArdiumModalComponent, ArdiumModalModule, ArdiumMultipageDateRangeInputComponent, ArdiumMultipageDateRangeInputModule, ArdiumNumberInputComponent, ArdiumNumberInputModule, ArdiumOptionComponent, ArdiumOptionModule, ArdiumPasswordInputComponent, ArdiumPasswordInputModule, ArdiumProgressBarComponent, ArdiumProgressBarModule, ArdiumProgressCircleComponent, ArdiumProgressCircleModule, ArdiumRadioComponent, ArdiumRadioGroupComponent, ArdiumRadioModule, ArdiumRangeCalendarComponent, ArdiumRangeCalendarModule, ArdiumRangeSliderComponent, ArdiumRangeSliderModule, ArdiumRatingDisplayComponent, ArdiumRatingDisplayModule, ArdiumRatingInputComponent, ArdiumRatingInputModule, ArdiumSegmentComponent, ArdiumSegmentModule, ArdiumSelectComponent, ArdiumSelectModule, ArdiumSelectableChipComponent, ArdiumSlideToggleComponent, ArdiumSlideToggleModule, ArdiumSliderComponent, ArdiumSliderModule, ArdiumSnackbarService, ArdiumSpinnerComponent, ArdiumSpinnerModule, ArdiumStarButtonComponent, ArdiumStarButtonModule, ArdiumStarComponent, ArdiumStarModule, ArdiumStateboxComponent, ArdiumStateboxModule, ArdiumTabComponent, ArdiumTabberComponent, ArdiumTabberModule, ArdiumTableCaptionTemplateDirective, ArdiumTableCheckboxTemplateDirective, ArdiumTableComponent, ArdiumTableFromCsvComponent, ArdiumTableFromCsvModule, ArdiumTableHeaderCheckboxTemplateDirective, ArdiumTableModule, ArdiumTablePaginationComponent, ArdiumTablePaginationModule, ArdiumTablePaginationTemplateDirective, ArdiumTableTemplateDirective, ArdiumTextListComponent, ArdiumTextListModule, ArdiumTextListPipe, BadgePosition, BadgeSize, ButtonAppearance, ButtonVariant, CardAppearance, CardVariant, CheckboxListAlignType, CheckboxState, ClickStrategy, ComponentColor, DateRange, DecorationElementAppearance, DigitInputPrimitiveOption, DigitInputShape, DropdownPanelAppearance, DropdownPanelVariant, FabSize, FormElementAppearance, FormElementVariant, OneAxisAlignment, OutlinedAppearance, PaginationAlign, PanelAppearance, PanelVariant, ProgressBarAppearance, ProgressBarMode, ProgressBarSize, ProgressBarVariant, ProgressCircleAppearance, ProgressCircleVariant, SegmentAppearance, SegmentVariant, SimpleComponentColor, SimpleOneAxisAlignment, SliderDecorationPosition, SliderTooltipBehavior, SortType, StarColor, StarFillMode, TableAlignType, TableAppearance, TablePaginationStrategy, TableVariant, TransformType, _chipDefaults, _modalDefaults, isArdGridAlign, isArdGridDirection, isArdGridJustify, isArdGridSize, isArdGridWrap, provideBadgeDefaults, provideBreakpoints, provideButtonDefaults, provideCalendarDefaults, provideCardDefaults, provideCheckboxDefaults, provideCheckboxListDefaults, provideChipDefaults, provideDateInputDefaults, provideDeletableChipDefaults, provideDialogDefaults, provideDigitInputDefaults, provideDividerDefaults, provideDropdownPanelDefaults, provideErrorMap, provideFabDefaults, provideFileDropAreaDefaults, provideFileInputDefaults, provideFormFieldDefaults, provideFormFieldFrameDefaults, provideGridDefaults, provideHexInputDefaults, provideIconButtonDefaults, provideIconDefaults, provideInputDefaults, provideKbdDefaults, provideKbdShortcutDefaults, provideModalDefaults, provideNumberInputDefaults, providePasswordInputDefaults, provideProgressBarDefaults, provideProgressCircleDefaults, provideRadioDefaults, provideRatingDisplayDefaults, provideRatingInputDefaults, provideSegmentDefaults, provideSelectDefaults, provideSelectableChipDefaults, provideSlideToggleDefaults, provideSliderDefaults, provideSnackbarDefaults, provideSpinnerDefaults, provideStarButtonDefaults, provideStarDefaults, provideStateboxDefaults, provideTabberDefaults, provideTableDefaults, provideTableFromCsvDefaults, provideTablePaginationDefaults, searchInString };
 //# sourceMappingURL=ardium-ui-ui.mjs.map