@breadstone/mosaik-elements-angular 0.0.193 → 0.0.195

package/fesm2022/mosaik-elements-angular.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, makeEnvironmentProviders, DestroyRef, Directive, forwardRef, Injectable, Pipe, signal, effect, ViewChild, ViewEncapsulation, TemplateRef, Injector, DOCUMENT as DOCUMENT$1, Renderer2, computed, provideEnvironmentInitializer, ViewContainerRef, booleanAttribute, HostListener, ContentChildren, input, isDevMode, Optional, SkipSelf } from '@angular/core';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, makeEnvironmentProviders, DestroyRef, Directive, effect, untracked, forwardRef, Injectable, Pipe, signal, ViewChild, ViewEncapsulation, TemplateRef, Injector, DOCUMENT as DOCUMENT$1, Renderer2, computed, provideEnvironmentInitializer, ViewContainerRef, booleanAttribute, HostListener, ContentChildren, input, isDevMode, Optional, SkipSelf } from '@angular/core';
 import * as i1 from '@breadstone/mosaik-elements-foundation';
 import { AbsoluteItemElement, AbsoluteElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BottomSheetElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, ButtonElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, calendarElementValueAccessor, CalendarElement, CameraElement, CardActionsElement, CardContentElement, CardFooterElement, CardHeaderElement, CardSubTitleElement, CardTitleElement, CardElement, Carousel2Element, CarouselItem2Element, CarouselItemElement, CarouselElement, CellGroupElement, CellElement, ChartElement, ChatHeaderElement, ChatInputAttachmentListElement, ChatInputElement, ChatMarkerElement, ChatMessageAvatarElement, ChatMessageDividerElement, ChatMessageReactionElement, ChatMessageElement, ChatElement, checkBoxGroupElementValueAccessor, CheckBoxGroupElement, checkboxElementValueAccessor, CheckboxElement, CheckmarkElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, CodeElement, ColorAreaElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, DataListElement, DataTableElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DialogActionsElement, DialogContentElement, DialogFooterElement, DialogHeaderSubTextElement, DialogHeaderTextElement, DialogHeaderElement, DialogElement, DisclosureElement, DismissElement, DividerElement, DockPanelElement, DotElement, DrawerContainerElement, DrawerContentElement, DrawerElement, DropZoneElement, DropDownButtonElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpandableElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, FlipElement, FloatingTriggerElement, FloatingElement, FocusRingElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, ListElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageBoxElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, PerspectiveElement, pinBoxElementValueAccessor, PinBoxElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, ProgressBarElement, ProgressRingElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, ReactionChatToolElement, RepeatButtonElement, ResizeAdornerElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, RippleElement, ScaleElement, ScrollElement, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyElement, TableCellElement, TableFooterElement, TableHeaderElement, TableRowElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, timeBoxElementValueAccessor, TimeBoxElement, ToastElement, ToggleButtonGroupElement, toggleButtonElementValueAccessor, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TooltipElement, TreeItemElement, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WizardStepElement, WizardElement, WrapElement, ToastService as ToastService$1, EID, Key, MessageBoxService as MessageBoxService$1, BottomSheetService as BottomSheetService$1, TranslatorService, Translator, TranslatorServiceLocator, BREAKPOINTS, Size, Spacing, AnimationPlayer2, Animation, DateAgoIntl, TimeAgoIntl } from '@breadstone/mosaik-elements-foundation';
 import { NgControl, TouchedChangeEvent, NG_VALUE_ACCESSOR, FormControl, FormArray, FormGroup, AbstractControl, FormGroupDirective } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { filter, from, of, isObservable, Subject, BehaviorSubject, fromEvent, takeUntil, Subscription, Observable, timer, share } from 'rxjs';
+import { FIELD, validate } from '@angular/forms/signals';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
 import { CdkScrollable } from '@angular/cdk/scrolling';
 import { DOCUMENT, NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import { OverlayPositionBuilder, Overlay } from '@angular/cdk/overlay';
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { validate } from '@angular/forms/signals';
 import { emit, filterByMemberPath, orderByMemberPath } from '@breadstone/mosaik-elements';
 import { ThemeObserver, ThemeGeneratorServiceLocator, ThemeGenerator, ThemeObserverServiceLocator } from '@breadstone/mosaik-themes';
 import { map, startWith } from 'rxjs/operators';
@@ -2398,8 +2398,7 @@ const FORM_STATUS_HOST = new InjectionToken('MOSAIK_FORM_STATUS_HOST');
  * `.ng-invalid`, `.ng-dirty`, or `.ng-touched`.
  * Injects `NgControl` for access to control state.
  *
- * We need this internally to trigger set the invalid property on the
- * native element.
+ * We need this internally to trigger set the invalid property on the native element.
  *
  * @public
  */
@@ -2458,6 +2457,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     selector: '.ng-invalid, .ng-dirty, .ng-touched'
                 }]
         }], ctorParameters: () => [] });
+/**
+ * Synchronizes the host component's `invalid` property with the
+ * validation state of a Signal Forms field.
+ *
+ * The directive activates automatically on any element using `[field]`
+ * and updates `host.invalid` to:
+ *
+ *    field.invalid() && field.touched()
+ *
+ * If no Signal Forms field is bound, the directive stays inactive.
+ */
+class FormFieldStatusDirective {
+    _host;
+    _field;
+    constructor() {
+        this._host = inject((ElementRef)).nativeElement;
+        this._field = inject(FIELD, { optional: true });
+        effect(() => {
+            // Prevent Angular from tracking the null-case.
+            // We only want reactivity when a field is really present.
+            const field = untracked(() => this._field);
+            if (!field) {
+                return;
+            }
+            const state = field.state();
+            const isInvalid = state.invalid() && state.touched();
+            if ('invalid' in this._host) {
+                this._host.invalid = isInvalid;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormFieldStatusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.2", type: FormFieldStatusDirective, isStandalone: true, selector: "[field]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormFieldStatusDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[field]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
 
 var __decorate$3w = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -2677,7 +2717,7 @@ let AvatarComponent = class AvatarComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => AvatarComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AvatarComponent = __decorate$3w([
     ProxyCmp({
@@ -2696,7 +2736,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['displayMode', 'hasBadge', 'text', 'textAccessor', 'icon', 'src', 'themeName', 'size', 'appearance', 'variant', 'disabled', 'dir', 'lang'],
                     outputs: ['connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -6768,7 +6808,7 @@ let CalendarComponent = class CalendarComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => CalendarComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CalendarComponent = __decorate$3f([
     ProxyCmp({
@@ -6787,7 +6827,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['sheets', 'intl', 'displayDate', 'displayDateStart', 'displayDateEnd', 'header', 'values', 'view', 'selectionMode', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'showAdjacent', 'markerHandler', 'themeName', 'locale', 'appearance', 'disabled', 'invalid', 'value', 'orientation', 'variant', 'fit', 'dir', 'lang'],
                     outputs: ['dateChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -12415,7 +12455,7 @@ let CheckBoxGroupComponent = class CheckBoxGroupComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => CheckBoxGroupComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CheckBoxGroupComponent = __decorate$2S([
     ProxyCmp({
@@ -12434,7 +12474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['name', 'required', 'themeName', 'invalid', 'disabled', 'orientation', 'value', 'appearance', 'variant', 'dir', 'lang'],
                     outputs: ['checkChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -12757,7 +12797,7 @@ let CheckboxComponent = class CheckboxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => CheckboxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 CheckboxComponent = __decorate$2R([
     ProxyCmp({
@@ -12776,7 +12816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['labelPosition', 'required', 'name', 'themeName', 'invalid', 'value', 'variant', 'appearance', 'disabled', 'label', 'formatter', 'isChecked', 'isThreeState', 'isFocused', 'dir', 'lang'],
                     outputs: ['checked', 'unchecked', 'indeterminate', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -13716,7 +13756,7 @@ let ChipBoxComponent = class ChipBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ChipBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ChipBoxComponent = __decorate$2O([
     ProxyCmp({
@@ -13735,7 +13775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'isEditable', 'readonly', 'pressBackspaceToRemove', 'chips', 'separatorKeys', 'transform', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'appearance', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['cleared', 'chipAdded', 'chipRemoved', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -14165,7 +14205,7 @@ let ChoiceGroupComponent = class ChoiceGroupComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ChoiceGroupComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ChoiceGroupComponent = __decorate$2M([
     ProxyCmp({
@@ -14184,7 +14224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['name', 'required', 'themeName', 'orientation', 'invalid', 'value', 'disabled', 'appearance', 'variant', 'dir', 'lang'],
                     outputs: ['choiceChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -14525,7 +14565,7 @@ let ChoiceComponent = class ChoiceComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ChoiceComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ChoiceComponent = __decorate$2L([
     ProxyCmp({
@@ -14544,7 +14584,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['name', 'additional', 'required', 'icon', 'iconPosition', 'themeName', 'invalid', 'disabled', 'appearance', 'variant', 'label', 'value', 'formatter', 'isChecked', 'isThreeState', 'isFocused', 'dir', 'lang'],
                     outputs: ['checked', 'unchecked', 'indeterminate', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -16243,7 +16283,7 @@ let ColorBoxComponent = class ColorBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ColorBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ColorBoxComponent = __decorate$2D([
     ProxyCmp({
@@ -16262,7 +16302,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'swatches', 'textAlign', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['cleared', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -16992,7 +17032,7 @@ let ComboComponent = class ComboComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ComboComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ComboComponent = __decorate$2B([
     ProxyCmp({
@@ -17011,7 +17051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['intl', 'selectionMode', 'placeholder', 'required', 'textAlign', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', 'invalid', 'disabled', 'value', 'themeName', 'selectedItems', 'selectedItem', 'dir', 'lang'],
                     outputs: ['cleared', 'selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -18915,7 +18955,7 @@ let DateBoxComponent = class DateBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => DateBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DateBoxComponent = __decorate$2v([
     ProxyCmp({
@@ -18934,7 +18974,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['displayDate', 'displayDateStart', 'displayDateEnd', 'displayValue', 'values', 'view', 'selectionMode', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'markerHandler', 'showAdjacent', 'readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'format', 'textAlign', 'themeName', 'isClearable', 'cleared', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -19619,7 +19659,7 @@ let DateTimeBoxComponent = class DateTimeBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => DateTimeBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DateTimeBoxComponent = __decorate$2u([
     ProxyCmp({
@@ -19638,7 +19678,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['displayDate', 'displayDateStart', 'displayDateEnd', 'displayValue', 'values', 'view', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'markerHandler', 'showAdjacent', 'readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'format', 'textAlign', 'themeName', 'isClearable', 'cleared', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -27327,7 +27367,7 @@ let FileUploadComponent = class FileUploadComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => FileUploadComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 FileUploadComponent = __decorate$1X([
     ProxyCmp({
@@ -27346,7 +27386,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['isDragging', 'intl', 'autoUpload', 'view', 'multiple', 'directory', 'accept', 'strategy', 'placeholder', 'maxSize', 'themeName', 'disabled', 'appearance', 'variant', 'invalid', 'value', 'dir', 'lang'],
                     outputs: ['fileUploadAdded', 'fileUploadRemoved', 'fileUploadFailed', 'fileUploadChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -35660,7 +35700,7 @@ let NumberBoxComponent = class NumberBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => NumberBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 NumberBoxComponent = __decorate$1m([
     ProxyCmp({
@@ -35679,7 +35719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'spinPosition', 'spinner', 'textAlign', 'themeName', 'isClearable', 'cleared', 'appearance', 'invalid', 'value', 'variant', 'label', 'isBusy', 'step', 'decimalPlaces', 'min', 'max', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['change', 'input', 'focus', 'blur', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -37322,7 +37362,7 @@ let PasswordBoxComponent = class PasswordBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => PasswordBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 PasswordBoxComponent = __decorate$1e([
     ProxyCmp({
@@ -37341,7 +37381,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'revealable', 'isReveal', 'textAlign', 'themeName', 'isClearable', 'cleared', 'invalid', 'value', 'variant', 'label', 'appearance', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['revealed', 'concealed', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -38472,7 +38512,7 @@ let PinBoxComponent = class PinBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => PinBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 PinBoxComponent = __decorate$1a([
     ProxyCmp({
@@ -38491,7 +38531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'length', 'mode', 'themeName', 'invalid', 'value', 'variant', 'appearance', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -40376,7 +40416,7 @@ let RadioGroupComponent = class RadioGroupComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => RadioGroupComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 RadioGroupComponent = __decorate$12([
     ProxyCmp({
@@ -40395,7 +40435,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['name', 'required', 'themeName', 'invalid', 'disabled', 'orientation', 'value', 'appearance', 'variant', 'dir', 'lang'],
                     outputs: ['radioChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -40718,7 +40758,7 @@ let RadioComponent = class RadioComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => RadioComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 RadioComponent = __decorate$11([
     ProxyCmp({
@@ -40737,7 +40777,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['labelPosition', 'required', 'name', 'themeName', 'invalid', 'value', 'variant', 'appearance', 'disabled', 'label', 'formatter', 'isChecked', 'isThreeState', 'isFocused', 'dir', 'lang'],
                     outputs: ['checked', 'unchecked', 'indeterminate', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -42406,7 +42446,7 @@ let RichTextBoxComponent = class RichTextBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => RichTextBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 RichTextBoxComponent = __decorate$X([
     ProxyCmp({
@@ -42425,7 +42465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['intl', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'minlength', 'maxlength', 'multilineRows', 'resize', 'showToolbar', 'themeName', 'isClearable', 'appearance', 'variant', 'invalid', 'value', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['cleared', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -43405,7 +43445,7 @@ let ScrubSliderComponent = class ScrubSliderComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ScrubSliderComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ScrubSliderComponent = __decorate$T([
     ProxyCmp({
@@ -43424,7 +43464,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['step', 'track', 'ticks', 'tickPlacement', 'showTickLabels', 'tickLabelAccessor', 'tooltipPlacement', 'tooltipAccessor', 'pxPerStep', 'accelerate', 'themeName', 'orientation', 'disabled', 'variant', 'appearance', 'isFocused', 'invalid', 'min', 'max', 'value', 'dir', 'lang'],
                     outputs: ['input', 'change', 'valueChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -43846,7 +43886,7 @@ let SearchBoxComponent = class SearchBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => SearchBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SearchBoxComponent = __decorate$S([
     ProxyCmp({
@@ -43865,7 +43905,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['textAlign', 'readonly', 'required', 'autofocus', 'name', 'pattern', 'placeholder', 'autocomplete', 'mode', 'delay', 'themeName', 'isClearable', 'invalid', 'value', 'variant', 'isBusy', 'appearance', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['cleared', 'searched', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -45265,7 +45305,7 @@ let SelectComponent = class SelectComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => SelectComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SelectComponent = __decorate$N([
     ProxyCmp({
@@ -45284,7 +45324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['intl', 'isEditable', 'isReadOnly', 'placeholder', 'required', 'textAlign', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', 'invalid', 'disabled', 'value', 'themeName', 'showFilter', 'filterMemberPath', 'filter', 'filterPlaceholder', 'selectedItem', 'dir', 'lang'],
                     outputs: ['cleared', 'selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -45735,7 +45775,7 @@ let SignaturePadComponent = class SignaturePadComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => SignaturePadComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SignaturePadComponent = __decorate$M([
     ProxyCmp({
@@ -45754,7 +45794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['isEmpty', 'width', 'height', 'placeholder', 'minDistance', 'throttle', 'dotSize', 'minWidth', 'maxWidth', 'velocityFilterWeight', 'backgroundColor', 'penColor', 'required', 'themeName', 'isClearable', 'disabled', 'isFocused', 'variant', 'invalid', 'value', 'label', 'appearance', 'dir', 'lang'],
                     outputs: ['cleared', 'signStarted', 'signEnded', 'signStrokeBeforeUpdated', 'signStrokeAfterUpdated', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -46335,7 +46375,7 @@ let SliderComponent = class SliderComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => SliderComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SliderComponent = __decorate$K([
     ProxyCmp({
@@ -46354,7 +46394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['step', 'track', 'ticks', 'tickPlacement', 'showTickLabels', 'tickLabelAccessor', 'tooltipPlacement', 'tooltipAccessor', 'themeName', 'orientation', 'disabled', 'variant', 'appearance', 'isFocused', 'invalid', 'min', 'max', 'value', 'dir', 'lang'],
                     outputs: ['valueChanged', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -51851,7 +51891,7 @@ let TextBoxComponent = class TextBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => TextBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 TextBoxComponent = __decorate$m([
     ProxyCmp({
@@ -51870,7 +51910,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['multiline', 'multilineRows', 'multilineMaxRows', 'readonly', 'required', 'autofocus', 'name', 'type', 'pattern', 'placeholder', 'autocomplete', 'keyboard', 'minlength', 'maxlength', 'resize', 'textAlign', 'themeName', 'isClearable', 'appearance', 'variant', 'label', 'invalid', 'value', 'isBusy', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['cleared', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -53393,7 +53433,7 @@ let TimeBoxComponent = class TimeBoxComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => TimeBoxComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 TimeBoxComponent = __decorate$g([
     ProxyCmp({
@@ -53412,7 +53452,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'isEditable', 'interval', 'blackoutTimes', 'specialTimes', 'minTime', 'maxTime', 'markerHandler', 'textAlign', 'themeName', 'isClearable', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'maxDropDownHeight', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
                     outputs: ['cleared', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -54403,7 +54443,7 @@ let ToggleButtonComponent = class ToggleButtonComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ToggleButtonComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ToggleButtonComponent = __decorate$d([
     ProxyCmp({
@@ -54422,7 +54462,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'isBusy', 'isChecked', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
                     outputs: ['change', 'checked', 'unchecked', 'click', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -54772,7 +54812,7 @@ let ToggleSwitchComponent = class ToggleSwitchComponent {
                 provide: FORM_STATUS_HOST,
                 useExisting: forwardRef(() => ToggleSwitchComponent)
             }
-        ], hostDirectives: [{ directive: FormStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], hostDirectives: [{ directive: FormStatusDirective }, { directive: FormFieldStatusDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ToggleSwitchComponent = __decorate$c([
     ProxyCmp({
@@ -54791,7 +54831,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     template: '<ng-content></ng-content>',
                     inputs: ['labelPosition', 'required', 'name', 'themeName', 'invalid', 'value', 'variant', 'appearance', 'disabled', 'label', 'formatter', 'isChecked', 'isThreeState', 'isFocused', 'dir', 'lang'],
                     outputs: ['checked', 'unchecked', 'indeterminate', 'connected', 'disconnected', 'changed'],
-                    hostDirectives: [FormStatusDirective],
+                    hostDirectives: [FormStatusDirective, FormFieldStatusDirective],
                     providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
@@ -61791,7 +61831,6 @@ class FormFieldDirective {
     /**
      * The FieldState to observe for validation errors.
      *
-     * @required
      * @public
      * @example
      * ```html
@@ -61800,7 +61839,7 @@ class FormFieldDirective {
      * </mosaik-form-field>
      * ```
      */
-    fieldState = input.required({ ...(ngDevMode ? { debugName: "fieldState" } : {}) });
+    fieldState = input(undefined, { ...(ngDevMode ? { debugName: "fieldState" } : {}) });
     //#endregion
     //#region Methods
     /**
@@ -61830,7 +61869,7 @@ class FormFieldDirective {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormFieldDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.2", type: FormFieldDirective, isStandalone: true, selector: "mosaik-form-field", inputs: { fieldState: { classPropertyName: "fieldState", publicName: "fieldState", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.2", type: FormFieldDirective, isStandalone: true, selector: "mosaik-form-field", inputs: { fieldState: { classPropertyName: "fieldState", publicName: "fieldState", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: FormFieldDirective, decorators: [{
             type: Directive,
@@ -61838,7 +61877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     // applies to your custom element
                     selector: 'mosaik-form-field'
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fieldState: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldState", required: true }] }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fieldState: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldState", required: false }] }] } });
 
 // #region Imports
 // #endregion
@@ -63817,5 +63856,5 @@ function provideTimeUpdates() {
  * Generated bundle index. Do not edit.
  */
 
-export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ANCHOR_DEFAULT_PROPS, APP_DEFAULT_PROPS, APP_HEADER_DEFAULT_PROPS, ATTACHMENT_CHAT_TOOL_DEFAULT_PROPS, AUDIO_DEFAULT_PROPS, AUTO_COMPLETE_BOX_DEFAULT_PROPS, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, AnchorComponent, AnimateDirective, AnimationRegistry, AppComponent, AppHeaderComponent, AttachmentChatToolComponent, AudioComponent, AutoCompleteBoxComponent, AvatarComponent, AvatarGroupComponent, BACKDROP_DEFAULT_PROPS, BADGE_DEFAULT_PROPS, BANNER_DEFAULT_PROPS, BANNER_GROUP_DEFAULT_PROPS, BANNER_HEADER_DEFAULT_PROPS, BANNER_SUB_HEADER_DEFAULT_PROPS, BOTTOM_SHEET_DEFAULT_PROPS, BOX_DEFAULT_PROPS, BREADCRUMB_DEFAULT_PROPS, BREADCRUMB_ITEM_DEFAULT_PROPS, BUSY_STATE_DEFAULT_PROPS, BUTTON_DEFAULT_PROPS, BUTTON_GROUP_DEFAULT_PROPS, BackdropComponent, BadgeComponent, BannerComponent, BannerGroupComponent, BannerHeaderComponent, BannerSubHeaderComponent, BottomSheetComponent, BottomSheetService, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, BusyStateComponent, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_ITEM_DEFAULT_PROPS, CALENDAR_SUB_HEADER_DEFAULT_PROPS, CAMERA_DEFAULT_PROPS, CARD_ACTIONS_DEFAULT_PROPS, CARD_CONTENT_DEFAULT_PROPS, CARD_DEFAULT_PROPS, CARD_FOOTER_DEFAULT_PROPS, CARD_HEADER_DEFAULT_PROPS, CARD_SUB_TITLE_DEFAULT_PROPS, CARD_TITLE_DEFAULT_PROPS, CAROUSEL2_DEFAULT_PROPS, CAROUSEL_DEFAULT_PROPS, CAROUSEL_ITEM2_DEFAULT_PROPS, CAROUSEL_ITEM_DEFAULT_PROPS, CELL_DEFAULT_PROPS, CELL_GROUP_DEFAULT_PROPS, CHART_DEFAULT_PROPS, CHAT_DEFAULT_PROPS, CHAT_HEADER_DEFAULT_PROPS, CHAT_INPUT_ATTACHMENT_LIST_DEFAULT_PROPS, CHAT_INPUT_DEFAULT_PROPS, CHAT_MARKER_DEFAULT_PROPS, CHAT_MESSAGE_AVATAR_DEFAULT_PROPS, CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_DIVIDER_DEFAULT_PROPS, CHAT_MESSAGE_REACTION_DEFAULT_PROPS, CHECKBOX_DEFAULT_PROPS, CHECKMARK_DEFAULT_PROPS, CHECK_BOX_GROUP_DEFAULT_PROPS, CHIP_BOX_DEFAULT_PROPS, CHIP_DEFAULT_PROPS, CHOICE_DEFAULT_PROPS, CHOICE_GROUP_DEFAULT_PROPS, CHOICE_GROUP_HEADER_DEFAULT_PROPS, CODE_DEFAULT_PROPS, COLOR_AREA_DEFAULT_PROPS, COLOR_BOX_DEFAULT_PROPS, COLOR_PICKER_DEFAULT_PROPS, COLOR_SLIDER_DEFAULT_PROPS, COLOR_SWATCH_DEFAULT_PROPS, COLOR_SWATCH_GROUP_DEFAULT_PROPS, COLOR_THUMB_DEFAULT_PROPS, COMBO_DEFAULT_PROPS, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatInputAttachmentListComponent, ChatInputComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, ChatMessageReactionComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_BREAKPOINT_OBSERVER_BEHAVIOR_CONFIG, DIALOG_CONFIG, DIALOG_CONTENT_DEFAULT_PROPS, DIALOG_DEFAULT_PROPS, DIALOG_FOOTER_DEFAULT_PROPS, DIALOG_HEADER_DEFAULT_PROPS, DIALOG_HEADER_SUB_TEXT_DEFAULT_PROPS, DIALOG_HEADER_TEXT_DEFAULT_PROPS, DIALOG_REF, DIALOG_REF_DATA, DIALOG_SLOTS, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOCK_PANEL_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DRAWER_CONFIG, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DRAWER_REF, DRAWER_REF_DATA, DRAWER_SLOTS, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DataListComponent, DataTableComponent, DateAgoPipe, DateAgoPipeIntl, DateBoxComponent, DateTimeBoxComponent, DialogActionsComponent, DialogActionsDirective, DialogBreakpointObserverBehavior, DialogComponent, DialogContentComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DisclosureComponent, DismissComponent, DividerComponent, DockDirective, DockPanelComponent, DotComponent, DrawerActionsDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerPortalComponent, DrawerRef, DrawerService, DropDownButtonComponent, DropZoneComponent, ELEVATION_DEFAULT_PROPS, EMOJI_DEFAULT_PROPS, EMPTY_STATE_DEFAULT_PROPS, EPG_CHANNEL_DEFAULT_PROPS, EPG_DEFAULT_PROPS, EPG_PROGRAM_DEFAULT_PROPS, ERROR_DEFAULT_PROPS, ERROR_STATE_DEFAULT_PROPS, EXPANDABLE_DEFAULT_PROPS, EXPANDER_DEFAULT_PROPS, EXPANDER_GROUP_DEFAULT_PROPS, EXPANDER_HEADER_DEFAULT_PROPS, EXPANDER_SUB_HEADER_DEFAULT_PROPS, ElevationComponent, EmojiComponent, EmptyStateComponent, EpgChannelComponent, EpgComponent, EpgProgramComponent, ErrorComponent, ErrorGroupDirective, ErrorKindDirective, ErrorStateComponent, ExpandableComponent, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_ITEM_DEFAULT_PROPS, FLIP_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_GROUP_DEFAULT_PROPS, FLOATING_DEFAULT_PROPS, FLOATING_TRIGGER_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FocusRingComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormFieldDirective, FormStatusDirective, FormatPipe, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconRegistry, ImageComponent, IndicatorComponent, JUMBOTRON_DEFAULT_PROPS, JUMBOTRON_HEADER_DEFAULT_PROPS, JUMBOTRON_SUB_HEADER_DEFAULT_PROPS, JumbotronComponent, JumbotronHeaderComponent, JumbotronSubHeaderComponent, KBD_DEFAULT_PROPS, KBD_SHORTCUT_DEFAULT_PROPS, KbdComponent, KbdShortcutComponent, LIGHT_CHAIN_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, MAP_DEFAULT_PROPS, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MapComponent, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxService, MeterBarComponent, MeterRingComponent, NUMBER_BOX_DEFAULT_PROPS, NUMBER_COUNTER_DEFAULT_PROPS, NUMBER_DEFAULT_PROPS, NumberBoxComponent, NumberComponent, NumberCounterComponent, OfPipe, OrderByPipe, PAGE_CONTENT_DEFAULT_PROPS, PAGE_DEFAULT_PROPS, PAGE_HEADER_DEFAULT_PROPS, PAGE_MENU_DEFAULT_PROPS, PAGE_PRE_CONTENT_DEFAULT_PROPS, PAGE_PRE_HEADER_DEFAULT_PROPS, PAGINATOR_DEFAULT_PROPS, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PopupComponent, PortalComponent$1 as PortalComponent, PortalHostComponent, PortalProjectionComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REACTION_CHAT_TOOL_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, ReactionChatToolComponent, ReactiveFormValidator, ReactiveValidationSession, RepeatButtonComponent, ResizeAdornerComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCROLL_DEFAULT_PROPS, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SignalFormValidator, SignalValidationSession, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_DEFAULT_PROPS, TABLE_CELL_DEFAULT_PROPS, TABLE_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_ROW_DEFAULT_PROPS, TAB_DEFAULT_PROPS, TAB_ITEM_DEFAULT_PROPS, TAB_PANEL_DEFAULT_PROPS, TAB_STRIP_DEFAULT_PROPS, TAB_STRIP_ITEM_DEFAULT_PROPS, TEXT_BOX_DEFAULT_PROPS, TEXT_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, THUMBNAIL_DEFAULT_PROPS, TICK_BAR_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_DEFAULT_PROPS, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_BUTTON_GROUP_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyComponent, TableCellComponent, TableComponent, TableFooterComponent, TableHeaderComponent, TableRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, Theme2Component, ThemeService, ThumbnailComponent, TickBarComponent, TileListComponent, TileListItemComponent, TimeAgoPipe, TimeAgoPipeIntl, TimeBoxComponent, TimeUpdateService, ToastComponent, ToastService, ToggleButtonComponent, ToggleButtonGroupComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TranslateDirective, TranslatePipe, TranslateService, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIRTUALIZE_DEFAULT_PROPS, VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS, Validators, VideoComponent, VirtualizeComponent, VoiceRecorderChatToolComponent, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WizardComponent, WizardNextDirective, WizardPrevDirective, WizardStepComponent, WrapComponent, blank, emailEndsWithDomain, equalsTo, numeric, phoneNumber, provideAbsoluteComponent, provideAbsoluteItemComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAttachmentChatToolComponent, provideAudioComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerGroupComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, provideBottomSheetComponent, provideBoxComponent, provideBreadcrumbComponent, provideBreadcrumbItemComponent, provideBreakpoints, provideBusyStateComponent, provideButtonComponent, provideButtonGroupComponent, provideCalendarComponent, provideCalendarHeaderComponent, provideCalendarItemComponent, provideCalendarSubHeaderComponent, provideCameraComponent, provideCardActionsComponent, provideCardComponent, provideCardContentComponent, provideCardFooterComponent, provideCardHeaderComponent, provideCardSubTitleComponent, provideCardTitleComponent, provideCarousel2Component, provideCarouselComponent, provideCarouselItem2Component, provideCarouselItemComponent, provideCellComponent, provideCellGroupComponent, provideChartComponent, provideChatComponent, provideChatHeaderComponent, provideChatInputAttachmentListComponent, provideChatInputComponent, provideChatMarkerComponent, provideChatMessageAvatarComponent, provideChatMessageComponent, provideChatMessageDividerComponent, provideChatMessageReactionComponent, provideCheckBoxGroupComponent, provideCheckboxComponent, provideCheckmarkComponent, provideChipBoxComponent, provideChipComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateAgoPipe, provideDateBoxComponent, provideDateTimeBoxComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogSlots, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDockPanelComponent, provideDotComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawerSlots, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFocusRingComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideForms, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideMapComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideReactionChatToolComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyComponent, provideTableCellComponent, provideTableComponent, provideTableFooterComponent, provideTableHeaderComponent, provideTableRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTheme, provideTheme2Component, provideThumbnailComponent, provideTickBarComponent, provideTileListComponent, provideTileListItemComponent, provideTimeAgoPipe, provideTimeBoxComponent, provideTimeUpdates, provideToastComponent, provideToasts, provideToggleButtonComponent, provideToggleButtonGroupComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideVirtualizeComponent, provideVoiceRecorderChatToolComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent, withDialogBreakpointObserverBehavior };
+export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ANCHOR_DEFAULT_PROPS, APP_DEFAULT_PROPS, APP_HEADER_DEFAULT_PROPS, ATTACHMENT_CHAT_TOOL_DEFAULT_PROPS, AUDIO_DEFAULT_PROPS, AUTO_COMPLETE_BOX_DEFAULT_PROPS, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, AnchorComponent, AnimateDirective, AnimationRegistry, AppComponent, AppHeaderComponent, AttachmentChatToolComponent, AudioComponent, AutoCompleteBoxComponent, AvatarComponent, AvatarGroupComponent, BACKDROP_DEFAULT_PROPS, BADGE_DEFAULT_PROPS, BANNER_DEFAULT_PROPS, BANNER_GROUP_DEFAULT_PROPS, BANNER_HEADER_DEFAULT_PROPS, BANNER_SUB_HEADER_DEFAULT_PROPS, BOTTOM_SHEET_DEFAULT_PROPS, BOX_DEFAULT_PROPS, BREADCRUMB_DEFAULT_PROPS, BREADCRUMB_ITEM_DEFAULT_PROPS, BUSY_STATE_DEFAULT_PROPS, BUTTON_DEFAULT_PROPS, BUTTON_GROUP_DEFAULT_PROPS, BackdropComponent, BadgeComponent, BannerComponent, BannerGroupComponent, BannerHeaderComponent, BannerSubHeaderComponent, BottomSheetComponent, BottomSheetService, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, BusyStateComponent, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_ITEM_DEFAULT_PROPS, CALENDAR_SUB_HEADER_DEFAULT_PROPS, CAMERA_DEFAULT_PROPS, CARD_ACTIONS_DEFAULT_PROPS, CARD_CONTENT_DEFAULT_PROPS, CARD_DEFAULT_PROPS, CARD_FOOTER_DEFAULT_PROPS, CARD_HEADER_DEFAULT_PROPS, CARD_SUB_TITLE_DEFAULT_PROPS, CARD_TITLE_DEFAULT_PROPS, CAROUSEL2_DEFAULT_PROPS, CAROUSEL_DEFAULT_PROPS, CAROUSEL_ITEM2_DEFAULT_PROPS, CAROUSEL_ITEM_DEFAULT_PROPS, CELL_DEFAULT_PROPS, CELL_GROUP_DEFAULT_PROPS, CHART_DEFAULT_PROPS, CHAT_DEFAULT_PROPS, CHAT_HEADER_DEFAULT_PROPS, CHAT_INPUT_ATTACHMENT_LIST_DEFAULT_PROPS, CHAT_INPUT_DEFAULT_PROPS, CHAT_MARKER_DEFAULT_PROPS, CHAT_MESSAGE_AVATAR_DEFAULT_PROPS, CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_DIVIDER_DEFAULT_PROPS, CHAT_MESSAGE_REACTION_DEFAULT_PROPS, CHECKBOX_DEFAULT_PROPS, CHECKMARK_DEFAULT_PROPS, CHECK_BOX_GROUP_DEFAULT_PROPS, CHIP_BOX_DEFAULT_PROPS, CHIP_DEFAULT_PROPS, CHOICE_DEFAULT_PROPS, CHOICE_GROUP_DEFAULT_PROPS, CHOICE_GROUP_HEADER_DEFAULT_PROPS, CODE_DEFAULT_PROPS, COLOR_AREA_DEFAULT_PROPS, COLOR_BOX_DEFAULT_PROPS, COLOR_PICKER_DEFAULT_PROPS, COLOR_SLIDER_DEFAULT_PROPS, COLOR_SWATCH_DEFAULT_PROPS, COLOR_SWATCH_GROUP_DEFAULT_PROPS, COLOR_THUMB_DEFAULT_PROPS, COMBO_DEFAULT_PROPS, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatInputAttachmentListComponent, ChatInputComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, ChatMessageReactionComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_BREAKPOINT_OBSERVER_BEHAVIOR_CONFIG, DIALOG_CONFIG, DIALOG_CONTENT_DEFAULT_PROPS, DIALOG_DEFAULT_PROPS, DIALOG_FOOTER_DEFAULT_PROPS, DIALOG_HEADER_DEFAULT_PROPS, DIALOG_HEADER_SUB_TEXT_DEFAULT_PROPS, DIALOG_HEADER_TEXT_DEFAULT_PROPS, DIALOG_REF, DIALOG_REF_DATA, DIALOG_SLOTS, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOCK_PANEL_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DRAWER_CONFIG, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DRAWER_REF, DRAWER_REF_DATA, DRAWER_SLOTS, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DataListComponent, DataTableComponent, DateAgoPipe, DateAgoPipeIntl, DateBoxComponent, DateTimeBoxComponent, DialogActionsComponent, DialogActionsDirective, DialogBreakpointObserverBehavior, DialogComponent, DialogContentComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DisclosureComponent, DismissComponent, DividerComponent, DockDirective, DockPanelComponent, DotComponent, DrawerActionsDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerPortalComponent, DrawerRef, DrawerService, DropDownButtonComponent, DropZoneComponent, ELEVATION_DEFAULT_PROPS, EMOJI_DEFAULT_PROPS, EMPTY_STATE_DEFAULT_PROPS, EPG_CHANNEL_DEFAULT_PROPS, EPG_DEFAULT_PROPS, EPG_PROGRAM_DEFAULT_PROPS, ERROR_DEFAULT_PROPS, ERROR_STATE_DEFAULT_PROPS, EXPANDABLE_DEFAULT_PROPS, EXPANDER_DEFAULT_PROPS, EXPANDER_GROUP_DEFAULT_PROPS, EXPANDER_HEADER_DEFAULT_PROPS, EXPANDER_SUB_HEADER_DEFAULT_PROPS, ElevationComponent, EmojiComponent, EmptyStateComponent, EpgChannelComponent, EpgComponent, EpgProgramComponent, ErrorComponent, ErrorGroupDirective, ErrorKindDirective, ErrorStateComponent, ExpandableComponent, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_ITEM_DEFAULT_PROPS, FLIP_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_GROUP_DEFAULT_PROPS, FLOATING_DEFAULT_PROPS, FLOATING_TRIGGER_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FocusRingComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormFieldDirective, FormFieldStatusDirective, FormStatusDirective, FormatPipe, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconRegistry, ImageComponent, IndicatorComponent, JUMBOTRON_DEFAULT_PROPS, JUMBOTRON_HEADER_DEFAULT_PROPS, JUMBOTRON_SUB_HEADER_DEFAULT_PROPS, JumbotronComponent, JumbotronHeaderComponent, JumbotronSubHeaderComponent, KBD_DEFAULT_PROPS, KBD_SHORTCUT_DEFAULT_PROPS, KbdComponent, KbdShortcutComponent, LIGHT_CHAIN_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, MAP_DEFAULT_PROPS, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MapComponent, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxService, MeterBarComponent, MeterRingComponent, NUMBER_BOX_DEFAULT_PROPS, NUMBER_COUNTER_DEFAULT_PROPS, NUMBER_DEFAULT_PROPS, NumberBoxComponent, NumberComponent, NumberCounterComponent, OfPipe, OrderByPipe, PAGE_CONTENT_DEFAULT_PROPS, PAGE_DEFAULT_PROPS, PAGE_HEADER_DEFAULT_PROPS, PAGE_MENU_DEFAULT_PROPS, PAGE_PRE_CONTENT_DEFAULT_PROPS, PAGE_PRE_HEADER_DEFAULT_PROPS, PAGINATOR_DEFAULT_PROPS, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PopupComponent, PortalComponent$1 as PortalComponent, PortalHostComponent, PortalProjectionComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REACTION_CHAT_TOOL_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, ReactionChatToolComponent, ReactiveFormValidator, ReactiveValidationSession, RepeatButtonComponent, ResizeAdornerComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCROLL_DEFAULT_PROPS, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SignalFormValidator, SignalValidationSession, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_DEFAULT_PROPS, TABLE_CELL_DEFAULT_PROPS, TABLE_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_ROW_DEFAULT_PROPS, TAB_DEFAULT_PROPS, TAB_ITEM_DEFAULT_PROPS, TAB_PANEL_DEFAULT_PROPS, TAB_STRIP_DEFAULT_PROPS, TAB_STRIP_ITEM_DEFAULT_PROPS, TEXT_BOX_DEFAULT_PROPS, TEXT_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, THUMBNAIL_DEFAULT_PROPS, TICK_BAR_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_DEFAULT_PROPS, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_BUTTON_GROUP_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyComponent, TableCellComponent, TableComponent, TableFooterComponent, TableHeaderComponent, TableRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, Theme2Component, ThemeService, ThumbnailComponent, TickBarComponent, TileListComponent, TileListItemComponent, TimeAgoPipe, TimeAgoPipeIntl, TimeBoxComponent, TimeUpdateService, ToastComponent, ToastService, ToggleButtonComponent, ToggleButtonGroupComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TranslateDirective, TranslatePipe, TranslateService, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIRTUALIZE_DEFAULT_PROPS, VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS, Validators, VideoComponent, VirtualizeComponent, VoiceRecorderChatToolComponent, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WizardComponent, WizardNextDirective, WizardPrevDirective, WizardStepComponent, WrapComponent, blank, emailEndsWithDomain, equalsTo, numeric, phoneNumber, provideAbsoluteComponent, provideAbsoluteItemComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAttachmentChatToolComponent, provideAudioComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerGroupComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, provideBottomSheetComponent, provideBoxComponent, provideBreadcrumbComponent, provideBreadcrumbItemComponent, provideBreakpoints, provideBusyStateComponent, provideButtonComponent, provideButtonGroupComponent, provideCalendarComponent, provideCalendarHeaderComponent, provideCalendarItemComponent, provideCalendarSubHeaderComponent, provideCameraComponent, provideCardActionsComponent, provideCardComponent, provideCardContentComponent, provideCardFooterComponent, provideCardHeaderComponent, provideCardSubTitleComponent, provideCardTitleComponent, provideCarousel2Component, provideCarouselComponent, provideCarouselItem2Component, provideCarouselItemComponent, provideCellComponent, provideCellGroupComponent, provideChartComponent, provideChatComponent, provideChatHeaderComponent, provideChatInputAttachmentListComponent, provideChatInputComponent, provideChatMarkerComponent, provideChatMessageAvatarComponent, provideChatMessageComponent, provideChatMessageDividerComponent, provideChatMessageReactionComponent, provideCheckBoxGroupComponent, provideCheckboxComponent, provideCheckmarkComponent, provideChipBoxComponent, provideChipComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateAgoPipe, provideDateBoxComponent, provideDateTimeBoxComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogSlots, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDockPanelComponent, provideDotComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawerSlots, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFocusRingComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideForms, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideMapComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideReactionChatToolComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyComponent, provideTableCellComponent, provideTableComponent, provideTableFooterComponent, provideTableHeaderComponent, provideTableRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTheme, provideTheme2Component, provideThumbnailComponent, provideTickBarComponent, provideTileListComponent, provideTileListItemComponent, provideTimeAgoPipe, provideTimeBoxComponent, provideTimeUpdates, provideToastComponent, provideToasts, provideToggleButtonComponent, provideToggleButtonGroupComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideVirtualizeComponent, provideVoiceRecorderChatToolComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent, withDialogBreakpointObserverBehavior };
 //# sourceMappingURL=mosaik-elements-angular.mjs.map