@breadstone/mosaik-elements-angular 0.0.112 → 0.0.114

package/fesm2022/mosaik-elements-angular.mjs

@@ -1,18 +1,19 @@
 import * as i0 from '@angular/core';
-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, provideEnvironmentInitializer, ViewContainerRef, booleanAttribute, HostListener, ContentChildren, isDevMode } from '@angular/core';
-import * as i1$1 from '@breadstone/mosaik-elements-foundation';
-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, ChatInputElement, 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, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyElement, TableCellElement, TableFooterElement, TableHeaderElement, TableRowElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, 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, Translator, TranslatorServiceLocator, BREAKPOINTS, Size, Spacing, AnimationPlayer2, Animation } from '@breadstone/mosaik-elements-foundation';
-import * as i1 from '@angular/forms';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, NgZone, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, makeEnvironmentProviders, DestroyRef, Directive, forwardRef, Injectable, Pipe, signal, effect, ViewChild, ViewEncapsulation, TemplateRef, Injector, DOCUMENT as DOCUMENT$1, Renderer2, computed, provideEnvironmentInitializer, ViewContainerRef, booleanAttribute, HostListener, ContentChildren, isDevMode } from '@angular/core';
+import * as i1$2 from '@breadstone/mosaik-elements-foundation';
+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, ChatInputElement, 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, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyElement, TableCellElement, TableFooterElement, TableHeaderElement, TableRowElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, 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, BreakpointAlias, MessageBoxService as MessageBoxService$1, BottomSheetService as BottomSheetService$1, TranslatorService, Translator, TranslatorServiceLocator, BREAKPOINTS, Size, Spacing, AnimationPlayer2, Animation } from '@breadstone/mosaik-elements-foundation';
+import * as i1$1 from '@angular/forms';
 import { NgControl, TouchedChangeEvent, NG_VALUE_ACCESSOR, FormGroup, FormControl, FormArray, AbstractControl } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { filter, from, of, isObservable, Subject, BehaviorSubject, fromEvent, takeUntil, Subscription, 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 { DOCUMENT, NgTemplateOutlet, 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 '@angular/cdk/layout';
 import { BreakpointObserver } from '@angular/cdk/layout';
+import { emit } from '@breadstone/mosaik-elements';
 import { ThemeGeneratorServiceLocator, ThemeGenerator, ThemeObserver, ThemeObserverServiceLocator } from '@breadstone/mosaik-themes';
 
 /* eslint-disable prefer-rest-params */
@@ -1599,8 +1600,7 @@ class FormStatusDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FormStatusDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '.ng-invalid, .ng-dirty, .ng-touched',
-                    standalone: true
+                    selector: '.ng-invalid, .ng-dirty, .ng-touched'
                 }]
         }], ctorParameters: () => [] });
 
@@ -54748,6 +54748,10 @@ const DIALOG_REF = new InjectionToken('MOSAIK_DIALOG_REF');
  * @public
  */
 const DIALOG_REF_DATA = new InjectionToken('MOSAIK_DIALOG_REF_DATA');
+/**
+ * @public
+ */
+const DIALOG_BEHAVIORS = new InjectionToken('MOSAIK_DIALOG_BEHAVIORS');
 
 // #region Imports
 // #endregion
@@ -54870,11 +54874,45 @@ class OfPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: OfPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'of',
-                    standalone: true
+                    name: 'of'
                 }]
         }] });
 
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Dialog/Slots/DialogSlotsToken.ts
+// #region Imports
+/**
+ * Injection token representing the per-dialog slots registry.
+ *
+ * @public
+ */
+const DIALOG_SLOTS = new InjectionToken('MOSAIK_DIALOG_SLOTS');
+/**
+ * Provides a new slots registry instance.
+ *
+ * @public
+ */
+function provideDialogSlots() {
+    return {
+        provide: DIALOG_SLOTS,
+        useFactory: () => {
+            const header = signal(null, ...(ngDevMode ? [{ debugName: "header" }] : []));
+            const content = signal(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+            const actions = signal(null, ...(ngDevMode ? [{ debugName: "actions" }] : []));
+            const footer = signal(null, ...(ngDevMode ? [{ debugName: "footer" }] : []));
+            return {
+                header: header.asReadonly(),
+                content: content.asReadonly(),
+                actions: actions.asReadonly(),
+                footer: footer.asReadonly(),
+                setHeader: (t) => header.set(t),
+                setContent: (t) => content.set(t),
+                setActions: (t) => actions.set(t),
+                setFooter: (t) => footer.set(t)
+            };
+        }
+    };
+}
+
 // #region Imports
 // #endregion
 /**
@@ -54882,9 +54920,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  */
 class DialogPortalComponent extends PortalComponent {
     // #region Fields
-    _portalOutlet;
-    _dialog;
-    _dialogConfig;
+    _portal;
+    _component;
+    _config;
+    _slots;
+    _warnedHeader;
+    _warnedActions;
     // #endregion
     // #region Ctor
     /**
@@ -54894,7 +54935,28 @@ class DialogPortalComponent extends PortalComponent {
      */
     constructor() {
         super();
-        this._dialogConfig = inject(DIALOG_CONFIG, { optional: true }) ?? undefined;
+        this._config = inject(DIALOG_CONFIG, { optional: true }) ?? undefined;
+        this._slots = inject(DIALOG_SLOTS);
+        this._warnedHeader = false;
+        this._warnedActions = false;
+        // warn when both templates and config options are provided for the same section.
+        effect(() => {
+            // header: template vs header/subheader config
+            const hasHeaderTemplate = this._slots.header() !== null;
+            const hasHeaderConfig = Boolean(this._config?.header) || Boolean(this._config?.subheader);
+            if (hasHeaderTemplate && hasHeaderConfig && !this._warnedHeader) {
+                console.warn('[DialogPortalComponent] Header template provided while dialogConfig.header/subheader is set. The template takes precedence.');
+                this._warnedHeader = true;
+            }
+            // actions: template vs actions config
+            const hasActionsTemplate = this._slots.actions() !== null;
+            const actions = this._config?.actions;
+            const hasActionsConfig = Array.isArray(actions) && actions.length > 0;
+            if (hasActionsTemplate && hasActionsConfig && !this._warnedActions) {
+                console.warn('[DialogPortalComponent] Actions template provided while dialogConfig.actions is set. The template takes precedence.');
+                this._warnedActions = true;
+            }
+        });
     }
     // #endregion
     // #region Properties
@@ -54905,7 +54967,7 @@ class DialogPortalComponent extends PortalComponent {
      * @readonly
      */
     get dialog() {
-        return this._dialog;
+        return this._component;
     }
     /**
      * Returns the `dialogRef` property.
@@ -54914,7 +54976,7 @@ class DialogPortalComponent extends PortalComponent {
      * @readonly
      */
     get dialogConfig() {
-        return this._dialogConfig;
+        return this._config;
     }
     /**
      * Returns the `portal` property.
@@ -54923,17 +54985,58 @@ class DialogPortalComponent extends PortalComponent {
      * @readonly
      */
     get portal() {
-        return this._portalOutlet;
+        return this._portal;
+    }
+    /**
+     * Exposes an optional custom header template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get headerTemplate() {
+        return this._slots.header();
+    }
+    /**
+     * Exposes an optional custom actions template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get actionsTemplate() {
+        return this._slots.actions();
+    }
+    /**
+     * Exposes an optional custom footer template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get footerTemplate() {
+        return this._slots.footer();
+    }
+    /**
+     * Exposes an optional custom content template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get contentTemplate() {
+        return this._slots.content();
     }
     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 [closeable]=\"this.dialogConfig?.closeable ?? false\"\n               [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n               [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n               [enter]=\"this.dialogConfig?.enter ?? null\"\n               [exit]=\"this.dialogConfig?.exit ?? null\">\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' ? 'solid' : 'plain'\"\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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, providers: [
+            provideDialogSlots()
+        ], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n               [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n               [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n               [enter]=\"this.dialogConfig?.enter ?? null\"\n               [exit]=\"this.dialogConfig?.exit ?? null\">\n    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\n    } @else 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        @if (this.contentTemplate; as contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\n    } @else 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' ? 'solid' : 'plain'\"\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    @if (this.footerTemplate; as footerTmpl) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: DialogFooterComponent, selector: "mosaik-dialog-footer", 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,
             args: [{ selector: 'mosaik-dialog-portal', exportAs: 'mosaikDialogPortal', host: {
                         class: 'dialog-portal'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        provideDialogSlots()
+                    ], imports: [
                         AsyncPipe,
+                        NgTemplateOutlet,
                         OfPipe,
                         CdkScrollable,
                         CdkPortalOutlet,
@@ -54942,12 +55045,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         DialogHeaderTextComponent,
                         DialogHeaderSubTextComponent,
                         DialogActionsComponent,
+                        DialogFooterComponent,
                         ButtonComponent
-                    ], template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n               [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n               [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n               [enter]=\"this.dialogConfig?.enter ?? null\"\n               [exit]=\"this.dialogConfig?.exit ?? null\">\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' ? 'solid' : 'plain'\"\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: [{
+                    ], template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n               [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n               [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n               [enter]=\"this.dialogConfig?.enter ?? null\"\n               [exit]=\"this.dialogConfig?.exit ?? null\">\n    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\n    } @else 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        @if (this.contentTemplate; as contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\n    } @else 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' ? 'solid' : 'plain'\"\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    @if (this.footerTemplate; as footerTmpl) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>" }]
+        }], ctorParameters: () => [], propDecorators: { _portal: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]
-            }], _dialog: [{
+            }], _component: [{
                 type: ViewChild,
                 args: [DialogComponent, { static: true }]
             }] } });
@@ -55233,7 +55337,7 @@ class PortalProvider {
     /**
      * @protected
      */
-    createComponent(portal, overlayRef, component, config) {
+    createComponent(portal, overlayRef, _component, _config) {
         return overlayRef.attach(portal);
     }
     /**
@@ -55242,7 +55346,7 @@ class PortalProvider {
     createContent(componentTypeOrTemplateRef, container, ref, config) {
         let componentRefOrEmbeddedViewRef = null;
         if (componentTypeOrTemplateRef instanceof TemplateRef) {
-            const portal = new TemplatePortal(componentTypeOrTemplateRef, null, { $implicit: ref });
+            const portal = new TemplatePortal(componentTypeOrTemplateRef, null, { $implicit: ref }, this.createContentInjector(ref, config));
             componentRefOrEmbeddedViewRef = container.attachTemplatePortal(portal);
         }
         else {
@@ -55317,15 +55421,18 @@ class StatelessInjector {
     }
 }
 
+// #region Imports
 // #endregion
 /**
  * @public
  */
+// @Injectable()
 class DialogService extends PortalProvider {
     // #region Fields
     _document;
     _config;
     _dialogBehaviors;
+    _portalInjector;
     // #endregion
     // #region Ctor
     /**
@@ -55333,11 +55440,14 @@ class DialogService extends PortalProvider {
      *
      * @public
      */
-    constructor(injector) {
+    constructor(injector = inject(Injector), document = inject(DOCUMENT), config = inject(DIALOG_CONFIG, { optional: true }), behaviors = inject(DIALOG_BEHAVIORS, { optional: true }) ?? []) {
         super(injector);
-        this._document = inject(DOCUMENT);
-        this._config = inject(DIALOG_CONFIG, { optional: true }) ?? undefined;
+        this._document = document;
+        this._config = config ?? {};
         this._dialogBehaviors = new Array();
+        for (const behavior of behaviors) {
+            this.withBehavior(behavior);
+        }
     }
     // #endregion
     // #region Methods
@@ -55364,6 +55474,7 @@ class DialogService extends PortalProvider {
         });
         const portal = this.createPortal(DialogPortalComponent, 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);
         this.createContent(componentTypeOrTemplateRef, componentRef.instance, dialogRef, config);
         this.prepareComponent(overlayRef, componentRef.instance.dialog, dialogRef, config);
@@ -55420,7 +55531,8 @@ class DialogService extends PortalProvider {
      * @override
      */
     createContentInjector(ref, config) {
-        return new StatelessInjector(this.injector, [
+        const parent = this._portalInjector ?? this.injector;
+        return new StatelessInjector(parent, [
             [DIALOG_REF, ref],
             [DIALOG_REF_DATA, ref.data],
             [DIALOG_CONFIG, config]
@@ -55503,12 +55615,7 @@ class DialogService extends PortalProvider {
             this._dialogBehaviors.length = 0;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Injector }] });
 
 // #region Imports
 // #endregion
@@ -55517,11 +55624,315 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
  *
  * @public
  */
-function provideDialogs() {
-    return makeEnvironmentProviders([
-        DialogService
-    ]);
+function provideDialogs(...withBehaviors) {
+    return makeEnvironmentProviders([{
+            provide: DialogService,
+            useClass: DialogService
+        }, {
+            provide: DIALOG_BEHAVIORS,
+            useValue: withBehaviors
+        }]);
+}
+
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Dialog/Slots/DialogActionsDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside dialog content as custom actions section.
+ * Usage:
+ * <ng-template mosaikDialogActions> ... </ng-template>
+ *
+ * @public
+ */
+class DialogActionsDirective {
+    // #region Fields
+    _slots = inject(DIALOG_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DialogActionsDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setActions(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogActionsDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DialogActionsDirective, isStandalone: true, selector: "ng-template[mosaikDialogActions]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDialogActions]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Dialog/Slots/DialogContentDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside dialog content as custom content section, replacing the default portal outlet.
+ * Usage:
+ * <ng-template mosaikDialogContent> ... </ng-template>
+ *
+ * @public
+ */
+class DialogContentDirective {
+    // #region Fields
+    _slots = inject(DIALOG_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DialogContentDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setContent(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DialogContentDirective, isStandalone: true, selector: "ng-template[mosaikDialogContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDialogContent]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Dialog/Slots/DialogFooterDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside dialog content as custom footer section.
+ * Usage:
+ * <ng-template mosaikDialogFooter> ... </ng-template>
+ *
+ * @public
+ */
+class DialogFooterDirective {
+    // #region Fields
+    _slots = inject(DIALOG_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DialogFooterDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setFooter(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogFooterDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DialogFooterDirective, isStandalone: true, selector: "ng-template[mosaikDialogFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDialogFooter]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Dialog/Slots/DialogHeaderDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside dialog content as custom header.
+ * Usage:
+ * <ng-template mosaikDialogHeader> ... </ng-template>
+ *
+ * @public
+ */
+class DialogHeaderDirective {
+    // #region Fields
+    _slots = inject(DIALOG_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DialogHeaderDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setHeader(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DialogHeaderDirective, isStandalone: true, selector: "ng-template[mosaikDialogHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDialogHeader]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+// #region Imports
+// #endregion
+/**
+ * @public
+ * @abstract
+ */
+class DialogBehavior {
+    // #region Fields
+    _ref;
+    _attached;
+    _config;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DialogService` class.
+     *
+     * @protected
+     */
+    constructor() {
+        this._ref = null;
+        this._attached = false;
+        this._config = null;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `ref` property.
+     *
+     * @public
+     * @readonly
+     */
+    get ref() {
+        if (!this._attached) {
+            throw new Error('Must be attached before use the element property.');
+        }
+        return this._ref;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `config` property.
+     *
+     * @public
+     * @readonly
+     */
+    get config() {
+        return this._config;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     * @virtual
+     */
+    configure(config) {
+        this._config = config;
+    }
+    /**
+     * @public
+     * @virtual
+     */
+    attach(element, portal) {
+        this._ref = element;
+        this._attached = true;
+    }
+    /**
+     * @public
+     * @virtual
+     */
+    detach() {
+        this._attached = false;
+    }
+}
+
+// #region Imports
+// #endregion
+const fullScreenBreakpoints = [
+    {
+        breakpoint: BreakpointAlias.XSmall,
+        size: {
+            height: '100%',
+            width: '100%'
+        }
+    },
+    {
+        breakpoint: BreakpointAlias.Small,
+        size: {
+            height: '100%',
+            width: '100%'
+        }
+    }
+];
+/**
+ * The `DialogBreakpointObserverBehavior` class.
+ *
+ * @public
+ */
+class DialogBreakpointObserverBehavior extends DialogBehavior {
+    // #region Fields
+    _breakpointObserver;
+    _subscription;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DialogBreakpointObserverBehavior` class.
+     *
+     * @public
+     */
+    constructor(breakpointObserver) {
+        super();
+        this._breakpointObserver = breakpointObserver;
+        this._subscription = Subscription.EMPTY;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     */
+    attach(dialogRef, portal) {
+        if (fullScreenBreakpoints.length > 0) {
+            const breakpoints = fullScreenBreakpoints.map((x) => x.breakpoint);
+            this._subscription = this._breakpointObserver.observe(breakpoints)
+                .subscribe((x) => this.onBreakpoint(x, dialogRef, this.config ?? undefined));
+        }
+    }
+    /**
+     * @public
+     */
+    detach() {
+        this._subscription.unsubscribe();
+    }
+    /**
+     * @private
+     */
+    onBreakpoint(state, dialogRef, properties) {
+        if (!properties?.isFullScreen) {
+            if (state.matches) {
+                Object.entries(state.breakpoints).forEach(([key, match]) => {
+                    if (match) {
+                        const bp = fullScreenBreakpoints.find((x) => x.breakpoint === key) ?? null;
+                        dialogRef.updateSize({
+                            width: bp?.size.width,
+                            height: bp?.size.height
+                        });
+                        dialogRef.component.isFullScreen = true;
+                    }
+                });
+            }
+            else {
+                dialogRef.updateSize({
+                    width: properties?.size?.width,
+                    height: properties?.size?.height
+                });
+                dialogRef.component.isFullScreen = false;
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogBreakpointObserverBehavior, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogBreakpointObserverBehavior });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogBreakpointObserverBehavior, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.BreakpointObserver }] });
 
 // #region Imports
 // #endregion
@@ -55538,6 +55949,41 @@ const DRAWER_REF = new InjectionToken('MOSAIK_DRAWER_REF');
  */
 const DRAWER_REF_DATA = new InjectionToken('MOSAIK_DRAWER_REF_DATA');
 
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Drawer/Slots/DrawerSlotsToken.ts
+// #region Imports
+/**
+ * Injection token representing the per-drawer slots registry.
+ *
+ * @public
+ */
+const DRAWER_SLOTS = new InjectionToken('MOSAIK_DRAWER_SLOTS');
+/**
+ * Provides a new slots registry instance for a drawer.
+ *
+ * @public
+ */
+function provideDrawerSlots() {
+    return {
+        provide: DRAWER_SLOTS,
+        useFactory: () => {
+            const header = signal(null, ...(ngDevMode ? [{ debugName: "header" }] : []));
+            const content = signal(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
+            const actions = signal(null, ...(ngDevMode ? [{ debugName: "actions" }] : []));
+            const footer = signal(null, ...(ngDevMode ? [{ debugName: "footer" }] : []));
+            return {
+                header: header.asReadonly(),
+                content: content.asReadonly(),
+                actions: actions.asReadonly(),
+                footer: footer.asReadonly(),
+                setHeader: (t) => header.set(t),
+                setContent: (t) => content.set(t),
+                setActions: (t) => actions.set(t),
+                setFooter: (t) => footer.set(t)
+            };
+        }
+    };
+}
+
 // #region Imports
 // #endregion
 /**
@@ -55545,9 +55991,12 @@ const DRAWER_REF_DATA = new InjectionToken('MOSAIK_DRAWER_REF_DATA');
  */
 class DrawerPortalComponent extends PortalComponent {
     // #region Fields
-    _portalOutlet;
-    _drawer;
-    _drawerConfig;
+    _portal;
+    _component;
+    _config;
+    _slots;
+    _warnedHeader;
+    _warnedActions;
     // #endregion
     // #region Ctor
     /**
@@ -55557,7 +56006,28 @@ class DrawerPortalComponent extends PortalComponent {
      */
     constructor() {
         super();
-        this._drawerConfig = inject(DRAWER_CONFIG, { optional: true }) ?? undefined;
+        this._config = inject(DRAWER_CONFIG, { optional: true }) ?? undefined;
+        this._slots = inject(DRAWER_SLOTS);
+        this._warnedHeader = false;
+        this._warnedActions = false;
+        // warn when both templates and config options are provided for the same section.
+        effect(() => {
+            // header: template vs header/subheader config
+            const hasHeaderTemplate = this._slots.header() !== null;
+            const hasHeaderConfig = Boolean(this._config?.header) || Boolean(this._config?.subheader);
+            if (hasHeaderTemplate && hasHeaderConfig && !this._warnedHeader) {
+                console.warn('[DrawerPortalComponent] Header template provided while drawerConfig.header/subheader is set. The template takes precedence.');
+                this._warnedHeader = true;
+            }
+            // actions: template vs actions config
+            const hasActionsTemplate = this._slots.actions() !== null;
+            const actions = this._config?.actions;
+            const hasActionsConfig = Array.isArray(actions) && actions.length > 0;
+            if (hasActionsTemplate && hasActionsConfig && !this._warnedActions) {
+                console.warn('[DrawerPortalComponent] Actions template provided while drawerConfig.actions is set. The template takes precedence.');
+                this._warnedActions = true;
+            }
+        });
     }
     // #endregion
     // #region Properties
@@ -55568,7 +56038,7 @@ class DrawerPortalComponent extends PortalComponent {
      * @readonly
      */
     get drawer() {
-        return this._drawer;
+        return this._component;
     }
     /**
      * Returns the `drawerRef` property.
@@ -55577,7 +56047,7 @@ class DrawerPortalComponent extends PortalComponent {
      * @readonly
      */
     get drawerConfig() {
-        return this._drawerConfig;
+        return this._config;
     }
     /**
      * Returns the `portal` property.
@@ -55586,27 +56056,68 @@ class DrawerPortalComponent extends PortalComponent {
      * @readonly
      */
     get portal() {
-        return this._portalOutlet;
+        return this._portal;
+    }
+    /**
+     * Exposes an optional custom header template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get headerTemplate() {
+        return this._slots.header();
+    }
+    /**
+     * Exposes an optional custom actions template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get actionsTemplate() {
+        return this._slots.actions();
+    }
+    /**
+     * Exposes an optional custom footer template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get footerTemplate() {
+        return this._slots.footer();
+    }
+    /**
+     * Exposes an optional custom content template provided by user content.
+     *
+     * @public
+     * @readonly
+     */
+    get contentTemplate() {
+        return this._slots.content();
     }
     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 });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DrawerPortalComponent, isStandalone: true, selector: "mosaik-drawer-portal", host: { classAttribute: "drawer-portal" }, providers: [
+            provideDrawerSlots()
+        ], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: DrawerComponent, descendants: true, static: true }], exportAs: ["mosaikDrawerPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-drawer [header]=\"this.headerTemplate ? '' : ((this.drawerConfig?.header | of | async) ?? '')\"\n               [subHeader]=\"this.headerTemplate ? '' : ((this.drawerConfig?.subheader | of | async) ?? '')\"\n               [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\">\n\n    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\n    }\n\n    <mosaik-drawer-content cdkScrollable>\n        @if (this.contentTemplate; as contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-drawer-content>\n\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <div class=\"mosaik-drawer-actions\">\n        <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\n    </div>\n    } @else 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' ? 'solid' : 'plain'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\" />\n        }\n        }\n    </div>\n    }\n\n    @if (this.footerTemplate; as footerTmpl) {\n    <div class=\"mosaik-drawer-footer\">\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </div>\n    }\n</mosaik-drawer>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: DrawerPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mosaik-drawer-portal', exportAs: 'mosaikDrawerPortal', host: {
                         class: 'drawer-portal'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        provideDrawerSlots()
+                    ], imports: [
                         AsyncPipe,
+                        NgTemplateOutlet,
                         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: [{
+                    ], template: "<mosaik-drawer [header]=\"this.headerTemplate ? '' : ((this.drawerConfig?.header | of | async) ?? '')\"\n               [subHeader]=\"this.headerTemplate ? '' : ((this.drawerConfig?.subheader | of | async) ?? '')\"\n               [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\">\n\n    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\n    }\n\n    <mosaik-drawer-content cdkScrollable>\n        @if (this.contentTemplate; as contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-drawer-content>\n\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <div class=\"mosaik-drawer-actions\">\n        <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\n    </div>\n    } @else 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' ? 'solid' : 'plain'\"\n                       [label]=\"(action?.label | of | async) ?? ''\"\n                       [disabled]=\"(action?.disabled | of | async) ?? false\"\n                       [variant]=\"'primary'\"\n                       (click)=\"action?.handler()\" />\n        }\n        }\n    </div>\n    }\n\n    @if (this.footerTemplate; as footerTmpl) {\n    <div class=\"mosaik-drawer-footer\">\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </div>\n    }\n</mosaik-drawer>" }]
+        }], ctorParameters: () => [], propDecorators: { _portal: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]
-            }], _drawer: [{
+            }], _component: [{
                 type: ViewChild,
                 args: [DrawerComponent, { static: true }]
             }] } });
@@ -55935,6 +56446,142 @@ function provideDrawers() {
     ]);
 }
 
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Drawer/Slots/DrawerActionsDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside drawer content as custom actions section.
+ * Usage:
+ * <ng-template mosaikDrawerActions> ... </ng-template>
+ *
+ * @public
+ */
+class DrawerActionsDirective {
+    // #region Fields
+    _slots = inject(DRAWER_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DrawerActionsDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setActions(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerActionsDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DrawerActionsDirective, isStandalone: true, selector: "ng-template[mosaikDrawerActions]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDrawerActions]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Drawer/Slots/DrawerContentDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside drawer content as custom content section, replacing the default portal outlet.
+ * Usage:
+ * <ng-template mosaikDrawerContent> ... </ng-template>
+ *
+ * @public
+ */
+class DrawerContentDirective {
+    // #region Fields
+    _slots = inject(DRAWER_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DrawerContentDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setContent(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DrawerContentDirective, isStandalone: true, selector: "ng-template[mosaikDrawerContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDrawerContent]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Drawer/Slots/DrawerFooterDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside drawer content as custom footer section.
+ * Usage:
+ * <ng-template mosaikDrawerFooter> ... </ng-template>
+ *
+ * @public
+ */
+class DrawerFooterDirective {
+    // #region Fields
+    _slots = inject(DRAWER_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DrawerFooterDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setFooter(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerFooterDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DrawerFooterDirective, isStandalone: true, selector: "ng-template[mosaikDrawerFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDrawerFooter]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
+// libs/mosaik-elements-angular/src/Cdk/Overlays/Drawer/Slots/DrawerHeaderDirective.ts
+// #region Imports
+// #endregion
+/**
+ * Marks an ng-template inside drawer content as custom header.
+ * Usage:
+ * <ng-template mosaikDrawerHeader> ... </ng-template>
+ *
+ * @public
+ */
+class DrawerHeaderDirective {
+    // #region Fields
+    _slots = inject(DRAWER_SLOTS);
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `DrawerHeaderDirective` class.
+     *
+     * @param template The template reference to register.
+     * @public
+     */
+    constructor(template) {
+        this._slots.setHeader(template);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: DrawerHeaderDirective, isStandalone: true, selector: "ng-template[mosaikDrawerHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DrawerHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[mosaikDrawerHeader]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+
 // #region Imports
 // #endregion
 /**
@@ -56089,8 +56736,7 @@ class TypographyDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikTypography]',
-                    standalone: true
+                    selector: '[mosaikTypography]'
                 }]
         }], ctorParameters: () => [], propDecorators: { typography: [{
                 type: Input,
@@ -56363,8 +57009,7 @@ class IconDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: IconDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'mosaik-icon[name]',
-                    standalone: true
+                    selector: 'mosaik-icon[name]'
                 }]
         }], ctorParameters: () => [], propDecorators: { name: [{
                 type: Input
@@ -56455,8 +57100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
         mosaik-toggle-button[iconName],
         mosaik-tab-item[iconName],
         mosaik-tab-strip-item[iconName],
-    `,
-                    standalone: true
+    `
                 }]
         }], ctorParameters: () => [], propDecorators: { iconName: [{
                 type: Input
@@ -56671,8 +57315,7 @@ class CardIsBusyDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: CardIsBusyDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'mosaik-card[isBusy]',
-                    standalone: true
+                    selector: 'mosaik-card[isBusy]'
                 }]
         }], ctorParameters: () => [], propDecorators: { isBusy: [{
                 type: Input,
@@ -56918,7 +57561,7 @@ class ErrorGroupDirective {
         }
         return control;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ErrorGroupDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ErrorGroupDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: ErrorGroupDirective, isStandalone: true, selector: "[mosaikErrorGroup]", inputs: { for: "for" }, queries: [{ propertyName: "_components", predicate: i0.forwardRef(() => ErrorDirective), descendants: true }], exportAs: ["errorGroup"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ErrorGroupDirective, decorators: [{
@@ -56927,7 +57570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     selector: '[mosaikErrorGroup]',
                     exportAs: 'errorGroup'
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.FormGroupDirective }], propDecorators: { _components: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.FormGroupDirective }], propDecorators: { _components: [{
                 type: ContentChildren,
                 args: [forwardRef(() => ErrorDirective), { descendants: true }]
             }], for: [{
@@ -56940,6 +57583,84 @@ function has(self, value) {
     return value.length === 0 ? false : value.every((x) => self.includes(x));
 }
 
+// #region Imports
+// #endregion
+class WizardNextDirective {
+    // #region Fields
+    _component;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `WizardNextDirective` class.
+     *
+     * @public
+     */
+    constructor() {
+        this._component = inject(WizardComponent);
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @protected
+     */
+    onClick(_event) {
+        if (this._component.disabled) {
+            return;
+        }
+        this._component.invoke('selectNext');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: WizardNextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: WizardNextDirective, isStandalone: true, selector: "[mosaikWizardNext]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: WizardNextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mosaikWizardNext]'
+                }]
+        }], ctorParameters: () => [], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+// #region Imports
+// #endregion
+class WizardPrevDirective {
+    // #region Fields
+    _component;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `WizardPrevDirective` class.
+     *
+     * @public
+     */
+    constructor() {
+        this._component = inject(WizardComponent);
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @protected
+     */
+    onClick(_event) {
+        if (this._component.disabled) {
+            return;
+        }
+        this._component.invoke('selectPrevious');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: WizardPrevDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.6", type: WizardPrevDirective, isStandalone: true, selector: "[mosaikWizardPrev]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: WizardPrevDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mosaikWizardPrev]'
+                }]
+        }], ctorParameters: () => [], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
 // #region Imports
 // #endregion
 /**
@@ -57011,8 +57732,7 @@ class PerspectiveDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: PerspectiveDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikPerspective]',
-                    standalone: true
+                    selector: '[mosaikPerspective]'
                 }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input,
@@ -57091,8 +57811,7 @@ class RippleDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: RippleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikRipple]',
-                    standalone: true
+                    selector: '[mosaikRipple]'
                 }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input,
@@ -57171,8 +57890,7 @@ class ScaleDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ScaleDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikScale]',
-                    standalone: true
+                    selector: '[mosaikScale]'
                 }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input,
@@ -57240,12 +57958,12 @@ class TranslateService {
     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$1.TranslatorService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslateService, deps: [{ token: i1$2.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$1.TranslatorService }] });
+        }], ctorParameters: () => [{ type: i1$2.TranslatorService }] });
 
 // #region Imports
 // #endregion
@@ -57384,8 +58102,7 @@ class TranslateDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: TranslateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikTranslate]',
-                    standalone: true
+                    selector: '[mosaikTranslate]'
                 }]
         }], ctorParameters: () => [], propDecorators: { scope: [{
                 type: Input,
@@ -57479,7 +58196,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             type: Pipe,
             args: [{
                     name: 'translate',
-                    standalone: true,
                     pure: true
                 }]
         }], ctorParameters: () => [] });
@@ -57698,8 +58414,7 @@ class BreakpointDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: BreakpointDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikBreakpoint]',
-                    standalone: true
+                    selector: '[mosaikBreakpoint]'
                 }]
         }], ctorParameters: () => [] });
 
@@ -57791,8 +58506,7 @@ class FlexDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FlexDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikFlex]',
-                    standalone: true
+                    selector: '[mosaikFlex]'
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { justify: [{
                 type: Input,
@@ -57953,8 +58667,7 @@ class SpacerDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: SpacerDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikSpacer]',
-                    standalone: true
+                    selector: '[mosaikSpacer]'
                 }]
         }], ctorParameters: () => [], propDecorators: { multiplier: [{
                 type: Input,
@@ -58322,8 +59035,7 @@ class AnimateDirective {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AnimateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[mosaikAnimate]',
-                    standalone: true
+                    selector: '[mosaikAnimate]'
                 }]
         }], ctorParameters: () => [], propDecorators: { animate: [{
                 type: Input,
@@ -58381,8 +59093,7 @@ class FormatPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FormatPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'format',
-                    standalone: true
+                    name: 'format'
                 }]
         }] });
 
@@ -58450,8 +59161,7 @@ class FilterByPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: FilterByPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'filterBy',
-                    standalone: true
+                    name: 'filterBy'
                 }]
         }] });
 
@@ -58535,8 +59245,7 @@ class OrderByPipe {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: OrderByPipe, decorators: [{
             type: Pipe,
             args: [{
-                    name: 'orderBy',
-                    standalone: true
+                    name: 'orderBy'
                 }]
         }] });
 
@@ -58544,5 +59253,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_INPUT_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, ChatInputComponent, 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, ErrorDirective, ErrorGroupDirective, 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, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, 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, provideAbsoluteComponent, provideAbsoluteItemComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, provideBottomSheetComponent, provideBoxComponent, provideBreadcrumbComponent, provideBreadcrumbItemComponent, provideBreakpoints, provideButtonComponent, provideButtonGroupComponent, provideCalendarComponent, provideCalendarHeaderComponent, provideCalendarItemComponent, provideCalendarSubHeaderComponent, provideCameraComponent, provideCardActionsComponent, provideCardComponent, provideCardContentComponent, provideCardFooterComponent, provideCardHeaderComponent, provideCardSubTitleComponent, provideCardTitleComponent, provideCarousel2Component, provideCarouselComponent, provideCarouselItem2Component, provideCarouselItemComponent, provideCellComponent, provideCellGroupComponent, provideChartComponent, provideChatComponent, provideChatHeaderComponent, provideChatInputComponent, provideChatMarkerComponent, provideChatMessageAvatarComponent, provideChatMessageComponent, provideChatMessageDividerComponent, provideCheckBoxGroupComponent, provideCheckboxComponent, provideCheckmarkComponent, provideChipBoxComponent, provideChipComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateBoxComponent, provideDateTimeBoxComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDotComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFocusRingComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyComponent, provideTableCellComponent, provideTableComponent, provideTableFooterComponent, provideTableHeaderComponent, provideTableRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTheme, provideTheme2Component, provideTickBarComponent, provideTileListComponent, provideTileListItemComponent, provideTimeBoxComponent, provideToastComponent, provideToasts, provideToggleButtonComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideVirtualizeComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent };
+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_INPUT_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, ChatInputComponent, 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, DIALOG_SLOTS, 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, DRAWER_SLOTS, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DataListComponent, DataTableComponent, DateBoxComponent, DateTimeBoxComponent, DialogActionsComponent, DialogActionsDirective, DialogBreakpointObserverBehavior, DialogComponent, DialogContentComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DisclosureComponent, DismissComponent, DividerComponent, DotComponent, DrawerActionsDirective, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerPortalComponent, DrawerRef, DrawerService, DropDownButtonComponent, DropZoneComponent, ELEVATION_DEFAULT_PROPS, EMOJI_DEFAULT_PROPS, EMPTY_STATE_DEFAULT_PROPS, EPG_CHANNEL_DEFAULT_PROPS, EPG_DEFAULT_PROPS, EPG_PROGRAM_DEFAULT_PROPS, ERROR_DEFAULT_PROPS, ERROR_STATE_DEFAULT_PROPS, EXPANDABLE_DEFAULT_PROPS, EXPANDER_DEFAULT_PROPS, EXPANDER_GROUP_DEFAULT_PROPS, EXPANDER_HEADER_DEFAULT_PROPS, EXPANDER_SUB_HEADER_DEFAULT_PROPS, ElevationComponent, EmojiComponent, EmptyStateComponent, EpgChannelComponent, EpgComponent, EpgProgramComponent, ErrorComponent, ErrorDirective, ErrorGroupDirective, 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, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, 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, WizardNextDirective, WizardPrevDirective, WizardStepComponent, WrapComponent, provideAbsoluteComponent, provideAbsoluteItemComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, provideBottomSheetComponent, provideBoxComponent, provideBreadcrumbComponent, provideBreadcrumbItemComponent, provideBreakpoints, provideButtonComponent, provideButtonGroupComponent, provideCalendarComponent, provideCalendarHeaderComponent, provideCalendarItemComponent, provideCalendarSubHeaderComponent, provideCameraComponent, provideCardActionsComponent, provideCardComponent, provideCardContentComponent, provideCardFooterComponent, provideCardHeaderComponent, provideCardSubTitleComponent, provideCardTitleComponent, provideCarousel2Component, provideCarouselComponent, provideCarouselItem2Component, provideCarouselItemComponent, provideCellComponent, provideCellGroupComponent, provideChartComponent, provideChatComponent, provideChatHeaderComponent, provideChatInputComponent, provideChatMarkerComponent, provideChatMessageAvatarComponent, provideChatMessageComponent, provideChatMessageDividerComponent, provideCheckBoxGroupComponent, provideCheckboxComponent, provideCheckmarkComponent, provideChipBoxComponent, provideChipComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateBoxComponent, provideDateTimeBoxComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogSlots, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDotComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawerSlots, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFocusRingComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyComponent, provideTableCellComponent, provideTableComponent, provideTableFooterComponent, provideTableHeaderComponent, provideTableRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTheme, provideTheme2Component, provideTickBarComponent, provideTileListComponent, provideTileListItemComponent, provideTimeBoxComponent, provideToastComponent, provideToasts, provideToggleButtonComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideVirtualizeComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent };
 //# sourceMappingURL=mosaik-elements-angular.mjs.map