@breadstone/mosaik-elements-angular 0.0.99 → 0.0.101

package/fesm2022/mosaik-elements-angular.mjs

@@ -1,15 +1,17 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, makeEnvironmentProviders, DestroyRef, Directive, forwardRef, Pipe, ViewChild, ViewEncapsulation, TemplateRef, Injectable, Renderer2, signal, computed, effect, ViewContainerRef, booleanAttribute, HostListener, isDevMode } from '@angular/core';
-import { AbsoluteItemElement, AbsoluteElement, AnchorElement, AppHeaderElement, AppElement, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BottomSheetElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, ButtonGroupElement, ButtonElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, calendarElementValueAccessor, CalendarElement, CameraElement, CardActionsElement, CardContentElement, CardFooterElement, CardHeaderElement, CardSubTitleElement, CardTitleElement, CardElement, Carousel2Element, CarouselItem2Element, CarouselItemElement, CarouselElement, CellGroupElement, CellElement, ChartElement, ChatHeaderElement, ChatMarkerElement, ChatMessageAvatarElement, ChatMessageDividerElement, ChatMessageElement, ChatElement, checkBoxGroupElementValueAccessor, CheckBoxGroupElement, checkboxElementValueAccessor, CheckboxElement, CheckmarkElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, CodeElement, ColorAreaElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, DataListElement, DataTableElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DialogActionsElement, DialogContentElement, DialogFooterElement, DialogHeaderSubTextElement, DialogHeaderTextElement, DialogHeaderElement, DialogElement, DisclosureElement, DismissElement, DividerElement, DotElement, DrawerContainerElement, DrawerContentElement, DrawerElement, DropZoneElement, DropDownButtonElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpandableElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, FlipElement, FloatingTriggerElement, FloatingElement, FocusRingElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, ListElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageBoxElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, PerspectiveElement, pinBoxElementValueAccessor, PinBoxElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, ProgressBarElement, ProgressRingElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, RepeatButtonElement, ResizeAdornerElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, RippleElement, ScaleElement, ScrollElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyElement, TableCellElement, TableFooterElement, TableHeaderElement, TableRowElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, TickBarElement, TileListItemElement, TileListElement, timeBoxElementValueAccessor, TimeBoxElement, ToastElement, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TooltipElement, TreeItemElement, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, WizardStepElement, WizardElement, WrapElement, EID, Key, ToastService as ToastService$1, DrawerService as DrawerService$1, MessageBoxService as MessageBoxService$1, BottomSheetService as BottomSheetService$1, TranslatorService, Translator, TranslatorServiceLocator, BREAKPOINTS, Size, Spacing, AnimationPlayer2, Animation } from '@breadstone/mosaik-elements-foundation';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, makeEnvironmentProviders, DestroyRef, Directive, forwardRef, Injectable, Pipe, ViewChild, ViewEncapsulation, TemplateRef, DOCUMENT as DOCUMENT$1, Renderer2, signal, computed, effect, ViewContainerRef, booleanAttribute, HostListener, isDevMode } from '@angular/core';
+import { AbsoluteItemElement, AbsoluteElement, AnchorElement, AppHeaderElement, AppElement, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BottomSheetElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, ButtonGroupElement, ButtonElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, calendarElementValueAccessor, CalendarElement, CameraElement, CardActionsElement, CardContentElement, CardFooterElement, CardHeaderElement, CardSubTitleElement, CardTitleElement, CardElement, Carousel2Element, CarouselItem2Element, CarouselItemElement, CarouselElement, CellGroupElement, CellElement, ChartElement, ChatHeaderElement, ChatMarkerElement, ChatMessageAvatarElement, ChatMessageDividerElement, ChatMessageElement, ChatElement, checkBoxGroupElementValueAccessor, CheckBoxGroupElement, checkboxElementValueAccessor, CheckboxElement, CheckmarkElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, CodeElement, ColorAreaElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, DataListElement, DataTableElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DialogActionsElement, DialogContentElement, DialogFooterElement, DialogHeaderSubTextElement, DialogHeaderTextElement, DialogHeaderElement, DialogElement, DisclosureElement, DismissElement, DividerElement, DotElement, DrawerContainerElement, DrawerContentElement, DrawerElement, DropZoneElement, DropDownButtonElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpandableElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, FlipElement, FloatingTriggerElement, FloatingElement, FocusRingElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, ListElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageBoxElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, PerspectiveElement, pinBoxElementValueAccessor, PinBoxElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, ProgressBarElement, ProgressRingElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, RepeatButtonElement, ResizeAdornerElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, RippleElement, ScaleElement, ScrollElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyElement, TableCellElement, TableFooterElement, TableHeaderElement, TableRowElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, TickBarElement, TileListItemElement, TileListElement, timeBoxElementValueAccessor, TimeBoxElement, ToastElement, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TooltipElement, TreeItemElement, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, WizardStepElement, WizardElement, WrapElement, ToastService as ToastService$1, EID, Key, MessageBoxService as MessageBoxService$1, BottomSheetService as BottomSheetService$1, TranslatorService as TranslatorService$1, Translator, TranslatorServiceLocator, BREAKPOINTS, Size, Spacing, AnimationPlayer2, Animation } from '@breadstone/mosaik-elements-foundation';
 import { NgControl, TouchedChangeEvent, NG_VALUE_ACCESSOR, FormGroup, FormControl, FormArray } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { filter, of, isObservable, Subject, BehaviorSubject, fromEvent, takeUntil, from } from 'rxjs';
+import { filter, from, of, isObservable, Subject, BehaviorSubject, fromEvent, takeUntil, Observable } from 'rxjs';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
 import { CdkScrollable } from '@angular/cdk/scrolling';
 import { DOCUMENT, AsyncPipe } from '@angular/common';
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import { OverlayPositionBuilder, Overlay } from '@angular/cdk/overlay';
 import { emit } from '@breadstone/mosaik-elements';
+import * as i1 from 'libs/mosaik-elements-foundation/dist/Index';
+import { TranslatorService } from 'libs/mosaik-elements-foundation/dist/Index';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { ThemeGeneratorServiceLocator, ThemeGenerator, ThemeObserver, ThemeObserverServiceLocator } from '@breadstone/mosaik-themes';
 
@@ -3098,14 +3100,14 @@ let BottomSheetComponent = class BottomSheetComponent {
             this._element.icon = value;
         });
     }
-    get heigth() {
+    get height() {
         // @ts-ignore - temporary fix for the type error
-        return this._element.heigth;
+        return this._element.height;
     }
-    set heigth(value) {
+    set height(value) {
         this._zone.runOutsideAngular(() => {
             // @ts-ignore - temporary fix for the type error
-            this._element.heigth = value;
+            this._element.height = value;
         });
     }
     get themeName() {
@@ -3215,12 +3217,12 @@ let BottomSheetComponent = class BottomSheetComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BottomSheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: BottomSheetComponent, isStandalone: true, selector: "mosaik-bottom-sheet", inputs: { header: "header", content: "content", icon: "icon", heigth: "heigth", themeName: "themeName", isOpen: "isOpen", hasBackdrop: "hasBackdrop", pressEscapeToClose: "pressEscapeToClose", clickOutsideToClose: "clickOutsideToClose", closeable: "closeable", dir: "dir", lang: "lang" }, outputs: { closed: "closed", opened: "opened", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: BottomSheetComponent, isStandalone: true, selector: "mosaik-bottom-sheet", inputs: { header: "header", content: "content", icon: "icon", height: "height", themeName: "themeName", isOpen: "isOpen", hasBackdrop: "hasBackdrop", pressEscapeToClose: "pressEscapeToClose", clickOutsideToClose: "clickOutsideToClose", closeable: "closeable", dir: "dir", lang: "lang" }, outputs: { closed: "closed", opened: "opened", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 BottomSheetComponent = __decorate$3e([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-bottom-sheet', BottomSheetElement),
-        inputs: ['header', 'content', 'icon', 'heigth', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
+        inputs: ['header', 'content', 'icon', 'height', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
         methods: ['open', 'close', 'partial', 'toggle', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$3e("design:paramtypes", [])
@@ -3232,7 +3234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['header', 'content', 'icon', 'heigth', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
+                    inputs: ['header', 'content', 'icon', 'height', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
                     outputs: ['closed', 'opened', 'connected', 'disconnected', 'changed']
                 }]
         }], ctorParameters: () => [], propDecorators: { header: [{
@@ -3241,7 +3243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], icon: [{
                 type: Input
-            }], heigth: [{
+            }], height: [{
                 type: Input
             }], themeName: [{
                 type: Input
@@ -54019,6 +54021,64 @@ class Cancel {
     }
 }
 
+// #region Imports
+// #endregion
+/**
+ * The `ToastService` class.
+ *
+ * @public
+ */
+class ToastService {
+    // #region Fields
+    _toast;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `ToastService` class.
+     *
+     * @public
+     */
+    constructor() {
+        this._toast = new ToastService$1();
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Opens a toast.
+     *
+     * @public
+     */
+    show(config) {
+        return from(this._toast.open(config));
+    }
+    /**
+     * Closes a toast.
+     *
+     * @public
+     */
+    close(toastId, result) {
+        return from(this._toast.close(toastId, result));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToastService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+// #region Imports
+// #endregion
+/**
+ * Provides the toast service.
+ *
+ * @public
+ */
+function provideToasts() {
+    return makeEnvironmentProviders([
+        ToastService
+    ]);
+}
+
 // #region Imports
 // #endregion
 /**
@@ -54211,7 +54271,7 @@ class DialogPortalComponent extends PortalComponent {
         return this._portalOutlet;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_dialog", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog>\n    @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n    <mosaik-dialog-header>\n        <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\"></mosaik-dialog-header-text>\n        <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\"></mosaik-dialog-header-sub-text>\n    </mosaik-dialog-header>\n    }\n    <mosaik-dialog-content cdkScrollable>\n        <ng-template cdkPortalOutlet></ng-template>\n    </mosaik-dialog-content>\n    @if (this.dialogConfig?.actions) {\n    <mosaik-dialog-actions>\n        @for (action of this.dialogConfig?.actions; track action.label) {\n        @if ((action?.visible | of | async) ?? true) {\n        <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\"></mosaik-button>\n        }\n        }\n    </mosaik-dialog-actions>\n    }\n</mosaik-dialog>", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: DialogComponent, selector: "mosaik-dialog", inputs: ["dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderComponent, selector: "mosaik-dialog-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderTextComponent, selector: "mosaik-dialog-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderSubTextComponent, selector: "mosaik-dialog-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogActionsComponent, selector: "mosaik-dialog-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: ButtonComponent, selector: "mosaik-button", inputs: ["download", "href", "rel", "target", "themeName", "reverse", "orientation", "horizontalContentAlignment", "verticalContentAlignment", "fit", "isBusy", "label", "icon", "iconPosition", "iconSize", "type", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_dialog", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog>\n    @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n    <mosaik-dialog-header>\n        <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n        <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n    </mosaik-dialog-header>\n    }\n    <mosaik-dialog-content cdkScrollable>\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.dialogConfig?.actions) {\n    <mosaik-dialog-actions>\n        @for (action of this.dialogConfig?.actions; track action.label) {\n        @if ((action?.visible | of | async) ?? true) {\n        <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\" />\n        }\n        }\n    </mosaik-dialog-actions>\n    }\n</mosaik-dialog>", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: DialogComponent, selector: "mosaik-dialog", inputs: ["dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderComponent, selector: "mosaik-dialog-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderTextComponent, selector: "mosaik-dialog-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderSubTextComponent, selector: "mosaik-dialog-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogActionsComponent, selector: "mosaik-dialog-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: ButtonComponent, selector: "mosaik-button", inputs: ["download", "href", "rel", "target", "themeName", "reverse", "orientation", "horizontalContentAlignment", "verticalContentAlignment", "fit", "isBusy", "label", "icon", "iconPosition", "iconSize", "type", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, decorators: [{
             type: Component,
@@ -54228,7 +54288,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         DialogHeaderSubTextComponent,
                         DialogActionsComponent,
                         ButtonComponent
-                    ], template: "<mosaik-dialog>\n    @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n    <mosaik-dialog-header>\n        <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\"></mosaik-dialog-header-text>\n        <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\"></mosaik-dialog-header-sub-text>\n    </mosaik-dialog-header>\n    }\n    <mosaik-dialog-content cdkScrollable>\n        <ng-template cdkPortalOutlet></ng-template>\n    </mosaik-dialog-content>\n    @if (this.dialogConfig?.actions) {\n    <mosaik-dialog-actions>\n        @for (action of this.dialogConfig?.actions; track action.label) {\n        @if ((action?.visible | of | async) ?? true) {\n        <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\"></mosaik-button>\n        }\n        }\n    </mosaik-dialog-actions>\n    }\n</mosaik-dialog>" }]
+                    ], template: "<mosaik-dialog>\n    @if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n    <mosaik-dialog-header>\n        <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n        <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n    </mosaik-dialog-header>\n    }\n    <mosaik-dialog-content cdkScrollable>\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.dialogConfig?.actions) {\n    <mosaik-dialog-actions>\n        @for (action of this.dialogConfig?.actions; track action.label) {\n        @if ((action?.visible | of | async) ?? true) {\n        <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\" />\n        }\n        }\n    </mosaik-dialog-actions>\n    }\n</mosaik-dialog>" }]
         }], ctorParameters: () => [], propDecorators: { _portalOutlet: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]
@@ -54541,8 +54601,10 @@ class PortalProvider {
      * @protected
      */
     attach(overlayRef, portal) {
-        this._cache.push({ overlay: overlayRef,
-            portal: portal });
+        this._cache.push({
+            overlay: overlayRef,
+            portal: portal
+        });
         this._cacheCountSubject.next(this._cache.length);
     }
     /**
@@ -54656,25 +54718,25 @@ class DialogService extends PortalProvider {
         this._dialogBehaviors.forEach((x) => x.attach(dialogRef, portal));
         return dialogRef;
     }
-    // /**
-    //  * @public
-    //  */
-    // public showPreset<TData = unknown, TResult = unknown>(preset: IDialogPreset<TData>): IDialogRef<TData, TResult> {
-    //     return this.show(preset.component, preset.config);
-    // }
     /**
+     * Closes the dialog.
+     *
      * @public
      */
     close(ref) {
         this.detach(ref.overlayRef);
     }
     /**
+     * Checks if the dialog is currently shown.
+     *
      * @public
      */
     isShown(ref) {
         return this.cache.some((x) => x.overlay === ref.overlayRef && x.portal.isAttached);
     }
     /**
+     * Adds a dialog behavior to the service.
+     *
      * @public
      */
     withBehavior(type) {
@@ -54810,59 +54872,207 @@ function provideDialogs() {
 // #region Imports
 // #endregion
 /**
- * The `ToastService` class.
- *
  * @public
  */
-class ToastService {
+const DRAWER_CONFIG = new InjectionToken('MOSAIK_DRAWER_CONFIG');
+/**
+ * @public
+ */
+const DRAWER_REF = new InjectionToken('MOSAIK_DRAWER_REF');
+/**
+ * @public
+ */
+const DRAWER_REF_DATA = new InjectionToken('MOSAIK_DRAWER_REF_DATA');
+
+// #region Imports
+// #endregion
+/**
+ * @public
+ */
+class DrawerPortalComponent extends PortalComponent {
     // #region Fields
-    _toast;
+    _portalOutlet;
+    _drawer;
+    _drawerConfig;
     // #endregion
     // #region Ctor
     /**
-     * Constructs a new instance of the `ToastService` class.
+     * Constructs a new instance of the `DrawerPortalComponent` class.
      *
      * @public
      */
     constructor() {
-        this._toast = new ToastService$1();
+        super();
+        this._drawerConfig = inject(DRAWER_CONFIG, { optional: true }) ?? undefined;
     }
     // #endregion
-    // #region Methods
+    // #region Properties
     /**
-     * Opens a toast.
+     * Returns the `drawer` property.
      *
      * @public
+     * @readonly
      */
-    show(props) {
-        return from(this._toast.open(props));
+    get drawer() {
+        return this._drawer;
     }
     /**
-     * Closes a toast.
+     * Returns the `drawerRef` property.
      *
      * @public
+     * @readonly
      */
-    close(toastId, result) {
-        return from(this._toast.close(toastId, result));
+    get drawerConfig() {
+        return this._drawerConfig;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToastService });
+    /**
+     * Returns the `portal` property.
+     *
+     * @protected
+     * @readonly
+     */
+    get portal() {
+        return this._portalOutlet;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DrawerPortalComponent, isStandalone: true, selector: "mosaik-drawer-portal", host: { classAttribute: "drawer-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_drawer", first: true, predicate: DrawerComponent, descendants: true, static: true }], exportAs: ["mosaikDrawerPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-drawer [header]=\"(this.drawerConfig?.header | of | async) ?? ''\"\n               [subHeader]=\"(this.drawerConfig?.subheader | of | async) ?? ''\"\n               [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\">\n    <mosaik-drawer-content cdkScrollable>\n        <ng-template cdkPortalOutlet></ng-template>\n    </mosaik-drawer-content>\n    @if (this.drawerConfig?.actions) {\n    <div class=\"mosaik-drawer-actions\">\n        @for (action of this.drawerConfig?.actions; track action.label) {\n        @if ((action?.visible | of | async) ?? true) {\n        <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\"></mosaik-button>\n        }\n        }\n    </div>\n    }\n</mosaik-drawer>", dependencies: [{ kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: DrawerComponent, selector: "mosaik-drawer", inputs: ["isComposed", "header", "subHeader", "position", "mode", "hasShadow", "themeName", "enter", "exit", "width", "height", "elevation", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "connected", "disconnected", "changed"] }, { kind: "component", type: ButtonComponent, selector: "mosaik-button", inputs: ["download", "href", "rel", "target", "themeName", "reverse", "orientation", "horizontalContentAlignment", "verticalContentAlignment", "fit", "isBusy", "label", "icon", "iconPosition", "iconSize", "type", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ToastService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerPortalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mosaik-drawer-portal', exportAs: 'mosaikDrawerPortal', host: {
+                        class: 'drawer-portal'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        AsyncPipe,
+                        OfPipe,
+                        CdkScrollable,
+                        CdkPortalOutlet,
+                        DrawerComponent,
+                        ButtonComponent
+                    ], template: "<mosaik-drawer [header]=\"(this.drawerConfig?.header | of | async) ?? ''\"\n               [subHeader]=\"(this.drawerConfig?.subheader | of | async) ?? ''\"\n               [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\">\n    <mosaik-drawer-content cdkScrollable>\n        <ng-template cdkPortalOutlet></ng-template>\n    </mosaik-drawer-content>\n    @if (this.drawerConfig?.actions) {\n    <div class=\"mosaik-drawer-actions\">\n        @for (action of this.drawerConfig?.actions; track action.label) {\n        @if ((action?.visible | of | async) ?? true) {\n        <mosaik-button [appearance]=\"action?.kind !== 'primary' ? 'plain' : 'default'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\"></mosaik-button>\n        }\n        }\n    </div>\n    }\n</mosaik-drawer>" }]
+        }], ctorParameters: () => [], propDecorators: { _portalOutlet: [{
+                type: ViewChild,
+                args: [CdkPortalOutlet, { static: true }]
+            }], _drawer: [{
+                type: ViewChild,
+                args: [DrawerComponent, { static: true }]
+            }] } });
 
 // #region Imports
 // #endregion
 /**
- * Provides the toast service.
- *
  * @public
  */
-function provideToasts() {
-    return makeEnvironmentProviders([
-        ToastService
-    ]);
+class DrawerRef extends PortalRef {
+    // #region Fields
+    _positionChangedSubject;
+    _sizeChangedSubject;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DrawerRef` class.
+     *
+     * @public
+     */
+    constructor(id, component, overlayRef, data) {
+        super(id, component, overlayRef, data);
+        this._positionChangedSubject = new Subject();
+        this._sizeChangedSubject = new Subject();
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     * @override
+     */
+    close(result) {
+        this._positionChangedSubject.complete();
+        this._sizeChangedSubject.complete();
+        this.component.invoke('close');
+        super.close(result);
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `positionChanged` property.
+     *
+     * @public
+     * @readonly
+     */
+    get positionChanged() {
+        return this._positionChangedSubject.asObservable();
+    }
+    /**
+     * Returns the `sizeChanged` property.
+     *
+     * @public
+     * @readonly
+     */
+    get sizeChanged() {
+        return this._sizeChangedSubject.asObservable();
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Updates the bottom sheet's position.
+     *
+     * @public
+     * @param position - New bottom sheet position.
+     */
+    updatePosition(position) {
+        const strategy = this.overlayRef.getConfig().positionStrategy;
+        if (position.left || position.right) {
+            if (position.left) {
+                strategy.left(this.parseNumber(position.left));
+            }
+            else if (position.right) {
+                strategy.right(this.parseNumber(position.right));
+            }
+        }
+        else {
+            strategy.centerHorizontally();
+        }
+        if (position.top || position.bottom) {
+            if (position.top) {
+                strategy.top(this.parseNumber(position.top));
+            }
+            else {
+                strategy.bottom(this.parseNumber(position.bottom));
+            }
+        }
+        else {
+            strategy.centerVertically();
+        }
+        this.overlayRef.updatePosition();
+        this._positionChangedSubject.next(position);
+        return this;
+    }
+    /**
+     * Updates the bottom sheet's width and height.
+     *
+     * @public
+     * @param size - New width and height of the bottom sheet.
+     */
+    updateSize(size) {
+        this.overlayRef.updateSize({
+            width: size.width,
+            height: size.height
+        });
+        this.overlayRef.updatePosition();
+        this._sizeChangedSubject.next(size);
+        return this;
+    }
+    /**
+     * @private
+     */
+    parseNumber(size) {
+        if (typeof size === 'string') {
+            return size;
+        }
+        else if (typeof size === 'number') {
+            return `${size}px`;
+        }
+        return '';
+    }
 }
 
 // #region Imports
@@ -54870,9 +55080,11 @@ function provideToasts() {
 /**
  * @public
  */
-class DrawerService {
+class DrawerService extends PortalProvider {
     // #region Fields
-    _drawer;
+    _document;
+    _config;
+    _drawerBehaviors;
     // #endregion
     // #region Ctor
     /**
@@ -54880,8 +55092,11 @@ class DrawerService {
      *
      * @public
      */
-    constructor() {
-        this._drawer = new DrawerService$1();
+    constructor(injector) {
+        super(injector);
+        this._document = inject(DOCUMENT$1);
+        this._config = inject(DRAWER_CONFIG, { optional: true }) ?? undefined;
+        this._drawerBehaviors = new Array();
     }
     // #endregion
     // #region Methods
@@ -54890,23 +55105,168 @@ class DrawerService {
      *
      * @public
      */
-    open(drawerId, wrapperClass, options, data) {
-        return from(this._drawer.open(drawerId, wrapperClass, options, data));
+    show(componentTypeOrTemplateRef, config) {
+        if (config) {
+            for (const behavior of this._drawerBehaviors) {
+                behavior.configure(config);
+            }
+        }
+        const overlayRef = this.createOverlay({
+            hasBackdrop: config?.hasBackdrop
+            // width: config?.size?.width,
+            // height: config?.size?.height,
+            // minWidth: config?.minSize?.width,
+            // minHeight: config?.minSize?.height,
+            // maxWidth: config?.maxSize?.width,
+            // maxHeight: config?.maxSize?.height,
+            // disposeOnNavigation: config?.closeOnNavigation
+        });
+        const portal = this.createPortal(DrawerPortalComponent, config);
+        const componentRef = this.createComponent(portal, overlayRef, DrawerPortalComponent, config);
+        const drawerRef = new DrawerRef(this.createId(), componentRef.instance.drawer, overlayRef, config?.data);
+        this.createContent(componentTypeOrTemplateRef, componentRef.instance, drawerRef, config);
+        this.prepareComponent(overlayRef, componentRef.instance.drawer, drawerRef, config);
+        this.attach(overlayRef, portal);
+        componentRef.instance.drawer.invoke('open');
+        this._drawerBehaviors.forEach((x) => x.attach(drawerRef, portal));
+        return drawerRef;
     }
     /**
      * Closes a drawer.
      *
      * @public
      */
-    close(drawerId, result) {
-        return from(this._drawer.close(drawerId, result));
+    close(ref) {
+        this.detach(ref.overlayRef);
+    }
+    /**
+     * Checks if the drawer is currently shown.
+     *
+     * @public
+     */
+    isShown(ref) {
+        return this.cache.some((x) => x.overlay === ref.overlayRef && x.portal.isAttached);
+    }
+    /**
+     * Adds a drawer behavior to the service.
+     *
+     * @public
+     */
+    withBehavior(type) {
+        const behavior = this.injector.get(type);
+        this._drawerBehaviors.push(behavior);
+        return this;
+    }
+    /**
+     * @protected
+     * @override
+     */
+    createId() {
+        return EID.next('mosaik-drawer');
+    }
+    /**
+     * @protected
+     * @override
+     */
+    createPortalInjector(config) {
+        return new StatelessInjector(this.injector, [
+            [DRAWER_CONFIG, config]
+        ]);
+    }
+    /**
+     * @protected
+     * @override
+     */
+    createContentInjector(ref, config) {
+        return new StatelessInjector(this.injector, [
+            [DRAWER_REF, ref],
+            [DRAWER_REF_DATA, ref.data],
+            [DRAWER_CONFIG, config]
+        ]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    /**
+     * @protected
+     * @override
+     */
+    createPositionStrategy() {
+        return this.overlayPositionBuilder
+            .global()
+            .centerVertically()
+            .centerHorizontally();
+    }
+    /**
+     * @protected
+     * @override
+     */
+    createScrollStrategy() {
+        return this.overlay.scrollStrategies.block();
+    }
+    /**
+     * @protected
+     */
+    createComponent(portal, overlayRef, _component, config) {
+        if (config?.singleton) {
+            const overlayRefs = this.cache.filter((x) => x.overlay !== overlayRef);
+            const detachments = new Array();
+            for (const ref of overlayRefs) {
+                ref.overlay.detach();
+                detachments.push(ref);
+            }
+            const sub = overlayRef.detachments().subscribe(() => {
+                sub.unsubscribe();
+                for (const entry of detachments) {
+                    entry.overlay.attach(entry.portal);
+                }
+            });
+        }
+        const containerRef = overlayRef.attach(portal);
+        return containerRef;
+    }
+    /**
+     * @private
+     */
+    prepareComponent(overlayRef, component, drawerRef, config) {
+        if (config) {
+            // apply all properties to the component itself
+            Object.keys(config).forEach((p) => {
+                if (p in component) {
+                    // @ts-ignore fix suppressImplicitAnyIndexErrors
+                    component[p] = config[p];
+                }
+            });
+            if (config.clickOutsideToClose) {
+                const backdropClickSubscription = overlayRef.backdropClick().subscribe(() => {
+                    backdropClickSubscription.unsubscribe();
+                    drawerRef.close(Cancel.negative());
+                });
+                const outsidePointerEventsSubscription = overlayRef.outsidePointerEvents().subscribe(() => {
+                    outsidePointerEventsSubscription.unsubscribe();
+                    drawerRef.close(Cancel.negative());
+                });
+            }
+            if (config.pressEscapeToClose) {
+                const documentKeyupSubscription = fromEvent(this._document, 'keyup').pipe(
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
+                filter((event) => event.keyCode === Key.Escape), takeUntil(drawerRef.closed))
+                    .subscribe(() => {
+                    documentKeyupSubscription.unsubscribe();
+                    drawerRef.close(Cancel.negative());
+                });
+            }
+        }
+        const closedSubscription = component.closed.subscribe(() => {
+            closedSubscription.unsubscribe();
+            this.detach(overlayRef);
+            this._drawerBehaviors.forEach((x) => x.detach());
+            this._drawerBehaviors.length = 0;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: i0.Injector }] });
 
 // #region Imports
 // #endregion
@@ -54946,8 +55306,8 @@ class MessageBoxService {
      *
      * @public
      */
-    show(props) {
-        return from(this._messageBox.open(EID.next('MessageBox'), props));
+    show(config) {
+        return from(this._messageBox.open(EID.next('MessageBox'), config));
     }
     /**
      * Closes a message box.
@@ -55002,8 +55362,8 @@ class BottomSheetService {
      *
      * @public
      */
-    open(bottomSheetId, wrapperClass, options, data) {
-        return from(this._bottomSheet.open(bottomSheetId, wrapperClass, options, data));
+    open(bottomSheetId, wrapperClass, config) {
+        return from(this._bottomSheet.open(bottomSheetId, wrapperClass, config, config?.data));
     }
     /**
      * Closes a bottom sheet.
@@ -55962,6 +56322,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 args: ['mosaikScale']
             }] } });
 
+// #region Imports
+/**
+ * A service for translating keys into strings.
+ *
+ * @public
+ */
+class TranslateService {
+    // #region Fields
+    _translator;
+    _languageChanged;
+    // #endregion
+    // #region Ctor
+    constructor(translator = inject(TranslatorService)) {
+        this._translator = translator;
+        this._languageChanged = new Observable((observer) => {
+            const dispose = this._translator.languageChanged.subscribe((x) => observer.next(x ?? ''));
+            return () => {
+                dispose.dispose();
+            };
+        });
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Gets or sets the current language.
+     *
+     * @public
+     */
+    get currentLanguage() {
+        return this._translator.currentLanguage;
+    }
+    set currentLanguage(value) {
+        this._translator.currentLanguage = value;
+    }
+    /**
+     *  Gets an observable that emits the current language whenever it changes.
+     *
+     * @public
+     * @readonly
+     */
+    get languageChanged() {
+        return this._languageChanged;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Adds the given translations for the given language.
+     *
+     * @public
+     */
+    addTranslations(lang, translations) {
+        this._translator.addTranslations(lang, translations);
+    }
+    /**
+     * Translates the given key.
+     *
+     * @public
+     */
+    translate(key, ...args) {
+        return this._translator.translate(key, ...args);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslateService, deps: [{ token: i1.TranslatorService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslateService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.TranslatorService }] });
+
 // #region Imports
 // #endregion
 /**
@@ -55970,9 +56398,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 function provideTranslations(config) {
     return makeEnvironmentProviders([
         {
-            provide: TranslatorService,
+            provide: TranslateService,
             useFactory: () => {
-                const service = new TranslatorService(config?.defaultLanguageResolver ?? Translator.DEFAULT_LANGUAGE_RESOLVER);
+                const service = new TranslatorService$1(config?.defaultLanguageResolver ?? Translator.DEFAULT_LANGUAGE_RESOLVER);
                 document.documentElement.lang = service.currentLanguage;
                 service.languageChanged.subscribe(() => {
                     // Set the document root language
@@ -55987,7 +56415,7 @@ function provideTranslations(config) {
                     service.addTranslations(lang, translations);
                 });
                 TranslatorServiceLocator.set(service);
-                return service;
+                return new TranslateService(service);
             }
         }
     ]);
@@ -56019,7 +56447,7 @@ class TranslateDirective {
         this._vcr = inject(ViewContainerRef);
         this._templateRef = inject((TemplateRef));
         this._cdr = inject(ChangeDetectorRef);
-        this._translator = inject(TranslatorService);
+        this._translator = inject(TranslatorService$1);
         this._languageChangedSubscription = null;
         this._view = null;
         this._scope = '';
@@ -56123,7 +56551,7 @@ class TranslatePipe {
      * @public
      */
     constructor() {
-        this._translator = inject(TranslatorService);
+        this._translator = inject(TranslatorService$1);
         this._cdr = inject(ChangeDetectorRef);
         this._lastKey = null;
         this._lastParams = undefined;
@@ -57251,5 +57679,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ANCHOR_DEFAULT_PROPS, APP_DEFAULT_PROPS, APP_HEADER_DEFAULT_PROPS, AUTO_COMPLETE_BOX_DEFAULT_PROPS, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, AnchorComponent, AnimateDirective, AnimationRegistry, AppComponent, AppHeaderComponent, AutoCompleteBoxComponent, AvatarComponent, AvatarGroupComponent, BACKDROP_DEFAULT_PROPS, BADGE_DEFAULT_PROPS, BANNER_DEFAULT_PROPS, BANNER_HEADER_DEFAULT_PROPS, BANNER_SUB_HEADER_DEFAULT_PROPS, BOTTOM_SHEET_DEFAULT_PROPS, BOX_DEFAULT_PROPS, BREADCRUMB_DEFAULT_PROPS, BREADCRUMB_ITEM_DEFAULT_PROPS, BUTTON_DEFAULT_PROPS, BUTTON_GROUP_DEFAULT_PROPS, BackdropComponent, BadgeComponent, BannerComponent, BannerHeaderComponent, BannerSubHeaderComponent, BottomSheetComponent, BottomSheetService, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_ITEM_DEFAULT_PROPS, CALENDAR_SUB_HEADER_DEFAULT_PROPS, CAMERA_DEFAULT_PROPS, CARD_ACTIONS_DEFAULT_PROPS, CARD_CONTENT_DEFAULT_PROPS, CARD_DEFAULT_PROPS, CARD_FOOTER_DEFAULT_PROPS, CARD_HEADER_DEFAULT_PROPS, CARD_SUB_TITLE_DEFAULT_PROPS, CARD_TITLE_DEFAULT_PROPS, CAROUSEL2_DEFAULT_PROPS, CAROUSEL_DEFAULT_PROPS, CAROUSEL_ITEM2_DEFAULT_PROPS, CAROUSEL_ITEM_DEFAULT_PROPS, CELL_DEFAULT_PROPS, CELL_GROUP_DEFAULT_PROPS, CHART_DEFAULT_PROPS, CHAT_DEFAULT_PROPS, CHAT_HEADER_DEFAULT_PROPS, CHAT_MARKER_DEFAULT_PROPS, CHAT_MESSAGE_AVATAR_DEFAULT_PROPS, CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_DIVIDER_DEFAULT_PROPS, CHECKBOX_DEFAULT_PROPS, CHECKMARK_DEFAULT_PROPS, CHECK_BOX_GROUP_DEFAULT_PROPS, CHIP_BOX_DEFAULT_PROPS, CHIP_DEFAULT_PROPS, CHOICE_DEFAULT_PROPS, CHOICE_GROUP_DEFAULT_PROPS, CHOICE_GROUP_HEADER_DEFAULT_PROPS, CODE_DEFAULT_PROPS, COLOR_AREA_DEFAULT_PROPS, COLOR_BOX_DEFAULT_PROPS, COLOR_PICKER_DEFAULT_PROPS, COLOR_SLIDER_DEFAULT_PROPS, COLOR_SWATCH_DEFAULT_PROPS, COLOR_SWATCH_GROUP_DEFAULT_PROPS, COLOR_THUMB_DEFAULT_PROPS, COMBO_DEFAULT_PROPS, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_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, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DataListComponent, DataTableComponent, DateBoxComponent, DateTimeBoxComponent, DialogActionsComponent, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DisclosureComponent, DismissComponent, DividerComponent, DotComponent, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerService, DropDownButtonComponent, DropZoneComponent, ELEVATION_DEFAULT_PROPS, EMOJI_DEFAULT_PROPS, EMPTY_STATE_DEFAULT_PROPS, EPG_CHANNEL_DEFAULT_PROPS, EPG_DEFAULT_PROPS, EPG_PROGRAM_DEFAULT_PROPS, ERROR_DEFAULT_PROPS, ERROR_STATE_DEFAULT_PROPS, EXPANDABLE_DEFAULT_PROPS, EXPANDER_DEFAULT_PROPS, EXPANDER_GROUP_DEFAULT_PROPS, EXPANDER_HEADER_DEFAULT_PROPS, EXPANDER_SUB_HEADER_DEFAULT_PROPS, ElevationComponent, EmojiComponent, EmptyStateComponent, EpgChannelComponent, EpgComponent, EpgProgramComponent, ErrorComponent, ErrorStateComponent, ExpandableComponent, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_ITEM_DEFAULT_PROPS, FLIP_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_GROUP_DEFAULT_PROPS, FLOATING_DEFAULT_PROPS, FLOATING_TRIGGER_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FocusRingComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormStatusDirective, FormValidator, FormatPipe, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconRegistry, ImageComponent, IndicatorComponent, JUMBOTRON_DEFAULT_PROPS, JUMBOTRON_HEADER_DEFAULT_PROPS, JUMBOTRON_SUB_HEADER_DEFAULT_PROPS, JumbotronComponent, JumbotronHeaderComponent, JumbotronSubHeaderComponent, KBD_DEFAULT_PROPS, KBD_SHORTCUT_DEFAULT_PROPS, KbdComponent, KbdShortcutComponent, LIGHT_CHAIN_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxService, MeterBarComponent, MeterRingComponent, NUMBER_BOX_DEFAULT_PROPS, NUMBER_COUNTER_DEFAULT_PROPS, NUMBER_DEFAULT_PROPS, NumberBoxComponent, NumberComponent, NumberCounterComponent, OfPipe, OrderByPipe, PAGE_CONTENT_DEFAULT_PROPS, PAGE_DEFAULT_PROPS, PAGE_HEADER_DEFAULT_PROPS, PAGE_MENU_DEFAULT_PROPS, PAGE_PRE_CONTENT_DEFAULT_PROPS, PAGE_PRE_HEADER_DEFAULT_PROPS, PAGINATOR_DEFAULT_PROPS, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PopupComponent, PortalComponent$1 as PortalComponent, PortalHostComponent, PortalProjectionComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, RepeatButtonComponent, ResizeAdornerComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCROLL_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, ScrollComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_DEFAULT_PROPS, TABLE_CELL_DEFAULT_PROPS, TABLE_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_ROW_DEFAULT_PROPS, TAB_DEFAULT_PROPS, TAB_ITEM_DEFAULT_PROPS, TAB_PANEL_DEFAULT_PROPS, TAB_STRIP_DEFAULT_PROPS, TAB_STRIP_ITEM_DEFAULT_PROPS, TEXT_BOX_DEFAULT_PROPS, TEXT_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, TICK_BAR_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_DEFAULT_PROPS, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyComponent, TableCellComponent, TableComponent, TableFooterComponent, TableHeaderComponent, TableRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, Theme2Component, TickBarComponent, TileListComponent, TileListItemComponent, TimeBoxComponent, ToastComponent, ToastService, ToggleButtonComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TranslateDirective, TranslatePipe, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIRTUALIZE_DEFAULT_PROPS, Validators, VideoComponent, VirtualizeComponent, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WizardComponent, WizardStepComponent, WrapComponent, provideAbsolute, provideAbsoluteItem, provideAnchor, provideAnimate, provideApp, provideAppHeader, provideAutoCompleteBox, provideAvatar, provideAvatarGroup, provideBackdrop, provideBadge, provideBanner, provideBannerHeader, provideBannerSubHeader, provideBottomSheet, provideBox, provideBreadcrumb, provideBreadcrumbItem, provideBreakpoints, provideButton, provideButtonGroup, provideCalendar, provideCalendarHeader, provideCalendarItem, provideCalendarSubHeader, provideCamera, provideCard, provideCardActions, provideCardContent, provideCardFooter, provideCardHeader, provideCardSubTitle, provideCardTitle, provideCarousel, provideCarousel2, provideCarouselItem, provideCarouselItem2, provideCell, provideCellGroup, provideChart, provideChat, provideChatHeader, provideChatMarker, provideChatMessage, provideChatMessageAvatar, provideChatMessageDivider, provideCheckBoxGroup, provideCheckbox, provideCheckmark, provideChip, provideChipBox, provideChoice, provideChoiceGroup, provideChoiceGroupHeader, provideCode, provideColorArea, provideColorBox, provideColorPicker, provideColorSlider, provideColorSwatch, provideColorSwatchGroup, provideColorThumb, provideCombo, provideComboItem, provideComment, provideCompoundButton, provideCookiesConsent, provideDataList, provideDataTable, provideDateBox, provideDateTimeBox, provideDialog, provideDialogActions, provideDialogContent, provideDialogFooter, provideDialogHeader, provideDialogHeaderSubText, provideDialogHeaderText, provideDialogs, provideDisclosure, provideDismiss, provideDivider, provideDot, provideDrawer, provideDrawerContainer, provideDrawerContent, provideDrawers, provideDropDownButton, provideDropZone, provideElevation, provideEmoji, provideEmptyState, provideEpg, provideEpgChannel, provideEpgProgram, provideError, provideErrorState, provideExpandable, provideExpander, provideExpanderGroup, provideExpanderHeader, provideExpanderSubHeader, provideFilePicker, provideFileUpload, provideFileUploadItem, provideFlip, provideFloating, provideFloatingActionButton, provideFloatingActionButtonGroup, provideFloatingTrigger, provideFocusRing, provideFooter, provideFooterItem, provideFooterItemGroup, provideForm, provideFormField, provideGrid, provideGridItem, provideHelmet, provideHint, provideIcon, provideIcons, provideImage, provideIndicator, provideJumbotron, provideJumbotronHeader, provideJumbotronSubHeader, provideKbd, provideKbdShortcut, provideLightChain, provideList, provideListItem, provideListItemGroup, provideMarquee, provideMasonry, provideMenu, provideMenuItem, provideMenuItemGroup, provideMessageBox, provideMessageBoxes, provideMeterBar, provideMeterRing, provideNumber, provideNumberBox, provideNumberCounter, providePage, providePageContent, providePageHeader, providePageMenu, providePagePreContent, providePagePreHeader, providePaginator, providePasswordBox, providePattern, providePersona, providePerspective, providePinBox, providePopup, providePortal, providePortalHost, providePortalProjection, provideProgressBar, provideProgressRing, provideQRCode, provideRadio, provideRadioGroup, provideRating, provideRepeatButton, provideResizeAdorner, provideRibbon, provideRichTextBox, provideRipple, provideScale, provideScroll, provideSearchBox, provideSegment, provideSegmentItem, provideSelect, provideSelectItem, provideSelectItemGroup, provideSignaturePad, provideSkeleton, provideSlider, provideSlider2, provideSlider2Thumb, provideSpacer, provideSplit, provideSplitButton, provideStack, provideSticky, provideSuccessState, provideSummary, provideSwipe, provideTab, provideTabItem, provideTabPanel, provideTabStrip, provideTabStripItem, provideTable, provideTableBody, provideTableCell, provideTableFooter, provideTableHeader, provideTableRow, provideText, provideTextBox, provideTextFormat, provideTheme, provideTheme2, provideTickBar, provideTileList, provideTileListItem, provideTimeBox, provideToast, provideToasts, provideToggleButton, provideToggleSwitch, provideToggleTip, provideToolbar, provideTooltip, provideTranslations, provideTree, provideTreeItem, provideUpDownSpinner, provideVideo, provideVirtualize, provideWizard, provideWizardStep, provideWrap };
+export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ANCHOR_DEFAULT_PROPS, APP_DEFAULT_PROPS, APP_HEADER_DEFAULT_PROPS, AUTO_COMPLETE_BOX_DEFAULT_PROPS, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, AnchorComponent, AnimateDirective, AnimationRegistry, AppComponent, AppHeaderComponent, AutoCompleteBoxComponent, AvatarComponent, AvatarGroupComponent, BACKDROP_DEFAULT_PROPS, BADGE_DEFAULT_PROPS, BANNER_DEFAULT_PROPS, BANNER_HEADER_DEFAULT_PROPS, BANNER_SUB_HEADER_DEFAULT_PROPS, BOTTOM_SHEET_DEFAULT_PROPS, BOX_DEFAULT_PROPS, BREADCRUMB_DEFAULT_PROPS, BREADCRUMB_ITEM_DEFAULT_PROPS, BUTTON_DEFAULT_PROPS, BUTTON_GROUP_DEFAULT_PROPS, BackdropComponent, BadgeComponent, BannerComponent, BannerHeaderComponent, BannerSubHeaderComponent, BottomSheetComponent, BottomSheetService, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_ITEM_DEFAULT_PROPS, CALENDAR_SUB_HEADER_DEFAULT_PROPS, CAMERA_DEFAULT_PROPS, CARD_ACTIONS_DEFAULT_PROPS, CARD_CONTENT_DEFAULT_PROPS, CARD_DEFAULT_PROPS, CARD_FOOTER_DEFAULT_PROPS, CARD_HEADER_DEFAULT_PROPS, CARD_SUB_TITLE_DEFAULT_PROPS, CARD_TITLE_DEFAULT_PROPS, CAROUSEL2_DEFAULT_PROPS, CAROUSEL_DEFAULT_PROPS, CAROUSEL_ITEM2_DEFAULT_PROPS, CAROUSEL_ITEM_DEFAULT_PROPS, CELL_DEFAULT_PROPS, CELL_GROUP_DEFAULT_PROPS, CHART_DEFAULT_PROPS, CHAT_DEFAULT_PROPS, CHAT_HEADER_DEFAULT_PROPS, CHAT_MARKER_DEFAULT_PROPS, CHAT_MESSAGE_AVATAR_DEFAULT_PROPS, CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_DIVIDER_DEFAULT_PROPS, CHECKBOX_DEFAULT_PROPS, CHECKMARK_DEFAULT_PROPS, CHECK_BOX_GROUP_DEFAULT_PROPS, CHIP_BOX_DEFAULT_PROPS, CHIP_DEFAULT_PROPS, CHOICE_DEFAULT_PROPS, CHOICE_GROUP_DEFAULT_PROPS, CHOICE_GROUP_HEADER_DEFAULT_PROPS, CODE_DEFAULT_PROPS, COLOR_AREA_DEFAULT_PROPS, COLOR_BOX_DEFAULT_PROPS, COLOR_PICKER_DEFAULT_PROPS, COLOR_SLIDER_DEFAULT_PROPS, COLOR_SWATCH_DEFAULT_PROPS, COLOR_SWATCH_GROUP_DEFAULT_PROPS, COLOR_THUMB_DEFAULT_PROPS, COMBO_DEFAULT_PROPS, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_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, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DRAWER_CONFIG, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DRAWER_REF, DRAWER_REF_DATA, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DataListComponent, DataTableComponent, DateBoxComponent, DateTimeBoxComponent, DialogActionsComponent, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DisclosureComponent, DismissComponent, DividerComponent, DotComponent, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerPortalComponent, DrawerRef, DrawerService, DropDownButtonComponent, DropZoneComponent, ELEVATION_DEFAULT_PROPS, EMOJI_DEFAULT_PROPS, EMPTY_STATE_DEFAULT_PROPS, EPG_CHANNEL_DEFAULT_PROPS, EPG_DEFAULT_PROPS, EPG_PROGRAM_DEFAULT_PROPS, ERROR_DEFAULT_PROPS, ERROR_STATE_DEFAULT_PROPS, EXPANDABLE_DEFAULT_PROPS, EXPANDER_DEFAULT_PROPS, EXPANDER_GROUP_DEFAULT_PROPS, EXPANDER_HEADER_DEFAULT_PROPS, EXPANDER_SUB_HEADER_DEFAULT_PROPS, ElevationComponent, EmojiComponent, EmptyStateComponent, EpgChannelComponent, EpgComponent, EpgProgramComponent, ErrorComponent, ErrorStateComponent, ExpandableComponent, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_ITEM_DEFAULT_PROPS, FLIP_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_GROUP_DEFAULT_PROPS, FLOATING_DEFAULT_PROPS, FLOATING_TRIGGER_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FocusRingComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormStatusDirective, FormValidator, FormatPipe, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconRegistry, ImageComponent, IndicatorComponent, JUMBOTRON_DEFAULT_PROPS, JUMBOTRON_HEADER_DEFAULT_PROPS, JUMBOTRON_SUB_HEADER_DEFAULT_PROPS, JumbotronComponent, JumbotronHeaderComponent, JumbotronSubHeaderComponent, KBD_DEFAULT_PROPS, KBD_SHORTCUT_DEFAULT_PROPS, KbdComponent, KbdShortcutComponent, LIGHT_CHAIN_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxService, MeterBarComponent, MeterRingComponent, NUMBER_BOX_DEFAULT_PROPS, NUMBER_COUNTER_DEFAULT_PROPS, NUMBER_DEFAULT_PROPS, NumberBoxComponent, NumberComponent, NumberCounterComponent, OfPipe, OrderByPipe, PAGE_CONTENT_DEFAULT_PROPS, PAGE_DEFAULT_PROPS, PAGE_HEADER_DEFAULT_PROPS, PAGE_MENU_DEFAULT_PROPS, PAGE_PRE_CONTENT_DEFAULT_PROPS, PAGE_PRE_HEADER_DEFAULT_PROPS, PAGINATOR_DEFAULT_PROPS, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PopupComponent, PortalComponent$1 as PortalComponent, PortalHostComponent, PortalProjectionComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, RepeatButtonComponent, ResizeAdornerComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCROLL_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, ScrollComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_DEFAULT_PROPS, TABLE_CELL_DEFAULT_PROPS, TABLE_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_ROW_DEFAULT_PROPS, TAB_DEFAULT_PROPS, TAB_ITEM_DEFAULT_PROPS, TAB_PANEL_DEFAULT_PROPS, TAB_STRIP_DEFAULT_PROPS, TAB_STRIP_ITEM_DEFAULT_PROPS, TEXT_BOX_DEFAULT_PROPS, TEXT_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, TICK_BAR_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_DEFAULT_PROPS, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyComponent, TableCellComponent, TableComponent, TableFooterComponent, TableHeaderComponent, TableRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, Theme2Component, TickBarComponent, TileListComponent, TileListItemComponent, TimeBoxComponent, ToastComponent, ToastService, ToggleButtonComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TranslateDirective, TranslatePipe, TranslateService, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIRTUALIZE_DEFAULT_PROPS, Validators, VideoComponent, VirtualizeComponent, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WizardComponent, WizardStepComponent, WrapComponent, provideAbsolute, provideAbsoluteItem, provideAnchor, provideAnimate, provideApp, provideAppHeader, provideAutoCompleteBox, provideAvatar, provideAvatarGroup, provideBackdrop, provideBadge, provideBanner, provideBannerHeader, provideBannerSubHeader, provideBottomSheet, provideBox, provideBreadcrumb, provideBreadcrumbItem, provideBreakpoints, provideButton, provideButtonGroup, provideCalendar, provideCalendarHeader, provideCalendarItem, provideCalendarSubHeader, provideCamera, provideCard, provideCardActions, provideCardContent, provideCardFooter, provideCardHeader, provideCardSubTitle, provideCardTitle, provideCarousel, provideCarousel2, provideCarouselItem, provideCarouselItem2, provideCell, provideCellGroup, provideChart, provideChat, provideChatHeader, provideChatMarker, provideChatMessage, provideChatMessageAvatar, provideChatMessageDivider, provideCheckBoxGroup, provideCheckbox, provideCheckmark, provideChip, provideChipBox, provideChoice, provideChoiceGroup, provideChoiceGroupHeader, provideCode, provideColorArea, provideColorBox, provideColorPicker, provideColorSlider, provideColorSwatch, provideColorSwatchGroup, provideColorThumb, provideCombo, provideComboItem, provideComment, provideCompoundButton, provideCookiesConsent, provideDataList, provideDataTable, provideDateBox, provideDateTimeBox, provideDialog, provideDialogActions, provideDialogContent, provideDialogFooter, provideDialogHeader, provideDialogHeaderSubText, provideDialogHeaderText, provideDialogs, provideDisclosure, provideDismiss, provideDivider, provideDot, provideDrawer, provideDrawerContainer, provideDrawerContent, provideDrawers, provideDropDownButton, provideDropZone, provideElevation, provideEmoji, provideEmptyState, provideEpg, provideEpgChannel, provideEpgProgram, provideError, provideErrorState, provideExpandable, provideExpander, provideExpanderGroup, provideExpanderHeader, provideExpanderSubHeader, provideFilePicker, provideFileUpload, provideFileUploadItem, provideFlip, provideFloating, provideFloatingActionButton, provideFloatingActionButtonGroup, provideFloatingTrigger, provideFocusRing, provideFooter, provideFooterItem, provideFooterItemGroup, provideForm, provideFormField, provideGrid, provideGridItem, provideHelmet, provideHint, provideIcon, provideIcons, provideImage, provideIndicator, provideJumbotron, provideJumbotronHeader, provideJumbotronSubHeader, provideKbd, provideKbdShortcut, provideLightChain, provideList, provideListItem, provideListItemGroup, provideMarquee, provideMasonry, provideMenu, provideMenuItem, provideMenuItemGroup, provideMessageBox, provideMessageBoxes, provideMeterBar, provideMeterRing, provideNumber, provideNumberBox, provideNumberCounter, providePage, providePageContent, providePageHeader, providePageMenu, providePagePreContent, providePagePreHeader, providePaginator, providePasswordBox, providePattern, providePersona, providePerspective, providePinBox, providePopup, providePortal, providePortalHost, providePortalProjection, provideProgressBar, provideProgressRing, provideQRCode, provideRadio, provideRadioGroup, provideRating, provideRepeatButton, provideResizeAdorner, provideRibbon, provideRichTextBox, provideRipple, provideScale, provideScroll, provideSearchBox, provideSegment, provideSegmentItem, provideSelect, provideSelectItem, provideSelectItemGroup, provideSignaturePad, provideSkeleton, provideSlider, provideSlider2, provideSlider2Thumb, provideSpacer, provideSplit, provideSplitButton, provideStack, provideSticky, provideSuccessState, provideSummary, provideSwipe, provideTab, provideTabItem, provideTabPanel, provideTabStrip, provideTabStripItem, provideTable, provideTableBody, provideTableCell, provideTableFooter, provideTableHeader, provideTableRow, provideText, provideTextBox, provideTextFormat, provideTheme, provideTheme2, provideTickBar, provideTileList, provideTileListItem, provideTimeBox, provideToast, provideToasts, provideToggleButton, provideToggleSwitch, provideToggleTip, provideToolbar, provideTooltip, provideTranslations, provideTree, provideTreeItem, provideUpDownSpinner, provideVideo, provideVirtualize, provideWizard, provideWizardStep, provideWrap };
 //# sourceMappingURL=mosaik-elements-angular.mjs.map