@breadstone/mosaik-elements-angular 0.0.285 → 0.0.287

package/fesm2022/mosaik-elements-angular.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, ChangeDetectorRef, ElementRef, DestroyRef, input, effect, output, ChangeDetectionStrategy, Component, makeEnvironmentProviders, Injectable, Renderer2, Input, Directive, isDevMode, ViewContainerRef, TemplateRef, EnvironmentInjector, runInInjectionContext, signal, booleanAttribute, forwardRef, ContentChildren, computed, HostListener, untracked, Injector, afterNextRender, ContentChild, DOCUMENT, provideEnvironmentInitializer, Pipe, ViewChild, ViewEncapsulation, Optional, Inject, SkipSelf, provideAppInitializer } from '@angular/core';
 import * as i2 from '@breadstone/mosaik-elements-foundation';
-import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AnimationPlayer, Animation, BREAKPOINTS, PerspectiveElement, RippleElement, ScaleElement, ProgressRingElement, ExpandableElement, FlipElement, TooltipElement, dataListElementValueAccessor, DataListElement, dataTableElementValueAccessor, DataTableElement, StepperElement, WizardElement, Size, Spacing, TextFormatters, DIALOG_STACK_BEHAVIOR_DEFAULT_CONFIG, ButtonElement, DialogActionsElement, DialogElement, DialogFooterElement, DialogHeaderElement, DialogHeaderSubTextElement, DialogHeaderTextElement, Key, EID, DRAWER_STACK_BEHAVIOR_DEFAULT_CONFIG, DrawerActionsElement, DrawerElement, DrawerContentElement, DrawerFooterElement, DrawerHeaderElement, DrawerHeaderSubTextElement, DrawerHeaderTextElement, DismissElement, MessageBoxElement, MessageBoxResult, SheetElement, SheetContentElement, SheetFooterElement, SheetHeaderElement, SheetHeaderSubTextElement, SheetHeaderTextElement, ToastElement, DateAgoIntl, TimeAgoIntl, ThemeService as ThemeService$1, TranslatorService, Translator, TranslatorServiceLocator, autoCompleteBoxElementValueAccessor, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, 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, chipGroupElementValueAccessor, ChipGroupElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, CodeElement, ColorAreaElement, colorEditorAlphaSliderElementValueAccessor, ColorEditorAlphaSliderElement, colorEditorAreaElementValueAccessor, ColorEditorAreaElement, colorEditorHueSliderElementValueAccessor, ColorEditorHueSliderElement, colorEditorInputsElementValueAccessor, ColorEditorInputsElement, colorEditorPaletteElementValueAccessor, ColorEditorPaletteElement, colorEditorShadeSliderElementValueAccessor, ColorEditorShadeSliderElement, colorEditorSwatchElementValueAccessor, ColorEditorSwatchElement, colorEditorElementValueAccessor, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogContentElement, DisclosureElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerContainerElement, DropZoneElement, DropDownButtonElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, fileBoxElementValueAccessor, FileBoxElement, FloatingTriggerElement, FloatingElement, FlowBoardColumnComposerElement, FlowBoardColumnItemComposerElement, FlowBoardColumnItemElement, FlowBoardColumnElement, FlowBoardElement, FocusRingElement, FontEditorElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GhostElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, listElementValueAccessor, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, pinBoxElementValueAccessor, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, SchedulerEventElement, SchedulerElement, ScrollElement, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, timeBoxElementValueAccessor, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, toggleButtonGroupElementValueAccessor, ToggleButtonGroupElement, toggleButtonElementValueAccessor, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, treeElementValueAccessor, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WheelPickerElement, WizardStepElement, WrapElement } from '@breadstone/mosaik-elements-foundation';
+import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AnimationPlayer, Animation, BREAKPOINTS, PerspectiveElement, RippleElement, ScaleElement, ProgressRingElement, ExpandableElement, FlipElement, TooltipElement, dataListElementValueAccessor, DataListElement, dataTableElementValueAccessor, DataTableElement, StepperElement, WizardElement, Size, Spacing, TextFormatters, DIALOG_STACK_BEHAVIOR_DEFAULT_CONFIG, ButtonElement, DialogActionsElement, DialogElement, DialogFooterElement, DialogHeaderElement, DialogHeaderSubTextElement, DialogHeaderTextElement, MOSAIK_PORTAL_SCOPE_ATTRIBUTE, Key, EID, DRAWER_STACK_BEHAVIOR_DEFAULT_CONFIG, DrawerActionsElement, DrawerElement, DrawerContentElement, DrawerFooterElement, DrawerHeaderElement, DrawerHeaderSubTextElement, DrawerHeaderTextElement, DismissElement, MessageBoxElement, MessageBoxResult, SheetElement, SheetContentElement, SheetFooterElement, SheetHeaderElement, SheetHeaderSubTextElement, SheetHeaderTextElement, ToastElement, DateAgoIntl, TimeAgoIntl, ThemeService as ThemeService$1, TranslatorService, Translator, TranslatorServiceLocator, autoCompleteBoxElementValueAccessor, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, 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, chipGroupElementValueAccessor, ChipGroupElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, ClickableElement, CodeElement, ColorAreaElement, colorEditorAlphaSliderElementValueAccessor, ColorEditorAlphaSliderElement, colorEditorAreaElementValueAccessor, ColorEditorAreaElement, colorEditorHueSliderElementValueAccessor, ColorEditorHueSliderElement, colorEditorInputsElementValueAccessor, ColorEditorInputsElement, colorEditorPaletteElementValueAccessor, ColorEditorPaletteElement, colorEditorShadeSliderElementValueAccessor, ColorEditorShadeSliderElement, colorEditorSwatchElementValueAccessor, ColorEditorSwatchElement, colorEditorElementValueAccessor, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogContentElement, DisclosureElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerContainerElement, DropZoneElement, DropDownButtonElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, fileBoxElementValueAccessor, FileBoxElement, FloatingTriggerElement, FloatingElement, FlowBoardColumnComposerElement, FlowBoardColumnItemComposerElement, FlowBoardColumnItemElement, FlowBoardColumnElement, FlowBoardElement, FocusRingElement, FontEditorElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GhostElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, listElementValueAccessor, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, pinBoxElementValueAccessor, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, SchedulerEventElement, SchedulerElement, ScrollElement, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, timeBoxElementValueAccessor, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, toggleButtonGroupElementValueAccessor, ToggleButtonGroupElement, toggleButtonElementValueAccessor, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, treeElementValueAccessor, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WheelPickerElement, WizardStepElement, WrapElement } from '@breadstone/mosaik-elements-foundation';
 import { AbstractControl, FormGroupDirective, NgControl, TouchedChangeEvent, NG_VALUE_ACCESSOR, FormControl, FormArray, FormGroup } from '@angular/forms';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Subject, map, Subscription, filter, of, isObservable, BehaviorSubject, merge, fromEvent, take, takeUntil, timer, share, Observable } from 'rxjs';
@@ -127,13 +127,13 @@ function applyDefaults(target, defaults, mergeKeys) {
     });
 }
 
-var __decorate$4M = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4N = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4M = (this && this.__metadata) || function (k, v) {
+var __metadata$4N = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -300,13 +300,13 @@ let AbsoluteItemComponent = class AbsoluteItemComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AbsoluteItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AbsoluteItemComponent, isStandalone: true, selector: "mosaik-absolute-item", inputs: { left: { classPropertyName: "left", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, top: { classPropertyName: "top", publicName: "top", isSignal: true, isRequired: false, transformFunction: null }, bottom: { classPropertyName: "bottom", publicName: "bottom", isSignal: true, isRequired: false, transformFunction: null }, right: { classPropertyName: "right", publicName: "right", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AbsoluteItemComponent = __decorate$4M([
+AbsoluteItemComponent = __decorate$4N([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-absolute-item', AbsoluteItemElement),
         inputs: ['left', 'top', 'bottom', 'right', 'themeName', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4M("design:paramtypes", [])
+    __metadata$4N("design:paramtypes", [])
 ], AbsoluteItemComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AbsoluteItemComponent, decorators: [{
             type: Component,
@@ -331,13 +331,13 @@ function provideAbsoluteItemComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4L = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4M = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4L = (this && this.__metadata) || function (k, v) {
+var __metadata$4M = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -480,13 +480,13 @@ let AbsoluteComponent = class AbsoluteComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AbsoluteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AbsoluteComponent, isStandalone: true, selector: "mosaik-absolute", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", connected: "connected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AbsoluteComponent = __decorate$4L([
+AbsoluteComponent = __decorate$4M([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-absolute', AbsoluteElement),
         inputs: ['themeName', 'fit', 'items', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4L("design:paramtypes", [])
+    __metadata$4M("design:paramtypes", [])
 ], AbsoluteComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AbsoluteComponent, decorators: [{
             type: Component,
@@ -511,13 +511,13 @@ function provideAbsoluteComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4K = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4L = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4K = (this && this.__metadata) || function (k, v) {
+var __metadata$4L = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -684,13 +684,13 @@ let ActionbarGroupComponent = class ActionbarGroupComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ActionbarGroupComponent, isStandalone: true, selector: "mosaik-actionbar-group", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ActionbarGroupComponent = __decorate$4K([
+ActionbarGroupComponent = __decorate$4L([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-actionbar-group', ActionbarGroupElement),
         inputs: ['themeName', 'size', 'orientation', 'label', 'disabled', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4K("design:paramtypes", [])
+    __metadata$4L("design:paramtypes", [])
 ], ActionbarGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarGroupComponent, decorators: [{
             type: Component,
@@ -715,13 +715,13 @@ function provideActionbarGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4J = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4K = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4J = (this && this.__metadata) || function (k, v) {
+var __metadata$4K = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -908,13 +908,13 @@ let ActionbarItemComponent = class ActionbarItemComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ActionbarItemComponent, isStandalone: true, selector: "mosaik-actionbar-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, grow: { classPropertyName: "grow", publicName: "grow", isSignal: true, isRequired: false, transformFunction: null }, shrink: { classPropertyName: "shrink", publicName: "shrink", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ActionbarItemComponent = __decorate$4J([
+ActionbarItemComponent = __decorate$4K([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-actionbar-item', ActionbarItemElement),
         inputs: ['active', 'selected', 'grow', 'shrink', 'themeName', 'size', 'disabled', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4J("design:paramtypes", [])
+    __metadata$4K("design:paramtypes", [])
 ], ActionbarItemComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarItemComponent, decorators: [{
             type: Component,
@@ -939,13 +939,13 @@ function provideActionbarItemComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4I = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4J = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4I = (this && this.__metadata) || function (k, v) {
+var __metadata$4J = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -1081,13 +1081,13 @@ let ActionbarSeparatorComponent = class ActionbarSeparatorComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ActionbarSeparatorComponent, isStandalone: true, selector: "mosaik-actionbar-separator", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ActionbarSeparatorComponent = __decorate$4I([
+ActionbarSeparatorComponent = __decorate$4J([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-actionbar-separator', ActionbarSeparatorElement),
         inputs: ['themeName', 'orientation', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4I("design:paramtypes", [])
+    __metadata$4J("design:paramtypes", [])
 ], ActionbarSeparatorComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarSeparatorComponent, decorators: [{
             type: Component,
@@ -1112,13 +1112,13 @@ function provideActionbarSeparatorComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4H = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4I = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4H = (this && this.__metadata) || function (k, v) {
+var __metadata$4I = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -1305,13 +1305,13 @@ let ActionbarComponent = class ActionbarComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ActionbarComponent, isStandalone: true, selector: "mosaik-actionbar", inputs: { overflow: { classPropertyName: "overflow", publicName: "overflow", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", changed: "changed", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ActionbarComponent = __decorate$4H([
+ActionbarComponent = __decorate$4I([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-actionbar', ActionbarElement),
         inputs: ['overflow', 'wrap', 'themeName', 'size', 'orientation', 'disabled', 'fit', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4H("design:paramtypes", [])
+    __metadata$4I("design:paramtypes", [])
 ], ActionbarComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ActionbarComponent, decorators: [{
             type: Component,
@@ -1336,13 +1336,13 @@ function provideActionbarComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4G = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4H = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4G = (this && this.__metadata) || function (k, v) {
+var __metadata$4H = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -1549,13 +1549,13 @@ let AnchorComponent = class AnchorComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AnchorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AnchorComponent, isStandalone: true, selector: "mosaik-anchor", inputs: { underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AnchorComponent = __decorate$4G([
+AnchorComponent = __decorate$4H([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-anchor', AnchorElement),
         inputs: ['underline', 'download', 'href', 'rel', 'target', 'themeName', 'variant', 'disabled', 'label', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4G("design:paramtypes", [])
+    __metadata$4H("design:paramtypes", [])
 ], AnchorComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AnchorComponent, decorators: [{
             type: Component,
@@ -1580,13 +1580,13 @@ function provideAnchorComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4F = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4G = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4F = (this && this.__metadata) || function (k, v) {
+var __metadata$4G = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -1745,13 +1745,13 @@ let AppHeaderComponent = class AppHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AppHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AppHeaderComponent, isStandalone: true, selector: "mosaik-app-header", inputs: { isToggled: { classPropertyName: "isToggled", publicName: "isToggled", isSignal: true, isRequired: false, transformFunction: null }, scrollTargetFn: { classPropertyName: "scrollTargetFn", publicName: "scrollTargetFn", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AppHeaderComponent = __decorate$4F([
+AppHeaderComponent = __decorate$4G([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-app-header', AppHeaderElement),
         inputs: ['isToggled', 'scrollTargetFn', 'themeName', 'isBusy', 'dir', 'lang'],
         methods: ['onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4F("design:paramtypes", [])
+    __metadata$4G("design:paramtypes", [])
 ], AppHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AppHeaderComponent, decorators: [{
             type: Component,
@@ -1776,13 +1776,13 @@ function provideAppHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4E = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4F = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4E = (this && this.__metadata) || function (k, v) {
+var __metadata$4F = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -1804,6 +1804,7 @@ const APP_DEFAULT_PROPS = new InjectionToken('MOSAIK_APP_DEFAULT_PROPS');
  * @slot headerLogo - The headerLogo slot.
  * @slot headerMenu - The headerMenu slot.
  * @slot nav - Navigation drawer content area for primary navigation links and menu items
+ * @slot rail - The rail slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let AppComponent = class AppComponent {
@@ -1965,13 +1966,13 @@ let AppComponent = class AppComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AppComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AppComponent, isStandalone: true, selector: "mosaik-app", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, isNavOpen: { classPropertyName: "isNavOpen", publicName: "isNavOpen", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, hasHeader: { classPropertyName: "hasHeader", publicName: "hasHeader", isSignal: true, isRequired: false, transformFunction: null }, hasNav: { classPropertyName: "hasNav", publicName: "hasNav", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AppComponent = __decorate$4E([
+AppComponent = __decorate$4F([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-app', AppElement),
         inputs: ['theme', 'isNavOpen', 'isMobile', 'hasHeader', 'hasNav', 'themeName', 'dir', 'lang'],
         methods: ['toggleNavigation', 'openNavigation', 'closeNavigation', 'onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4E("design:paramtypes", [])
+    __metadata$4F("design:paramtypes", [])
 ], AppComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AppComponent, decorators: [{
             type: Component,
@@ -1996,13 +1997,13 @@ function provideAppComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4D = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4E = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4D = (this && this.__metadata) || function (k, v) {
+var __metadata$4E = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -2218,13 +2219,13 @@ let AttachmentChatToolComponent = class AttachmentChatToolComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AttachmentChatToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AttachmentChatToolComponent, isStandalone: true, selector: "mosaik-attachment-chat-tool", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, directory: { classPropertyName: "directory", publicName: "directory", isSignal: true, isRequired: false, transformFunction: null }, attachmentRejected: { classPropertyName: "attachmentRejected", publicName: "attachmentRejected", isSignal: true, isRequired: false, transformFunction: null }, maxFiles: { classPropertyName: "maxFiles", publicName: "maxFiles", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dock: { classPropertyName: "dock", publicName: "dock", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesPicked: "filesPicked", attachmentReject: "attachmentReject", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AttachmentChatToolComponent = __decorate$4D([
+AttachmentChatToolComponent = __decorate$4E([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-attachment-chat-tool', AttachmentChatToolElement),
         inputs: ['multiple', 'accept', 'directory', 'attachmentRejected', 'maxFiles', 'maxFileSize', 'themeName', 'dock', 'disabled', 'dir', 'lang'],
         methods: ['execute', 'attach', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4D("design:paramtypes", [])
+    __metadata$4E("design:paramtypes", [])
 ], AttachmentChatToolComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AttachmentChatToolComponent, decorators: [{
             type: Component,
@@ -2249,13 +2250,13 @@ function provideAttachmentChatToolComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4C = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4D = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4C = (this && this.__metadata) || function (k, v) {
+var __metadata$4D = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -2499,13 +2500,13 @@ let AudioComponent = class AudioComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AudioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AudioComponent, isStandalone: true, selector: "mosaik-audio", inputs: { hasSrc: { classPropertyName: "hasSrc", publicName: "hasSrc", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, autoPlay: { classPropertyName: "autoPlay", publicName: "autoPlay", isSignal: true, isRequired: false, transformFunction: null }, showControls: { classPropertyName: "showControls", publicName: "showControls", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendPosition: { classPropertyName: "legendPosition", publicName: "legendPosition", isSignal: true, isRequired: false, transformFunction: null }, ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, muted: { classPropertyName: "muted", publicName: "muted", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AudioComponent = __decorate$4C([
+AudioComponent = __decorate$4D([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-audio', AudioElement),
         inputs: ['hasSrc', 'src', 'autoPlay', 'showControls', 'legend', 'legendPosition', 'ratio', 'muted', 'loop', 'themeName', 'disabled', 'width', 'height', 'dir', 'lang'],
         methods: ['play', 'pause', 'toggle', 'load', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4C("design:paramtypes", [])
+    __metadata$4D("design:paramtypes", [])
 ], AudioComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AudioComponent, decorators: [{
             type: Component,
@@ -3674,13 +3675,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 args: ['mosaikFlexFill']
             }] } });
 
-var __decorate$4B = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4C = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4B = (this && this.__metadata) || function (k, v) {
+var __metadata$4C = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -3915,13 +3916,13 @@ let ProgressRingComponent = class ProgressRingComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ProgressRingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ProgressRingComponent, isStandalone: true, selector: "mosaik-progress-ring", inputs: { thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, isIndeterminate: { classPropertyName: "isIndeterminate", publicName: "isIndeterminate", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rangeValueChanged: "rangeValueChanged", changed: "changed", connected: "connected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ProgressRingComponent = __decorate$4B([
+ProgressRingComponent = __decorate$4C([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-progress-ring', ProgressRingElement),
         inputs: ['thickness', 'radius', 'isIndeterminate', 'themeName', 'variant', 'orientation', 'disabled', 'label', 'min', 'max', 'value', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4B("design:paramtypes", [])
+    __metadata$4C("design:paramtypes", [])
 ], ProgressRingComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ProgressRingComponent, decorators: [{
             type: Component,
@@ -4456,13 +4457,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { fieldState: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldState", required: false }] }] } });
 
-var __decorate$4A = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4B = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4A = (this && this.__metadata) || function (k, v) {
+var __metadata$4B = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -4666,13 +4667,13 @@ let ExpandableComponent = class ExpandableComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ExpandableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ExpandableComponent, isStandalone: true, selector: "mosaik-expandable", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isExpanded: { classPropertyName: "isExpanded", publicName: "isExpanded", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expanded", collapsed: "collapsed", toggled: "toggled", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ExpandableComponent = __decorate$4A([
+ExpandableComponent = __decorate$4B([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-expandable', ExpandableElement),
         inputs: ['direction', 'themeName', 'isExpanded', 'animationTarget', 'enter', 'exit', 'disabled', 'dir', 'lang'],
         methods: ['onIsExpandedChanged', 'expand', 'collapse', 'toggle', 'play', 'onEnterAnimation', 'onExitAnimation', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4A("design:paramtypes", [])
+    __metadata$4B("design:paramtypes", [])
 ], ExpandableComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ExpandableComponent, decorators: [{
             type: Component,
@@ -4786,13 +4787,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }], ctorParameters: () => [], propDecorators: { expandableToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "mosaikExpandableToggle", required: false }] }] } });
 
-var __decorate$4z = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4A = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4z = (this && this.__metadata) || function (k, v) {
+var __metadata$4A = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -4940,13 +4941,13 @@ let FlipComponent = class FlipComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FlipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: FlipComponent, isStandalone: true, selector: "mosaik-flip", inputs: { side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-FlipComponent = __decorate$4z([
+FlipComponent = __decorate$4A([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-flip', FlipElement),
         inputs: ['side', 'themeName', 'disabled', 'dir', 'lang'],
         methods: ['toggle', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4z("design:paramtypes", [])
+    __metadata$4A("design:paramtypes", [])
 ], FlipComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: FlipComponent, decorators: [{
             type: Component,
@@ -5579,13 +5580,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-var __decorate$4y = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4z = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4y = (this && this.__metadata) || function (k, v) {
+var __metadata$4z = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -5778,13 +5779,13 @@ let DataListComponent = class DataListComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DataListComponent = __decorate$4y([
+DataListComponent = __decorate$4z([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-data-list', DataListElement),
         inputs: ['alternating', 'itemDefinitions', 'themeName', 'disabled', 'source', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4y("design:paramtypes", [])
+    __metadata$4z("design:paramtypes", [])
 ], DataListComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DataListComponent, decorators: [{
             type: Component,
@@ -6122,13 +6123,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-var __decorate$4x = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4y = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4x = (this && this.__metadata) || function (k, v) {
+var __metadata$4y = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -6532,13 +6533,13 @@ let DataTableComponent = class DataTableComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DataTableComponent = __decorate$4x([
+DataTableComponent = __decorate$4y([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-data-table', DataTableElement),
         inputs: ['intl', 'editorOpened', 'sorted', 'sortedSource', 'allColumnsHidden', 'alternating', 'autoGenerateColumns', 'columnDefinitions', 'caption', 'selectionType', 'selectionMode', 'resizable', 'sortable', 'pinable', 'hideable', 'autoSizeable', 'columnChoosable', 'reorderable', 'sortMode', 'themeName', 'appearance', 'disabled', 'source', 'dir', 'lang'],
         methods: ['openEditor', 'closeEditor', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4x("design:paramtypes", [])
+    __metadata$4y("design:paramtypes", [])
 ], DataTableComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DataTableComponent, decorators: [{
             type: Component,
@@ -7063,13 +7064,13 @@ function defineColumns(...columns) {
 
 // #region Imports
 
-var __decorate$4w = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4x = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4w = (this && this.__metadata) || function (k, v) {
+var __metadata$4x = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -7279,13 +7280,13 @@ let StepperComponent = class StepperComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: StepperComponent, isStandalone: true, selector: "mosaik-stepper", inputs: { activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, isFirstStep: { classPropertyName: "isFirstStep", publicName: "isFirstStep", isSignal: true, isRequired: false, transformFunction: null }, isLastStep: { classPropertyName: "isLastStep", publicName: "isLastStep", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectedItem: { classPropertyName: "selectedItem", publicName: "selectedItem", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStepChanged: "activeStepChanged", connected: "connected", changed: "changed", selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-StepperComponent = __decorate$4w([
+StepperComponent = __decorate$4x([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-stepper', StepperElement),
         inputs: ['activeIndex', 'isFirstStep', 'isLastStep', 'themeName', 'fit', 'disabled', 'orientation', 'items', 'selectedItem', 'dir', 'lang'],
         methods: ['onStepInvoked', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'select', 'deselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4w("design:paramtypes", [])
+    __metadata$4x("design:paramtypes", [])
 ], StepperComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: StepperComponent, decorators: [{
             type: Component,
@@ -7388,13 +7389,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 args: ['click', ['$event']]
             }] } });
 
-var __decorate$4v = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4w = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4v = (this && this.__metadata) || function (k, v) {
+var __metadata$4w = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -7607,13 +7608,13 @@ let WizardComponent = class WizardComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: WizardComponent, isStandalone: true, selector: "mosaik-wizard", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, activeIndex: { classPropertyName: "activeIndex", publicName: "activeIndex", isSignal: true, isRequired: false, transformFunction: null }, isFirstStep: { classPropertyName: "isFirstStep", publicName: "isFirstStep", isSignal: true, isRequired: false, transformFunction: null }, isLastStep: { classPropertyName: "isLastStep", publicName: "isLastStep", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, selectedItem: { classPropertyName: "selectedItem", publicName: "selectedItem", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeStepChanged: "activeStepChanged", selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", changed: "changed", connected: "connected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-WizardComponent = __decorate$4v([
+WizardComponent = __decorate$4w([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-wizard', WizardElement),
         inputs: ['name', 'activeIndex', 'isFirstStep', 'isLastStep', 'themeName', 'fit', 'disabled', 'items', 'selectedItem', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'select', 'deselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4v("design:paramtypes", [])
+    __metadata$4w("design:paramtypes", [])
 ], WizardComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: WizardComponent, decorators: [{
             type: Component,
@@ -9778,13 +9779,13 @@ class DialogStackBehavior extends DialogBehavior {
     }
 }
 
-var __decorate$4u = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4v = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4u = (this && this.__metadata) || function (k, v) {
+var __metadata$4v = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -10133,13 +10134,13 @@ let ButtonComponent = class ButtonComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ButtonComponent, isStandalone: true, selector: "mosaik-button", inputs: { download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, horizontalContentAlignment: { classPropertyName: "horizontalContentAlignment", publicName: "horizontalContentAlignment", isSignal: true, isRequired: false, transformFunction: null }, verticalContentAlignment: { classPropertyName: "verticalContentAlignment", publicName: "verticalContentAlignment", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ButtonComponent = __decorate$4u([
+ButtonComponent = __decorate$4v([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-button', ButtonElement),
         inputs: ['download', 'href', 'rel', 'target', 'themeName', 'reverse', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'fit', 'isBusy', 'label', 'icon', 'iconPosition', 'iconSize', 'type', 'ripple', 'variant', 'appearance', 'size', 'value', 'disabled', 'isFocused', 'dir', 'lang'],
         methods: ['hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4u("design:paramtypes", [])
+    __metadata$4v("design:paramtypes", [])
 ], ButtonComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -10164,13 +10165,13 @@ function provideButtonComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4t = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4u = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4t = (this && this.__metadata) || function (k, v) {
+var __metadata$4u = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -10299,13 +10300,13 @@ let DialogActionsComponent = class DialogActionsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DialogActionsComponent, isStandalone: true, selector: "mosaik-dialog-actions", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DialogActionsComponent = __decorate$4t([
+DialogActionsComponent = __decorate$4u([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-dialog-actions', DialogActionsElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4t("design:paramtypes", [])
+    __metadata$4u("design:paramtypes", [])
 ], DialogActionsComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogActionsComponent, decorators: [{
             type: Component,
@@ -10330,13 +10331,13 @@ function provideDialogActionsComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4s = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4t = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4s = (this && this.__metadata) || function (k, v) {
+var __metadata$4t = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -10642,13 +10643,13 @@ let DialogComponent = class DialogComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DialogComponent, isStandalone: true, selector: "mosaik-dialog", inputs: { dragging: { classPropertyName: "dragging", publicName: "dragging", isSignal: true, isRequired: false, transformFunction: null }, offsetX: { classPropertyName: "offsetX", publicName: "offsetX", isSignal: true, isRequired: false, transformFunction: null }, offsetY: { classPropertyName: "offsetY", publicName: "offsetY", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DialogComponent = __decorate$4s([
+DialogComponent = __decorate$4t([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-dialog', DialogElement),
         inputs: ['dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
         methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4s("design:paramtypes", [])
+    __metadata$4t("design:paramtypes", [])
 ], DialogComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
@@ -10673,13 +10674,13 @@ function provideDialogComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4r = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4s = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4r = (this && this.__metadata) || function (k, v) {
+var __metadata$4s = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -10806,13 +10807,13 @@ let DialogFooterComponent = class DialogFooterComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DialogFooterComponent, isStandalone: true, selector: "mosaik-dialog-footer", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DialogFooterComponent = __decorate$4r([
+DialogFooterComponent = __decorate$4s([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-dialog-footer', DialogFooterElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4r("design:paramtypes", [])
+    __metadata$4s("design:paramtypes", [])
 ], DialogFooterComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogFooterComponent, decorators: [{
             type: Component,
@@ -10837,13 +10838,13 @@ function provideDialogFooterComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4r = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4q = (this && this.__metadata) || function (k, v) {
+var __metadata$4r = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -11003,13 +11004,13 @@ let DialogHeaderComponent = class DialogHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DialogHeaderComponent, isStandalone: true, selector: "mosaik-dialog-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DialogHeaderComponent = __decorate$4q([
+DialogHeaderComponent = __decorate$4r([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-dialog-header', DialogHeaderElement),
         inputs: ['text', 'subText', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['onApplyTemplate', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4q("design:paramtypes", [])
+    __metadata$4r("design:paramtypes", [])
 ], DialogHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogHeaderComponent, decorators: [{
             type: Component,
@@ -11034,13 +11035,13 @@ function provideDialogHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4p = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4q = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4p = (this && this.__metadata) || function (k, v) {
+var __metadata$4q = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -11187,13 +11188,13 @@ let DialogHeaderSubTextComponent = class DialogHeaderSubTextComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogHeaderSubTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DialogHeaderSubTextComponent, isStandalone: true, selector: "mosaik-dialog-header-sub-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DialogHeaderSubTextComponent = __decorate$4p([
+DialogHeaderSubTextComponent = __decorate$4q([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-dialog-header-sub-text', DialogHeaderSubTextElement),
         inputs: ['text', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4p("design:paramtypes", [])
+    __metadata$4q("design:paramtypes", [])
 ], DialogHeaderSubTextComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogHeaderSubTextComponent, decorators: [{
             type: Component,
@@ -11218,13 +11219,13 @@ function provideDialogHeaderSubTextComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4o = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4p = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4o = (this && this.__metadata) || function (k, v) {
+var __metadata$4p = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -11371,13 +11372,13 @@ let DialogHeaderTextComponent = class DialogHeaderTextComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogHeaderTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DialogHeaderTextComponent, isStandalone: true, selector: "mosaik-dialog-header-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DialogHeaderTextComponent = __decorate$4o([
+DialogHeaderTextComponent = __decorate$4p([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-dialog-header-text', DialogHeaderTextElement),
         inputs: ['text', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4o("design:paramtypes", [])
+    __metadata$4p("design:paramtypes", [])
 ], DialogHeaderTextComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DialogHeaderTextComponent, decorators: [{
             type: Component,
@@ -11426,6 +11427,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }] });
 
+// #region Imports
+const OVERLAY_INTERACTION_STATE = getOverlayInteractionState();
+/**
+ * Coordinates close interactions across stacked CDK overlays.
+ *
+ * @internal
+ */
+class OverlayInteractionCoordinator {
+    // #region Methods
+    /**
+     * Registers an overlay as active for global close interaction arbitration.
+     *
+     * @internal
+     */
+    static register(overlayRef) {
+        const focusTrap = OverlayInteractionCoordinator.findEntry(overlayRef)?.focusTrap ?? null;
+        OverlayInteractionCoordinator.remove(overlayRef);
+        OVERLAY_INTERACTION_STATE.entries.push({
+            overlayRef: overlayRef,
+            order: ++OVERLAY_INTERACTION_STATE.order,
+            focusTrap: focusTrap
+        });
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Removes an overlay from global close interaction arbitration.
+     *
+     * @internal
+     */
+    static unregister(overlayRef) {
+        OverlayInteractionCoordinator.remove(overlayRef);
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Registers a focus trap for an overlay and enables only the uppermost attached overlay trap.
+     *
+     * @internal
+     */
+    static registerFocusTrap(overlayRef, focusTrap) {
+        let entry = OverlayInteractionCoordinator.findEntry(overlayRef);
+        if (!entry) {
+            entry = {
+                overlayRef: overlayRef,
+                order: ++OVERLAY_INTERACTION_STATE.order,
+                focusTrap: null
+            };
+            OVERLAY_INTERACTION_STATE.entries.push(entry);
+        }
+        entry.focusTrap = focusTrap;
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Removes the focus trap for an overlay and re-enables the next uppermost attached overlay trap.
+     *
+     * @internal
+     */
+    static unregisterFocusTrap(overlayRef) {
+        const entry = OverlayInteractionCoordinator.findEntry(overlayRef);
+        if (entry) {
+            if (entry.focusTrap) {
+                entry.focusTrap.enabled = false;
+            }
+            entry.focusTrap = null;
+        }
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Returns whether the overlay is the uppermost currently attached overlay.
+     *
+     * @internal
+     */
+    static isTopMost(overlayRef) {
+        return OverlayInteractionCoordinator.getTopMostOverlayRef() === overlayRef;
+    }
+    /**
+     * Returns whether the overlay owned the uppermost position when the interaction event started.
+     *
+     * @internal
+     */
+    static isTopMostForInteraction(overlayRef, event) {
+        return OverlayInteractionCoordinator.getOrCreateInteractionOwner(event) === overlayRef;
+    }
+    static remove(overlayRef) {
+        const index = OVERLAY_INTERACTION_STATE.entries.findIndex((entry) => entry.overlayRef === overlayRef);
+        if (index >= 0) {
+            const entry = OVERLAY_INTERACTION_STATE.entries[index];
+            if (entry.focusTrap) {
+                entry.focusTrap.enabled = false;
+            }
+            OVERLAY_INTERACTION_STATE.entries.splice(index, 1);
+        }
+    }
+    static getOrCreateInteractionOwner(event) {
+        if (!OVERLAY_INTERACTION_STATE.eventOwners.has(event)) {
+            OVERLAY_INTERACTION_STATE.eventOwners.set(event, OverlayInteractionCoordinator.getTopMostOverlayRef());
+        }
+        return OVERLAY_INTERACTION_STATE.eventOwners.get(event) ?? null;
+    }
+    static findEntry(overlayRef) {
+        return OVERLAY_INTERACTION_STATE.entries.find((entry) => entry.overlayRef === overlayRef) ?? null;
+    }
+    static getTopMostOverlayRef() {
+        let topMostEntry = null;
+        for (const entry of OVERLAY_INTERACTION_STATE.entries) {
+            if (entry.overlayRef.hasAttached() && (!topMostEntry || entry.order > topMostEntry.order)) {
+                topMostEntry = entry;
+            }
+        }
+        return topMostEntry?.overlayRef ?? null;
+    }
+    static updateFocusTrapStates() {
+        const topMostOverlayRef = OverlayInteractionCoordinator.getTopMostOverlayRef();
+        for (const entry of OVERLAY_INTERACTION_STATE.entries) {
+            if (entry.focusTrap) {
+                entry.focusTrap.enabled = entry.overlayRef === topMostOverlayRef;
+            }
+        }
+    }
+}
+function getOverlayInteractionState() {
+    const root = globalThis;
+    root.__mosaikOverlayInteractionState__ ??= {
+        entries: new Array(),
+        eventOwners: new WeakMap(),
+        order: 0
+    };
+    return root.__mosaikOverlayInteractionState__;
+}
+
+// #region Imports
+// #endregion
+// #region Constants
+/**
+ * Injection token for the CDK overlay reference that hosts a Mosaik portal component.
+ *
+ * @internal
+ */
+const PORTAL_OVERLAY_REF = new InjectionToken('MOSAIK_PORTAL_OVERLAY_REF');
+// #endregion
+
 // #region Imports
 // #endregion
 /**
@@ -11436,6 +11577,7 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
     _element;
     _focusTrapFactory;
     _document;
+    _overlayRef;
     _focusTrap;
     _elementFocusedBeforeOpened;
     // #endregion
@@ -11450,8 +11592,11 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
         this._element = inject(ElementRef);
         this._focusTrapFactory = inject(ConfigurableFocusTrapFactory);
         this._document = inject(DOCUMENT);
+        this._overlayRef = inject(PORTAL_OVERLAY_REF, { optional: true });
         this._focusTrap = null;
         this._elementFocusedBeforeOpened = null;
+        this._element.nativeElement.setAttribute(MOSAIK_PORTAL_SCOPE_ATTRIBUTE, '');
+        this._element.nativeElement.tabIndex = -1;
     }
     // #endregion
     // #region Methods
@@ -11475,7 +11620,9 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
      */
     attachComponentPortal(portal) {
         this.savePreviouslyFocusedElement();
-        return this.portal.attachComponentPortal(portal);
+        const componentRef = this.portal.attachComponentPortal(portal);
+        this.trapFocus();
+        return componentRef;
     }
     /**
      * Attach a TemplatePortal as content to this dialog container.
@@ -11485,7 +11632,9 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
      */
     attachTemplatePortal(portal) {
         this.savePreviouslyFocusedElement();
-        return this.portal.attachTemplatePortal(portal);
+        const embeddedViewRef = this.portal.attachTemplatePortal(portal);
+        this.trapFocus();
+        return embeddedViewRef;
     }
     /**
      * @public
@@ -11493,22 +11642,38 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
     trapFocus() {
         const element = this._element.nativeElement;
         this._focusTrap ??= this._focusTrapFactory.create(element);
-        void this._focusTrap.focusInitialElementWhenReady();
+        if (this._overlayRef) {
+            OverlayInteractionCoordinator.registerFocusTrap(this._overlayRef, this._focusTrap);
+        }
+        const focusPromise = this._focusTrap.focusInitialElementWhenReady();
         const activeElement = this._document.activeElement;
         if (activeElement !== element && !element.contains(activeElement)) {
             element.focus();
+            this.focusFirstTabbableDescendant(element);
         }
+        void focusPromise.then((focused) => {
+            if (!this._focusTrap || !element.isConnected) {
+                return;
+            }
+            if (!focused || this._document.activeElement === element || !element.contains(this._document.activeElement)) {
+                this.focusFirstTabbableDescendant(element);
+            }
+        });
     }
     /**
      * @public
      */
     restoreFocus() {
         const toFocus = this._elementFocusedBeforeOpened;
+        if (this._overlayRef) {
+            OverlayInteractionCoordinator.unregisterFocusTrap(this._overlayRef);
+        }
         if (toFocus && typeof toFocus.focus === 'function') {
             toFocus.focus();
         }
         if (this._focusTrap) {
             this._focusTrap.destroy();
+            this._focusTrap = null;
         }
     }
     /**
@@ -11520,6 +11685,39 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
             void Promise.resolve().then(() => this._element.nativeElement.focus());
         }
     }
+    /**
+     * @private
+     */
+    focusFirstTabbableDescendant(element) {
+        this.findFirstTabbableDescendant(element)?.focus();
+    }
+    /**
+     * @private
+     */
+    findFirstTabbableDescendant(element) {
+        for (const child of Array.from(element.children)) {
+            if (!(child instanceof HTMLElement)) {
+                continue;
+            }
+            if (this.isTabbable(child)) {
+                return child;
+            }
+            const descendant = this.findFirstTabbableDescendant(child);
+            if (descendant) {
+                return descendant;
+            }
+        }
+        return null;
+    }
+    /**
+     * @private
+     */
+    isTabbable(element) {
+        if (element.tabIndex < 0 || element.hidden || element.hasAttribute('disabled') || element.getAttribute('aria-hidden') === 'true') {
+            return false;
+        }
+        return element.getClientRects().length > 0;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: PortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.13", type: PortalComponent, isStandalone: true, usesInheritance: true, ngImport: i0 });
 };
@@ -12043,80 +12241,6 @@ class OverlayBackdropStackCoordinator {
     }
 }
 
-// #region Imports
-const OVERLAY_INTERACTION_STATE = getOverlayInteractionState();
-/**
- * Coordinates close interactions across stacked CDK overlays.
- *
- * @internal
- */
-class OverlayInteractionCoordinator {
-    // #region Methods
-    /**
-     * Registers an overlay as active for global close interaction arbitration.
-     *
-     * @internal
-     */
-    static register(overlayRef) {
-        OverlayInteractionCoordinator.unregister(overlayRef);
-        OVERLAY_INTERACTION_STATE.entries.push({
-            overlayRef: overlayRef,
-            order: ++OVERLAY_INTERACTION_STATE.order
-        });
-    }
-    /**
-     * Removes an overlay from global close interaction arbitration.
-     *
-     * @internal
-     */
-    static unregister(overlayRef) {
-        const index = OVERLAY_INTERACTION_STATE.entries.findIndex((entry) => entry.overlayRef === overlayRef);
-        if (index >= 0) {
-            OVERLAY_INTERACTION_STATE.entries.splice(index, 1);
-        }
-    }
-    /**
-     * Returns whether the overlay is the uppermost currently attached overlay.
-     *
-     * @internal
-     */
-    static isTopMost(overlayRef) {
-        return OverlayInteractionCoordinator.getTopMostOverlayRef() === overlayRef;
-    }
-    /**
-     * Returns whether the overlay owned the uppermost position when the interaction event started.
-     *
-     * @internal
-     */
-    static isTopMostForInteraction(overlayRef, event) {
-        return OverlayInteractionCoordinator.getOrCreateInteractionOwner(event) === overlayRef;
-    }
-    static getOrCreateInteractionOwner(event) {
-        if (!OVERLAY_INTERACTION_STATE.eventOwners.has(event)) {
-            OVERLAY_INTERACTION_STATE.eventOwners.set(event, OverlayInteractionCoordinator.getTopMostOverlayRef());
-        }
-        return OVERLAY_INTERACTION_STATE.eventOwners.get(event) ?? null;
-    }
-    static getTopMostOverlayRef() {
-        let topMostEntry = null;
-        for (const entry of OVERLAY_INTERACTION_STATE.entries) {
-            if (entry.overlayRef.hasAttached() && (!topMostEntry || entry.order > topMostEntry.order)) {
-                topMostEntry = entry;
-            }
-        }
-        return topMostEntry?.overlayRef ?? null;
-    }
-}
-function getOverlayInteractionState() {
-    const root = globalThis;
-    root.__mosaikOverlayInteractionState__ ??= {
-        entries: new Array(),
-        eventOwners: new WeakMap(),
-        order: 0
-    };
-    return root.__mosaikOverlayInteractionState__;
-}
-
 // #region Imports
 // #endregion
 // #region Constants
@@ -12214,8 +12338,11 @@ class PortalProvider {
     /**
      * @protected
      */
-    createPortal(component, config) {
-        return new ComponentPortal(component, null, this.createPortalInjector(config));
+    createPortal(component, overlayRef, config) {
+        const portalInjector = new StatelessInjector(this.createPortalInjector(config), [
+            [PORTAL_OVERLAY_REF, overlayRef]
+        ]);
+        return new ComponentPortal(component, null, portalInjector);
     }
     /**
      * @protected
@@ -12426,7 +12553,7 @@ class DialogService extends PortalProvider {
             backdropStackKey: 'dialog',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(DialogPortalComponent, config);
+        const portal = this.createPortal(DialogPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, DialogPortalComponent, config);
         this._portalInjector = componentRef.injector;
         const dialogRef = new DialogRef(this.createId(), componentRef.instance.dialog, overlayRef, config?.data);
@@ -13255,13 +13382,13 @@ class DrawerStackBehavior extends DrawerBehavior {
     }
 }
 
-var __decorate$4n = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4o = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4n = (this && this.__metadata) || function (k, v) {
+var __metadata$4o = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -13390,13 +13517,13 @@ let DrawerActionsComponent = class DrawerActionsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DrawerActionsComponent, isStandalone: true, selector: "mosaik-drawer-actions", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DrawerActionsComponent = __decorate$4n([
+DrawerActionsComponent = __decorate$4o([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-drawer-actions', DrawerActionsElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4n("design:paramtypes", [])
+    __metadata$4o("design:paramtypes", [])
 ], DrawerActionsComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerActionsComponent, decorators: [{
             type: Component,
@@ -13421,13 +13548,13 @@ function provideDrawerActionsComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4m = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4n = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4m = (this && this.__metadata) || function (k, v) {
+var __metadata$4n = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -13747,13 +13874,13 @@ let DrawerComponent = class DrawerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DrawerComponent, isStandalone: true, selector: "mosaik-drawer", inputs: { isComposed: { classPropertyName: "isComposed", publicName: "isComposed", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasShadow: { classPropertyName: "hasShadow", publicName: "hasShadow", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DrawerComponent = __decorate$4m([
+DrawerComponent = __decorate$4n([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-drawer', DrawerElement),
         inputs: ['isComposed', 'isFullScreen', 'header', 'subHeader', 'position', 'mode', 'hasShadow', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
         methods: ['open', 'close', 'toggle', 'innerOffsetWidth', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4m("design:paramtypes", [])
+    __metadata$4n("design:paramtypes", [])
 ], DrawerComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerComponent, decorators: [{
             type: Component,
@@ -13778,13 +13905,13 @@ function provideDrawerComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4l = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4m = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4l = (this && this.__metadata) || function (k, v) {
+var __metadata$4m = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -13921,13 +14048,13 @@ let DrawerContentComponent = class DrawerContentComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DrawerContentComponent, isStandalone: true, selector: "mosaik-drawer-content", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DrawerContentComponent = __decorate$4l([
+DrawerContentComponent = __decorate$4m([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-drawer-content', DrawerContentElement),
         inputs: ['opened', 'themeName', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4l("design:paramtypes", [])
+    __metadata$4m("design:paramtypes", [])
 ], DrawerContentComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerContentComponent, decorators: [{
             type: Component,
@@ -13952,13 +14079,13 @@ function provideDrawerContentComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4k = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4l = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4k = (this && this.__metadata) || function (k, v) {
+var __metadata$4l = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -14085,13 +14212,13 @@ let DrawerFooterComponent = class DrawerFooterComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DrawerFooterComponent, isStandalone: true, selector: "mosaik-drawer-footer", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DrawerFooterComponent = __decorate$4k([
+DrawerFooterComponent = __decorate$4l([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-drawer-footer', DrawerFooterElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4k("design:paramtypes", [])
+    __metadata$4l("design:paramtypes", [])
 ], DrawerFooterComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerFooterComponent, decorators: [{
             type: Component,
@@ -14116,13 +14243,13 @@ function provideDrawerFooterComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4j = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4k = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4j = (this && this.__metadata) || function (k, v) {
+var __metadata$4k = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -14282,13 +14409,13 @@ let DrawerHeaderComponent = class DrawerHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DrawerHeaderComponent, isStandalone: true, selector: "mosaik-drawer-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DrawerHeaderComponent = __decorate$4j([
+DrawerHeaderComponent = __decorate$4k([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-drawer-header', DrawerHeaderElement),
         inputs: ['text', 'subText', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['onApplyTemplate', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4j("design:paramtypes", [])
+    __metadata$4k("design:paramtypes", [])
 ], DrawerHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerHeaderComponent, decorators: [{
             type: Component,
@@ -14313,13 +14440,13 @@ function provideDrawerHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4i = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4j = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4i = (this && this.__metadata) || function (k, v) {
+var __metadata$4j = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -14466,13 +14593,13 @@ let DrawerHeaderSubTextComponent = class DrawerHeaderSubTextComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerHeaderSubTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DrawerHeaderSubTextComponent, isStandalone: true, selector: "mosaik-drawer-header-sub-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DrawerHeaderSubTextComponent = __decorate$4i([
+DrawerHeaderSubTextComponent = __decorate$4j([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-drawer-header-sub-text', DrawerHeaderSubTextElement),
         inputs: ['text', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4i("design:paramtypes", [])
+    __metadata$4j("design:paramtypes", [])
 ], DrawerHeaderSubTextComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerHeaderSubTextComponent, decorators: [{
             type: Component,
@@ -14497,13 +14624,13 @@ function provideDrawerHeaderSubTextComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4h = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4i = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4h = (this && this.__metadata) || function (k, v) {
+var __metadata$4i = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -14650,13 +14777,13 @@ let DrawerHeaderTextComponent = class DrawerHeaderTextComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerHeaderTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DrawerHeaderTextComponent, isStandalone: true, selector: "mosaik-drawer-header-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DrawerHeaderTextComponent = __decorate$4h([
+DrawerHeaderTextComponent = __decorate$4i([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-drawer-header-text', DrawerHeaderTextElement),
         inputs: ['text', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4h("design:paramtypes", [])
+    __metadata$4i("design:paramtypes", [])
 ], DrawerHeaderTextComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DrawerHeaderTextComponent, decorators: [{
             type: Component,
@@ -14681,13 +14808,13 @@ function provideDrawerHeaderTextComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4g = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4h = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4g = (this && this.__metadata) || function (k, v) {
+var __metadata$4h = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -14863,13 +14990,13 @@ let DismissComponent = class DismissComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DismissComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DismissComponent, isStandalone: true, selector: "mosaik-dismiss", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-DismissComponent = __decorate$4g([
+DismissComponent = __decorate$4h([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-dismiss', DismissElement),
         inputs: ['themeName', 'variant', 'appearance', 'size', 'disabled', 'isFocused', 'dir', 'lang'],
         methods: ['close', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4g("design:paramtypes", [])
+    __metadata$4h("design:paramtypes", [])
 ], DismissComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DismissComponent, decorators: [{
             type: Component,
@@ -15280,7 +15407,7 @@ class DrawerService extends PortalProvider {
             backdropStackKey: 'drawer',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(DrawerPortalComponent, config);
+        const portal = this.createPortal(DrawerPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, DrawerPortalComponent, config);
         this._portalInjector = componentRef.injector;
         const drawerRef = new DrawerRef(this.createId(), componentRef.instance.drawer, overlayRef, config?.data);
@@ -15604,13 +15731,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 
-var __decorate$4f = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4g = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4f = (this && this.__metadata) || function (k, v) {
+var __metadata$4g = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -16029,13 +16156,13 @@ let MessageBoxComponent = class MessageBoxComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: MessageBoxComponent, isStandalone: true, selector: "mosaik-message-box", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dragging: { classPropertyName: "dragging", publicName: "dragging", isSignal: true, isRequired: false, transformFunction: null }, offsetX: { classPropertyName: "offsetX", publicName: "offsetX", isSignal: true, isRequired: false, transformFunction: null }, offsetY: { classPropertyName: "offsetY", publicName: "offsetY", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dialogResult: "dialogResult", opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-MessageBoxComponent = __decorate$4f([
+MessageBoxComponent = __decorate$4g([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-message-box', MessageBoxElement),
         inputs: ['intl', 'header', 'subHeader', 'message', 'buttons', 'icon', 'alignment', 'formatter', 'variant', 'dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
         methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4f("design:paramtypes", [])
+    __metadata$4g("design:paramtypes", [])
 ], MessageBoxComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MessageBoxComponent, decorators: [{
             type: Component,
@@ -16239,7 +16366,7 @@ class MessageBoxService extends PortalProvider {
             backdropStackKey: 'message-box',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(MessageBoxPortalComponent, config);
+        const portal = this.createPortal(MessageBoxPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, MessageBoxPortalComponent, config);
         const messageBoxRef = new MessageBoxRef(this.createId(), componentRef.instance.messageBox, overlayRef, config?.data);
         this.prepareComponent(overlayRef, componentRef.instance.messageBox, messageBoxRef, config);
@@ -16403,13 +16530,13 @@ function provideMessageBoxes(options) {
     ]);
 }
 
-var __decorate$4e = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4f = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4e = (this && this.__metadata) || function (k, v) {
+var __metadata$4f = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -16612,13 +16739,13 @@ let SheetComponent = class SheetComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SheetComponent, isStandalone: true, selector: "mosaik-sheet", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SheetComponent = __decorate$4e([
+SheetComponent = __decorate$4f([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-sheet', SheetElement),
         inputs: ['height', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
         methods: ['open', 'close', 'partial', 'toggle', 'onBackdrop', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4e("design:paramtypes", [])
+    __metadata$4f("design:paramtypes", [])
 ], SheetComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetComponent, decorators: [{
             type: Component,
@@ -16643,13 +16770,13 @@ function provideSheetComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4d = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4e = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4d = (this && this.__metadata) || function (k, v) {
+var __metadata$4e = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -16796,13 +16923,13 @@ let SheetContentComponent = class SheetContentComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SheetContentComponent, isStandalone: true, selector: "mosaik-sheet-content", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SheetContentComponent = __decorate$4d([
+SheetContentComponent = __decorate$4e([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-sheet-content', SheetContentElement),
         inputs: ['text', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4d("design:paramtypes", [])
+    __metadata$4e("design:paramtypes", [])
 ], SheetContentComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetContentComponent, decorators: [{
             type: Component,
@@ -16827,13 +16954,13 @@ function provideSheetContentComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4c = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4d = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4c = (this && this.__metadata) || function (k, v) {
+var __metadata$4d = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -16960,13 +17087,13 @@ let SheetFooterComponent = class SheetFooterComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SheetFooterComponent, isStandalone: true, selector: "mosaik-sheet-footer", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SheetFooterComponent = __decorate$4c([
+SheetFooterComponent = __decorate$4d([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-sheet-footer', SheetFooterElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4c("design:paramtypes", [])
+    __metadata$4d("design:paramtypes", [])
 ], SheetFooterComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetFooterComponent, decorators: [{
             type: Component,
@@ -16991,13 +17118,13 @@ function provideSheetFooterComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4b = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4c = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4b = (this && this.__metadata) || function (k, v) {
+var __metadata$4c = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -17157,13 +17284,13 @@ let SheetHeaderComponent = class SheetHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SheetHeaderComponent, isStandalone: true, selector: "mosaik-sheet-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SheetHeaderComponent = __decorate$4b([
+SheetHeaderComponent = __decorate$4c([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-sheet-header', SheetHeaderElement),
         inputs: ['text', 'subText', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['onApplyTemplate', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4b("design:paramtypes", [])
+    __metadata$4c("design:paramtypes", [])
 ], SheetHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetHeaderComponent, decorators: [{
             type: Component,
@@ -17188,13 +17315,13 @@ function provideSheetHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$4a = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4b = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4a = (this && this.__metadata) || function (k, v) {
+var __metadata$4b = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -17341,13 +17468,13 @@ let SheetHeaderSubTextComponent = class SheetHeaderSubTextComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetHeaderSubTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SheetHeaderSubTextComponent, isStandalone: true, selector: "mosaik-sheet-header-sub-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SheetHeaderSubTextComponent = __decorate$4a([
+SheetHeaderSubTextComponent = __decorate$4b([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-sheet-header-sub-text', SheetHeaderSubTextElement),
         inputs: ['text', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$4a("design:paramtypes", [])
+    __metadata$4b("design:paramtypes", [])
 ], SheetHeaderSubTextComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetHeaderSubTextComponent, decorators: [{
             type: Component,
@@ -17372,13 +17499,13 @@ function provideSheetHeaderSubTextComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$49 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4a = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$49 = (this && this.__metadata) || function (k, v) {
+var __metadata$4a = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -17525,13 +17652,13 @@ let SheetHeaderTextComponent = class SheetHeaderTextComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetHeaderTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: SheetHeaderTextComponent, isStandalone: true, selector: "mosaik-sheet-header-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-SheetHeaderTextComponent = __decorate$49([
+SheetHeaderTextComponent = __decorate$4a([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-sheet-header-text', SheetHeaderTextElement),
         inputs: ['text', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$49("design:paramtypes", [])
+    __metadata$4a("design:paramtypes", [])
 ], SheetHeaderTextComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: SheetHeaderTextComponent, decorators: [{
             type: Component,
@@ -17898,7 +18025,7 @@ class SheetService extends PortalProvider {
             backdropStackKey: 'sheet',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(SheetPortalComponent, config);
+        const portal = this.createPortal(SheetPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, SheetPortalComponent, config);
         this._portalInjector = componentRef.injector;
         const sheetRef = new SheetRef(this.createId(), componentRef.instance.sheet, overlayRef, config?.data);
@@ -18152,13 +18279,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.TemplateRef }] });
 
-var __decorate$48 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$49 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$48 = (this && this.__metadata) || function (k, v) {
+var __metadata$49 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -18455,13 +18582,13 @@ let ToastComponent = class ToastComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ToastComponent, isStandalone: true, selector: "mosaik-toast", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, timeout: { classPropertyName: "timeout", publicName: "timeout", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ToastComponent = __decorate$48([
+ToastComponent = __decorate$49([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-toast', ToastElement),
         inputs: ['header', 'content', 'timeout', 'position', 'showProgress', 'themeName', 'animationTarget', 'enter', 'exit', 'variant', 'formatter', 'isBusy', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
         methods: ['close', 'play', 'onEnterAnimation', 'onExitAnimation', 'open', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$48("design:paramtypes", [])
+    __metadata$49("design:paramtypes", [])
 ], ToastComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ToastComponent, decorators: [{
             type: Component,
@@ -18660,7 +18787,7 @@ class ToastService extends PortalProvider {
             backdropStackKey: 'toast',
             backdropStrategy: resolvedConfig?.backdropStrategy
         });
-        const portal = this.createPortal(ToastPortalComponent, resolvedConfig);
+        const portal = this.createPortal(ToastPortalComponent, overlayRef, resolvedConfig);
         const componentRef = this.createComponent(portal, overlayRef, ToastPortalComponent, resolvedConfig);
         const toastRef = new ToastRef(this.createId(), componentRef.instance.toast, overlayRef, resolvedConfig?.data);
         if (componentTypeOrTemplateRef) {
@@ -20390,13 +20517,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: ViewSlotRegistry }, { type: i0.Injector }], propDecorators: { slot: [{ type: i0.Input, args: [{ isSignal: true, alias: "slot", required: true }] }], initialViewId: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialViewId", required: false }] }] } });
 
-var __decorate$47 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$48 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$47 = (this && this.__metadata) || function (k, v) {
+var __metadata$48 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -21078,13 +21205,13 @@ let AutoCompleteBoxComponent = class AutoCompleteBoxComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AutoCompleteBoxComponent = __decorate$47([
+AutoCompleteBoxComponent = __decorate$48([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-autocompletebox', AutoCompleteBoxElement),
         inputs: ['inputId', 'listboxId', 'filterInputId', 'text', 'filterText', 'highlightedIndex', 'shouldRenderSuggestions', 'hasSuggestions', 'activeDescendantId', 'shouldShowNoResultsMessage', 'shouldShowLoadingState', 'intl', 'placeholder', 'filterPlaceholder', 'required', 'readonly', 'textAlign', 'renderItem', 'dropDownSync', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownWidth', 'dropDownMaxWidth', 'isDropDownOpen', 'appearance', 'variant', 'label', 'isClearable', 'invalid', 'value', 'themeName', 'minimumPrefixLength', 'minimumPopulateDelay', 'isTextCompletionEnabled', 'searchMode', 'displayMemberPath', 'valueMemberPath', 'items', 'itemsProvider', 'populating', 'populated', 'itemSelected', 'filteredItems', 'isPopulating', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
         methods: ['checkValidity', 'onFilterCallback', 'onFloatingActiveChanged', 'onSelectCallback', 'onFilterInput', 'onSuggestionMouseDown', 'onKeyDown', 'onCaretClick', 'getItemValue', 'onSuggestionClick', 'renderSuggestionItem', 'renderHighlightedItem', 'getOptionId', 'clear', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'toggle', 'updateSearchText', 'updateSelectedItem', 'getDisplayValue', 'reset', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$47("design:paramtypes", [])
+    __metadata$48("design:paramtypes", [])
 ], AutoCompleteBoxComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AutoCompleteBoxComponent, decorators: [{
             type: Component,
@@ -21129,13 +21256,13 @@ function provideAutoCompleteBoxComponent(config, intl) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$46 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$47 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$46 = (this && this.__metadata) || function (k, v) {
+var __metadata$47 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -21313,13 +21440,13 @@ let AvatarGroupComponent = class AvatarGroupComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: AvatarGroupComponent, isStandalone: true, selector: "mosaik-avatar-group", inputs: { maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AvatarGroupComponent = __decorate$46([
+AvatarGroupComponent = __decorate$47([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-avatar-group', AvatarGroupElement),
         inputs: ['maxLength', 'themeName', 'disabled', 'size', 'variant', 'appearance', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$46("design:paramtypes", [])
+    __metadata$47("design:paramtypes", [])
 ], AvatarGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AvatarGroupComponent, decorators: [{
             type: Component,
@@ -21344,13 +21471,13 @@ function provideAvatarGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$45 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$46 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$45 = (this && this.__metadata) || function (k, v) {
+var __metadata$46 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -21601,13 +21728,13 @@ let AvatarComponent = class AvatarComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-AvatarComponent = __decorate$45([
+AvatarComponent = __decorate$46([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-avatar', AvatarElement),
         inputs: ['hasBadge', 'text', 'textAccessor', 'icon', 'src', 'displayMode', 'themeName', 'size', 'appearance', 'variant', 'disabled', 'dir', 'lang'],
         methods: ['changeTextAccessor', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$45("design:paramtypes", [])
+    __metadata$46("design:paramtypes", [])
 ], AvatarComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
@@ -21644,13 +21771,13 @@ function provideAvatarComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$44 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$45 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$44 = (this && this.__metadata) || function (k, v) {
+var __metadata$45 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -21812,13 +21939,13 @@ let BackdropComponent = class BackdropComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BackdropComponent, isStandalone: true, selector: "mosaik-backdrop", inputs: { hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BackdropComponent = __decorate$44([
+BackdropComponent = __decorate$45([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-backdrop', BackdropElement),
         inputs: ['hidden', 'themeName', 'animationTarget', 'enter', 'exit', 'dir', 'lang'],
         methods: ['onEnterAnimation', 'onExitAnimation', 'play', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$44("design:paramtypes", [])
+    __metadata$45("design:paramtypes", [])
 ], BackdropComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BackdropComponent, decorators: [{
             type: Component,
@@ -21843,13 +21970,13 @@ function provideBackdropComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$43 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$44 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$43 = (this && this.__metadata) || function (k, v) {
+var __metadata$44 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -22061,13 +22188,13 @@ let BadgeComponent = class BadgeComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BadgeComponent, isStandalone: true, selector: "mosaik-badge", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, overlap: { classPropertyName: "overlap", publicName: "overlap", isSignal: true, isRequired: false, transformFunction: null }, attached: { classPropertyName: "attached", publicName: "attached", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BadgeComponent = __decorate$43([
+BadgeComponent = __decorate$44([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-badge', BadgeElement),
         inputs: ['icon', 'overlap', 'attached', 'position', 'themeName', 'appearance', 'variant', 'size', 'disabled', 'label', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$43("design:paramtypes", [])
+    __metadata$44("design:paramtypes", [])
 ], BadgeComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
@@ -22092,13 +22219,13 @@ function provideBadgeComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$42 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$43 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$42 = (this && this.__metadata) || function (k, v) {
+var __metadata$43 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -22348,13 +22475,13 @@ let BannerGroupComponent = class BannerGroupComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BannerGroupComponent, isStandalone: true, selector: "mosaik-banner-group", inputs: { length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, canPrev: { classPropertyName: "canPrev", publicName: "canPrev", isSignal: true, isRequired: false, transformFunction: null }, canNext: { classPropertyName: "canNext", publicName: "canNext", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, dismissBehavior: { classPropertyName: "dismissBehavior", publicName: "dismissBehavior", isSignal: true, isRequired: false, transformFunction: null }, stacking: { classPropertyName: "stacking", publicName: "stacking", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BannerGroupComponent = __decorate$42([
+BannerGroupComponent = __decorate$43([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-banner-group', BannerGroupElement),
         inputs: ['length', 'canPrev', 'canNext', 'index', 'loop', 'maxLength', 'dismissBehavior', 'stacking', 'reverse', 'themeName', 'orientation', 'disabled', 'appearance', 'variant', 'dir', 'lang'],
         methods: ['previous', 'next', 'first', 'last', 'goTo', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$42("design:paramtypes", [])
+    __metadata$43("design:paramtypes", [])
 ], BannerGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerGroupComponent, decorators: [{
             type: Component,
@@ -22379,13 +22506,13 @@ function provideBannerGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$41 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$42 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$41 = (this && this.__metadata) || function (k, v) {
+var __metadata$42 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -22552,13 +22679,13 @@ let BannerHeaderComponent = class BannerHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BannerHeaderComponent, isStandalone: true, selector: "mosaik-banner-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BannerHeaderComponent = __decorate$41([
+BannerHeaderComponent = __decorate$42([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-banner-header', BannerHeaderElement),
         inputs: ['text', 'themeName', 'variant', 'disabled', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$41("design:paramtypes", [])
+    __metadata$42("design:paramtypes", [])
 ], BannerHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerHeaderComponent, decorators: [{
             type: Component,
@@ -22583,13 +22710,13 @@ function provideBannerHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$40 = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$41 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$40 = (this && this.__metadata) || function (k, v) {
+var __metadata$41 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -22756,13 +22883,13 @@ let BannerSubHeaderComponent = class BannerSubHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerSubHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BannerSubHeaderComponent, isStandalone: true, selector: "mosaik-banner-sub-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BannerSubHeaderComponent = __decorate$40([
+BannerSubHeaderComponent = __decorate$41([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-banner-sub-header', BannerSubHeaderElement),
         inputs: ['text', 'themeName', 'disabled', 'variant', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$40("design:paramtypes", [])
+    __metadata$41("design:paramtypes", [])
 ], BannerSubHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerSubHeaderComponent, decorators: [{
             type: Component,
@@ -22787,13 +22914,13 @@ function provideBannerSubHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3$ = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$40 = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3$ = (this && this.__metadata) || function (k, v) {
+var __metadata$40 = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -23087,13 +23214,13 @@ let BannerComponent = class BannerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BannerComponent, isStandalone: true, selector: "mosaik-banner", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, horizontalContentAlignment: { classPropertyName: "horizontalContentAlignment", publicName: "horizontalContentAlignment", isSignal: true, isRequired: false, transformFunction: null }, verticalContentAlignment: { classPropertyName: "verticalContentAlignment", publicName: "verticalContentAlignment", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BannerComponent = __decorate$3$([
+BannerComponent = __decorate$40([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-banner', BannerElement),
         inputs: ['icon', 'iconSize', 'header', 'subHeader', 'isOpen', 'themeName', 'closeable', 'disabled', 'variant', 'appearance', 'fit', 'elevation', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'formatter', 'dir', 'lang'],
         methods: ['open', 'close', 'toggle', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3$("design:paramtypes", [])
+    __metadata$40("design:paramtypes", [])
 ], BannerComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BannerComponent, decorators: [{
             type: Component,
@@ -23118,13 +23245,13 @@ function provideBannerComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3_ = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3$ = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3_ = (this && this.__metadata) || function (k, v) {
+var __metadata$3$ = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -23312,13 +23439,13 @@ let BoxComponent = class BoxComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BoxComponent, isStandalone: true, selector: "mosaik-box", inputs: { highlighted: { classPropertyName: "highlighted", publicName: "highlighted", isSignal: true, isRequired: false, transformFunction: null }, cornered: { classPropertyName: "cornered", publicName: "cornered", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, inset: { classPropertyName: "inset", publicName: "inset", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BoxComponent = __decorate$3_([
+BoxComponent = __decorate$3$([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-box', BoxElement),
         inputs: ['highlighted', 'cornered', 'themeName', 'fit', 'width', 'height', 'inset', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3_("design:paramtypes", [])
+    __metadata$3$("design:paramtypes", [])
 ], BoxComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BoxComponent, decorators: [{
             type: Component,
@@ -23343,13 +23470,13 @@ function provideBoxComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3Z = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3_ = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3Z = (this && this.__metadata) || function (k, v) {
+var __metadata$3_ = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -23566,13 +23693,13 @@ let BreadcrumbItemComponent = class BreadcrumbItemComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BreadcrumbItemComponent, isStandalone: true, selector: "mosaik-breadcrumb-item", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BreadcrumbItemComponent = __decorate$3Z([
+BreadcrumbItemComponent = __decorate$3_([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-breadcrumb-item', BreadcrumbItemElement),
         inputs: ['isActive', 'underline', 'download', 'href', 'rel', 'target', 'themeName', 'variant', 'disabled', 'label', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3Z("design:paramtypes", [])
+    __metadata$3_("design:paramtypes", [])
 ], BreadcrumbItemComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
             type: Component,
@@ -23597,13 +23724,13 @@ function provideBreadcrumbItemComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3Y = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3Z = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3Y = (this && this.__metadata) || function (k, v) {
+var __metadata$3Z = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -23741,13 +23868,13 @@ let BreadcrumbComponent = class BreadcrumbComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BreadcrumbComponent, isStandalone: true, selector: "mosaik-breadcrumb", inputs: { wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BreadcrumbComponent = __decorate$3Y([
+BreadcrumbComponent = __decorate$3Z([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-breadcrumb', BreadcrumbElement),
         inputs: ['wrap', 'themeName', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3Y("design:paramtypes", [])
+    __metadata$3Z("design:paramtypes", [])
 ], BreadcrumbComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
@@ -23772,13 +23899,13 @@ function provideBreadcrumbComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3X = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3Y = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3X = (this && this.__metadata) || function (k, v) {
+var __metadata$3Y = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -23946,13 +24073,13 @@ let BusyStateComponent = class BusyStateComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BusyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: BusyStateComponent, isStandalone: true, selector: "mosaik-busy-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-BusyStateComponent = __decorate$3X([
+BusyStateComponent = __decorate$3Y([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-busy-state', BusyStateElement),
         inputs: ['icon', 'header', 'themeName', 'content', 'formatter', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3X("design:paramtypes", [])
+    __metadata$3Y("design:paramtypes", [])
 ], BusyStateComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: BusyStateComponent, decorators: [{
             type: Component,
@@ -23977,13 +24104,13 @@ function provideBusyStateComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3W = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3X = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3W = (this && this.__metadata) || function (k, v) {
+var __metadata$3X = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -24150,13 +24277,13 @@ let ButtonGroupComponent = class ButtonGroupComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ButtonGroupComponent, isStandalone: true, selector: "mosaik-button-group", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ButtonGroupComponent = __decorate$3W([
+ButtonGroupComponent = __decorate$3X([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-button-group', ButtonGroupElement),
         inputs: ['themeName', 'orientation', 'disabled', 'appearance', 'variant', 'dir', 'lang'],
         methods: ['onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3W("design:paramtypes", [])
+    __metadata$3X("design:paramtypes", [])
 ], ButtonGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
@@ -24181,13 +24308,13 @@ function provideButtonGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3V = (this && this.__decorate) || function (decorators, target, key, desc) {
+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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3V = (this && this.__metadata) || function (k, v) {
+var __metadata$3W = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -24334,13 +24461,13 @@ let CalendarHeaderComponent = class CalendarHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CalendarHeaderComponent, isStandalone: true, selector: "mosaik-calendar-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CalendarHeaderComponent = __decorate$3V([
+CalendarHeaderComponent = __decorate$3W([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-calendar-header', CalendarHeaderElement),
         inputs: ['text', 'themeName', 'disabled', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3V("design:paramtypes", [])
+    __metadata$3W("design:paramtypes", [])
 ], CalendarHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
             type: Component,
@@ -24365,13 +24492,13 @@ function provideCalendarHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3U = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3V = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3U = (this && this.__metadata) || function (k, v) {
+var __metadata$3V = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -24684,13 +24811,13 @@ let CalendarItemComponent = class CalendarItemComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CalendarItemComponent, isStandalone: true, selector: "mosaik-calendar-item", inputs: { isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, isBlackout: { classPropertyName: "isBlackout", publicName: "isBlackout", isSignal: true, isRequired: false, transformFunction: null }, isSpecial: { classPropertyName: "isSpecial", publicName: "isSpecial", isSignal: true, isRequired: false, transformFunction: null }, isToday: { classPropertyName: "isToday", publicName: "isToday", isSignal: true, isRequired: false, transformFunction: null }, isWeekend: { classPropertyName: "isWeekend", publicName: "isWeekend", isSignal: true, isRequired: false, transformFunction: null }, isAdjacent: { classPropertyName: "isAdjacent", publicName: "isAdjacent", isSignal: true, isRequired: false, transformFunction: null }, markers: { classPropertyName: "markers", publicName: "markers", isSignal: true, isRequired: false, transformFunction: null }, isRangeStart: { classPropertyName: "isRangeStart", publicName: "isRangeStart", isSignal: true, isRequired: false, transformFunction: null }, isRangeMiddle: { classPropertyName: "isRangeMiddle", publicName: "isRangeMiddle", isSignal: true, isRequired: false, transformFunction: null }, isRangeEnd: { classPropertyName: "isRangeEnd", publicName: "isRangeEnd", isSignal: true, isRequired: false, transformFunction: null }, isRangePreview: { classPropertyName: "isRangePreview", publicName: "isRangePreview", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CalendarItemComponent = __decorate$3U([
+CalendarItemComponent = __decorate$3V([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-calendar-item', CalendarItemElement),
         inputs: ['isSelected', 'isBlackout', 'isSpecial', 'isToday', 'isWeekend', 'isAdjacent', 'markers', 'isRangeStart', 'isRangeMiddle', 'isRangeEnd', 'isRangePreview', 'text', 'themeName', 'ripple', 'appearance', 'variant', 'disabled', 'value', 'isFocused', 'dir', 'lang'],
         methods: ['hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3U("design:paramtypes", [])
+    __metadata$3V("design:paramtypes", [])
 ], CalendarItemComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarItemComponent, decorators: [{
             type: Component,
@@ -24715,13 +24842,13 @@ function provideCalendarItemComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3T = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3U = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3T = (this && this.__metadata) || function (k, v) {
+var __metadata$3U = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -24868,13 +24995,13 @@ let CalendarSubHeaderComponent = class CalendarSubHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarSubHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CalendarSubHeaderComponent, isStandalone: true, selector: "mosaik-calendar-sub-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CalendarSubHeaderComponent = __decorate$3T([
+CalendarSubHeaderComponent = __decorate$3U([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-calendar-sub-header', CalendarSubHeaderElement),
         inputs: ['text', 'themeName', 'disabled', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3T("design:paramtypes", [])
+    __metadata$3U("design:paramtypes", [])
 ], CalendarSubHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarSubHeaderComponent, decorators: [{
             type: Component,
@@ -24899,13 +25026,13 @@ function provideCalendarSubHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3S = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3T = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3S = (this && this.__metadata) || function (k, v) {
+var __metadata$3T = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -25072,6 +25199,18 @@ let CalendarComponent = class CalendarComponent {
      * @public
      */
     markerHandler = input(...(ngDevMode ? [undefined, { debugName: "markerHandler" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `allowedViews` property.
+     *
+     * @public
+     */
+    allowedViews = input(...(ngDevMode ? [undefined, { debugName: "allowedViews" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `showNavigation` property.
+     *
+     * @public
+     */
+    showNavigation = input(...(ngDevMode ? [undefined, { debugName: "showNavigation" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `themeName` property.
      *
@@ -25215,6 +25354,14 @@ let CalendarComponent = class CalendarComponent {
             if (markerHandlerValue !== undefined) {
                 this._element.markerHandler = markerHandlerValue;
             }
+            const allowedViewsValue = this.allowedViews();
+            if (allowedViewsValue !== undefined) {
+                this._element.allowedViews = allowedViewsValue;
+            }
+            const showNavigationValue = this.showNavigation();
+            if (showNavigationValue !== undefined) {
+                this._element.showNavigation = showNavigationValue;
+            }
             const themeNameValue = this.themeName();
             if (themeNameValue !== undefined) {
                 this._element.themeName = themeNameValue;
@@ -25331,7 +25478,7 @@ let CalendarComponent = class CalendarComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CalendarComponent, isStandalone: true, selector: "mosaik-calendar", inputs: { sheets: { classPropertyName: "sheets", publicName: "sheets", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayDateStart: { classPropertyName: "displayDateStart", publicName: "displayDateStart", isSignal: true, isRequired: false, transformFunction: null }, displayDateEnd: { classPropertyName: "displayDateEnd", publicName: "displayDateEnd", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, blackoutDates: { classPropertyName: "blackoutDates", publicName: "blackoutDates", isSignal: true, isRequired: false, transformFunction: null }, specialDates: { classPropertyName: "specialDates", publicName: "specialDates", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, isTodayHighlighted: { classPropertyName: "isTodayHighlighted", publicName: "isTodayHighlighted", isSignal: true, isRequired: false, transformFunction: null }, isWeekendHighlighted: { classPropertyName: "isWeekendHighlighted", publicName: "isWeekendHighlighted", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, markerHandler: { classPropertyName: "markerHandler", publicName: "markerHandler", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChanged: "dateChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CalendarComponent, isStandalone: true, selector: "mosaik-calendar", inputs: { sheets: { classPropertyName: "sheets", publicName: "sheets", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayDateStart: { classPropertyName: "displayDateStart", publicName: "displayDateStart", isSignal: true, isRequired: false, transformFunction: null }, displayDateEnd: { classPropertyName: "displayDateEnd", publicName: "displayDateEnd", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, blackoutDates: { classPropertyName: "blackoutDates", publicName: "blackoutDates", isSignal: true, isRequired: false, transformFunction: null }, specialDates: { classPropertyName: "specialDates", publicName: "specialDates", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, isTodayHighlighted: { classPropertyName: "isTodayHighlighted", publicName: "isTodayHighlighted", isSignal: true, isRequired: false, transformFunction: null }, isWeekendHighlighted: { classPropertyName: "isWeekendHighlighted", publicName: "isWeekendHighlighted", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, markerHandler: { classPropertyName: "markerHandler", publicName: "markerHandler", isSignal: true, isRequired: false, transformFunction: null }, allowedViews: { classPropertyName: "allowedViews", publicName: "allowedViews", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dateChanged: "dateChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CalendarComponent),
@@ -25343,13 +25490,13 @@ let CalendarComponent = class CalendarComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CalendarComponent = __decorate$3S([
+CalendarComponent = __decorate$3T([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-calendar', CalendarElement),
-        inputs: ['sheets', 'intl', 'displayDate', 'displayDateStart', 'displayDateEnd', 'values', 'view', 'selectionMode', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'showAdjacent', 'markerHandler', 'themeName', 'locale', 'appearance', 'disabled', 'invalid', 'value', 'orientation', 'variant', 'fit', 'dir', 'lang'],
+        inputs: ['sheets', 'intl', 'displayDate', 'displayDateStart', 'displayDateEnd', 'values', 'view', 'selectionMode', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'showAdjacent', 'markerHandler', 'allowedViews', 'showNavigation', 'themeName', 'locale', 'appearance', 'disabled', 'invalid', 'value', 'orientation', 'variant', 'fit', 'dir', 'lang'],
         methods: ['reset', 'checkValidity', 'navigatePrevious', 'navigateNext', 'navigateToday', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3S("design:paramtypes", [])
+    __metadata$3T("design:paramtypes", [])
 ], CalendarComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
@@ -25371,7 +25518,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                         }
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { sheets: [{ type: i0.Input, args: [{ isSignal: true, alias: "sheets", required: false }] }], intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], displayDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDate", required: false }] }], displayDateStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateStart", required: false }] }], displayDateEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateEnd", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], blackoutDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "blackoutDates", required: false }] }], specialDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "specialDates", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], isTodayHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTodayHighlighted", required: false }] }], isWeekendHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isWeekendHighlighted", required: false }] }], showWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumbers", required: false }] }], showAdjacent: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAdjacent", required: false }] }], markerHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerHandler", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], fit: [{ type: i0.Input, args: [{ isSignal: true, alias: "fit", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { sheets: [{ type: i0.Input, args: [{ isSignal: true, alias: "sheets", required: false }] }], intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], displayDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDate", required: false }] }], displayDateStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateStart", required: false }] }], displayDateEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateEnd", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], blackoutDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "blackoutDates", required: false }] }], specialDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "specialDates", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], isTodayHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTodayHighlighted", required: false }] }], isWeekendHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isWeekendHighlighted", required: false }] }], showWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumbers", required: false }] }], showAdjacent: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAdjacent", required: false }] }], markerHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerHandler", required: false }] }], allowedViews: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedViews", required: false }] }], showNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNavigation", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], fit: [{ type: i0.Input, args: [{ isSignal: true, alias: "fit", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -25394,13 +25541,13 @@ function provideCalendarComponent(config, intl) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3R = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3S = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3R = (this && this.__metadata) || function (k, v) {
+var __metadata$3S = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -25671,13 +25818,13 @@ let CameraComponent = class CameraComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CameraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CameraComponent, isStandalone: true, selector: "mosaik-camera", inputs: { isSupported: { classPropertyName: "isSupported", publicName: "isSupported", isSignal: true, isRequired: false, transformFunction: null }, isRecorderSupported: { classPropertyName: "isRecorderSupported", publicName: "isRecorderSupported", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, autoPlay: { classPropertyName: "autoPlay", publicName: "autoPlay", isSignal: true, isRequired: false, transformFunction: null }, poster: { classPropertyName: "poster", publicName: "poster", isSignal: true, isRequired: false, transformFunction: null }, autoFullScreen: { classPropertyName: "autoFullScreen", publicName: "autoFullScreen", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, recorderFormat: { classPropertyName: "recorderFormat", publicName: "recorderFormat", isSignal: true, isRequired: false, transformFunction: null }, captureFormat: { classPropertyName: "captureFormat", publicName: "captureFormat", isSignal: true, isRequired: false, transformFunction: null }, frame: { classPropertyName: "frame", publicName: "frame", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { captured: "captured", recorded: "recorded", error: "error", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CameraComponent = __decorate$3R([
+CameraComponent = __decorate$3S([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-camera', CameraElement),
         inputs: ['isSupported', 'isRecorderSupported', 'src', 'autoPlay', 'poster', 'autoFullScreen', 'type', 'recorderFormat', 'captureFormat', 'frame', 'themeName', 'disabled', 'width', 'height', 'dir', 'lang'],
         methods: ['record', 'capture', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3R("design:paramtypes", [])
+    __metadata$3S("design:paramtypes", [])
 ], CameraComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CameraComponent, decorators: [{
             type: Component,
@@ -25702,13 +25849,13 @@ function provideCameraComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3Q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3R = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3Q = (this && this.__metadata) || function (k, v) {
+var __metadata$3R = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -25837,13 +25984,13 @@ let CardActionsComponent = class CardActionsComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CardActionsComponent, isStandalone: true, selector: "mosaik-card-actions", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CardActionsComponent = __decorate$3Q([
+CardActionsComponent = __decorate$3R([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-card-actions', CardActionsElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3Q("design:paramtypes", [])
+    __metadata$3R("design:paramtypes", [])
 ], CardActionsComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardActionsComponent, decorators: [{
             type: Component,
@@ -25868,13 +26015,13 @@ function provideCardActionsComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3P = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3Q = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3P = (this && this.__metadata) || function (k, v) {
+var __metadata$3Q = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -26038,13 +26185,13 @@ let CardContentComponent = class CardContentComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CardContentComponent, isStandalone: true, selector: "mosaik-card-content", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, hasContent: { classPropertyName: "hasContent", publicName: "hasContent", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CardContentComponent = __decorate$3P([
+CardContentComponent = __decorate$3Q([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-card-content', CardContentElement),
         inputs: ['text', 'formatter', 'hasContent', 'themeName', 'dir', 'lang'],
         methods: ['onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3P("design:paramtypes", [])
+    __metadata$3Q("design:paramtypes", [])
 ], CardContentComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardContentComponent, decorators: [{
             type: Component,
@@ -26069,13 +26216,13 @@ function provideCardContentComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3O = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3P = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3O = (this && this.__metadata) || function (k, v) {
+var __metadata$3P = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -26202,13 +26349,13 @@ let CardFooterComponent = class CardFooterComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CardFooterComponent, isStandalone: true, selector: "mosaik-card-footer", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CardFooterComponent = __decorate$3O([
+CardFooterComponent = __decorate$3P([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-card-footer', CardFooterElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3O("design:paramtypes", [])
+    __metadata$3P("design:paramtypes", [])
 ], CardFooterComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardFooterComponent, decorators: [{
             type: Component,
@@ -26233,13 +26380,13 @@ function provideCardFooterComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3N = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3O = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3N = (this && this.__metadata) || function (k, v) {
+var __metadata$3O = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -26400,13 +26547,13 @@ let CardHeaderComponent = class CardHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CardHeaderComponent, isStandalone: true, selector: "mosaik-card-header", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, subText: { classPropertyName: "subText", publicName: "subText", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CardHeaderComponent = __decorate$3N([
+CardHeaderComponent = __decorate$3O([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-card-header', CardHeaderElement),
         inputs: ['text', 'subText', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3N("design:paramtypes", [])
+    __metadata$3O("design:paramtypes", [])
 ], CardHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardHeaderComponent, decorators: [{
             type: Component,
@@ -26431,13 +26578,13 @@ function provideCardHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3M = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3N = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3M = (this && this.__metadata) || function (k, v) {
+var __metadata$3N = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -26601,13 +26748,13 @@ let CardSubTitleComponent = class CardSubTitleComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardSubTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CardSubTitleComponent, isStandalone: true, selector: "mosaik-card-sub-title", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, hasContent: { classPropertyName: "hasContent", publicName: "hasContent", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CardSubTitleComponent = __decorate$3M([
+CardSubTitleComponent = __decorate$3N([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-card-sub-title', CardSubTitleElement),
         inputs: ['text', 'formatter', 'hasContent', 'themeName', 'dir', 'lang'],
         methods: ['onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3M("design:paramtypes", [])
+    __metadata$3N("design:paramtypes", [])
 ], CardSubTitleComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardSubTitleComponent, decorators: [{
             type: Component,
@@ -26632,13 +26779,13 @@ function provideCardSubTitleComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3L = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3M = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3L = (this && this.__metadata) || function (k, v) {
+var __metadata$3M = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -26802,13 +26949,13 @@ let CardTitleComponent = class CardTitleComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CardTitleComponent, isStandalone: true, selector: "mosaik-card-title", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, hasContent: { classPropertyName: "hasContent", publicName: "hasContent", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CardTitleComponent = __decorate$3L([
+CardTitleComponent = __decorate$3M([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-card-title', CardTitleElement),
         inputs: ['text', 'formatter', 'hasContent', 'themeName', 'dir', 'lang'],
         methods: ['onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3L("design:paramtypes", [])
+    __metadata$3M("design:paramtypes", [])
 ], CardTitleComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardTitleComponent, decorators: [{
             type: Component,
@@ -26833,13 +26980,13 @@ function provideCardTitleComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3K = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3L = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3K = (this && this.__metadata) || function (k, v) {
+var __metadata$3L = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -27105,13 +27252,13 @@ let CardComponent = class CardComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CardComponent, isStandalone: true, selector: "mosaik-card", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, inlineMedia: { classPropertyName: "inlineMedia", publicName: "inlineMedia", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, inset: { classPropertyName: "inset", publicName: "inset", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", deselected: "deselected", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CardComponent = __decorate$3K([
+CardComponent = __decorate$3L([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-card', CardElement),
         inputs: ['header', 'subHeader', 'content', 'inlineMedia', 'themeName', 'elevation', 'appearance', 'inset', 'fit', 'orientation', 'formatter', 'isSelected', 'disabled', 'dir', 'lang'],
         methods: ['select', 'deselect', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3K("design:paramtypes", [])
+    __metadata$3L("design:paramtypes", [])
 ], CardComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
@@ -27136,13 +27283,13 @@ function provideCardComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3J = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3K = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3J = (this && this.__metadata) || function (k, v) {
+var __metadata$3K = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -27368,13 +27515,13 @@ let Carousel2Component = class Carousel2Component {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: Carousel2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: Carousel2Component, isStandalone: true, selector: "mosaik-carousel-2", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, numVisible: { classPropertyName: "numVisible", publicName: "numVisible", isSignal: true, isRequired: false, transformFunction: null }, numScroll: { classPropertyName: "numScroll", publicName: "numScroll", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, circular: { classPropertyName: "circular", publicName: "circular", isSignal: true, isRequired: false, transformFunction: null }, showIndicators: { classPropertyName: "showIndicators", publicName: "showIndicators", isSignal: true, isRequired: false, transformFunction: null }, showNavigators: { classPropertyName: "showNavigators", publicName: "showNavigators", isSignal: true, isRequired: false, transformFunction: null }, autoplayInterval: { classPropertyName: "autoplayInterval", publicName: "autoplayInterval", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", changed: "changed", selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-Carousel2Component = __decorate$3J([
+Carousel2Component = __decorate$3K([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-carousel-2', Carousel2Element),
         inputs: ['page', 'numVisible', 'numScroll', 'orientation', 'circular', 'showIndicators', 'showNavigators', 'autoplayInterval', 'themeName', 'dir', 'lang'],
         methods: ['onSlotChanges', 'isVertical', 'isForwardNavDisabled', 'isBackwardNavDisabled', 'ariaPrevButtonLabel', 'ariaNextButtonLabel', 'ariaPageLabel', 'navForward', 'navBackward', 'onDotClick', 'onTransitionEnd', 'totalDots', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'select', 'deselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3J("design:paramtypes", [])
+    __metadata$3K("design:paramtypes", [])
 ], Carousel2Component);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: Carousel2Component, decorators: [{
             type: Component,
@@ -27399,13 +27546,13 @@ function provideCarousel2Component(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3I = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3J = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3I = (this && this.__metadata) || function (k, v) {
+var __metadata$3J = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -27578,13 +27725,13 @@ let CarouselItem2Component = class CarouselItem2Component {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CarouselItem2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CarouselItem2Component, isStandalone: true, selector: "mosaik-carousel-item-2", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, displayText: { classPropertyName: "displayText", publicName: "displayText", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", changed: "changed", selected: "selected", deselected: "deselected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CarouselItem2Component = __decorate$3I([
+CarouselItem2Component = __decorate$3J([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-carousel-item-2', CarouselItem2Element),
         inputs: ['themeName', 'isSelected', 'index', 'displayText', 'value', 'dir', 'lang'],
         methods: ['select', 'deselect', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3I("design:paramtypes", [])
+    __metadata$3J("design:paramtypes", [])
 ], CarouselItem2Component);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CarouselItem2Component, decorators: [{
             type: Component,
@@ -27609,13 +27756,13 @@ function provideCarouselItem2Component(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3H = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3I = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3H = (this && this.__metadata) || function (k, v) {
+var __metadata$3I = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -27655,6 +27802,12 @@ let CarouselItemComponent = class CarouselItemComponent {
     }
     // #endregion
     // #region Properties
+    /**
+     * Signal input for the `timeout` property.
+     *
+     * @public
+     */
+    timeout = input(...(ngDevMode ? [undefined, { debugName: "timeout" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `isDismissed` property.
      *
@@ -27736,6 +27889,10 @@ let CarouselItemComponent = class CarouselItemComponent {
      */
     initInputSyncEffect() {
         effect(() => {
+            const timeoutValue = this.timeout();
+            if (timeoutValue !== undefined) {
+                this._element.timeout = timeoutValue;
+            }
             const isDismissedValue = this.isDismissed();
             if (isDismissedValue !== undefined) {
                 this._element.isDismissed = isDismissedValue;
@@ -27836,15 +27993,15 @@ let CarouselItemComponent = class CarouselItemComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CarouselItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CarouselItemComponent, isStandalone: true, selector: "mosaik-carousel-item", inputs: { isDismissed: { classPropertyName: "isDismissed", publicName: "isDismissed", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, dismissDirection: { classPropertyName: "dismissDirection", publicName: "dismissDirection", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, displayText: { classPropertyName: "displayText", publicName: "displayText", isSignal: true, isRequired: false, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", deselected: "deselected", changed: "changed", connected: "connected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CarouselItemComponent, isStandalone: true, selector: "mosaik-carousel-item", inputs: { timeout: { classPropertyName: "timeout", publicName: "timeout", isSignal: true, isRequired: false, transformFunction: null }, isDismissed: { classPropertyName: "isDismissed", publicName: "isDismissed", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, dismissDirection: { classPropertyName: "dismissDirection", publicName: "dismissDirection", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, displayText: { classPropertyName: "displayText", publicName: "displayText", isSignal: true, isRequired: false, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected", deselected: "deselected", changed: "changed", connected: "connected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CarouselItemComponent = __decorate$3H([
+CarouselItemComponent = __decorate$3I([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-carousel-item', CarouselItemElement),
-        inputs: ['isDismissed', 'isActive', 'dismissDirection', 'themeName', 'disabled', 'isSelected', 'index', 'displayText', 'parent', 'value', 'dir', 'lang'],
+        inputs: ['timeout', 'isDismissed', 'isActive', 'dismissDirection', 'themeName', 'disabled', 'isSelected', 'index', 'displayText', 'parent', 'value', 'dir', 'lang'],
         methods: ['select', 'deselect', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3H("design:paramtypes", [])
+    __metadata$3I("design:paramtypes", [])
 ], CarouselItemComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CarouselItemComponent, decorators: [{
             type: Component,
@@ -27854,7 +28011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { isDismissed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDismissed", required: false }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], dismissDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissDirection", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }], displayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayText", required: false }] }], parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], deselected: [{ type: i0.Output, args: ["deselected"] }], changed: [{ type: i0.Output, args: ["changed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }] } });
+        }], ctorParameters: () => [], propDecorators: { timeout: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeout", required: false }] }], isDismissed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDismissed", required: false }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], dismissDirection: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissDirection", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSelected", required: false }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: false }] }], displayText: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayText", required: false }] }], parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], deselected: [{ type: i0.Output, args: ["deselected"] }], changed: [{ type: i0.Output, args: ["changed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }] } });
 /**
  * @public
  */
@@ -27869,13 +28026,13 @@ function provideCarouselItemComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3G = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3H = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3G = (this && this.__metadata) || function (k, v) {
+var __metadata$3H = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -27928,6 +28085,18 @@ let CarouselComponent = class CarouselComponent {
      * @public
      */
     hasNext = input(...(ngDevMode ? [undefined, { debugName: "hasNext" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `autoplay` property.
+     *
+     * @public
+     */
+    autoplay = input(...(ngDevMode ? [undefined, { debugName: "autoplay" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `timeout` property.
+     *
+     * @public
+     */
+    timeout = input(...(ngDevMode ? [undefined, { debugName: "timeout" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `showNavigation` property.
      *
@@ -28017,6 +28186,14 @@ let CarouselComponent = class CarouselComponent {
             if (hasNextValue !== undefined) {
                 this._element.hasNext = hasNextValue;
             }
+            const autoplayValue = this.autoplay();
+            if (autoplayValue !== undefined) {
+                this._element.autoplay = autoplayValue;
+            }
+            const timeoutValue = this.timeout();
+            if (timeoutValue !== undefined) {
+                this._element.timeout = timeoutValue;
+            }
             const showNavigationValue = this.showNavigation();
             if (showNavigationValue !== undefined) {
                 this._element.showNavigation = showNavigationValue;
@@ -28121,15 +28298,15 @@ let CarouselComponent = class CarouselComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CarouselComponent, isStandalone: true, selector: "mosaik-carousel", inputs: { hasPrevious: { classPropertyName: "hasPrevious", publicName: "hasPrevious", isSignal: true, isRequired: false, transformFunction: null }, hasNext: { classPropertyName: "hasNext", publicName: "hasNext", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, showIndicator: { classPropertyName: "showIndicator", publicName: "showIndicator", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, navigationPosition: { classPropertyName: "navigationPosition", publicName: "navigationPosition", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, selectedItem: { classPropertyName: "selectedItem", publicName: "selectedItem", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", changed: "changed", connected: "connected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CarouselComponent, isStandalone: true, selector: "mosaik-carousel", inputs: { hasPrevious: { classPropertyName: "hasPrevious", publicName: "hasPrevious", isSignal: true, isRequired: false, transformFunction: null }, hasNext: { classPropertyName: "hasNext", publicName: "hasNext", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, timeout: { classPropertyName: "timeout", publicName: "timeout", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, showIndicator: { classPropertyName: "showIndicator", publicName: "showIndicator", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, navigationPosition: { classPropertyName: "navigationPosition", publicName: "navigationPosition", isSignal: true, isRequired: false, transformFunction: null }, displayMode: { classPropertyName: "displayMode", publicName: "displayMode", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, selectedItem: { classPropertyName: "selectedItem", publicName: "selectedItem", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", changed: "changed", connected: "connected", disconnected: "disconnected" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CarouselComponent = __decorate$3G([
+CarouselComponent = __decorate$3H([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-carousel', CarouselElement),
-        inputs: ['hasPrevious', 'hasNext', 'showNavigation', 'showIndicator', 'loop', 'navigationPosition', 'displayMode', 'themeName', 'disabled', 'appearance', 'variant', 'selectedItem', 'dir', 'lang'],
-        methods: ['select', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'deselect', 'resetSelection', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
+        inputs: ['hasPrevious', 'hasNext', 'autoplay', 'timeout', 'showNavigation', 'showIndicator', 'loop', 'navigationPosition', 'displayMode', 'themeName', 'disabled', 'appearance', 'variant', 'selectedItem', 'dir', 'lang'],
+        methods: ['start', 'stop', 'pause', 'resume', 'select', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'deselect', 'resetSelection', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3G("design:paramtypes", [])
+    __metadata$3H("design:paramtypes", [])
 ], CarouselComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
@@ -28139,7 +28316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { hasPrevious: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPrevious", required: false }] }], hasNext: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasNext", required: false }] }], showNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNavigation", required: false }] }], showIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIndicator", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], navigationPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigationPosition", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selectionChanged: [{ type: i0.Output, args: ["selectionChanged"] }], itemsChanged: [{ type: i0.Output, args: ["itemsChanged"] }], changed: [{ type: i0.Output, args: ["changed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }] } });
+        }], ctorParameters: () => [], propDecorators: { hasPrevious: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPrevious", required: false }] }], hasNext: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasNext", required: false }] }], autoplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoplay", required: false }] }], timeout: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeout", required: false }] }], showNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNavigation", required: false }] }], showIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showIndicator", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], navigationPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigationPosition", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], selectionChanged: [{ type: i0.Output, args: ["selectionChanged"] }], itemsChanged: [{ type: i0.Output, args: ["itemsChanged"] }], changed: [{ type: i0.Output, args: ["changed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }] } });
 /**
  * @public
  */
@@ -28154,13 +28331,13 @@ function provideCarouselComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3F = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3G = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3F = (this && this.__metadata) || function (k, v) {
+var __metadata$3G = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -28298,13 +28475,13 @@ let CellGroupComponent = class CellGroupComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CellGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CellGroupComponent, isStandalone: true, selector: "mosaik-cell-group", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CellGroupComponent = __decorate$3F([
+CellGroupComponent = __decorate$3G([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-cell-group', CellGroupElement),
         inputs: ['header', 'themeName', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3F("design:paramtypes", [])
+    __metadata$3G("design:paramtypes", [])
 ], CellGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CellGroupComponent, decorators: [{
             type: Component,
@@ -28329,13 +28506,13 @@ function provideCellGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3E = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3F = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3E = (this && this.__metadata) || function (k, v) {
+var __metadata$3F = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -28505,13 +28682,13 @@ let CellComponent = class CellComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CellComponent, isStandalone: true, selector: "mosaik-cell", inputs: { isNavigation: { classPropertyName: "isNavigation", publicName: "isNavigation", isSignal: true, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CellComponent = __decorate$3E([
+CellComponent = __decorate$3F([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-cell', CellElement),
         inputs: ['isNavigation', 'subLabel', 'themeName', 'label', 'disabled', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3E("design:paramtypes", [])
+    __metadata$3F("design:paramtypes", [])
 ], CellComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CellComponent, decorators: [{
             type: Component,
@@ -28536,13 +28713,13 @@ function provideCellComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3D = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3E = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3D = (this && this.__metadata) || function (k, v) {
+var __metadata$3E = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -28984,13 +29161,13 @@ let ChartComponent = class ChartComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChartComponent, isStandalone: true, selector: "mosaik-chart", inputs: { chart: { classPropertyName: "chart", publicName: "chart", isSignal: true, isRequired: false, transformFunction: null }, annotations: { classPropertyName: "annotations", publicName: "annotations", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null }, dataLabels: { classPropertyName: "dataLabels", publicName: "dataLabels", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, stroke: { classPropertyName: "stroke", publicName: "stroke", isSignal: true, isRequired: false, transformFunction: null }, labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, markers: { classPropertyName: "markers", publicName: "markers", isSignal: true, isRequired: false, transformFunction: null }, noData: { classPropertyName: "noData", publicName: "noData", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, plotOptions: { classPropertyName: "plotOptions", publicName: "plotOptions", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null }, xAxis: { classPropertyName: "xAxis", publicName: "xAxis", isSignal: true, isRequired: false, transformFunction: null }, yAxis: { classPropertyName: "yAxis", publicName: "yAxis", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, states: { classPropertyName: "states", publicName: "states", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, stackType: { classPropertyName: "stackType", publicName: "stackType", isSignal: true, isRequired: false, transformFunction: null }, isYAxisVisible: { classPropertyName: "isYAxisVisible", publicName: "isYAxisVisible", isSignal: true, isRequired: false, transformFunction: null }, isXAxisVisible: { classPropertyName: "isXAxisVisible", publicName: "isXAxisVisible", isSignal: true, isRequired: false, transformFunction: null }, isLegendVisible: { classPropertyName: "isLegendVisible", publicName: "isLegendVisible", isSignal: true, isRequired: false, transformFunction: null }, legendPosition: { classPropertyName: "legendPosition", publicName: "legendPosition", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, fit: { classPropertyName: "fit", publicName: "fit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChartComponent = __decorate$3D([
+ChartComponent = __decorate$3E([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chart', ChartElement),
         inputs: ['chart', 'annotations', 'colors', 'dataLabels', 'series', 'stroke', 'labels', 'legend', 'markers', 'noData', 'fill', 'tooltip', 'plotOptions', 'responsive', 'xAxis', 'yAxis', 'grid', 'states', 'theme', 'display', 'stacked', 'stackType', 'isYAxisVisible', 'isXAxisVisible', 'isLegendVisible', 'legendPosition', 'themeName', 'header', 'subHeader', 'variant', 'fit', 'width', 'height', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3D("design:paramtypes", [])
+    __metadata$3E("design:paramtypes", [])
 ], ChartComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
@@ -29015,13 +29192,13 @@ function provideChartComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3C = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3D = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3C = (this && this.__metadata) || function (k, v) {
+var __metadata$3D = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -29179,13 +29356,13 @@ let ChatHeaderComponent = class ChatHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatHeaderComponent, isStandalone: true, selector: "mosaik-chat-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatHeaderComponent = __decorate$3C([
+ChatHeaderComponent = __decorate$3D([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-header', ChatHeaderElement),
         inputs: ['title', 'subTitle', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3C("design:paramtypes", [])
+    __metadata$3D("design:paramtypes", [])
 ], ChatHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatHeaderComponent, decorators: [{
             type: Component,
@@ -29210,13 +29387,13 @@ function provideChatHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3B = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3C = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3B = (this && this.__metadata) || function (k, v) {
+var __metadata$3C = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -29408,13 +29585,13 @@ let ChatInputAttachmentListComponent = class ChatInputAttachmentListComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatInputAttachmentListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatInputAttachmentListComponent, isStandalone: true, selector: "mosaik-chat-input-attachment-list", inputs: { attachmentAdded: { classPropertyName: "attachmentAdded", publicName: "attachmentAdded", isSignal: true, isRequired: false, transformFunction: null }, attachmentRemoved: { classPropertyName: "attachmentRemoved", publicName: "attachmentRemoved", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { attachmentAdd: "attachmentAdd", attachmentRemove: "attachmentRemove", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatInputAttachmentListComponent = __decorate$3B([
+ChatInputAttachmentListComponent = __decorate$3C([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-input-attachment-list', ChatInputAttachmentListElement),
         inputs: ['attachmentAdded', 'attachmentRemoved', 'files', 'themeName', 'variant', 'appearance', 'disabled', 'dir', 'lang'],
         methods: ['addAttachment', 'removeAttachment', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3B("design:paramtypes", [])
+    __metadata$3C("design:paramtypes", [])
 ], ChatInputAttachmentListComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatInputAttachmentListComponent, decorators: [{
             type: Component,
@@ -29439,13 +29616,13 @@ function provideChatInputAttachmentListComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3A = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3B = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3A = (this && this.__metadata) || function (k, v) {
+var __metadata$3B = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -29635,13 +29812,13 @@ let ChatInputComponent = class ChatInputComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatInputComponent, isStandalone: true, selector: "mosaik-chat-input", inputs: { submitted: { classPropertyName: "submitted", publicName: "submitted", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { chatSubmit: "chatSubmit", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatInputComponent = __decorate$3A([
+ChatInputComponent = __decorate$3B([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-input', ChatInputElement),
         inputs: ['submitted', 'value', 'placeholder', 'themeName', 'variant', 'appearance', 'disabled', 'dir', 'lang'],
         methods: ['send', 'clear', 'onApplyTemplate', 'onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3A("design:paramtypes", [])
+    __metadata$3B("design:paramtypes", [])
 ], ChatInputComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatInputComponent, decorators: [{
             type: Component,
@@ -29666,13 +29843,13 @@ function provideChatInputComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3z = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3A = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3z = (this && this.__metadata) || function (k, v) {
+var __metadata$3A = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -29889,13 +30066,13 @@ let ChatMarkerComponent = class ChatMarkerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatMarkerComponent, isStandalone: true, selector: "mosaik-chat-marker", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, horizontalContentAlignment: { classPropertyName: "horizontalContentAlignment", publicName: "horizontalContentAlignment", isSignal: true, isRequired: false, transformFunction: null }, verticalContentAlignment: { classPropertyName: "verticalContentAlignment", publicName: "verticalContentAlignment", isSignal: true, isRequired: false, transformFunction: null }, isSticky: { classPropertyName: "isSticky", publicName: "isSticky", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatMarkerComponent = __decorate$3z([
+ChatMarkerComponent = __decorate$3A([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-marker', ChatMarkerElement),
         inputs: ['text', 'icon', 'themeName', 'variant', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'isSticky', 'formatter', 'appearance', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3z("design:paramtypes", [])
+    __metadata$3A("design:paramtypes", [])
 ], ChatMarkerComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMarkerComponent, decorators: [{
             type: Component,
@@ -29920,13 +30097,13 @@ function provideChatMarkerComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3y = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3z = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3y = (this && this.__metadata) || function (k, v) {
+var __metadata$3z = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -30112,13 +30289,13 @@ let ChatMessageAvatarComponent = class ChatMessageAvatarComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatMessageAvatarComponent, isStandalone: true, selector: "mosaik-chat-message-avatar", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatMessageAvatarComponent = __decorate$3y([
+ChatMessageAvatarComponent = __decorate$3z([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-message-avatar', ChatMessageAvatarElement),
         inputs: ['text', 'icon', 'src', 'themeName', 'appearance', 'variant', 'disabled', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3y("design:paramtypes", [])
+    __metadata$3z("design:paramtypes", [])
 ], ChatMessageAvatarComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageAvatarComponent, decorators: [{
             type: Component,
@@ -30143,13 +30320,13 @@ function provideChatMessageAvatarComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3x = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3y = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3x = (this && this.__metadata) || function (k, v) {
+var __metadata$3y = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -30306,13 +30483,13 @@ let ChatMessageDividerComponent = class ChatMessageDividerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatMessageDividerComponent, isStandalone: true, selector: "mosaik-chat-message-divider", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isSticky: { classPropertyName: "isSticky", publicName: "isSticky", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatMessageDividerComponent = __decorate$3x([
+ChatMessageDividerComponent = __decorate$3y([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-message-divider', ChatMessageDividerElement),
         inputs: ['text', 'thickness', 'themeName', 'isSticky', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3x("design:paramtypes", [])
+    __metadata$3y("design:paramtypes", [])
 ], ChatMessageDividerComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageDividerComponent, decorators: [{
             type: Component,
@@ -30337,13 +30514,13 @@ function provideChatMessageDividerComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3w = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3x = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3w = (this && this.__metadata) || function (k, v) {
+var __metadata$3x = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -30499,13 +30676,13 @@ let ChatMessageReactionComponent = class ChatMessageReactionComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageReactionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatMessageReactionComponent, isStandalone: true, selector: "mosaik-chat-message-reaction", inputs: { emoji: { classPropertyName: "emoji", publicName: "emoji", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatMessageReactionComponent = __decorate$3w([
+ChatMessageReactionComponent = __decorate$3x([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-message-reaction', ChatMessageReactionElement),
         inputs: ['emoji', 'count', 'themeName', 'disabled', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3w("design:paramtypes", [])
+    __metadata$3x("design:paramtypes", [])
 ], ChatMessageReactionComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageReactionComponent, decorators: [{
             type: Component,
@@ -30530,13 +30707,13 @@ function provideChatMessageReactionComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3v = (this && this.__decorate) || function (decorators, target, key, desc) {
+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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3v = (this && this.__metadata) || function (k, v) {
+var __metadata$3w = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -30778,13 +30955,13 @@ let ChatMessageComponent = class ChatMessageComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatMessageComponent, isStandalone: true, selector: "mosaik-chat-message", inputs: { attachments: { classPropertyName: "attachments", publicName: "attachments", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, at: { classPropertyName: "at", publicName: "at", isSignal: true, isRequired: false, transformFunction: null }, reply: { classPropertyName: "reply", publicName: "reply", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatMessageComponent = __decorate$3v([
+ChatMessageComponent = __decorate$3w([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-message', ChatMessageElement),
         inputs: ['attachments', 'author', 'text', 'at', 'reply', 'themeName', 'variant', 'appearance', 'disabled', 'formatter', 'isBusy', 'value', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3v("design:paramtypes", [])
+    __metadata$3w("design:paramtypes", [])
 ], ChatMessageComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatMessageComponent, decorators: [{
             type: Component,
@@ -30809,13 +30986,13 @@ function provideChatMessageComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3u = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3v = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3u = (this && this.__metadata) || function (k, v) {
+var __metadata$3v = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -31031,13 +31208,13 @@ let ChatComponent = class ChatComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChatComponent, isStandalone: true, selector: "mosaik-chat", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, scrollToEnd: { classPropertyName: "scrollToEnd", publicName: "scrollToEnd", isSignal: true, isRequired: false, transformFunction: null }, begin: { classPropertyName: "begin", publicName: "begin", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChatComponent = __decorate$3u([
+ChatComponent = __decorate$3v([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat', ChatElement),
         inputs: ['intl', 'scrollToEnd', 'begin', 'themeName', 'width', 'height', 'appearance', 'variant', 'dir', 'lang'],
         methods: ['onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3u("design:paramtypes", [])
+    __metadata$3v("design:paramtypes", [])
 ], ChatComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChatComponent, decorators: [{
             type: Component,
@@ -31070,13 +31247,13 @@ function provideChatComponent(config, intl) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3t = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3u = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3t = (this && this.__metadata) || function (k, v) {
+var __metadata$3u = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -31317,13 +31494,13 @@ let CheckBoxGroupComponent = class CheckBoxGroupComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CheckBoxGroupComponent = __decorate$3t([
+CheckBoxGroupComponent = __decorate$3u([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-checkbox-group', CheckBoxGroupElement),
         inputs: ['name', 'required', 'themeName', 'invalid', 'disabled', 'orientation', 'value', 'appearance', 'variant', 'dir', 'lang'],
         methods: ['checkAll', 'uncheckAll', 'checkValidity', 'onSlotChanges', 'reset', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3t("design:paramtypes", [])
+    __metadata$3u("design:paramtypes", [])
 ], CheckBoxGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CheckBoxGroupComponent, decorators: [{
             type: Component,
@@ -31360,13 +31537,13 @@ function provideCheckBoxGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3s = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3t = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3s = (this && this.__metadata) || function (k, v) {
+var __metadata$3t = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -31672,13 +31849,13 @@ let CheckboxComponent = class CheckboxComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CheckboxComponent = __decorate$3s([
+CheckboxComponent = __decorate$3t([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-checkbox', CheckboxElement),
         inputs: ['labelPosition', 'required', 'name', 'themeName', 'invalid', 'value', 'variant', 'appearance', 'disabled', 'label', 'formatter', 'isChecked', 'isThreeState', 'isFocused', 'dir', 'lang'],
         methods: ['reset', 'checkValidity', 'check', 'uncheck', 'toggle', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3s("design:paramtypes", [])
+    __metadata$3t("design:paramtypes", [])
 ], CheckboxComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
@@ -31715,13 +31892,13 @@ function provideCheckboxComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3r = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3s = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3r = (this && this.__metadata) || function (k, v) {
+var __metadata$3s = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -31907,13 +32084,13 @@ let CheckmarkComponent = class CheckmarkComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CheckmarkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: CheckmarkComponent, isStandalone: true, selector: "mosaik-checkmark", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, isThreeState: { classPropertyName: "isThreeState", publicName: "isThreeState", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-CheckmarkComponent = __decorate$3r([
+CheckmarkComponent = __decorate$3s([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-checkmark', CheckmarkElement),
         inputs: ['checked', 'type', 'isThreeState', 'themeName', 'disabled', 'variant', 'appearance', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3r("design:paramtypes", [])
+    __metadata$3s("design:paramtypes", [])
 ], CheckmarkComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: CheckmarkComponent, decorators: [{
             type: Component,
@@ -31938,13 +32115,13 @@ function provideCheckmarkComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3q = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3r = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3q = (this && this.__metadata) || function (k, v) {
+var __metadata$3r = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -32205,13 +32382,13 @@ let ChipGroupComponent = class ChipGroupComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChipGroupComponent = __decorate$3q([
+ChipGroupComponent = __decorate$3r([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chip-group', ChipGroupElement),
         inputs: ['name', 'required', 'selectionMode', 'wrap', 'themeName', 'size', 'invalid', 'disabled', 'value', 'appearance', 'variant', 'dir', 'lang'],
         methods: ['onSlotChanges', 'checkValidity', 'reset', 'selectAll', 'deselectAll', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3q("design:paramtypes", [])
+    __metadata$3r("design:paramtypes", [])
 ], ChipGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChipGroupComponent, decorators: [{
             type: Component,
@@ -32248,13 +32425,13 @@ function provideChipGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3p = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3q = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3p = (this && this.__metadata) || function (k, v) {
+var __metadata$3q = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -32532,13 +32709,13 @@ let ChipComponent = class ChipComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChipComponent, isStandalone: true, selector: "mosaik-chip", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, isCheckable: { classPropertyName: "isCheckable", publicName: "isCheckable", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isChecked: { classPropertyName: "isChecked", publicName: "isChecked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggled: "toggled", checked: "checked", unchecked: "unchecked", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChipComponent = __decorate$3p([
+ChipComponent = __decorate$3q([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chip', ChipElement),
         inputs: ['icon', 'isCheckable', 'themeName', 'ripple', 'closeable', 'variant', 'appearance', 'isChecked', 'disabled', 'size', 'isFocused', 'label', 'value', 'dir', 'lang'],
         methods: ['check', 'uncheck', 'toggle', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'close', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3p("design:paramtypes", [])
+    __metadata$3q("design:paramtypes", [])
 ], ChipComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChipComponent, decorators: [{
             type: Component,
@@ -32563,13 +32740,13 @@ function provideChipComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3o = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3p = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3o = (this && this.__metadata) || function (k, v) {
+var __metadata$3p = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -32975,13 +33152,13 @@ let ChipBoxComponent = class ChipBoxComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChipBoxComponent = __decorate$3o([
+ChipBoxComponent = __decorate$3p([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chipbox', ChipBoxElement),
         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'],
         methods: ['focus', 'blur', 'clear', 'reset', 'checkValidity', 'add', 'delete', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3o("design:paramtypes", [])
+    __metadata$3p("design:paramtypes", [])
 ], ChipBoxComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChipBoxComponent, decorators: [{
             type: Component,
@@ -33018,13 +33195,13 @@ function provideChipBoxComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3n = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3o = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3n = (this && this.__metadata) || function (k, v) {
+var __metadata$3o = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -33151,13 +33328,13 @@ let ChoiceGroupHeaderComponent = class ChoiceGroupHeaderComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChoiceGroupHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ChoiceGroupHeaderComponent, isStandalone: true, selector: "mosaik-choice-group-header", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChoiceGroupHeaderComponent = __decorate$3n([
+ChoiceGroupHeaderComponent = __decorate$3o([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-choice-group-header', ChoiceGroupHeaderElement),
         inputs: ['themeName', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3n("design:paramtypes", [])
+    __metadata$3o("design:paramtypes", [])
 ], ChoiceGroupHeaderComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChoiceGroupHeaderComponent, decorators: [{
             type: Component,
@@ -33182,13 +33359,13 @@ function provideChoiceGroupHeaderComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3m = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3n = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3m = (this && this.__metadata) || function (k, v) {
+var __metadata$3n = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -33431,13 +33608,13 @@ let ChoiceGroupComponent = class ChoiceGroupComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChoiceGroupComponent = __decorate$3m([
+ChoiceGroupComponent = __decorate$3n([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-choice-group', ChoiceGroupElement),
         inputs: ['name', 'required', 'themeName', 'orientation', 'invalid', 'value', 'disabled', 'appearance', 'variant', 'dir', 'lang'],
         methods: ['onSlotChanges', 'checkValidity', 'reset', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3m("design:paramtypes", [])
+    __metadata$3n("design:paramtypes", [])
 ], ChoiceGroupComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChoiceGroupComponent, decorators: [{
             type: Component,
@@ -33474,13 +33651,13 @@ function provideChoiceGroupComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
-var __decorate$3l = (this && this.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3m = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3l = (this && this.__metadata) || function (k, v) {
+var __metadata$3m = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 /**
@@ -33817,13 +33994,13 @@ let ChoiceComponent = class ChoiceComponent {
             }
         ], hostDirectives: [{ directive: FormStatusHostDirective }, { directive: FormFieldStatusHostDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
-ChoiceComponent = __decorate$3l([
+ChoiceComponent = __decorate$3m([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-choice', ChoiceElement),
         inputs: ['name', 'additional', 'required', 'icon', 'iconPosition', 'themeName', 'ripple', 'invalid', 'disabled', 'appearance', 'variant', 'label', 'value', 'formatter', 'isChecked', 'isThreeState', 'isFocused', 'dir', 'lang'],
         methods: ['reset', 'checkValidity', 'check', 'uncheck', 'toggle', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
-    __metadata$3l("design:paramtypes", [])
+    __metadata$3m("design:paramtypes", [])
 ], ChoiceComponent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ChoiceComponent, decorators: [{
             type: Component,
@@ -33860,6 +34037,210 @@ function provideChoiceComponent(config) {
     return makeEnvironmentProviders(providers);
 }
 
+var __decorate$3l = (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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$3l = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+/**
+ * @public
+ *
+ * Injection token for the default properties of the ClickableComponent.
+ * Use this token to provide default properties for the ClickableComponent.
+ * The properties will be applied to the component when it is created.
+ * This is useful for setting default values for properties that are not set by the user.
+ */
+const CLICKABLE_DEFAULT_PROPS = new InjectionToken('MOSAIK_CLICKABLE_DEFAULT_PROPS');
+/**
+ * @public
+ *
+ * @slot  - Default slot for child content.
+ * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
+ */
+let ClickableComponent = class ClickableComponent {
+    // #region Fields
+    _element;
+    _destroyRef;
+    // #endregion
+    // #region Ctor
+    constructor() {
+        inject(ChangeDetectorRef).detach();
+        this._element = inject(ElementRef).nativeElement;
+        this._destroyRef = inject(DestroyRef);
+        // Wire up output events from the native element
+        this._element.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined));
+        this._element.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined));
+        this._element.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined));
+        // Initialize input synchronization effect
+        this.initInputSyncEffect();
+        applyDefaults(this._element, inject(CLICKABLE_DEFAULT_PROPS, { optional: true }) ?? {});
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Signal input for the `themeName` property.
+     *
+     * @public
+     */
+    themeName = input(...(ngDevMode ? [undefined, { debugName: "themeName" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `ripple` property.
+     *
+     * @public
+     */
+    ripple = input(...(ngDevMode ? [undefined, { debugName: "ripple" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `disabled` property.
+     *
+     * @public
+     */
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `isFocused` property.
+     *
+     * @public
+     */
+    isFocused = input(...(ngDevMode ? [undefined, { debugName: "isFocused" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `variant` property.
+     *
+     * @public
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `dir` property.
+     *
+     * @public
+     */
+    dir = input(...(ngDevMode ? [undefined, { debugName: "dir" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `lang` property.
+     *
+     * @public
+     */
+    lang = input(...(ngDevMode ? [undefined, { debugName: "lang" }] : /* istanbul ignore next */ []));
+    /**
+     * Initializes the effect that synchronizes all signal inputs to the native element.
+     * Called from constructor after _element is initialized.
+     * The effect is automatically cleaned up when the component is destroyed via DestroyRef.
+     *
+     * @private
+     */
+    initInputSyncEffect() {
+        effect(() => {
+            const themeNameValue = this.themeName();
+            if (themeNameValue !== undefined) {
+                this._element.themeName = themeNameValue;
+            }
+            const rippleValue = this.ripple();
+            if (rippleValue !== undefined) {
+                this._element.ripple = rippleValue;
+            }
+            const disabledValue = this.disabled();
+            if (disabledValue !== undefined) {
+                this._element.disabled = disabledValue;
+            }
+            const isFocusedValue = this.isFocused();
+            if (isFocusedValue !== undefined) {
+                this._element.isFocused = isFocusedValue;
+            }
+            const variantValue = this.variant();
+            if (variantValue !== undefined) {
+                this._element.variant = variantValue;
+            }
+            const dirValue = this.dir();
+            if (dirValue !== undefined) {
+                this._element.dir = dirValue;
+            }
+            const langValue = this.lang();
+            if (langValue !== undefined) {
+                this._element.lang = langValue;
+            }
+        }, { injector: undefined });
+    }
+    // #endregion
+    // #region Outputs
+    /**
+     * Output signal for the `connected` event.
+     *
+     * @public
+     */
+    connected = output();
+    /**
+     * Output signal for the `disconnected` event.
+     *
+     * @public
+     */
+    disconnected = output();
+    /**
+     * Output signal for the `changed` event.
+     *
+     * @public
+     */
+    changed = output();
+    // #endregion
+    // #region Methods
+    /**
+     * Invokes a method on the underlying native element.
+     *
+     * @public
+     * @param method - The method name to invoke.
+     * @param args - The arguments to pass to the method.
+     * @returns The return value of the method.
+     */
+    invoke(method, ...args) {
+        return this._element[method](...args);
+    }
+    /**
+     * Sets a property value on the underlying native element.
+     * This is useful for CDK behaviors and directives that need to modify element properties
+     * without going through the signal input (which would cause a one-way binding).
+     *
+     * @public
+     * @param property - The property name to set.
+     * @param value - The value to set.
+     */
+    setInput(property, value) {
+        this._element[property] = value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ClickableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: ClickableComponent, isStandalone: true, selector: "mosaik-clickable", inputs: { themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+ClickableComponent = __decorate$3l([
+    ProxyCmp({
+        defineCustomElementFn: () => customElements.define('mosaik-clickable', ClickableElement),
+        inputs: ['themeName', 'ripple', 'disabled', 'isFocused', 'variant', 'dir', 'lang'],
+        methods: ['hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
+    }),
+    __metadata$3l("design:paramtypes", [])
+], ClickableComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: ClickableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mosaik-clickable',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>'
+                }]
+        }], ctorParameters: () => [], propDecorators: { themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], ripple: [{ type: i0.Input, args: [{ isSignal: true, alias: "ripple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFocused", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+/**
+ * @public
+ */
+function provideClickableComponent(config) {
+    const providers = [];
+    if (config) {
+        providers.push({
+            provide: CLICKABLE_DEFAULT_PROPS,
+            useValue: config
+        });
+    }
+    return makeEnvironmentProviders(providers);
+}
+
 var __decorate$3k = (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;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -40057,6 +40438,18 @@ let DateBoxComponent = class DateBoxComponent {
      * @public
      */
     view = input(...(ngDevMode ? [undefined, { debugName: "view" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `allowedViews` property.
+     *
+     * @public
+     */
+    allowedViews = input(...(ngDevMode ? [undefined, { debugName: "allowedViews" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `showNavigation` property.
+     *
+     * @public
+     */
+    showNavigation = input(...(ngDevMode ? [undefined, { debugName: "showNavigation" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `selectionMode` property.
      *
@@ -40354,6 +40747,14 @@ let DateBoxComponent = class DateBoxComponent {
             if (viewValue !== undefined) {
                 this._element.view = viewValue;
             }
+            const allowedViewsValue = this.allowedViews();
+            if (allowedViewsValue !== undefined) {
+                this._element.allowedViews = allowedViewsValue;
+            }
+            const showNavigationValue = this.showNavigation();
+            if (showNavigationValue !== undefined) {
+                this._element.showNavigation = showNavigationValue;
+            }
             const selectionModeValue = this.selectionMode();
             if (selectionModeValue !== undefined) {
                 this._element.selectionMode = selectionModeValue;
@@ -40598,7 +40999,7 @@ let DateBoxComponent = class DateBoxComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DateBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DateBoxComponent, isStandalone: true, selector: "mosaik-datebox", inputs: { displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayDateStart: { classPropertyName: "displayDateStart", publicName: "displayDateStart", isSignal: true, isRequired: false, transformFunction: null }, displayDateEnd: { classPropertyName: "displayDateEnd", publicName: "displayDateEnd", isSignal: true, isRequired: false, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, blackoutDates: { classPropertyName: "blackoutDates", publicName: "blackoutDates", isSignal: true, isRequired: false, transformFunction: null }, specialDates: { classPropertyName: "specialDates", publicName: "specialDates", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, isTodayHighlighted: { classPropertyName: "isTodayHighlighted", publicName: "isTodayHighlighted", isSignal: true, isRequired: false, transformFunction: null }, isWeekendHighlighted: { classPropertyName: "isWeekendHighlighted", publicName: "isWeekendHighlighted", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, markerHandler: { classPropertyName: "markerHandler", publicName: "markerHandler", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, dropDownPlacement: { classPropertyName: "dropDownPlacement", publicName: "dropDownPlacement", isSignal: true, isRequired: false, transformFunction: null }, dropDownStrategy: { classPropertyName: "dropDownStrategy", publicName: "dropDownStrategy", isSignal: true, isRequired: false, transformFunction: null }, dropDownDistance: { classPropertyName: "dropDownDistance", publicName: "dropDownDistance", isSignal: true, isRequired: false, transformFunction: null }, dropDownSkidding: { classPropertyName: "dropDownSkidding", publicName: "dropDownSkidding", isSignal: true, isRequired: false, transformFunction: null }, dropDownStaysOpen: { classPropertyName: "dropDownStaysOpen", publicName: "dropDownStaysOpen", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxHeight: { classPropertyName: "dropDownMaxHeight", publicName: "dropDownMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownHeight: { classPropertyName: "dropDownHeight", publicName: "dropDownHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownWidth: { classPropertyName: "dropDownWidth", publicName: "dropDownWidth", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxWidth: { classPropertyName: "dropDownMaxWidth", publicName: "dropDownMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, isDropDownOpen: { classPropertyName: "isDropDownOpen", publicName: "isDropDownOpen", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DateBoxComponent, isStandalone: true, selector: "mosaik-datebox", inputs: { displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayDateStart: { classPropertyName: "displayDateStart", publicName: "displayDateStart", isSignal: true, isRequired: false, transformFunction: null }, displayDateEnd: { classPropertyName: "displayDateEnd", publicName: "displayDateEnd", isSignal: true, isRequired: false, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, allowedViews: { classPropertyName: "allowedViews", publicName: "allowedViews", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, blackoutDates: { classPropertyName: "blackoutDates", publicName: "blackoutDates", isSignal: true, isRequired: false, transformFunction: null }, specialDates: { classPropertyName: "specialDates", publicName: "specialDates", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, isTodayHighlighted: { classPropertyName: "isTodayHighlighted", publicName: "isTodayHighlighted", isSignal: true, isRequired: false, transformFunction: null }, isWeekendHighlighted: { classPropertyName: "isWeekendHighlighted", publicName: "isWeekendHighlighted", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, markerHandler: { classPropertyName: "markerHandler", publicName: "markerHandler", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, dropDownPlacement: { classPropertyName: "dropDownPlacement", publicName: "dropDownPlacement", isSignal: true, isRequired: false, transformFunction: null }, dropDownStrategy: { classPropertyName: "dropDownStrategy", publicName: "dropDownStrategy", isSignal: true, isRequired: false, transformFunction: null }, dropDownDistance: { classPropertyName: "dropDownDistance", publicName: "dropDownDistance", isSignal: true, isRequired: false, transformFunction: null }, dropDownSkidding: { classPropertyName: "dropDownSkidding", publicName: "dropDownSkidding", isSignal: true, isRequired: false, transformFunction: null }, dropDownStaysOpen: { classPropertyName: "dropDownStaysOpen", publicName: "dropDownStaysOpen", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxHeight: { classPropertyName: "dropDownMaxHeight", publicName: "dropDownMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownHeight: { classPropertyName: "dropDownHeight", publicName: "dropDownHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownWidth: { classPropertyName: "dropDownWidth", publicName: "dropDownWidth", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxWidth: { classPropertyName: "dropDownMaxWidth", publicName: "dropDownMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, isDropDownOpen: { classPropertyName: "isDropDownOpen", publicName: "isDropDownOpen", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateBoxComponent),
@@ -40613,7 +41014,7 @@ let DateBoxComponent = class DateBoxComponent {
 DateBoxComponent = __decorate$2$([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-datebox', DateBoxElement),
-        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', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownWidth', 'dropDownMaxWidth', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
+        inputs: ['displayDate', 'displayDateStart', 'displayDateEnd', 'displayValue', 'values', 'view', 'allowedViews', 'showNavigation', 'selectionMode', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'markerHandler', 'showAdjacent', 'readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'format', 'textAlign', 'themeName', 'isClearable', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownWidth', 'dropDownMaxWidth', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
         methods: ['focus', 'blur', 'clear', 'reset', 'checkValidity', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'toggle', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$2$("design:paramtypes", [])
@@ -40638,7 +41039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                         }
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { displayDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDate", required: false }] }], displayDateStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateStart", required: false }] }], displayDateEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateEnd", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], blackoutDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "blackoutDates", required: false }] }], specialDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "specialDates", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], isTodayHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTodayHighlighted", required: false }] }], isWeekendHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isWeekendHighlighted", required: false }] }], showWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumbers", required: false }] }], markerHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerHandler", required: false }] }], showAdjacent: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAdjacent", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], textAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "textAlign", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isClearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isClearable", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], dropDownPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownPlacement", required: false }] }], dropDownStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStrategy", required: false }] }], dropDownDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownDistance", required: false }] }], dropDownSkidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownSkidding", required: false }] }], dropDownStaysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStaysOpen", required: false }] }], dropDownMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxHeight", required: false }] }], dropDownHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownHeight", required: false }] }], dropDownWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownWidth", required: false }] }], dropDownMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxWidth", required: false }] }], isDropDownOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDropDownOpen", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], parser: [{ type: i0.Input, args: [{ isSignal: true, alias: "parser", required: false }] }], isFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFocused", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], cleared: [{ type: i0.Output, args: ["cleared"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { displayDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDate", required: false }] }], displayDateStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateStart", required: false }] }], displayDateEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateEnd", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }], allowedViews: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedViews", required: false }] }], showNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNavigation", required: false }] }], selectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectionMode", required: false }] }], blackoutDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "blackoutDates", required: false }] }], specialDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "specialDates", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], isTodayHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTodayHighlighted", required: false }] }], isWeekendHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isWeekendHighlighted", required: false }] }], showWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumbers", required: false }] }], markerHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerHandler", required: false }] }], showAdjacent: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAdjacent", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], textAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "textAlign", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isClearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isClearable", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], dropDownPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownPlacement", required: false }] }], dropDownStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStrategy", required: false }] }], dropDownDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownDistance", required: false }] }], dropDownSkidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownSkidding", required: false }] }], dropDownStaysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStaysOpen", required: false }] }], dropDownMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxHeight", required: false }] }], dropDownHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownHeight", required: false }] }], dropDownWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownWidth", required: false }] }], dropDownMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxWidth", required: false }] }], isDropDownOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDropDownOpen", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], parser: [{ type: i0.Input, args: [{ isSignal: true, alias: "parser", required: false }] }], isFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFocused", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], cleared: [{ type: i0.Output, args: ["cleared"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -40738,6 +41139,18 @@ let DateTimeBoxComponent = class DateTimeBoxComponent {
      * @public
      */
     view = input(...(ngDevMode ? [undefined, { debugName: "view" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `allowedViews` property.
+     *
+     * @public
+     */
+    allowedViews = input(...(ngDevMode ? [undefined, { debugName: "allowedViews" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `showNavigation` property.
+     *
+     * @public
+     */
+    showNavigation = input(...(ngDevMode ? [undefined, { debugName: "showNavigation" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `blackoutDates` property.
      *
@@ -41071,6 +41484,14 @@ let DateTimeBoxComponent = class DateTimeBoxComponent {
             if (viewValue !== undefined) {
                 this._element.view = viewValue;
             }
+            const allowedViewsValue = this.allowedViews();
+            if (allowedViewsValue !== undefined) {
+                this._element.allowedViews = allowedViewsValue;
+            }
+            const showNavigationValue = this.showNavigation();
+            if (showNavigationValue !== undefined) {
+                this._element.showNavigation = showNavigationValue;
+            }
             const blackoutDatesValue = this.blackoutDates();
             if (blackoutDatesValue !== undefined) {
                 this._element.blackoutDates = blackoutDatesValue;
@@ -41339,7 +41760,7 @@ let DateTimeBoxComponent = class DateTimeBoxComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: DateTimeBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DateTimeBoxComponent, isStandalone: true, selector: "mosaik-datetimebox", inputs: { displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayDateStart: { classPropertyName: "displayDateStart", publicName: "displayDateStart", isSignal: true, isRequired: false, transformFunction: null }, displayDateEnd: { classPropertyName: "displayDateEnd", publicName: "displayDateEnd", isSignal: true, isRequired: false, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, blackoutDates: { classPropertyName: "blackoutDates", publicName: "blackoutDates", isSignal: true, isRequired: false, transformFunction: null }, specialDates: { classPropertyName: "specialDates", publicName: "specialDates", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, isTodayHighlighted: { classPropertyName: "isTodayHighlighted", publicName: "isTodayHighlighted", isSignal: true, isRequired: false, transformFunction: null }, isWeekendHighlighted: { classPropertyName: "isWeekendHighlighted", publicName: "isWeekendHighlighted", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, markerHandler: { classPropertyName: "markerHandler", publicName: "markerHandler", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, selectedHour: { classPropertyName: "selectedHour", publicName: "selectedHour", isSignal: true, isRequired: false, transformFunction: null }, selectedMinute: { classPropertyName: "selectedMinute", publicName: "selectedMinute", isSignal: true, isRequired: false, transformFunction: null }, is12Hour: { classPropertyName: "is12Hour", publicName: "is12Hour", isSignal: true, isRequired: false, transformFunction: null }, isAM: { classPropertyName: "isAM", publicName: "isAM", isSignal: true, isRequired: false, transformFunction: null }, selectedDisplayHour: { classPropertyName: "selectedDisplayHour", publicName: "selectedDisplayHour", isSignal: true, isRequired: false, transformFunction: null }, hourItems: { classPropertyName: "hourItems", publicName: "hourItems", isSignal: true, isRequired: false, transformFunction: null }, minuteItems: { classPropertyName: "minuteItems", publicName: "minuteItems", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, dropDownPlacement: { classPropertyName: "dropDownPlacement", publicName: "dropDownPlacement", isSignal: true, isRequired: false, transformFunction: null }, dropDownStrategy: { classPropertyName: "dropDownStrategy", publicName: "dropDownStrategy", isSignal: true, isRequired: false, transformFunction: null }, dropDownDistance: { classPropertyName: "dropDownDistance", publicName: "dropDownDistance", isSignal: true, isRequired: false, transformFunction: null }, dropDownSkidding: { classPropertyName: "dropDownSkidding", publicName: "dropDownSkidding", isSignal: true, isRequired: false, transformFunction: null }, dropDownStaysOpen: { classPropertyName: "dropDownStaysOpen", publicName: "dropDownStaysOpen", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxHeight: { classPropertyName: "dropDownMaxHeight", publicName: "dropDownMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownHeight: { classPropertyName: "dropDownHeight", publicName: "dropDownHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownWidth: { classPropertyName: "dropDownWidth", publicName: "dropDownWidth", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxWidth: { classPropertyName: "dropDownMaxWidth", publicName: "dropDownMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, isDropDownOpen: { classPropertyName: "isDropDownOpen", publicName: "isDropDownOpen", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.13", type: DateTimeBoxComponent, isStandalone: true, selector: "mosaik-datetimebox", inputs: { displayDate: { classPropertyName: "displayDate", publicName: "displayDate", isSignal: true, isRequired: false, transformFunction: null }, displayDateStart: { classPropertyName: "displayDateStart", publicName: "displayDateStart", isSignal: true, isRequired: false, transformFunction: null }, displayDateEnd: { classPropertyName: "displayDateEnd", publicName: "displayDateEnd", isSignal: true, isRequired: false, transformFunction: null }, displayValue: { classPropertyName: "displayValue", publicName: "displayValue", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, allowedViews: { classPropertyName: "allowedViews", publicName: "allowedViews", isSignal: true, isRequired: false, transformFunction: null }, showNavigation: { classPropertyName: "showNavigation", publicName: "showNavigation", isSignal: true, isRequired: false, transformFunction: null }, blackoutDates: { classPropertyName: "blackoutDates", publicName: "blackoutDates", isSignal: true, isRequired: false, transformFunction: null }, specialDates: { classPropertyName: "specialDates", publicName: "specialDates", isSignal: true, isRequired: false, transformFunction: null }, minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, firstDayOfWeek: { classPropertyName: "firstDayOfWeek", publicName: "firstDayOfWeek", isSignal: true, isRequired: false, transformFunction: null }, isTodayHighlighted: { classPropertyName: "isTodayHighlighted", publicName: "isTodayHighlighted", isSignal: true, isRequired: false, transformFunction: null }, isWeekendHighlighted: { classPropertyName: "isWeekendHighlighted", publicName: "isWeekendHighlighted", isSignal: true, isRequired: false, transformFunction: null }, showWeekNumbers: { classPropertyName: "showWeekNumbers", publicName: "showWeekNumbers", isSignal: true, isRequired: false, transformFunction: null }, markerHandler: { classPropertyName: "markerHandler", publicName: "markerHandler", isSignal: true, isRequired: false, transformFunction: null }, showAdjacent: { classPropertyName: "showAdjacent", publicName: "showAdjacent", isSignal: true, isRequired: false, transformFunction: null }, selectedHour: { classPropertyName: "selectedHour", publicName: "selectedHour", isSignal: true, isRequired: false, transformFunction: null }, selectedMinute: { classPropertyName: "selectedMinute", publicName: "selectedMinute", isSignal: true, isRequired: false, transformFunction: null }, is12Hour: { classPropertyName: "is12Hour", publicName: "is12Hour", isSignal: true, isRequired: false, transformFunction: null }, isAM: { classPropertyName: "isAM", publicName: "isAM", isSignal: true, isRequired: false, transformFunction: null }, selectedDisplayHour: { classPropertyName: "selectedDisplayHour", publicName: "selectedDisplayHour", isSignal: true, isRequired: false, transformFunction: null }, hourItems: { classPropertyName: "hourItems", publicName: "hourItems", isSignal: true, isRequired: false, transformFunction: null }, minuteItems: { classPropertyName: "minuteItems", publicName: "minuteItems", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, dropDownPlacement: { classPropertyName: "dropDownPlacement", publicName: "dropDownPlacement", isSignal: true, isRequired: false, transformFunction: null }, dropDownStrategy: { classPropertyName: "dropDownStrategy", publicName: "dropDownStrategy", isSignal: true, isRequired: false, transformFunction: null }, dropDownDistance: { classPropertyName: "dropDownDistance", publicName: "dropDownDistance", isSignal: true, isRequired: false, transformFunction: null }, dropDownSkidding: { classPropertyName: "dropDownSkidding", publicName: "dropDownSkidding", isSignal: true, isRequired: false, transformFunction: null }, dropDownStaysOpen: { classPropertyName: "dropDownStaysOpen", publicName: "dropDownStaysOpen", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxHeight: { classPropertyName: "dropDownMaxHeight", publicName: "dropDownMaxHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownHeight: { classPropertyName: "dropDownHeight", publicName: "dropDownHeight", isSignal: true, isRequired: false, transformFunction: null }, dropDownWidth: { classPropertyName: "dropDownWidth", publicName: "dropDownWidth", isSignal: true, isRequired: false, transformFunction: null }, dropDownMaxWidth: { classPropertyName: "dropDownMaxWidth", publicName: "dropDownMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, isDropDownOpen: { classPropertyName: "isDropDownOpen", publicName: "isDropDownOpen", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, parser: { classPropertyName: "parser", publicName: "parser", isSignal: true, isRequired: false, transformFunction: null }, isFocused: { classPropertyName: "isFocused", publicName: "isFocused", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cleared: "cleared", connected: "connected", disconnected: "disconnected", changed: "changed" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => DateTimeBoxComponent),
@@ -41354,7 +41775,7 @@ let DateTimeBoxComponent = class DateTimeBoxComponent {
 DateTimeBoxComponent = __decorate$2_([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-datetimebox', DateTimeBoxElement),
-        inputs: ['displayDate', 'displayDateStart', 'displayDateEnd', 'displayValue', 'values', 'view', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'markerHandler', 'showAdjacent', 'selectedHour', 'selectedMinute', 'is12Hour', 'isAM', 'selectedDisplayHour', 'hourItems', 'minuteItems', 'readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'format', 'textAlign', 'themeName', 'isClearable', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownWidth', 'dropDownMaxWidth', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
+        inputs: ['displayDate', 'displayDateStart', 'displayDateEnd', 'displayValue', 'values', 'view', 'allowedViews', 'showNavigation', 'blackoutDates', 'specialDates', 'minDate', 'maxDate', 'firstDayOfWeek', 'isTodayHighlighted', 'isWeekendHighlighted', 'showWeekNumbers', 'markerHandler', 'showAdjacent', 'selectedHour', 'selectedMinute', 'is12Hour', 'isAM', 'selectedDisplayHour', 'hourItems', 'minuteItems', 'readonly', 'required', 'autofocus', 'name', 'placeholder', 'autocomplete', 'format', 'textAlign', 'themeName', 'isClearable', 'locale', 'invalid', 'value', 'variant', 'appearance', 'dropDownPlacement', 'dropDownStrategy', 'dropDownDistance', 'dropDownSkidding', 'dropDownStaysOpen', 'dropDownMaxHeight', 'dropDownHeight', 'dropDownWidth', 'dropDownMaxWidth', 'isDropDownOpen', 'label', 'disabled', 'state', 'formatter', 'parser', 'isFocused', 'dir', 'lang'],
         methods: ['focus', 'blur', 'clear', 'reset', 'checkValidity', 'onAmPmToggled', 'onHourChanged', 'onMinuteChanged', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'toggle', 'hasVisibleFocusInTree', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$2_("design:paramtypes", [])
@@ -41379,7 +41800,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                         }
                     ]
                 }]
-        }], ctorParameters: () => [], propDecorators: { displayDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDate", required: false }] }], displayDateStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateStart", required: false }] }], displayDateEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateEnd", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }], blackoutDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "blackoutDates", required: false }] }], specialDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "specialDates", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], isTodayHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTodayHighlighted", required: false }] }], isWeekendHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isWeekendHighlighted", required: false }] }], showWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumbers", required: false }] }], markerHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerHandler", required: false }] }], showAdjacent: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAdjacent", required: false }] }], selectedHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedHour", required: false }] }], selectedMinute: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMinute", required: false }] }], is12Hour: [{ type: i0.Input, args: [{ isSignal: true, alias: "is12Hour", required: false }] }], isAM: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAM", required: false }] }], selectedDisplayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDisplayHour", required: false }] }], hourItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourItems", required: false }] }], minuteItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteItems", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], textAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "textAlign", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isClearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isClearable", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], dropDownPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownPlacement", required: false }] }], dropDownStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStrategy", required: false }] }], dropDownDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownDistance", required: false }] }], dropDownSkidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownSkidding", required: false }] }], dropDownStaysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStaysOpen", required: false }] }], dropDownMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxHeight", required: false }] }], dropDownHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownHeight", required: false }] }], dropDownWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownWidth", required: false }] }], dropDownMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxWidth", required: false }] }], isDropDownOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDropDownOpen", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], parser: [{ type: i0.Input, args: [{ isSignal: true, alias: "parser", required: false }] }], isFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFocused", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], cleared: [{ type: i0.Output, args: ["cleared"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { displayDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDate", required: false }] }], displayDateStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateStart", required: false }] }], displayDateEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayDateEnd", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }], allowedViews: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowedViews", required: false }] }], showNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNavigation", required: false }] }], blackoutDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "blackoutDates", required: false }] }], specialDates: [{ type: i0.Input, args: [{ isSignal: true, alias: "specialDates", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], firstDayOfWeek: [{ type: i0.Input, args: [{ isSignal: true, alias: "firstDayOfWeek", required: false }] }], isTodayHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isTodayHighlighted", required: false }] }], isWeekendHighlighted: [{ type: i0.Input, args: [{ isSignal: true, alias: "isWeekendHighlighted", required: false }] }], showWeekNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showWeekNumbers", required: false }] }], markerHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerHandler", required: false }] }], showAdjacent: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAdjacent", required: false }] }], selectedHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedHour", required: false }] }], selectedMinute: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedMinute", required: false }] }], is12Hour: [{ type: i0.Input, args: [{ isSignal: true, alias: "is12Hour", required: false }] }], isAM: [{ type: i0.Input, args: [{ isSignal: true, alias: "isAM", required: false }] }], selectedDisplayHour: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDisplayHour", required: false }] }], hourItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "hourItems", required: false }] }], minuteItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "minuteItems", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], textAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "textAlign", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isClearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isClearable", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], dropDownPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownPlacement", required: false }] }], dropDownStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStrategy", required: false }] }], dropDownDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownDistance", required: false }] }], dropDownSkidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownSkidding", required: false }] }], dropDownStaysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownStaysOpen", required: false }] }], dropDownMaxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxHeight", required: false }] }], dropDownHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownHeight", required: false }] }], dropDownWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownWidth", required: false }] }], dropDownMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropDownMaxWidth", required: false }] }], isDropDownOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDropDownOpen", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], parser: [{ type: i0.Input, args: [{ isSignal: true, alias: "parser", required: false }] }], isFocused: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFocused", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], cleared: [{ type: i0.Output, args: ["cleared"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -90716,5 +91137,5 @@ function provideWrapComponent(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ACTIONBAR_DEFAULT_PROPS, ACTIONBAR_GROUP_DEFAULT_PROPS, ACTIONBAR_ITEM_DEFAULT_PROPS, ACTIONBAR_SEPARATOR_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, AUTO_COMPLETE_BOX_INTL, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, ActionbarComponent, ActionbarGroupComponent, ActionbarItemComponent, ActionbarSeparatorComponent, 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, 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, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, BreakpointService, BusyStateComponent, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_INTL, 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_INTL, 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, CHIP_GROUP_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_EDITOR_ALPHA_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_AREA_DEFAULT_PROPS, COLOR_EDITOR_DEFAULT_PROPS, COLOR_EDITOR_HUE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_INPUTS_DEFAULT_PROPS, COLOR_EDITOR_PALETTE_DEFAULT_PROPS, COLOR_EDITOR_SHADE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_SWATCH_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_INTL, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, COOKIES_CONSENT_INTL, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellDefDirective, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatInputAttachmentListComponent, ChatInputComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, ChatMessageReactionComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChipGroupComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorEditorAlphaSliderComponent, ColorEditorAreaComponent, ColorEditorComponent, ColorEditorHueSliderComponent, ColorEditorInputsComponent, ColorEditorPaletteComponent, ColorEditorShadeSliderComponent, ColorEditorSwatchComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ColumnDefDirective, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATA_TABLE_INTL, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DESIGNER_CANVAS_DEFAULT_PROPS, DESIGNER_CONTENT_DEFAULT_PROPS, DESIGNER_DEFAULT_PROPS, DESIGNER_FRAME_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_BREAKPOINT_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_STACK_BEHAVIOR_CONFIG, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOCK_PANEL_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DOT_GROUP_DEFAULT_PROPS, DRAWER_ACTIONS_DEFAULT_PROPS, DRAWER_BREAKPOINT_BEHAVIOR_CONFIG, DRAWER_CONFIG, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DRAWER_FOOTER_DEFAULT_PROPS, DRAWER_HEADER_DEFAULT_PROPS, DRAWER_HEADER_SUB_TEXT_DEFAULT_PROPS, DRAWER_HEADER_TEXT_DEFAULT_PROPS, DRAWER_REF, DRAWER_REF_DATA, DRAWER_STACK_BEHAVIOR_CONFIG, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DURATION_BOX_DEFAULT_PROPS, DataListComponent, DataTableColumnEditorToggleDirective, DataTableComponent, DateAgoPipe, DateAgoPipeIntl, DateBoxComponent, DateTimeBoxComponent, DesignerCanvasComponent, DesignerComponent, DesignerContentComponent, DesignerFrameComponent, DialogActionsComponent, DialogActionsDirective, DialogBreakpointBehavior, DialogComponent, DialogContentComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DialogStackBehavior, DisclosureComponent, DismissComponent, DividerComponent, DockDirective, DockPanelComponent, DotComponent, DotGroupComponent, DrawerActionsComponent, DrawerActionsDirective, DrawerBreakpointBehavior, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerContentDirective, DrawerFooterComponent, DrawerFooterDirective, DrawerHeaderComponent, DrawerHeaderDirective, DrawerHeaderSubTextComponent, DrawerHeaderTextComponent, DrawerPortalComponent, DrawerRef, DrawerService, DrawerStackBehavior, DropDownButtonComponent, DropZoneComponent, DurationBoxComponent, 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, ExpandableToggleDirective, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_BOX_DEFAULT_PROPS, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_INTL, 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, FLOW_BOARD_COLUMN_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_DEFAULT_PROPS, FLOW_BOARD_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FONT_EDITOR_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FileBoxComponent, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FlowBoardColumnComponent, FlowBoardColumnComposerComponent, FlowBoardColumnItemComponent, FlowBoardColumnItemComposerComponent, FlowBoardComponent, FocusRingComponent, FontEditorComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormFieldDirective, FormFieldStateDirective, FormFieldStatusHostDirective, FormStatusHostDirective, FormatPipe, GHOST_DEFAULT_PROPS, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GhostComponent, GlobalDomRef, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HeaderCellDefDirective, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconRegistry, ImageComponent, IndicatorComponent, ItemCellDefDirective, ItemDefDirective, 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, LISTING_DEFAULT_PROPS, LISTING_ITEM_DEFAULT_PROPS, LISTING_ITEM_MARKER_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_INTL, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, ListingComponent, ListingItemComponent, ListingItemMarkerComponent, MAP_DEFAULT_PROPS, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_BEHAVIORS, MESSAGE_BOX_CONFIG, MESSAGE_BOX_DEFAULT_PROPS, MESSAGE_BOX_INTL, MESSAGE_BOX_REF, MESSAGE_BOX_REF_DATA, MESSAGE_CONTENT_DEFAULT_PROPS, MESSAGE_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MapComponent, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxPortalComponent, MessageBoxRef, MessageBoxService, MessageComponent, MessageContentComponent, 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, PAGINATOR_INTL, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, PIP_DEFAULT_PROPS, PLACEHOLDER_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PRESS_BUTTON_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PipComponent, PlaceholderComponent, PopupComponent, PortalComponent, PortalHostComponent, PortalProjectionComponent, PressButtonComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REACTION_CHAT_TOOL_DEFAULT_PROPS, REGION_DEFAULT_PROPS, REGION_VIEW_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RESIZE_DEFAULT_PROPS, RESIZE_THUMB_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RICH_TEXT_BOX_INTL, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, ReactionChatToolComponent, ReactiveFormValidator, ReactiveValidationSession, RegionComponent, RegionViewComponent, RepeatButtonComponent, ResizeAdornerComponent, ResizeComponent, ResizeThumbComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCHEDULER_DEFAULT_PROPS, SCHEDULER_EVENT_DEFAULT_PROPS, SCHEDULER_INTL, SCROLL_DEFAULT_PROPS, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_INTL, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SHEET_BEHAVIORS, SHEET_CONFIG, SHEET_CONTENT_DEFAULT_PROPS, SHEET_DEFAULT_PROPS, SHEET_FOOTER_DEFAULT_PROPS, SHEET_HEADER_DEFAULT_PROPS, SHEET_HEADER_SUB_TEXT_DEFAULT_PROPS, SHEET_HEADER_TEXT_DEFAULT_PROPS, SHEET_REF, SHEET_REF_DATA, 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, STEPPER_DEFAULT_PROPS, STEPPER_ITEM_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, SchedulerComponent, SchedulerEventComponent, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SheetComponent, SheetContentComponent, SheetContentDirective, SheetFooterComponent, SheetFooterDirective, SheetHeaderComponent, SheetHeaderDirective, SheetHeaderSubTextComponent, SheetHeaderTextComponent, SheetPortalComponent, SheetRef, SheetService, SignalFormValidator, SignalValidationBuilder, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StepperComponent, StepperItemComponent, StepperNextDirective, StepperPrevDirective, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_CELL_DEFAULT_PROPS, TABLE_BODY_DEFAULT_PROPS, TABLE_BODY_ROW_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_INTL, TABLE_DEFAULT_PROPS, TABLE_FOOTER_CELL_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_FOOTER_ROW_DEFAULT_PROPS, TABLE_HEADER_CELL_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_HEADER_ROW_DEFAULT_PROPS, TABLE_INTL, 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_FORMATTER_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, THUMBNAIL_DEFAULT_PROPS, THUMB_DEFAULT_PROPS, TICK_BAR_DEFAULT_PROPS, TILE_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TILE_MANAGER_DEFAULT_PROPS, TILE_MANAGER_TILE_DEFAULT_PROPS, TIMELINE_CONTENT_DEFAULT_PROPS, TIMELINE_DEFAULT_PROPS, TIMELINE_ITEM_DEFAULT_PROPS, TIMELINE_MARKER_DEFAULT_PROPS, TIMELINE_OPPOSITE_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_BEHAVIORS, TOAST_CONFIG, TOAST_DEFAULT_PROPS, TOAST_REF, TOAST_REF_DATA, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_BUTTON_GROUP_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TOUR_ANCHOR_DEFAULT_PROPS, TOUR_DEFAULT_PROPS, TOUR_STEP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyCellComponent, TableBodyComponent, TableBodyRowComponent, TableColumnEditorComponent, TableComponent, TableFooterCellComponent, TableFooterComponent, TableFooterRowComponent, TableHeaderCellComponent, TableHeaderComponent, TableHeaderRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, TextFormatterDirective, Theme2Component, ThemeService, ThumbComponent, ThumbnailComponent, TickBarComponent, TileComponent, TileListComponent, TileListItemComponent, TileManagerComponent, TileManagerTileComponent, TimeAgoPipe, TimeAgoPipeIntl, TimeBoxComponent, TimeUpdateService, TimelineComponent, TimelineContentComponent, TimelineItemComponent, TimelineMarkerComponent, TimelineOppositeComponent, ToastComponent, ToastPortalComponent, ToastRef, ToastService, ToggleButtonComponent, ToggleButtonGroupComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TooltipDirective, TourAnchorComponent, TourComponent, TourStepComponent, TranslateDirective, TranslatePipe, TranslateService, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIEW_SLOT_CONTEXT, VIRTUALIZE_DEFAULT_PROPS, VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS, Validators, VideoComponent, ViewSlotOutletComponent, ViewSlotRegistry, VirtualizeComponent, VoiceRecorderChatToolComponent, WHEEL_PICKER_DEFAULT_PROPS, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WheelPickerComponent, WizardComponent, WizardNextDirective, WizardPrevDirective, WizardStepComponent, WrapComponent, blank, dateNotAfter, dateNotBefore, defineColumn, defineColumns, defineItem, defineItems, emailEndsWithDomain, equalsTo, numeric, phoneNumber, provideAbsoluteComponent, provideAbsoluteItemComponent, provideActionbarComponent, provideActionbarGroupComponent, provideActionbarItemComponent, provideActionbarSeparatorComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAttachmentChatToolComponent, provideAudioComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerGroupComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, 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, provideChipGroupComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorEditorAlphaSliderComponent, provideColorEditorAreaComponent, provideColorEditorComponent, provideColorEditorHueSliderComponent, provideColorEditorInputsComponent, provideColorEditorPaletteComponent, provideColorEditorShadeSliderComponent, provideColorEditorSwatchComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateAgoPipe, provideDateBoxComponent, provideDateTimeBoxComponent, provideDesignerCanvasComponent, provideDesignerComponent, provideDesignerContentComponent, provideDesignerFrameComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDockPanelComponent, provideDotComponent, provideDotGroupComponent, provideDrawerActionsComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawerFooterComponent, provideDrawerHeaderComponent, provideDrawerHeaderSubTextComponent, provideDrawerHeaderTextComponent, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideDurationBoxComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFileBoxComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFlowBoardColumnComponent, provideFlowBoardColumnComposerComponent, provideFlowBoardColumnItemComponent, provideFlowBoardColumnItemComposerComponent, provideFlowBoardComponent, provideFocusRingComponent, provideFontEditorComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideForms, provideGhostComponent, provideGlobalDom, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideListingComponent, provideListingItemComponent, provideListingItemMarkerComponent, provideMapComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMessageComponent, provideMessageContentComponent, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePipComponent, providePlaceholderComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, providePressButtonComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideReactionChatToolComponent, provideRegionComponent, provideRegionViewComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideResizeComponent, provideResizeThumbComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideSchedulerComponent, provideSchedulerEventComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSheetComponent, provideSheetContentComponent, provideSheetFooterComponent, provideSheetHeaderComponent, provideSheetHeaderSubTextComponent, provideSheetHeaderTextComponent, provideSheets, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStepperComponent, provideStepperItemComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyCellComponent, provideTableBodyComponent, provideTableBodyRowComponent, provideTableColumnEditorComponent, provideTableComponent, provideTableFooterCellComponent, provideTableFooterComponent, provideTableFooterRowComponent, provideTableHeaderCellComponent, provideTableHeaderComponent, provideTableHeaderRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTextFormatter, provideTheme, provideTheme2Component, provideThumbComponent, provideThumbnailComponent, provideTickBarComponent, provideTileComponent, provideTileListComponent, provideTileListItemComponent, provideTileManagerComponent, provideTileManagerTileComponent, provideTimeAgoPipe, provideTimeBoxComponent, provideTimeUpdates, provideTimelineComponent, provideTimelineContentComponent, provideTimelineItemComponent, provideTimelineMarkerComponent, provideTimelineOppositeComponent, provideToastComponent, provideToasts, provideToggleButtonComponent, provideToggleButtonGroupComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTourAnchorComponent, provideTourComponent, provideTourStepComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideViewSlot, provideViewSlotFrom, provideVirtualizeComponent, provideVoiceRecorderChatToolComponent, provideWheelPickerComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent, useController, withDialogBreakpointBehavior, withDialogStackBehavior, withDrawerBreakpointBehavior, withDrawerStackBehavior };
+export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ACTIONBAR_DEFAULT_PROPS, ACTIONBAR_GROUP_DEFAULT_PROPS, ACTIONBAR_ITEM_DEFAULT_PROPS, ACTIONBAR_SEPARATOR_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, AUTO_COMPLETE_BOX_INTL, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, ActionbarComponent, ActionbarGroupComponent, ActionbarItemComponent, ActionbarSeparatorComponent, 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, 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, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, BreakpointService, BusyStateComponent, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_INTL, 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_INTL, 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, CHIP_GROUP_DEFAULT_PROPS, CHOICE_DEFAULT_PROPS, CHOICE_GROUP_DEFAULT_PROPS, CHOICE_GROUP_HEADER_DEFAULT_PROPS, CLICKABLE_DEFAULT_PROPS, CODE_DEFAULT_PROPS, COLOR_AREA_DEFAULT_PROPS, COLOR_BOX_DEFAULT_PROPS, COLOR_EDITOR_ALPHA_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_AREA_DEFAULT_PROPS, COLOR_EDITOR_DEFAULT_PROPS, COLOR_EDITOR_HUE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_INPUTS_DEFAULT_PROPS, COLOR_EDITOR_PALETTE_DEFAULT_PROPS, COLOR_EDITOR_SHADE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_SWATCH_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_INTL, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, COOKIES_CONSENT_INTL, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellDefDirective, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatInputAttachmentListComponent, ChatInputComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, ChatMessageReactionComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChipGroupComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, ClickableComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorEditorAlphaSliderComponent, ColorEditorAreaComponent, ColorEditorComponent, ColorEditorHueSliderComponent, ColorEditorInputsComponent, ColorEditorPaletteComponent, ColorEditorShadeSliderComponent, ColorEditorSwatchComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ColumnDefDirective, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATA_TABLE_INTL, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DESIGNER_CANVAS_DEFAULT_PROPS, DESIGNER_CONTENT_DEFAULT_PROPS, DESIGNER_DEFAULT_PROPS, DESIGNER_FRAME_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_BREAKPOINT_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_STACK_BEHAVIOR_CONFIG, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOCK_PANEL_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DOT_GROUP_DEFAULT_PROPS, DRAWER_ACTIONS_DEFAULT_PROPS, DRAWER_BREAKPOINT_BEHAVIOR_CONFIG, DRAWER_CONFIG, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DRAWER_FOOTER_DEFAULT_PROPS, DRAWER_HEADER_DEFAULT_PROPS, DRAWER_HEADER_SUB_TEXT_DEFAULT_PROPS, DRAWER_HEADER_TEXT_DEFAULT_PROPS, DRAWER_REF, DRAWER_REF_DATA, DRAWER_STACK_BEHAVIOR_CONFIG, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DURATION_BOX_DEFAULT_PROPS, DataListComponent, DataTableColumnEditorToggleDirective, DataTableComponent, DateAgoPipe, DateAgoPipeIntl, DateBoxComponent, DateTimeBoxComponent, DesignerCanvasComponent, DesignerComponent, DesignerContentComponent, DesignerFrameComponent, DialogActionsComponent, DialogActionsDirective, DialogBreakpointBehavior, DialogComponent, DialogContentComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DialogStackBehavior, DisclosureComponent, DismissComponent, DividerComponent, DockDirective, DockPanelComponent, DotComponent, DotGroupComponent, DrawerActionsComponent, DrawerActionsDirective, DrawerBreakpointBehavior, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerContentDirective, DrawerFooterComponent, DrawerFooterDirective, DrawerHeaderComponent, DrawerHeaderDirective, DrawerHeaderSubTextComponent, DrawerHeaderTextComponent, DrawerPortalComponent, DrawerRef, DrawerService, DrawerStackBehavior, DropDownButtonComponent, DropZoneComponent, DurationBoxComponent, 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, ExpandableToggleDirective, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_BOX_DEFAULT_PROPS, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_INTL, 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, FLOW_BOARD_COLUMN_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_DEFAULT_PROPS, FLOW_BOARD_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FONT_EDITOR_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FileBoxComponent, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FlowBoardColumnComponent, FlowBoardColumnComposerComponent, FlowBoardColumnItemComponent, FlowBoardColumnItemComposerComponent, FlowBoardComponent, FocusRingComponent, FontEditorComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormFieldDirective, FormFieldStateDirective, FormFieldStatusHostDirective, FormStatusHostDirective, FormatPipe, GHOST_DEFAULT_PROPS, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GhostComponent, GlobalDomRef, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HeaderCellDefDirective, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconRegistry, ImageComponent, IndicatorComponent, ItemCellDefDirective, ItemDefDirective, 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, LISTING_DEFAULT_PROPS, LISTING_ITEM_DEFAULT_PROPS, LISTING_ITEM_MARKER_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_INTL, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, ListingComponent, ListingItemComponent, ListingItemMarkerComponent, MAP_DEFAULT_PROPS, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_BEHAVIORS, MESSAGE_BOX_CONFIG, MESSAGE_BOX_DEFAULT_PROPS, MESSAGE_BOX_INTL, MESSAGE_BOX_REF, MESSAGE_BOX_REF_DATA, MESSAGE_CONTENT_DEFAULT_PROPS, MESSAGE_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MapComponent, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxPortalComponent, MessageBoxRef, MessageBoxService, MessageComponent, MessageContentComponent, 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, PAGINATOR_INTL, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, PIP_DEFAULT_PROPS, PLACEHOLDER_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PRESS_BUTTON_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PipComponent, PlaceholderComponent, PopupComponent, PortalComponent, PortalHostComponent, PortalProjectionComponent, PressButtonComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REACTION_CHAT_TOOL_DEFAULT_PROPS, REGION_DEFAULT_PROPS, REGION_VIEW_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RESIZE_DEFAULT_PROPS, RESIZE_THUMB_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RICH_TEXT_BOX_INTL, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, ReactionChatToolComponent, ReactiveFormValidator, ReactiveValidationSession, RegionComponent, RegionViewComponent, RepeatButtonComponent, ResizeAdornerComponent, ResizeComponent, ResizeThumbComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCHEDULER_DEFAULT_PROPS, SCHEDULER_EVENT_DEFAULT_PROPS, SCHEDULER_INTL, SCROLL_DEFAULT_PROPS, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_INTL, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SHEET_BEHAVIORS, SHEET_CONFIG, SHEET_CONTENT_DEFAULT_PROPS, SHEET_DEFAULT_PROPS, SHEET_FOOTER_DEFAULT_PROPS, SHEET_HEADER_DEFAULT_PROPS, SHEET_HEADER_SUB_TEXT_DEFAULT_PROPS, SHEET_HEADER_TEXT_DEFAULT_PROPS, SHEET_REF, SHEET_REF_DATA, 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, STEPPER_DEFAULT_PROPS, STEPPER_ITEM_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, SchedulerComponent, SchedulerEventComponent, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SheetComponent, SheetContentComponent, SheetContentDirective, SheetFooterComponent, SheetFooterDirective, SheetHeaderComponent, SheetHeaderDirective, SheetHeaderSubTextComponent, SheetHeaderTextComponent, SheetPortalComponent, SheetRef, SheetService, SignalFormValidator, SignalValidationBuilder, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StepperComponent, StepperItemComponent, StepperNextDirective, StepperPrevDirective, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_CELL_DEFAULT_PROPS, TABLE_BODY_DEFAULT_PROPS, TABLE_BODY_ROW_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_INTL, TABLE_DEFAULT_PROPS, TABLE_FOOTER_CELL_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_FOOTER_ROW_DEFAULT_PROPS, TABLE_HEADER_CELL_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_HEADER_ROW_DEFAULT_PROPS, TABLE_INTL, 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_FORMATTER_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, THUMBNAIL_DEFAULT_PROPS, THUMB_DEFAULT_PROPS, TICK_BAR_DEFAULT_PROPS, TILE_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TILE_MANAGER_DEFAULT_PROPS, TILE_MANAGER_TILE_DEFAULT_PROPS, TIMELINE_CONTENT_DEFAULT_PROPS, TIMELINE_DEFAULT_PROPS, TIMELINE_ITEM_DEFAULT_PROPS, TIMELINE_MARKER_DEFAULT_PROPS, TIMELINE_OPPOSITE_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_BEHAVIORS, TOAST_CONFIG, TOAST_DEFAULT_PROPS, TOAST_REF, TOAST_REF_DATA, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_BUTTON_GROUP_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TOUR_ANCHOR_DEFAULT_PROPS, TOUR_DEFAULT_PROPS, TOUR_STEP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyCellComponent, TableBodyComponent, TableBodyRowComponent, TableColumnEditorComponent, TableComponent, TableFooterCellComponent, TableFooterComponent, TableFooterRowComponent, TableHeaderCellComponent, TableHeaderComponent, TableHeaderRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, TextFormatterDirective, Theme2Component, ThemeService, ThumbComponent, ThumbnailComponent, TickBarComponent, TileComponent, TileListComponent, TileListItemComponent, TileManagerComponent, TileManagerTileComponent, TimeAgoPipe, TimeAgoPipeIntl, TimeBoxComponent, TimeUpdateService, TimelineComponent, TimelineContentComponent, TimelineItemComponent, TimelineMarkerComponent, TimelineOppositeComponent, ToastComponent, ToastPortalComponent, ToastRef, ToastService, ToggleButtonComponent, ToggleButtonGroupComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TooltipDirective, TourAnchorComponent, TourComponent, TourStepComponent, TranslateDirective, TranslatePipe, TranslateService, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIEW_SLOT_CONTEXT, VIRTUALIZE_DEFAULT_PROPS, VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS, Validators, VideoComponent, ViewSlotOutletComponent, ViewSlotRegistry, VirtualizeComponent, VoiceRecorderChatToolComponent, WHEEL_PICKER_DEFAULT_PROPS, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WheelPickerComponent, WizardComponent, WizardNextDirective, WizardPrevDirective, WizardStepComponent, WrapComponent, blank, dateNotAfter, dateNotBefore, defineColumn, defineColumns, defineItem, defineItems, emailEndsWithDomain, equalsTo, numeric, phoneNumber, provideAbsoluteComponent, provideAbsoluteItemComponent, provideActionbarComponent, provideActionbarGroupComponent, provideActionbarItemComponent, provideActionbarSeparatorComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAttachmentChatToolComponent, provideAudioComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerGroupComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, 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, provideChipGroupComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideClickableComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorEditorAlphaSliderComponent, provideColorEditorAreaComponent, provideColorEditorComponent, provideColorEditorHueSliderComponent, provideColorEditorInputsComponent, provideColorEditorPaletteComponent, provideColorEditorShadeSliderComponent, provideColorEditorSwatchComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateAgoPipe, provideDateBoxComponent, provideDateTimeBoxComponent, provideDesignerCanvasComponent, provideDesignerComponent, provideDesignerContentComponent, provideDesignerFrameComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDockPanelComponent, provideDotComponent, provideDotGroupComponent, provideDrawerActionsComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawerFooterComponent, provideDrawerHeaderComponent, provideDrawerHeaderSubTextComponent, provideDrawerHeaderTextComponent, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideDurationBoxComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFileBoxComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFlowBoardColumnComponent, provideFlowBoardColumnComposerComponent, provideFlowBoardColumnItemComponent, provideFlowBoardColumnItemComposerComponent, provideFlowBoardComponent, provideFocusRingComponent, provideFontEditorComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideForms, provideGhostComponent, provideGlobalDom, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideListingComponent, provideListingItemComponent, provideListingItemMarkerComponent, provideMapComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMessageComponent, provideMessageContentComponent, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePipComponent, providePlaceholderComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, providePressButtonComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideReactionChatToolComponent, provideRegionComponent, provideRegionViewComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideResizeComponent, provideResizeThumbComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideSchedulerComponent, provideSchedulerEventComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSheetComponent, provideSheetContentComponent, provideSheetFooterComponent, provideSheetHeaderComponent, provideSheetHeaderSubTextComponent, provideSheetHeaderTextComponent, provideSheets, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStepperComponent, provideStepperItemComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyCellComponent, provideTableBodyComponent, provideTableBodyRowComponent, provideTableColumnEditorComponent, provideTableComponent, provideTableFooterCellComponent, provideTableFooterComponent, provideTableFooterRowComponent, provideTableHeaderCellComponent, provideTableHeaderComponent, provideTableHeaderRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTextFormatter, provideTheme, provideTheme2Component, provideThumbComponent, provideThumbnailComponent, provideTickBarComponent, provideTileComponent, provideTileListComponent, provideTileListItemComponent, provideTileManagerComponent, provideTileManagerTileComponent, provideTimeAgoPipe, provideTimeBoxComponent, provideTimeUpdates, provideTimelineComponent, provideTimelineContentComponent, provideTimelineItemComponent, provideTimelineMarkerComponent, provideTimelineOppositeComponent, provideToastComponent, provideToasts, provideToggleButtonComponent, provideToggleButtonGroupComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTourAnchorComponent, provideTourComponent, provideTourStepComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideViewSlot, provideViewSlotFrom, provideVirtualizeComponent, provideVoiceRecorderChatToolComponent, provideWheelPickerComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent, useController, withDialogBreakpointBehavior, withDialogStackBehavior, withDrawerBreakpointBehavior, withDrawerStackBehavior };
 //# sourceMappingURL=mosaik-elements-angular.mjs.map