@breadstone/mosaik-elements-angular 0.1.49 → 0.1.50

package/fesm2022/mosaik-elements-angular.mjs

@@ -4,7 +4,7 @@ import * as i2 from '@breadstone/mosaik-elements-foundation';
 import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AnimationPlayer, Animation, BREAKPOINTS, PerspectiveElement, RippleElement, ScaleElement, ProgressRingElement, ExpandableElement, FlipElement, TooltipElement, dataListElementValueAccessor, DataListElement, dataTableElementValueAccessor, DataTableElement, StepperElement, WizardElement, Size, Spacing, TextFormatters, DIALOG_STACK_BEHAVIOR_DEFAULT_CONFIG, ButtonElement, DialogActionsElement, DialogElement, DialogFooterElement, DialogHeaderElement, DialogHeaderSubTextElement, DialogHeaderTextElement, MOSAIK_PORTAL_SCOPE_ATTRIBUTE, Key, EID, DRAWER_STACK_BEHAVIOR_DEFAULT_CONFIG, DrawerActionsElement, DrawerElement, DrawerContentElement, DrawerFooterElement, DrawerHeaderElement, DrawerHeaderSubTextElement, DrawerHeaderTextElement, DismissElement, MessageBoxElement, MessageBoxResult, SheetElement, SheetContentElement, SheetFooterElement, SheetHeaderElement, SheetHeaderSubTextElement, SheetHeaderTextElement, ToastActionsElement, ToastElement, DateAgoIntl, TimeAgoIntl, ThemeService as ThemeService$1, TranslatorService, Translator, TranslatorServiceLocator, autoCompleteBoxElementValueAccessor, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, calendarElementValueAccessor, CalendarElement, CameraElement, CardActionsElement, CardContentElement, CardFooterElement, CardHeaderElement, CardSubTitleElement, CardTitleElement, CardElement, Carousel2Element, CarouselItem2Element, CarouselItemElement, CarouselElement, CellGroupElement, CellElement, ChartElement, ChatHeaderElement, ChatInputAttachmentListElement, ChatInputElement, ChatMarkerElement, ChatMessageAvatarElement, ChatMessageDividerElement, ChatMessageReactionElement, ChatMessageElement, ChatElement, checkBoxGroupElementValueAccessor, CheckBoxGroupElement, checkboxElementValueAccessor, CheckboxElement, CheckmarkElement, chipGroupElementValueAccessor, ChipGroupElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, ClickableElement, CodeElement, ColorAreaElement, colorEditorAlphaSliderElementValueAccessor, ColorEditorAlphaSliderElement, colorEditorAreaElementValueAccessor, ColorEditorAreaElement, colorEditorHueSliderElementValueAccessor, ColorEditorHueSliderElement, colorEditorInputsElementValueAccessor, ColorEditorInputsElement, colorEditorPaletteElementValueAccessor, ColorEditorPaletteElement, colorEditorShadeSliderElementValueAccessor, ColorEditorShadeSliderElement, colorEditorSwatchElementValueAccessor, ColorEditorSwatchElement, colorEditorElementValueAccessor, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogContentElement, DisclosureElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerContainerElement, DropZoneElement, DropdownAnchorElement, DropDownButtonElement, DropdownPanelElement, DropdownElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, fileBoxElementValueAccessor, FileBoxElement, FloatingTriggerElement, FloatingElement, FlowBoardColumnComposerElement, FlowBoardColumnItemComposerElement, FlowBoardColumnItemElement, FlowBoardColumnElement, FlowBoardElement, FocusRingElement, FontEditorElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GhostElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, listElementValueAccessor, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, pinBoxElementValueAccessor, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, SchedulerEventElement, SchedulerElement, ScrollElement, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, timeBoxElementValueAccessor, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, toggleButtonGroupElementValueAccessor, ToggleButtonGroupElement, toggleButtonElementValueAccessor, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, treeElementValueAccessor, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WheelPickerElement, WizardStepElement, WrapElement } from '@breadstone/mosaik-elements-foundation';
 import { AbstractControl, FormGroupDirective, NgControl, TouchedChangeEvent, NG_VALUE_ACCESSOR, FormControl, FormArray, FormGroup } from '@angular/forms';
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { Subject, map, Subscription, filter, of, isObservable, BehaviorSubject, merge, fromEvent, take, takeUntil, timer, share, Observable } from 'rxjs';
+import { Subject, map, Subscription, filter, of, isObservable, BehaviorSubject, merge, fromEvent, takeUntil, timer, share, Observable } from 'rxjs';
 import { CssLength, ThemeObserver, ThemeGeneratorServiceLocator, ThemeGenerator, ThemeObserverServiceLocator } from '@breadstone/mosaik-themes';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FORM_FIELD, validate } from '@angular/forms/signals';
@@ -10631,7 +10631,7 @@ let DialogComponent = class DialogComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -10764,6 +10764,13 @@ let DialogComponent = class DialogComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -10854,6 +10861,10 @@ let DialogComponent = class DialogComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -10882,6 +10893,12 @@ let DialogComponent = class DialogComponent {
      * @public
      */
     closed = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -10926,13 +10943,13 @@ let DialogComponent = class DialogComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: DialogComponent, isStandalone: true, selector: "mosaik-dialog", inputs: { dragging: { classPropertyName: "dragging", publicName: "dragging", isSignal: true, isRequired: false, transformFunction: null }, offsetX: { classPropertyName: "offsetX", publicName: "offsetX", isSignal: true, isRequired: false, transformFunction: null }, offsetY: { classPropertyName: "offsetY", publicName: "offsetY", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: DialogComponent, isStandalone: true, selector: "mosaik-dialog", inputs: { dragging: { classPropertyName: "dragging", publicName: "dragging", isSignal: true, isRequired: false, transformFunction: null }, offsetX: { classPropertyName: "offsetX", publicName: "offsetX", isSignal: true, isRequired: false, transformFunction: null }, offsetY: { classPropertyName: "offsetY", publicName: "offsetY", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DialogComponent = __decorate$4x([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-dialog', DialogElement),
-        inputs: ['dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges']
+        inputs: ['dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'requestAttention']
     }),
     __metadata$4x("design:paramtypes", [])
 ], DialogComponent);
@@ -10944,7 +10961,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { dragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragging", required: false }] }], offsetX: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetX", required: false }] }], offsetY: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetY", required: false }] }], isFullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullScreen", required: false }] }], isDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDraggable", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { dragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragging", required: false }] }], offsetX: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetX", required: false }] }], offsetY: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetY", required: false }] }], isFullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullScreen", required: false }] }], isDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDraggable", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -12139,7 +12156,7 @@ class DialogPortalComponent extends PortalComponent$1 {
         return this._component;
     }
     /**
-     * Returns the `dialogRef` property.
+     * Returns the `dialogConfig` property.
      *
      * @public
      * @readonly
@@ -12195,7 +12212,7 @@ class DialogPortalComponent extends PortalComponent$1 {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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               [width]=\"this.dialogConfig?.size?.width ?? 'auto'\"\n               [height]=\"this.dialogConfig?.size?.height ?? 'auto'\">\n    @if (this.headerTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\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 template) {\n        <ng-container [ngTemplateOutlet]=\"template\" />\n        }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\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 template) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], 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", "animationTarget", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["opened", "closed", "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", "ripple", "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 });
+        ], 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               [width]=\"this.dialogConfig?.size?.width ?? 'auto'\"\n               [height]=\"this.dialogConfig?.size?.height ?? 'auto'\">\n    @if (this.headerTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\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 template) {\n        <ng-container [ngTemplateOutlet]=\"template\" />\n        }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\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 template) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], 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", "animationTarget", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "attention", "closeable", "dir", "lang"], outputs: ["opened", "closed", "closeAttempted", "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", "ripple", "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: "22.0.5", ngImport: i0, type: DialogPortalComponent, decorators: [{
             type: Component,
@@ -12225,6 +12242,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 args: [DialogComponent, { static: true }]
             }] } });
 
+/**
+ * Default implementation of a cancellable portal close attempt.
+ *
+ * @public
+ */
+class PortalCloseAttempt {
+    // #region Fields
+    _trigger;
+    _closePrevented;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `PortalCloseAttempt` class.
+     *
+     * @public
+     * @param trigger - Interaction that attempted to close the portal.
+     */
+    constructor(trigger) {
+        this._trigger = trigger;
+        this._closePrevented = false;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the interaction that attempted to close the portal.
+     *
+     * @public
+     * @readonly
+     */
+    get trigger() {
+        return this._trigger;
+    }
+    /**
+     * Returns whether closing was prevented.
+     *
+     * @public
+     * @readonly
+     */
+    get closePrevented() {
+        return this._closePrevented;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Prevents the portal from closing for this close attempt.
+     *
+     * @public
+     */
+    preventClose() {
+        this._closePrevented = true;
+    }
+}
+
 // #region Imports
 // #endregion
 /**
@@ -12233,6 +12303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 class PortalRef {
     // #region Fields
     _closedSubject;
+    _closeAttemptedSubject;
     _component;
     _overlayRef;
     _id;
@@ -12247,6 +12318,7 @@ class PortalRef {
      */
     constructor(id, component, overlayRef, data) {
         this._closedSubject = new Subject();
+        this._closeAttemptedSubject = new Subject();
         this._component = component;
         this._overlayRef = overlayRef;
         this._id = id;
@@ -12290,8 +12362,13 @@ class PortalRef {
     get closed() {
         return this._closedSubject.asObservable();
     }
-    // #endregion
-    // #region Methods
+    /**
+     * @public
+     * @readonly
+     */
+    get closeAttempted() {
+        return this._closeAttemptedSubject.asObservable();
+    }
     /**
      * @public
      */
@@ -12300,9 +12377,27 @@ class PortalRef {
             return;
         }
         this._isClosed = true;
+        this._closeAttemptedSubject.complete();
         this._closedSubject.next(result);
         this._closedSubject.complete();
     }
+    /**
+     * Requests a close from an implicit interaction.
+     *
+     * @public
+     * @param trigger - Interaction that requested the close.
+     * @param result - Result emitted when the close attempt is not prevented.
+     */
+    requestClose(trigger, result) {
+        if (this._isClosed) {
+            return;
+        }
+        const attempt = new PortalCloseAttempt(trigger);
+        this._closeAttemptedSubject.next(attempt);
+        if (!attempt.closePrevented) {
+            this.close(result);
+        }
+    }
 }
 
 // #region Imports
@@ -12365,6 +12460,8 @@ class DialogRef extends PortalRef {
     // #endregion
     // #region Methods
     /**
+     * Closes the dialog and emits the `closed` event with the provided result.
+     *
      * @public
      * @override
      */
@@ -12374,6 +12471,15 @@ class DialogRef extends PortalRef {
         super.close(result);
         this.component.invoke('close');
     }
+    /**
+     * Requests visual attention for the dialog.
+     *
+     * @public
+     * @override
+     */
+    requestAttention(animation) {
+        return this.element.requestAttention(animation);
+    }
     /**
      * Updates the dialog's position.
      *
@@ -12711,6 +12817,9 @@ function withOverlayClass(value, className) {
 
 // #region Imports
 // #endregion
+// #region Constants
+const OUTSIDE_CLOSE_DEDUPLICATION_WINDOW_IN_MS = 50;
+// #endregion
 // #region Methods
 /**
  * Subscribes to CDK outside interactions while preserving Mosaik portal ownership.
@@ -12719,8 +12828,16 @@ function withOverlayClass(value, className) {
  */
 function connectOverlayOutsideClose(overlayRef, closed, close) {
     const ownerDocument = overlayRef.overlayElement.ownerDocument;
-    merge(overlayRef.backdropClick(), overlayRef.outsidePointerEvents(), fromEvent(ownerDocument, 'pointerdown', { capture: true })).pipe(filter((event) => OverlayInteractionCoordinator.isTopMostForInteraction(overlayRef, event)), filter((event) => !isOverlayInteractionEvent(overlayRef, event)), filter((event) => !isOwnedMosaikPortalProjectionEvent(overlayRef, event)), take(1), takeUntil(closed))
-        .subscribe(() => close());
+    let lastOutsideCloseAttemptTimestamp = Number.NEGATIVE_INFINITY;
+    merge(overlayRef.backdropClick(), overlayRef.outsidePointerEvents(), fromEvent(ownerDocument, 'pointerdown', { capture: true })).pipe(filter((event) => OverlayInteractionCoordinator.isTopMostForInteraction(overlayRef, event)), filter((event) => !isOverlayInteractionEvent(overlayRef, event)), filter((event) => !isOwnedMosaikPortalProjectionEvent(overlayRef, event)), takeUntil(closed))
+        .subscribe((event) => {
+        const timestamp = event.timeStamp || Date.now();
+        if (timestamp - lastOutsideCloseAttemptTimestamp < OUTSIDE_CLOSE_DEDUPLICATION_WINDOW_IN_MS) {
+            return;
+        }
+        lastOutsideCloseAttemptTimestamp = timestamp;
+        close();
+    });
 }
 /**
  * Subscribes to escape key interactions while only closing the topmost overlay.
@@ -12729,8 +12846,7 @@ function connectOverlayOutsideClose(overlayRef, closed, close) {
  */
 function connectOverlayEscapeClose(overlayRef, closed, close) {
     const escapeEvents = fromEvent(overlayRef.overlayElement.ownerDocument, 'keydown', { capture: true }).pipe(filter(isEscapeKeyEvent), filter((event) => OverlayInteractionCoordinator.isTopMostForInteraction(overlayRef, event)), takeUntil(closed));
-    escapeEvents.pipe(take(1))
-        .subscribe((event) => {
+    escapeEvents.subscribe((event) => {
         consumeEscapeKeyEvent(event);
         close();
     });
@@ -12812,6 +12928,7 @@ function isShadowRoot(node) {
 class DialogService extends PortalProvider {
     // #region Fields
     _behaviors;
+    _defaultConfig;
     _portalInjector;
     // #endregion
     // #region Ctor
@@ -12823,6 +12940,7 @@ class DialogService extends PortalProvider {
     constructor() {
         super();
         this._behaviors = new Array();
+        this._defaultConfig = inject(DIALOG_CONFIG, { optional: true }) ?? {};
         for (const behavior of inject(DIALOG_BEHAVIORS, { optional: true }) ?? []) {
             this.withBehavior(behavior);
         }
@@ -12835,30 +12953,31 @@ class DialogService extends PortalProvider {
      * @public
      */
     show(componentTypeOrTemplateRef, config) {
-        if (config) {
+        const resolvedConfig = this.createConfig(config);
+        if (resolvedConfig) {
             for (const behavior of this._behaviors) {
-                behavior.configure(config);
+                behavior.configure(resolvedConfig);
             }
         }
         const overlayRef = this.createOverlay({
-            hasBackdrop: config?.hasBackdrop,
-            width: config?.size?.width,
-            height: config?.size?.height,
-            minWidth: config?.minSize?.width,
-            minHeight: config?.minSize?.height,
-            maxWidth: config?.maxSize?.width,
-            maxHeight: config?.maxSize?.height,
-            disposeOnNavigation: config?.closeOnNavigation
+            hasBackdrop: resolvedConfig?.hasBackdrop,
+            width: resolvedConfig?.size?.width,
+            height: resolvedConfig?.size?.height,
+            minWidth: resolvedConfig?.minSize?.width,
+            minHeight: resolvedConfig?.minSize?.height,
+            maxWidth: resolvedConfig?.maxSize?.width,
+            maxHeight: resolvedConfig?.maxSize?.height,
+            disposeOnNavigation: resolvedConfig?.closeOnNavigation
         }, {
             backdropStackKey: 'dialog',
-            backdropStrategy: config?.backdropStrategy
+            backdropStrategy: resolvedConfig?.backdropStrategy
         });
-        const portal = this.createPortal(DialogPortalComponent, overlayRef, config);
-        const componentRef = this.createComponent(portal, overlayRef, DialogPortalComponent, config);
+        const portal = this.createPortal(DialogPortalComponent, overlayRef, resolvedConfig);
+        const componentRef = this.createComponent(portal, overlayRef, DialogPortalComponent, resolvedConfig);
         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);
+        const dialogRef = new DialogRef(this.createId(), componentRef.instance.dialog, overlayRef, resolvedConfig?.data);
+        this.createContent(componentTypeOrTemplateRef, componentRef.instance, dialogRef, resolvedConfig);
+        this.prepareComponent(overlayRef, componentRef.instance.dialog, dialogRef, resolvedConfig);
         this.attach(overlayRef, portal);
         componentRef.instance.dialog.invoke('open');
         this._behaviors.forEach((x) => x.attach(dialogRef, portal));
@@ -12968,13 +13087,13 @@ class DialogService extends PortalProvider {
                 }
             });
             if (config.clickOutsideToClose) {
-                connectOverlayOutsideClose(overlayRef, dialogRef.closed, () => dialogRef.close(Cancel.negative()));
+                connectOverlayOutsideClose(overlayRef, dialogRef.closed, () => dialogRef.requestClose('outside', Cancel.negative()));
             }
         }
         component.setInput('pressEscapeToClose', false);
         component.setInput('clickOutsideToClose', false);
         if (config?.pressEscapeToClose) {
-            connectOverlayEscapeClose(overlayRef, dialogRef.closed, () => dialogRef.close(Cancel.negative()));
+            connectOverlayEscapeClose(overlayRef, dialogRef.closed, () => dialogRef.requestClose('escape', Cancel.negative()));
         }
         else {
             connectOverlayEscapeBlock(overlayRef, dialogRef.closed);
@@ -12988,6 +13107,40 @@ class DialogService extends PortalProvider {
             // Note: Do NOT clear behaviors here - they should persist for other open dialogs
         });
     }
+    /**
+     * @private
+     */
+    createConfig(config) {
+        const defaultConfig = this._defaultConfig;
+        if (!this.hasConfig(defaultConfig) && !this.hasConfig(config)) {
+            return undefined;
+        }
+        return {
+            ...defaultConfig,
+            ...config,
+            size: this.mergeSize(defaultConfig.size, config?.size),
+            minSize: this.mergeSize(defaultConfig.minSize, config?.minSize),
+            maxSize: this.mergeSize(defaultConfig.maxSize, config?.maxSize)
+        };
+    }
+    /**
+     * @private
+     */
+    hasConfig(config) {
+        return config !== undefined && Object.keys(config).length > 0;
+    }
+    /**
+     * @private
+     */
+    mergeSize(defaultSize, size) {
+        if (!defaultSize && !size) {
+            return undefined;
+        }
+        return {
+            ...defaultSize,
+            ...size
+        };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DialogService });
 }
@@ -13002,7 +13155,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
  * @public
  */
 function provideDialogs(...withBehaviors) {
-    const behaviorTypes = withBehaviors.map((x) => x.behaviorType);
+    const behaviorTypes = withBehaviors
+        .map((x) => x.behaviorType)
+        .filter((behaviorType) => behaviorType !== undefined);
     return makeEnvironmentProviders([{
             provide: DIALOG_BEHAVIORS,
             useValue: behaviorTypes
@@ -13011,6 +13166,23 @@ function provideDialogs(...withBehaviors) {
             useClass: DialogService
         }, ...withBehaviors.flatMap((x) => x.provide())]);
 }
+/**
+ * Provides default dialog configuration for every dialog opened by the service.
+ * Values passed directly to `DialogService.show` override these defaults.
+ *
+ * @public
+ */
+function withDialogDefaultBehavior(config) {
+    return {
+        id: 'dialogDefaultBehavior',
+        provide: () => config
+            ? [{
+                    provide: DIALOG_CONFIG,
+                    useValue: config
+                }]
+            : []
+    };
+}
 /**
  * @public
  */
@@ -13892,7 +14064,7 @@ let DrawerComponent = class DrawerComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -14032,6 +14204,13 @@ let DrawerComponent = class DrawerComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -14130,6 +14309,10 @@ let DrawerComponent = class DrawerComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -14158,6 +14341,12 @@ let DrawerComponent = class DrawerComponent {
      * @public
      */
     opened = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -14202,13 +14391,13 @@ let DrawerComponent = class DrawerComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: DrawerComponent, isStandalone: true, selector: "mosaik-drawer", inputs: { isComposed: { classPropertyName: "isComposed", publicName: "isComposed", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasShadow: { classPropertyName: "hasShadow", publicName: "hasShadow", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: DrawerComponent, isStandalone: true, selector: "mosaik-drawer", inputs: { isComposed: { classPropertyName: "isComposed", publicName: "isComposed", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasShadow: { classPropertyName: "hasShadow", publicName: "hasShadow", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", opened: "opened", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 DrawerComponent = __decorate$4r([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-drawer', DrawerElement),
-        inputs: ['isComposed', 'isFullScreen', 'header', 'subHeader', 'position', 'mode', 'hasShadow', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['open', 'close', 'toggle', 'innerOffsetWidth', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges']
+        inputs: ['isComposed', 'isFullScreen', 'header', 'subHeader', 'position', 'mode', 'hasShadow', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['open', 'close', 'toggle', 'innerOffsetWidth', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'requestAttention']
     }),
     __metadata$4r("design:paramtypes", [])
 ], DrawerComponent);
@@ -14220,7 +14409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { isComposed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isComposed", required: false }] }], isFullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullScreen", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], subHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "subHeader", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], hasShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasShadow", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], opened: [{ type: i0.Output, args: ["opened"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { isComposed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isComposed", required: false }] }], isFullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullScreen", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], subHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "subHeader", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], hasShadow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasShadow", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], opened: [{ type: i0.Output, args: ["opened"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -15544,7 +15733,7 @@ class DrawerPortalComponent extends PortalComponent$1 {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DrawerPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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 [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\"\n               [enter]=\"this.drawerConfig?.enter ?? null\"\n               [exit]=\"this.drawerConfig?.exit ?? null\"\n               [width]=\"this.drawerConfig?.size?.width ?? 'auto'\"\n               [height]=\"this.drawerConfig?.size?.height ?? 'auto'\">\n    @if (this.headerTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n    } @else if ((this.drawerConfig?.header | of | async) || (this.drawerConfig?.subheader | of | async) || this.drawerConfig?.closeable) {\n    <mosaik-drawer-header>\n        <mosaik-drawer-header-text [text]=\"(this.drawerConfig?.header | of | async) ?? ''\" />\n        <mosaik-drawer-header-sub-text [text]=\"(this.drawerConfig?.subheader | of | async) ?? ''\" />\n        @if (this.drawerConfig?.closeable) {\n        <mosaik-dismiss slot=\"suffix\"\n                        (click)=\"this.drawer.invoke('close')\" />\n        }\n    </mosaik-drawer-header>\n    }\n    <mosaik-drawer-content cdkScrollable>\n        @if (this.contentTemplate; as template) {\n        <ng-container [ngTemplateOutlet]=\"template\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-drawer-content>\n    @if (this.actionsTemplate; as template) {\n    <mosaik-drawer-actions>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-drawer-actions>\n    } @else if (this.drawerConfig?.actions) {\n    <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    </mosaik-drawer-actions>\n    }\n    @if (this.footerTemplate; as template) {\n    <mosaik-drawer-footer>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-drawer-footer>\n    }\n</mosaik-drawer>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], 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", "isFullScreen", "header", "subHeader", "position", "mode", "hasShadow", "themeName", "animationTarget", "enter", "exit", "width", "height", "elevation", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderComponent, selector: "mosaik-drawer-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderTextComponent, selector: "mosaik-drawer-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderSubTextComponent, selector: "mosaik-drawer-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerContentComponent, selector: "mosaik-drawer-content", inputs: ["isOpen", "themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerActionsComponent, selector: "mosaik-drawer-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DismissComponent, selector: "mosaik-dismiss", inputs: ["themeName", "variant", "appearance", "size", "disabled", "isFocused", "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", "ripple", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerFooterComponent, selector: "mosaik-drawer-footer", inputs: ["themeName", "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 });
+        ], 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 [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\"\n               [enter]=\"this.drawerConfig?.enter ?? null\"\n               [exit]=\"this.drawerConfig?.exit ?? null\"\n               [width]=\"this.drawerConfig?.size?.width ?? 'auto'\"\n               [height]=\"this.drawerConfig?.size?.height ?? 'auto'\">\n    @if (this.headerTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n    } @else if ((this.drawerConfig?.header | of | async) || (this.drawerConfig?.subheader | of | async) || this.drawerConfig?.closeable) {\n    <mosaik-drawer-header>\n        <mosaik-drawer-header-text [text]=\"(this.drawerConfig?.header | of | async) ?? ''\" />\n        <mosaik-drawer-header-sub-text [text]=\"(this.drawerConfig?.subheader | of | async) ?? ''\" />\n        @if (this.drawerConfig?.closeable) {\n        <mosaik-dismiss slot=\"suffix\"\n                        (click)=\"this.drawer.invoke('close')\" />\n        }\n    </mosaik-drawer-header>\n    }\n    <mosaik-drawer-content cdkScrollable>\n        @if (this.contentTemplate; as template) {\n        <ng-container [ngTemplateOutlet]=\"template\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-drawer-content>\n    @if (this.actionsTemplate; as template) {\n    <mosaik-drawer-actions>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-drawer-actions>\n    } @else if (this.drawerConfig?.actions) {\n    <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    </mosaik-drawer-actions>\n    }\n    @if (this.footerTemplate; as template) {\n    <mosaik-drawer-footer>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-drawer-footer>\n    }\n</mosaik-drawer>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], 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", "isFullScreen", "header", "subHeader", "position", "mode", "hasShadow", "themeName", "animationTarget", "enter", "exit", "width", "height", "elevation", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "attention", "closeable", "dir", "lang"], outputs: ["closed", "opened", "closeAttempted", "connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderComponent, selector: "mosaik-drawer-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderTextComponent, selector: "mosaik-drawer-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderSubTextComponent, selector: "mosaik-drawer-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerContentComponent, selector: "mosaik-drawer-content", inputs: ["isOpen", "themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerActionsComponent, selector: "mosaik-drawer-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DismissComponent, selector: "mosaik-dismiss", inputs: ["themeName", "variant", "appearance", "size", "disabled", "isFocused", "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", "ripple", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerFooterComponent, selector: "mosaik-drawer-footer", inputs: ["themeName", "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: "22.0.5", ngImport: i0, type: DrawerPortalComponent, decorators: [{
             type: Component,
@@ -15617,6 +15806,8 @@ class DrawerRef extends PortalRef {
     }
     // #region Methods
     /**
+     * Closes the drawer and completes the position and size change subjects.
+     *
      * @public
      * @override
      */
@@ -15626,6 +15817,15 @@ class DrawerRef extends PortalRef {
         super.close(result);
         this.component.invoke('close');
     }
+    /**
+     * Requests visual attention for the drawer.
+     *
+     * @public
+     * @override
+     */
+    requestAttention(animation) {
+        return this.element.requestAttention(animation);
+    }
     // #endregion
     // #region Properties
     /**
@@ -15873,13 +16073,13 @@ class DrawerService extends PortalProvider {
                 }
             });
             if (config.clickOutsideToClose) {
-                connectOverlayOutsideClose(overlayRef, drawerRef.closed, () => drawerRef.close(Cancel.negative()));
+                connectOverlayOutsideClose(overlayRef, drawerRef.closed, () => drawerRef.requestClose('outside', Cancel.negative()));
             }
         }
         component.setInput('pressEscapeToClose', false);
         component.setInput('clickOutsideToClose', false);
         if (config?.pressEscapeToClose) {
-            connectOverlayEscapeClose(overlayRef, drawerRef.closed, () => drawerRef.close(Cancel.negative()));
+            connectOverlayEscapeClose(overlayRef, drawerRef.closed, () => drawerRef.requestClose('escape', Cancel.negative()));
         }
         else {
             connectOverlayEscapeBlock(overlayRef, drawerRef.closed);
@@ -16182,7 +16382,7 @@ let MessageBoxComponent = class MessageBoxComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('dialogResult', (e) => this.dialogResult.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('dialogResult', (e) => this.dialogResult.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -16383,6 +16583,13 @@ let MessageBoxComponent = class MessageBoxComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -16505,6 +16712,10 @@ let MessageBoxComponent = class MessageBoxComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -16543,6 +16754,12 @@ let MessageBoxComponent = class MessageBoxComponent {
      * @public
      */
     closed = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -16587,13 +16804,13 @@ let MessageBoxComponent = class MessageBoxComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: MessageBoxComponent, isStandalone: true, selector: "mosaik-message-box", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dragging: { classPropertyName: "dragging", publicName: "dragging", isSignal: true, isRequired: false, transformFunction: null }, offsetX: { classPropertyName: "offsetX", publicName: "offsetX", isSignal: true, isRequired: false, transformFunction: null }, offsetY: { classPropertyName: "offsetY", publicName: "offsetY", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dialogResult: "dialogResult", opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: MessageBoxComponent, isStandalone: true, selector: "mosaik-message-box", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, subHeader: { classPropertyName: "subHeader", publicName: "subHeader", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, buttons: { classPropertyName: "buttons", publicName: "buttons", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, dragging: { classPropertyName: "dragging", publicName: "dragging", isSignal: true, isRequired: false, transformFunction: null }, offsetX: { classPropertyName: "offsetX", publicName: "offsetX", isSignal: true, isRequired: false, transformFunction: null }, offsetY: { classPropertyName: "offsetY", publicName: "offsetY", isSignal: true, isRequired: false, transformFunction: null }, isFullScreen: { classPropertyName: "isFullScreen", publicName: "isFullScreen", isSignal: true, isRequired: false, transformFunction: null }, isDraggable: { classPropertyName: "isDraggable", publicName: "isDraggable", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dialogResult: "dialogResult", opened: "opened", closed: "closed", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 MessageBoxComponent = __decorate$4k([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-message-box', MessageBoxElement),
-        inputs: ['intl', 'header', 'subHeader', 'message', 'buttons', 'icon', 'alignment', 'formatter', 'variant', 'dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges']
+        inputs: ['intl', 'header', 'subHeader', 'message', 'buttons', 'icon', 'alignment', 'formatter', 'variant', 'dragging', 'offsetX', 'offsetY', 'isFullScreen', 'isDraggable', 'themeName', 'animationTarget', 'enter', 'exit', 'width', 'height', 'elevation', 'appearance', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'requestAttention']
     }),
     __metadata$4k("design:paramtypes", [])
 ], MessageBoxComponent);
@@ -16605,7 +16822,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], subHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "subHeader", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], buttons: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttons", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], alignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignment", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragging", required: false }] }], offsetX: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetX", required: false }] }], offsetY: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetY", required: false }] }], isFullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullScreen", required: false }] }], isDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDraggable", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], dialogResult: [{ type: i0.Output, args: ["dialogResult"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], subHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "subHeader", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], buttons: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttons", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], alignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignment", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], dragging: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragging", required: false }] }], offsetX: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetX", required: false }] }], offsetY: [{ type: i0.Input, args: [{ isSignal: true, alias: "offsetY", required: false }] }], isFullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFullScreen", required: false }] }], isDraggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDraggable", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], dialogResult: [{ type: i0.Output, args: ["dialogResult"] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -16699,7 +16916,7 @@ class MessageBoxPortalComponent extends PortalComponent$1 {
         return this._config;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessageBoxPortalComponent, isStandalone: true, selector: "mosaik-message-box-portal", host: { classAttribute: "message-box-portal" }, viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: MessageBoxComponent, descendants: true, static: true }], exportAs: ["mosaikMessageBoxPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-message-box>\n    <ng-template cdkPortalOutlet></ng-template>\n</mosaik-message-box>", styles: [":host{width:100vw;height:100vh}\n", ".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: MessageBoxComponent, selector: "mosaik-message-box", inputs: ["intl", "header", "subHeader", "message", "buttons", "icon", "alignment", "formatter", "variant", "dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "animationTarget", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["dialogResult", "opened", "closed", "connected", "disconnected", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: MessageBoxPortalComponent, isStandalone: true, selector: "mosaik-message-box-portal", host: { classAttribute: "message-box-portal" }, viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: MessageBoxComponent, descendants: true, static: true }], exportAs: ["mosaikMessageBoxPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-message-box>\n    <ng-template cdkPortalOutlet></ng-template>\n</mosaik-message-box>", styles: [":host{width:100vw;height:100vh}\n", ".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: MessageBoxComponent, selector: "mosaik-message-box", inputs: ["intl", "header", "subHeader", "message", "buttons", "icon", "alignment", "formatter", "variant", "dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "animationTarget", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "attention", "closeable", "dir", "lang"], outputs: ["dialogResult", "opened", "closed", "closeAttempted", "connected", "disconnected", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: MessageBoxPortalComponent, decorators: [{
             type: Component,
@@ -16752,6 +16969,17 @@ class MessageBoxRef extends PortalRef {
     get element() {
         return this._messageBoxElement;
     }
+    // #endregion
+    // #region Methods
+    /**
+     * Requests visual attention for the message box.
+     *
+     * @public
+     * @override
+     */
+    requestAttention(animation) {
+        return this.element.requestAttention(animation);
+    }
 }
 
 // #endregion
@@ -16898,13 +17126,13 @@ class MessageBoxService extends PortalProvider {
                 Object.assign(messageBoxRef.element.intl, config.intl);
             }
             if (config.clickOutsideToClose) {
-                connectOverlayOutsideClose(overlayRef, messageBoxRef.closed, () => messageBoxRef.close(Cancel.negative()));
+                connectOverlayOutsideClose(overlayRef, messageBoxRef.closed, () => messageBoxRef.requestClose('outside', Cancel.negative()));
             }
         }
         component.setInput('pressEscapeToClose', false);
         component.setInput('clickOutsideToClose', false);
         if (config?.pressEscapeToClose) {
-            connectOverlayEscapeClose(overlayRef, messageBoxRef.closed, () => messageBoxRef.close(Cancel.negative()));
+            connectOverlayEscapeClose(overlayRef, messageBoxRef.closed, () => messageBoxRef.requestClose('escape', Cancel.negative()));
         }
         else {
             connectOverlayEscapeBlock(overlayRef, messageBoxRef.closed);
@@ -16999,7 +17227,7 @@ let SheetComponent = class SheetComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -17055,6 +17283,13 @@ let SheetComponent = class SheetComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -17109,6 +17344,10 @@ let SheetComponent = class SheetComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -17137,6 +17376,12 @@ let SheetComponent = class SheetComponent {
      * @public
      */
     closed = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -17181,13 +17426,13 @@ let SheetComponent = class SheetComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SheetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: SheetComponent, isStandalone: true, selector: "mosaik-sheet", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: SheetComponent, isStandalone: true, selector: "mosaik-sheet", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 SheetComponent = __decorate$4j([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-sheet', SheetElement),
-        inputs: ['height', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['open', 'close', 'partial', 'toggle', 'onBackdrop', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges']
+        inputs: ['height', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['open', 'close', 'partial', 'toggle', 'onBackdrop', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'requestAttention']
     }),
     __metadata$4j("design:paramtypes", [])
 ], SheetComponent);
@@ -17199,7 +17444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -18299,7 +18544,7 @@ class SheetPortalComponent extends PortalComponent$1 {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SheetPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SheetPortalComponent, isStandalone: true, selector: "mosaik-sheet-portal", host: { classAttribute: "sheet-portal" }, providers: [
             provideSheetSlots()
-        ], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: SheetComponent, descendants: true, static: true }], exportAs: ["mosaikSheetPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-sheet [closeable]=\"this.sheetConfig?.closeable ?? false\"\n              [height]=\"this.sheetConfig?.height ?? 'auto'\">\n    @if (this.headerTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n    } @else if ((this.sheetConfig?.header | of | async) || this.sheetConfig?.closeable) {\n    <mosaik-sheet-header>\n        <mosaik-sheet-header-text [text]=\"(this.sheetConfig?.header | of | async) ?? ''\" />\n        <mosaik-sheet-header-sub-text [text]=\"(this.sheetConfig?.subheader | of | async) ?? ''\" />\n    </mosaik-sheet-header>\n    }\n    <mosaik-sheet-content cdkScrollable>\n        @if (this.contentTemplate; as template) {\n        <ng-container [ngTemplateOutlet]=\"template\" />\n        }\n        <ng-template cdkPortalOutlet />\n    </mosaik-sheet-content>\n    @if (this.footerTemplate; as template) {\n    <mosaik-sheet-footer>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-sheet-footer>\n    }\n</mosaik-sheet>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], 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: SheetComponent, selector: "mosaik-sheet", inputs: ["height", "themeName", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["opened", "closed", "connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderComponent, selector: "mosaik-sheet-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderTextComponent, selector: "mosaik-sheet-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderSubTextComponent, selector: "mosaik-sheet-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetContentComponent, selector: "mosaik-sheet-content", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetFooterComponent, selector: "mosaik-sheet-footer", inputs: ["themeName", "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 });
+        ], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: SheetComponent, descendants: true, static: true }], exportAs: ["mosaikSheetPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-sheet [closeable]=\"this.sheetConfig?.closeable ?? false\"\n              [height]=\"this.sheetConfig?.height ?? 'auto'\">\n    @if (this.headerTemplate; as template) {\n    <ng-container [ngTemplateOutlet]=\"template\" />\n    } @else if ((this.sheetConfig?.header | of | async) || this.sheetConfig?.closeable) {\n    <mosaik-sheet-header>\n        <mosaik-sheet-header-text [text]=\"(this.sheetConfig?.header | of | async) ?? ''\" />\n        <mosaik-sheet-header-sub-text [text]=\"(this.sheetConfig?.subheader | of | async) ?? ''\" />\n    </mosaik-sheet-header>\n    }\n    <mosaik-sheet-content cdkScrollable>\n        @if (this.contentTemplate; as template) {\n        <ng-container [ngTemplateOutlet]=\"template\" />\n        }\n        <ng-template cdkPortalOutlet />\n    </mosaik-sheet-content>\n    @if (this.footerTemplate; as template) {\n    <mosaik-sheet-footer>\n        <ng-container [ngTemplateOutlet]=\"template\" />\n    </mosaik-sheet-footer>\n    }\n</mosaik-sheet>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], 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: SheetComponent, selector: "mosaik-sheet", inputs: ["height", "themeName", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "attention", "closeable", "dir", "lang"], outputs: ["opened", "closed", "closeAttempted", "connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderComponent, selector: "mosaik-sheet-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderTextComponent, selector: "mosaik-sheet-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderSubTextComponent, selector: "mosaik-sheet-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetContentComponent, selector: "mosaik-sheet-content", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetFooterComponent, selector: "mosaik-sheet-footer", inputs: ["themeName", "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: "22.0.5", ngImport: i0, type: SheetPortalComponent, decorators: [{
             type: Component,
@@ -18337,6 +18582,7 @@ class SheetRef extends PortalRef {
     // #region Fields
     _positionChangedSubject;
     _sizeChangedSubject;
+    _sheetElement;
     // #endregion
     // #region Ctor
     /**
@@ -18348,10 +18594,28 @@ class SheetRef extends PortalRef {
         super(id, component, overlayRef, data);
         this._positionChangedSubject = new Subject();
         this._sizeChangedSubject = new Subject();
+        const sheetElement = overlayRef.hostElement.querySelector('mosaik-sheet');
+        if (!sheetElement) {
+            throw new Error('SheetElement not found in overlay host element.');
+        }
+        this._sheetElement = sheetElement;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the underlying `SheetElement`.
+     *
+     * @public
+     * @readonly
+     */
+    get element() {
+        return this._sheetElement;
     }
     // #endregion
     // #region Methods
     /**
+     * Closes the sheet and emits the `closed` event.
+     *
      * @public
      * @override
      */
@@ -18361,6 +18625,15 @@ class SheetRef extends PortalRef {
         super.close(result);
         this.component.invoke('close');
     }
+    /**
+     * Requests visual attention for the sheet.
+     *
+     * @public
+     * @override
+     */
+    requestAttention(animation) {
+        return this.element.requestAttention(animation);
+    }
     // #endregion
     // #region Properties
     /**
@@ -18587,13 +18860,13 @@ class SheetService extends PortalProvider {
                 }
             });
             if (config.clickOutsideToClose) {
-                connectOverlayOutsideClose(overlayRef, sheetRef.closed, () => sheetRef.close(Cancel.negative()));
+                connectOverlayOutsideClose(overlayRef, sheetRef.closed, () => sheetRef.requestClose('outside', Cancel.negative()));
             }
         }
         component.setInput('pressEscapeToClose', false);
         component.setInput('clickOutsideToClose', false);
         if (config?.pressEscapeToClose) {
-            connectOverlayEscapeClose(overlayRef, sheetRef.closed, () => sheetRef.close(Cancel.negative()));
+            connectOverlayEscapeClose(overlayRef, sheetRef.closed, () => sheetRef.requestClose('escape', Cancel.negative()));
         }
         else {
             connectOverlayEscapeBlock(overlayRef, sheetRef.closed);
@@ -18953,7 +19226,7 @@ let ToastComponent = class ToastComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -19100,6 +19373,13 @@ let ToastComponent = class ToastComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -19202,6 +19482,10 @@ let ToastComponent = class ToastComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -19230,6 +19514,12 @@ let ToastComponent = class ToastComponent {
      * @public
      */
     closed = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -19274,13 +19564,13 @@ let ToastComponent = class ToastComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToastComponent, isStandalone: true, selector: "mosaik-toast", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, timeout: { classPropertyName: "timeout", publicName: "timeout", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ToastComponent, isStandalone: true, selector: "mosaik-toast", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, timeout: { classPropertyName: "timeout", publicName: "timeout", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, showProgress: { classPropertyName: "showProgress", publicName: "showProgress", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, isBusy: { classPropertyName: "isBusy", publicName: "isBusy", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ToastComponent = __decorate$4c([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-toast', ToastElement),
-        inputs: ['header', 'content', 'icon', 'iconSize', 'timeout', 'position', 'showProgress', 'themeName', 'animationTarget', 'enter', 'exit', 'variant', 'appearance', 'formatter', 'isBusy', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation']
+        inputs: ['header', 'content', 'icon', 'iconSize', 'timeout', 'position', 'showProgress', 'themeName', 'animationTarget', 'enter', 'exit', 'variant', 'appearance', 'formatter', 'isBusy', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['open', 'close', 'play', 'onEnterAnimation', 'onExitAnimation', 'requestAttention']
     }),
     __metadata$4c("design:paramtypes", [])
 ], ToastComponent);
@@ -19292,7 +19582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], timeout: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeout", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], showProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProgress", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], isBusy: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBusy", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], timeout: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeout", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], showProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "showProgress", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], isBusy: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBusy", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -19444,7 +19734,7 @@ class ToastPortalComponent extends PortalComponent$1 {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ToastPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ToastPortalComponent, isStandalone: true, selector: "mosaik-toast-portal", host: { classAttribute: "toast-portal" }, providers: [
             provideToastSlots()
-        ], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: ToastComponent, descendants: true, static: true }], exportAs: ["mosaikToastPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-toast [variant]=\"this.config?.variant ?? 'default'\"\n              [appearance]=\"this.config?.appearance ?? 'default'\"\n              [closeable]=\"this.config?.closeable ?? false\"\n              [enter]=\"this.config?.enter ?? null\"\n              [exit]=\"this.config?.exit ?? null\"\n              [iconName]=\"(this.config?.iconName | of | async) ?? undefined\">\n    <ng-template cdkPortalOutlet></ng-template>\n    @if (this.actionsTemplate) {\n    <ng-container [ngTemplateOutlet]=\"this.actionsTemplate\" />\n    } @else if (this.config?.actions) {\n    <mosaik-toast-actions>\n        @for (action of this.config.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)=\"onActionClick(action?.handler)\" />\n        }\n        }\n    </mosaik-toast-actions>\n    }\n</mosaik-toast>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ToastComponent, selector: "mosaik-toast", inputs: ["header", "content", "icon", "iconSize", "timeout", "position", "showProgress", "themeName", "animationTarget", "enter", "exit", "variant", "appearance", "formatter", "isBusy", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["opened", "closed", "connected", "disconnected", "changed"] }, { kind: "component", type: ToastActionsComponent, selector: "mosaik-toast-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", "ripple", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "directive", type: IconNameDirective, selector: "\n        mosaik-avatar[iconName],\n        mosaik-badge[iconName],\n        mosaik-banner[iconName],\n        mosaik-busy-state[iconName],\n        mosaik-button[iconName],\n        mosaik-chat-marker[iconName],\n        mosaik-chat-message-avatar[iconName],\n        mosaik-chip[iconName],\n        mosaik-choice[iconName],\n        mosaik-combo-item[iconName],\n        mosaik-compound-button[iconName],\n        mosaik-dropdown-button[iconName],\n        mosaik-empty-state[iconName],\n        mosaik-error-state[iconName],\n        mosaik-expander[iconName],\n        mosaik-fab-group[iconName],\n        mosaik-fab[iconName],\n        mosaik-icon[iconName],\n        mosaik-menu-item[iconName],\n        mosaik-message-box[iconName],\n        mosaik-message[iconName],\n        mosaik-persona[iconName],\n        mosaik-pip[iconName],\n        mosaik-press-button[iconName],\n        mosaik-repeat-button[iconName],\n        mosaik-ribbon[iconName],\n        mosaik-segment-item[iconName],\n        mosaik-select-item[iconName],\n        mosaik-sheet[iconName],\n        mosaik-split-button[iconName],\n        mosaik-stepper-item[iconName],\n        mosaik-success-state[iconName],\n        mosaik-success-state[iconName],\n        mosaik-tab-item[iconName],\n        mosaik-tab-strip-item[iconName],\n        mosaik-timeline-marker[iconName],\n        mosaik-titlebar[iconName],\n        mosaik-toast[iconName],\n        mosaik-toggle-button[iconName],\n        mosaik-updown-spinner[iconName],\n    ", inputs: ["iconName"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: ToastComponent, descendants: true, static: true }], exportAs: ["mosaikToastPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-toast [variant]=\"this.config?.variant ?? 'default'\"\n              [appearance]=\"this.config?.appearance ?? 'default'\"\n              [closeable]=\"this.config?.closeable ?? false\"\n              [enter]=\"this.config?.enter ?? null\"\n              [exit]=\"this.config?.exit ?? null\"\n              [iconName]=\"(this.config?.iconName | of | async) ?? undefined\">\n    <ng-template cdkPortalOutlet></ng-template>\n    @if (this.actionsTemplate) {\n    <ng-container [ngTemplateOutlet]=\"this.actionsTemplate\" />\n    } @else if (this.config?.actions) {\n    <mosaik-toast-actions>\n        @for (action of this.config.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)=\"onActionClick(action?.handler)\" />\n        }\n        }\n    </mosaik-toast-actions>\n    }\n</mosaik-toast>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ToastComponent, selector: "mosaik-toast", inputs: ["header", "content", "icon", "iconSize", "timeout", "position", "showProgress", "themeName", "animationTarget", "enter", "exit", "variant", "appearance", "formatter", "isBusy", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "attention", "closeable", "dir", "lang"], outputs: ["opened", "closed", "closeAttempted", "connected", "disconnected", "changed"] }, { kind: "component", type: ToastActionsComponent, selector: "mosaik-toast-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", "ripple", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "directive", type: IconNameDirective, selector: "\n        mosaik-avatar[iconName],\n        mosaik-badge[iconName],\n        mosaik-banner[iconName],\n        mosaik-busy-state[iconName],\n        mosaik-button[iconName],\n        mosaik-chat-marker[iconName],\n        mosaik-chat-message-avatar[iconName],\n        mosaik-chip[iconName],\n        mosaik-choice[iconName],\n        mosaik-combo-item[iconName],\n        mosaik-compound-button[iconName],\n        mosaik-dropdown-button[iconName],\n        mosaik-empty-state[iconName],\n        mosaik-error-state[iconName],\n        mosaik-expander[iconName],\n        mosaik-fab-group[iconName],\n        mosaik-fab[iconName],\n        mosaik-icon[iconName],\n        mosaik-menu-item[iconName],\n        mosaik-message-box[iconName],\n        mosaik-message[iconName],\n        mosaik-persona[iconName],\n        mosaik-pip[iconName],\n        mosaik-press-button[iconName],\n        mosaik-repeat-button[iconName],\n        mosaik-ribbon[iconName],\n        mosaik-segment-item[iconName],\n        mosaik-select-item[iconName],\n        mosaik-sheet[iconName],\n        mosaik-split-button[iconName],\n        mosaik-stepper-item[iconName],\n        mosaik-success-state[iconName],\n        mosaik-success-state[iconName],\n        mosaik-tab-item[iconName],\n        mosaik-tab-strip-item[iconName],\n        mosaik-timeline-marker[iconName],\n        mosaik-titlebar[iconName],\n        mosaik-toast[iconName],\n        mosaik-toggle-button[iconName],\n        mosaik-updown-spinner[iconName],\n    ", inputs: ["iconName"] }, { 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: "22.0.5", ngImport: i0, type: ToastPortalComponent, decorators: [{
             type: Component,
@@ -19505,6 +19795,17 @@ class ToastRef extends PortalRef {
     get element() {
         return this._toastElement;
     }
+    // #endregion
+    // #region Methods
+    /**
+     * Requests visual attention for the toast.
+     *
+     * @public
+     * @override
+     */
+    requestAttention(animation) {
+        return this.element.requestAttention(animation);
+    }
 }
 
 // #endregion
@@ -19650,13 +19951,13 @@ class ToastService extends PortalProvider {
                 }
             });
             if (config.clickOutsideToClose) {
-                connectOverlayOutsideClose(overlayRef, toastRef.closed, () => toastRef.close(Cancel.negative()));
+                connectOverlayOutsideClose(overlayRef, toastRef.closed, () => toastRef.requestClose('outside', Cancel.negative()));
             }
         }
         component.setInput('pressEscapeToClose', false);
         component.setInput('clickOutsideToClose', false);
         if (config?.pressEscapeToClose) {
-            connectOverlayEscapeClose(overlayRef, toastRef.closed, () => toastRef.close(Cancel.negative()));
+            connectOverlayEscapeClose(overlayRef, toastRef.closed, () => toastRef.requestClose('escape', Cancel.negative()));
         }
         else {
             connectOverlayEscapeBlock(overlayRef, toastRef.closed);
@@ -68447,7 +68748,7 @@ let PopupComponent = class PopupComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -68678,6 +68979,13 @@ let PopupComponent = class PopupComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -68824,6 +69132,10 @@ let PopupComponent = class PopupComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -68852,6 +69164,12 @@ let PopupComponent = class PopupComponent {
      * @public
      */
     closed = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -68896,13 +69214,13 @@ let PopupComponent = class PopupComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: PopupComponent, isStandalone: true, selector: "mosaik-popup", inputs: { anchorElement: { classPropertyName: "anchorElement", publicName: "anchorElement", isSignal: true, isRequired: false, transformFunction: null }, isFloatingActive: { classPropertyName: "isFloatingActive", publicName: "isFloatingActive", isSignal: true, isRequired: false, transformFunction: null }, hasSlottedContent: { classPropertyName: "hasSlottedContent", publicName: "hasSlottedContent", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, placements: { classPropertyName: "placements", publicName: "placements", isSignal: true, isRequired: false, transformFunction: null }, distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, skidding: { classPropertyName: "skidding", publicName: "skidding", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, staysOpen: { classPropertyName: "staysOpen", publicName: "staysOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnScroll: { classPropertyName: "closeOnScroll", publicName: "closeOnScroll", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "flip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "shift", isSignal: true, isRequired: false, transformFunction: null }, trapFocus: { classPropertyName: "trapFocus", publicName: "trapFocus", isSignal: true, isRequired: false, transformFunction: null }, sync: { classPropertyName: "sync", publicName: "sync", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: PopupComponent, isStandalone: true, selector: "mosaik-popup", inputs: { anchorElement: { classPropertyName: "anchorElement", publicName: "anchorElement", isSignal: true, isRequired: false, transformFunction: null }, isFloatingActive: { classPropertyName: "isFloatingActive", publicName: "isFloatingActive", isSignal: true, isRequired: false, transformFunction: null }, hasSlottedContent: { classPropertyName: "hasSlottedContent", publicName: "hasSlottedContent", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, placements: { classPropertyName: "placements", publicName: "placements", isSignal: true, isRequired: false, transformFunction: null }, distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, skidding: { classPropertyName: "skidding", publicName: "skidding", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, hideDelay: { classPropertyName: "hideDelay", publicName: "hideDelay", isSignal: true, isRequired: false, transformFunction: null }, staysOpen: { classPropertyName: "staysOpen", publicName: "staysOpen", isSignal: true, isRequired: false, transformFunction: null }, closeOnScroll: { classPropertyName: "closeOnScroll", publicName: "closeOnScroll", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "flip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "shift", isSignal: true, isRequired: false, transformFunction: null }, trapFocus: { classPropertyName: "trapFocus", publicName: "trapFocus", isSignal: true, isRequired: false, transformFunction: null }, sync: { classPropertyName: "sync", publicName: "sync", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, animationTarget: { classPropertyName: "animationTarget", publicName: "animationTarget", isSignal: true, isRequired: false, transformFunction: null }, enter: { classPropertyName: "enter", publicName: "enter", isSignal: true, isRequired: false, transformFunction: null }, exit: { classPropertyName: "exit", publicName: "exit", isSignal: true, isRequired: false, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, elevation: { classPropertyName: "elevation", publicName: "elevation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 PopupComponent = __decorate$1w([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-popup', PopupElement),
-        inputs: ['anchorElement', 'isFloatingActive', 'hasSlottedContent', 'placement', 'placements', 'distance', 'skidding', 'trigger', 'showDelay', 'hideDelay', 'staysOpen', 'closeOnScroll', 'interactive', 'flip', 'shift', 'trapFocus', 'sync', 'themeName', 'animationTarget', 'enter', 'exit', 'for', 'control', 'elevation', 'variant', 'appearance', 'disabled', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['open', 'close', 'toggle', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'attach', 'detach']
+        inputs: ['anchorElement', 'isFloatingActive', 'hasSlottedContent', 'placement', 'placements', 'distance', 'skidding', 'trigger', 'showDelay', 'hideDelay', 'staysOpen', 'closeOnScroll', 'interactive', 'flip', 'shift', 'trapFocus', 'sync', 'themeName', 'animationTarget', 'enter', 'exit', 'for', 'control', 'elevation', 'variant', 'appearance', 'disabled', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['open', 'close', 'toggle', 'requestAttention', 'play', 'onEnterAnimation', 'onExitAnimation', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'attach', 'detach']
     }),
     __metadata$1w("design:paramtypes", [])
 ], PopupComponent);
@@ -68914,7 +69232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { anchorElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorElement", required: false }] }], isFloatingActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFloatingActive", required: false }] }], hasSlottedContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSlottedContent", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], placements: [{ type: i0.Input, args: [{ isSignal: true, alias: "placements", required: false }] }], distance: [{ type: i0.Input, args: [{ isSignal: true, alias: "distance", required: false }] }], skidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "skidding", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], showDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDelay", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }], staysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "staysOpen", required: false }] }], closeOnScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnScroll", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], flip: [{ type: i0.Input, args: [{ isSignal: true, alias: "flip", required: false }] }], shift: [{ type: i0.Input, args: [{ isSignal: true, alias: "shift", required: false }] }], trapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trapFocus", required: false }] }], sync: [{ type: i0.Input, args: [{ isSignal: true, alias: "sync", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { anchorElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorElement", required: false }] }], isFloatingActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFloatingActive", required: false }] }], hasSlottedContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSlottedContent", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], placements: [{ type: i0.Input, args: [{ isSignal: true, alias: "placements", required: false }] }], distance: [{ type: i0.Input, args: [{ isSignal: true, alias: "distance", required: false }] }], skidding: [{ type: i0.Input, args: [{ isSignal: true, alias: "skidding", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], showDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDelay", required: false }] }], hideDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDelay", required: false }] }], staysOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "staysOpen", required: false }] }], closeOnScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnScroll", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], flip: [{ type: i0.Input, args: [{ isSignal: true, alias: "flip", required: false }] }], shift: [{ type: i0.Input, args: [{ isSignal: true, alias: "shift", required: false }] }], trapFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "trapFocus", required: false }] }], sync: [{ type: i0.Input, args: [{ isSignal: true, alias: "sync", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], animationTarget: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationTarget", required: false }] }], enter: [{ type: i0.Input, args: [{ isSignal: true, alias: "enter", required: false }] }], exit: [{ type: i0.Input, args: [{ isSignal: true, alias: "exit", required: false }] }], for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], elevation: [{ type: i0.Input, args: [{ isSignal: true, alias: "elevation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -69145,7 +69463,7 @@ let PortalProjectionComponent = class PortalProjectionComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -69201,6 +69519,13 @@ let PortalProjectionComponent = class PortalProjectionComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -69251,6 +69576,10 @@ let PortalProjectionComponent = class PortalProjectionComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -69279,6 +69608,12 @@ let PortalProjectionComponent = class PortalProjectionComponent {
      * @public
      */
     closed = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -69323,13 +69658,13 @@ let PortalProjectionComponent = class PortalProjectionComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PortalProjectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: PortalProjectionComponent, isStandalone: true, selector: "mosaik-portal-projection", inputs: { portal: { classPropertyName: "portal", publicName: "portal", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: PortalProjectionComponent, isStandalone: true, selector: "mosaik-portal-projection", inputs: { portal: { classPropertyName: "portal", publicName: "portal", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 PortalProjectionComponent = __decorate$1u([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-portal-projection', PortalProjectionElement),
-        inputs: ['portal', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['assign', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close']
+        inputs: ['portal', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['assign', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'open', 'close', 'requestAttention']
     }),
     __metadata$1u("design:paramtypes", [])
 ], PortalProjectionComponent);
@@ -69341,7 +69676,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { portal: [{ type: i0.Input, args: [{ isSignal: true, alias: "portal", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { portal: [{ type: i0.Input, args: [{ isSignal: true, alias: "portal", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -93254,7 +93589,7 @@ let TourComponent = class TourComponent {
     constructor() {
         inject(ChangeDetectorRef).detach();
         // Wire up output events from the native element
-        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
+        this._outputSubscriptions.push(this._elementRef.nativeElement.on('opened', (e) => this.opened.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closed', (e) => this.closed.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('closeAttempted', (e) => this.closeAttempted.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('connected', (e) => this.connected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('disconnected', (e) => this.disconnected.emit(e instanceof CustomEvent ? e.detail : undefined)), this._elementRef.nativeElement.on('changed', (e) => this.changed.emit(e instanceof CustomEvent ? e.detail : undefined)));
         this._destroyRef.onDestroy(() => {
             this._outputSubscriptions.forEach((subscription) => subscription.dispose());
             this._outputSubscriptions.length = 0;
@@ -93366,6 +93701,13 @@ let TourComponent = class TourComponent {
      */
     clickOutsideToClose = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "clickOutsideToClose" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `attention` property.
+     *
+     * @public
+     */
+    attention = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "attention" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `closeable` property.
      *
@@ -93444,6 +93786,10 @@ let TourComponent = class TourComponent {
             if (clickOutsideToCloseValue !== undefined) {
                 this._elementRef.nativeElement.clickOutsideToClose = clickOutsideToCloseValue;
             }
+            const attentionValue = this.attention();
+            if (attentionValue !== undefined) {
+                this._elementRef.nativeElement.attention = attentionValue;
+            }
             const closeableValue = this.closeable();
             if (closeableValue !== undefined) {
                 this._elementRef.nativeElement.closeable = closeableValue;
@@ -93472,6 +93818,12 @@ let TourComponent = class TourComponent {
      * @public
      */
     closed = output();
+    /**
+     * Output signal for the `closeAttempted` event.
+     *
+     * @public
+     */
+    closeAttempted = output();
     /**
      * Output signal for the `connected` event.
      *
@@ -93516,13 +93868,13 @@ let TourComponent = class TourComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TourComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: TourComponent, isStandalone: true, selector: "mosaik-tour", inputs: { currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, isFirstStep: { classPropertyName: "isFirstStep", publicName: "isFirstStep", isSignal: true, isRequired: false, transformFunction: null }, isLastStep: { classPropertyName: "isLastStep", publicName: "isLastStep", isSignal: true, isRequired: false, transformFunction: null }, tooltipStyles: { classPropertyName: "tooltipStyles", publicName: "tooltipStyles", isSignal: true, isRequired: false, transformFunction: null }, started: { classPropertyName: "started", publicName: "started", isSignal: true, isRequired: false, transformFunction: null }, ended: { classPropertyName: "ended", publicName: "ended", isSignal: true, isRequired: false, transformFunction: null }, stepChanged: { classPropertyName: "stepChanged", publicName: "stepChanged", isSignal: true, isRequired: false, transformFunction: null }, tourId: { classPropertyName: "tourId", publicName: "tourId", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: TourComponent, isStandalone: true, selector: "mosaik-tour", inputs: { currentStep: { classPropertyName: "currentStep", publicName: "currentStep", isSignal: true, isRequired: false, transformFunction: null }, isFirstStep: { classPropertyName: "isFirstStep", publicName: "isFirstStep", isSignal: true, isRequired: false, transformFunction: null }, isLastStep: { classPropertyName: "isLastStep", publicName: "isLastStep", isSignal: true, isRequired: false, transformFunction: null }, tooltipStyles: { classPropertyName: "tooltipStyles", publicName: "tooltipStyles", isSignal: true, isRequired: false, transformFunction: null }, started: { classPropertyName: "started", publicName: "started", isSignal: true, isRequired: false, transformFunction: null }, ended: { classPropertyName: "ended", publicName: "ended", isSignal: true, isRequired: false, transformFunction: null }, stepChanged: { classPropertyName: "stepChanged", publicName: "stepChanged", isSignal: true, isRequired: false, transformFunction: null }, tourId: { classPropertyName: "tourId", publicName: "tourId", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, pressEscapeToClose: { classPropertyName: "pressEscapeToClose", publicName: "pressEscapeToClose", isSignal: true, isRequired: false, transformFunction: null }, clickOutsideToClose: { classPropertyName: "clickOutsideToClose", publicName: "clickOutsideToClose", isSignal: true, isRequired: false, transformFunction: null }, attention: { classPropertyName: "attention", publicName: "attention", isSignal: true, isRequired: false, transformFunction: null }, closeable: { classPropertyName: "closeable", publicName: "closeable", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed", closeAttempted: "closeAttempted", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 TourComponent = __decorate$9([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-tour', TourElement),
-        inputs: ['currentStep', 'isFirstStep', 'isLastStep', 'tooltipStyles', 'started', 'ended', 'stepChanged', 'tourId', 'steps', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'closeable', 'dir', 'lang'],
-        methods: ['start', 'next', 'previous', 'finish', 'skip', 'showStep', 'onBackdropClicked', 'open', 'close']
+        inputs: ['currentStep', 'isFirstStep', 'isLastStep', 'tooltipStyles', 'started', 'ended', 'stepChanged', 'tourId', 'steps', 'themeName', 'isOpen', 'hasBackdrop', 'pressEscapeToClose', 'clickOutsideToClose', 'attention', 'closeable', 'dir', 'lang'],
+        methods: ['start', 'next', 'previous', 'finish', 'skip', 'showStep', 'onBackdropClicked', 'open', 'close', 'requestAttention']
     }),
     __metadata$9("design:paramtypes", [])
 ], TourComponent);
@@ -93534,7 +93886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { currentStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStep", required: false }] }], isFirstStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFirstStep", required: false }] }], isLastStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLastStep", required: false }] }], tooltipStyles: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipStyles", required: false }] }], started: [{ type: i0.Input, args: [{ isSignal: true, alias: "started", required: false }] }], ended: [{ type: i0.Input, args: [{ isSignal: true, alias: "ended", required: false }] }], stepChanged: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepChanged", required: false }] }], tourId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tourId", required: false }] }], steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { currentStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStep", required: false }] }], isFirstStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFirstStep", required: false }] }], isLastStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLastStep", required: false }] }], tooltipStyles: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipStyles", required: false }] }], started: [{ type: i0.Input, args: [{ isSignal: true, alias: "started", required: false }] }], ended: [{ type: i0.Input, args: [{ isSignal: true, alias: "ended", required: false }] }], stepChanged: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepChanged", required: false }] }], tourId: [{ type: i0.Input, args: [{ isSignal: true, alias: "tourId", required: false }] }], steps: [{ type: i0.Input, args: [{ isSignal: true, alias: "steps", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], hasBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasBackdrop", required: false }] }], pressEscapeToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "pressEscapeToClose", required: false }] }], clickOutsideToClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickOutsideToClose", required: false }] }], attention: [{ type: i0.Input, args: [{ isSignal: true, alias: "attention", required: false }] }], closeable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeable", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }], closeAttempted: [{ type: i0.Output, args: ["closeAttempted"] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -96058,5 +96410,5 @@ function provideWrapComponent(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ACTIONBAR_DEFAULT_PROPS, ACTIONBAR_GROUP_DEFAULT_PROPS, ACTIONBAR_ITEM_DEFAULT_PROPS, ACTIONBAR_SEPARATOR_DEFAULT_PROPS, ANCHOR_DEFAULT_PROPS, APP_DEFAULT_PROPS, APP_HEADER_DEFAULT_PROPS, ATTACHMENT_CHAT_TOOL_DEFAULT_PROPS, AUDIO_DEFAULT_PROPS, AUTO_COMPLETE_BOX_DEFAULT_PROPS, AUTO_COMPLETE_BOX_INTL, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, ActionbarComponent, ActionbarGroupComponent, ActionbarItemComponent, ActionbarSeparatorComponent, AnchorComponent, AnimateDirective, AnimationRegistry, AppComponent, AppHeaderComponent, AttachmentChatToolComponent, AudioComponent, AutoCompleteBoxComponent, AvatarComponent, AvatarGroupComponent, BACKDROP_DEFAULT_PROPS, BADGE_DEFAULT_PROPS, BANNER_DEFAULT_PROPS, BANNER_GROUP_DEFAULT_PROPS, BANNER_HEADER_DEFAULT_PROPS, BANNER_SUB_HEADER_DEFAULT_PROPS, BOX_DEFAULT_PROPS, BREADCRUMB_DEFAULT_PROPS, BREADCRUMB_ITEM_DEFAULT_PROPS, BUSY_STATE_DEFAULT_PROPS, BUTTON_DEFAULT_PROPS, BUTTON_GROUP_DEFAULT_PROPS, BackdropComponent, BadgeComponent, BannerComponent, BannerGroupComponent, BannerHeaderComponent, BannerSubHeaderComponent, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, BreakpointService, BusyStateComponent, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_INTL, CALENDAR_ITEM_DEFAULT_PROPS, CALENDAR_SUB_HEADER_DEFAULT_PROPS, CAMERA_DEFAULT_PROPS, CARD_ACTIONS_DEFAULT_PROPS, CARD_CONTENT_DEFAULT_PROPS, CARD_DEFAULT_PROPS, CARD_FOOTER_DEFAULT_PROPS, CARD_HEADER_DEFAULT_PROPS, CARD_SUB_TITLE_DEFAULT_PROPS, CARD_TITLE_DEFAULT_PROPS, CAROUSEL2_DEFAULT_PROPS, CAROUSEL_DEFAULT_PROPS, CAROUSEL_ITEM2_DEFAULT_PROPS, CAROUSEL_ITEM_DEFAULT_PROPS, CELL_DEFAULT_PROPS, CELL_GROUP_DEFAULT_PROPS, CHART_DEFAULT_PROPS, CHAT_DEFAULT_PROPS, CHAT_HEADER_DEFAULT_PROPS, CHAT_INPUT_ATTACHMENT_LIST_DEFAULT_PROPS, CHAT_INPUT_DEFAULT_PROPS, CHAT_INTL, CHAT_MARKER_DEFAULT_PROPS, CHAT_MESSAGE_AVATAR_DEFAULT_PROPS, CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_DIVIDER_DEFAULT_PROPS, CHAT_MESSAGE_REACTION_DEFAULT_PROPS, CHECKBOX_DEFAULT_PROPS, CHECKMARK_DEFAULT_PROPS, CHECK_BOX_GROUP_DEFAULT_PROPS, CHIP_BOX_DEFAULT_PROPS, CHIP_DEFAULT_PROPS, CHIP_GROUP_DEFAULT_PROPS, CHOICE_DEFAULT_PROPS, CHOICE_GROUP_DEFAULT_PROPS, CHOICE_GROUP_HEADER_DEFAULT_PROPS, CLICKABLE_DEFAULT_PROPS, CODE_DEFAULT_PROPS, COLOR_AREA_DEFAULT_PROPS, COLOR_BOX_DEFAULT_PROPS, COLOR_EDITOR_ALPHA_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_AREA_DEFAULT_PROPS, COLOR_EDITOR_DEFAULT_PROPS, COLOR_EDITOR_HUE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_INPUTS_DEFAULT_PROPS, COLOR_EDITOR_PALETTE_DEFAULT_PROPS, COLOR_EDITOR_SHADE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_SWATCH_DEFAULT_PROPS, COLOR_PICKER_DEFAULT_PROPS, COLOR_SLIDER_DEFAULT_PROPS, COLOR_SWATCH_DEFAULT_PROPS, COLOR_SWATCH_GROUP_DEFAULT_PROPS, COLOR_THUMB_DEFAULT_PROPS, COMBO_DEFAULT_PROPS, COMBO_INTL, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, COOKIES_CONSENT_INTL, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellDefDirective, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatInputAttachmentListComponent, ChatInputComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, ChatMessageReactionComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChipGroupComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, ClickableComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorEditorAlphaSliderComponent, ColorEditorAreaComponent, ColorEditorComponent, ColorEditorHueSliderComponent, ColorEditorInputsComponent, ColorEditorPaletteComponent, ColorEditorShadeSliderComponent, ColorEditorSwatchComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ColumnDefDirective, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATA_TABLE_INTL, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DESIGNER_CANVAS_DEFAULT_PROPS, DESIGNER_CONTENT_DEFAULT_PROPS, DESIGNER_DEFAULT_PROPS, DESIGNER_FRAME_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_BREAKPOINT_BEHAVIOR_CONFIG, DIALOG_CONFIG, DIALOG_CONTENT_DEFAULT_PROPS, DIALOG_DEFAULT_PROPS, DIALOG_FOOTER_DEFAULT_PROPS, DIALOG_HEADER_DEFAULT_PROPS, DIALOG_HEADER_SUB_TEXT_DEFAULT_PROPS, DIALOG_HEADER_TEXT_DEFAULT_PROPS, DIALOG_REF, DIALOG_REF_DATA, DIALOG_STACK_BEHAVIOR_CONFIG, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOCK_PANEL_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DOT_GROUP_DEFAULT_PROPS, DRAWER_ACTIONS_DEFAULT_PROPS, DRAWER_BREAKPOINT_BEHAVIOR_CONFIG, DRAWER_CONFIG, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DRAWER_FOOTER_DEFAULT_PROPS, DRAWER_HEADER_DEFAULT_PROPS, DRAWER_HEADER_SUB_TEXT_DEFAULT_PROPS, DRAWER_HEADER_TEXT_DEFAULT_PROPS, DRAWER_REF, DRAWER_REF_DATA, DRAWER_STACK_BEHAVIOR_CONFIG, DROPDOWN_ANCHOR_DEFAULT_PROPS, DROPDOWN_DEFAULT_PROPS, DROPDOWN_PANEL_DEFAULT_PROPS, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DURATION_BOX_DEFAULT_PROPS, DataListComponent, DataTableColumnEditorToggleDirective, DataTableComponent, DateAgoPipe, DateAgoPipeIntl, DateBoxComponent, DateTimeBoxComponent, DesignerCanvasComponent, DesignerComponent, DesignerContentComponent, DesignerFrameComponent, DialogActionsComponent, DialogActionsDirective, DialogBreakpointBehavior, DialogComponent, DialogContentComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DialogStackBehavior, DisclosureComponent, DismissComponent, DividerComponent, DockDirective, DockPanelComponent, DotComponent, DotGroupComponent, DrawerActionsComponent, DrawerActionsDirective, DrawerBreakpointBehavior, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerContentDirective, DrawerFooterComponent, DrawerFooterDirective, DrawerHeaderComponent, DrawerHeaderDirective, DrawerHeaderSubTextComponent, DrawerHeaderTextComponent, DrawerPortalComponent, DrawerRef, DrawerService, DrawerStackBehavior, DropDownButtonComponent, DropZoneComponent, DropdownAnchorComponent, DropdownComponent, DropdownPanelComponent, DurationBoxComponent, ELEVATION_DEFAULT_PROPS, EMOJI_DEFAULT_PROPS, EMPTY_STATE_DEFAULT_PROPS, EPG_CHANNEL_DEFAULT_PROPS, EPG_DEFAULT_PROPS, EPG_PROGRAM_DEFAULT_PROPS, ERROR_DEFAULT_PROPS, ERROR_STATE_DEFAULT_PROPS, EXPANDABLE_DEFAULT_PROPS, EXPANDER_DEFAULT_PROPS, EXPANDER_GROUP_DEFAULT_PROPS, EXPANDER_HEADER_DEFAULT_PROPS, EXPANDER_SUB_HEADER_DEFAULT_PROPS, ElevationComponent, EmojiComponent, EmptyStateComponent, EpgChannelComponent, EpgComponent, EpgProgramComponent, ErrorComponent, ErrorGroupDirective, ErrorKindDirective, ErrorStateComponent, ExpandableComponent, ExpandableToggleDirective, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_BOX_DEFAULT_PROPS, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_INTL, FILE_UPLOAD_ITEM_DEFAULT_PROPS, FLIP_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_GROUP_DEFAULT_PROPS, FLOATING_DEFAULT_PROPS, FLOATING_TRIGGER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_DEFAULT_PROPS, FLOW_BOARD_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FONT_EDITOR_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FileBoxComponent, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FlowBoardColumnComponent, FlowBoardColumnComposerComponent, FlowBoardColumnItemComponent, FlowBoardColumnItemComposerComponent, FlowBoardComponent, FocusRingComponent, FontEditorComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormFieldDirective, FormFieldStateDirective, FormFieldStatusHostDirective, FormStatusHostDirective, FormatPipe, GHOST_DEFAULT_PROPS, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GhostComponent, GlobalDomRef, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HeaderCellDefDirective, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconPipe, IconRegistry, ImageComponent, IndicatorComponent, ItemCellDefDirective, ItemDefDirective, JUMBOTRON_DEFAULT_PROPS, JUMBOTRON_HEADER_DEFAULT_PROPS, JUMBOTRON_SUB_HEADER_DEFAULT_PROPS, JumbotronComponent, JumbotronHeaderComponent, JumbotronSubHeaderComponent, KBD_DEFAULT_PROPS, KBD_SHORTCUT_DEFAULT_PROPS, KbdComponent, KbdShortcutComponent, LIGHT_CHAIN_DEFAULT_PROPS, LISTING_DEFAULT_PROPS, LISTING_ITEM_DEFAULT_PROPS, LISTING_ITEM_MARKER_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_INTL, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, ListingComponent, ListingItemComponent, ListingItemMarkerComponent, MAP_DEFAULT_PROPS, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_BEHAVIORS, MESSAGE_BOX_CONFIG, MESSAGE_BOX_DEFAULT_PROPS, MESSAGE_BOX_INTL, MESSAGE_BOX_REF, MESSAGE_BOX_REF_DATA, MESSAGE_CONTENT_DEFAULT_PROPS, MESSAGE_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MapComponent, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxPortalComponent, MessageBoxRef, MessageBoxService, MessageComponent, MessageContentComponent, MeterBarComponent, MeterRingComponent, NUMBER_BOX_DEFAULT_PROPS, NUMBER_COUNTER_DEFAULT_PROPS, NUMBER_DEFAULT_PROPS, NumberBoxComponent, NumberComponent, NumberCounterComponent, OfPipe, OrderByPipe, PAGE_CONTENT_DEFAULT_PROPS, PAGE_DEFAULT_PROPS, PAGE_HEADER_DEFAULT_PROPS, PAGE_MENU_DEFAULT_PROPS, PAGE_PRE_CONTENT_DEFAULT_PROPS, PAGE_PRE_HEADER_DEFAULT_PROPS, PAGINATOR_DEFAULT_PROPS, PAGINATOR_INTL, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, PIP_DEFAULT_PROPS, PLACEHOLDER_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PRESS_BUTTON_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PipComponent, PlaceholderComponent, PopupComponent, PortalComponent, PortalHostComponent, PortalProjectionComponent, PressButtonComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REACTION_CHAT_TOOL_DEFAULT_PROPS, REGION_DEFAULT_PROPS, REGION_VIEW_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RESIZE_DEFAULT_PROPS, RESIZE_THUMB_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RICH_TEXT_BOX_INTL, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, ReactionChatToolComponent, ReactiveFormValidator, ReactiveValidationSession, RegionComponent, RegionViewComponent, RepeatButtonComponent, ResizeAdornerComponent, ResizeComponent, ResizeThumbComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCHEDULER_DEFAULT_PROPS, SCHEDULER_EVENT_DEFAULT_PROPS, SCHEDULER_INTL, SCROLL_DEFAULT_PROPS, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_INTL, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SHEET_BEHAVIORS, SHEET_CONFIG, SHEET_CONTENT_DEFAULT_PROPS, SHEET_DEFAULT_PROPS, SHEET_FOOTER_DEFAULT_PROPS, SHEET_HEADER_DEFAULT_PROPS, SHEET_HEADER_SUB_TEXT_DEFAULT_PROPS, SHEET_HEADER_TEXT_DEFAULT_PROPS, SHEET_REF, SHEET_REF_DATA, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STEPPER_DEFAULT_PROPS, STEPPER_ITEM_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, SchedulerComponent, SchedulerEventComponent, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SheetComponent, SheetContentComponent, SheetContentDirective, SheetFooterComponent, SheetFooterDirective, SheetHeaderComponent, SheetHeaderDirective, SheetHeaderSubTextComponent, SheetHeaderTextComponent, SheetPortalComponent, SheetRef, SheetService, SignalFormValidator, SignalValidationBuilder, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StepperComponent, StepperItemComponent, StepperNextDirective, StepperPrevDirective, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_CELL_DEFAULT_PROPS, TABLE_BODY_DEFAULT_PROPS, TABLE_BODY_ROW_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_INTL, TABLE_DEFAULT_PROPS, TABLE_FOOTER_CELL_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_FOOTER_ROW_DEFAULT_PROPS, TABLE_HEADER_CELL_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_HEADER_ROW_DEFAULT_PROPS, TABLE_INTL, TAB_DEFAULT_PROPS, TAB_ITEM_DEFAULT_PROPS, TAB_PANEL_DEFAULT_PROPS, TAB_STRIP_DEFAULT_PROPS, TAB_STRIP_ITEM_DEFAULT_PROPS, TEXT_BOX_DEFAULT_PROPS, TEXT_DEFAULT_PROPS, TEXT_FORMATTER_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, THUMBNAIL_DEFAULT_PROPS, THUMB_DEFAULT_PROPS, TICK_BAR_DEFAULT_PROPS, TILE_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TILE_MANAGER_DEFAULT_PROPS, TILE_MANAGER_TILE_DEFAULT_PROPS, TIMELINE_CONTENT_DEFAULT_PROPS, TIMELINE_DEFAULT_PROPS, TIMELINE_ITEM_DEFAULT_PROPS, TIMELINE_MARKER_DEFAULT_PROPS, TIMELINE_OPPOSITE_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_ACTIONS_DEFAULT_PROPS, TOAST_BEHAVIORS, TOAST_CONFIG, TOAST_DEFAULT_PROPS, TOAST_REF, TOAST_REF_DATA, TOAST_SLOTS, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_BUTTON_GROUP_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TOUR_ANCHOR_DEFAULT_PROPS, TOUR_DEFAULT_PROPS, TOUR_STEP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyCellComponent, TableBodyComponent, TableBodyRowComponent, TableColumnEditorComponent, TableComponent, TableFooterCellComponent, TableFooterComponent, TableFooterRowComponent, TableHeaderCellComponent, TableHeaderComponent, TableHeaderRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, TextFormatterDirective, Theme2Component, ThemeService, ThumbComponent, ThumbnailComponent, TickBarComponent, TileComponent, TileListComponent, TileListItemComponent, TileManagerComponent, TileManagerTileComponent, TimeAgoPipe, TimeAgoPipeIntl, TimeBoxComponent, TimeUpdateService, TimelineComponent, TimelineContentComponent, TimelineItemComponent, TimelineMarkerComponent, TimelineOppositeComponent, ToastActionsComponent, ToastActionsDirective, ToastComponent, ToastPortalComponent, ToastRef, ToastService, ToggleButtonComponent, ToggleButtonGroupComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TooltipDirective, TourAnchorComponent, TourComponent, TourStepComponent, TranslateDirective, TranslatePipe, TranslateService, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIEW_SLOT_CONTEXT, VIRTUALIZE_DEFAULT_PROPS, VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS, Validators, VideoComponent, ViewSlotOutletComponent, ViewSlotRegistry, VirtualizeComponent, VoiceRecorderChatToolComponent, WHEEL_PICKER_DEFAULT_PROPS, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WheelPickerComponent, WizardComponent, WizardNextDirective, WizardPrevDirective, WizardStepComponent, WrapComponent, blank, dateNotAfter, dateNotBefore, defineColumn, defineColumns, defineItem, defineItems, emailEndsWithDomain, equalsTo, numeric, phoneNumber, provideAbsoluteComponent, provideAbsoluteItemComponent, provideActionbarComponent, provideActionbarGroupComponent, provideActionbarItemComponent, provideActionbarSeparatorComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAttachmentChatToolComponent, provideAudioComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerGroupComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, provideBoxComponent, provideBreadcrumbComponent, provideBreadcrumbItemComponent, provideBreakpoints, provideBusyStateComponent, provideButtonComponent, provideButtonGroupComponent, provideCalendarComponent, provideCalendarHeaderComponent, provideCalendarItemComponent, provideCalendarSubHeaderComponent, provideCameraComponent, provideCardActionsComponent, provideCardComponent, provideCardContentComponent, provideCardFooterComponent, provideCardHeaderComponent, provideCardSubTitleComponent, provideCardTitleComponent, provideCarousel2Component, provideCarouselComponent, provideCarouselItem2Component, provideCarouselItemComponent, provideCellComponent, provideCellGroupComponent, provideChartComponent, provideChatComponent, provideChatHeaderComponent, provideChatInputAttachmentListComponent, provideChatInputComponent, provideChatMarkerComponent, provideChatMessageAvatarComponent, provideChatMessageComponent, provideChatMessageDividerComponent, provideChatMessageReactionComponent, provideCheckBoxGroupComponent, provideCheckboxComponent, provideCheckmarkComponent, provideChipBoxComponent, provideChipComponent, provideChipGroupComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideClickableComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorEditorAlphaSliderComponent, provideColorEditorAreaComponent, provideColorEditorComponent, provideColorEditorHueSliderComponent, provideColorEditorInputsComponent, provideColorEditorPaletteComponent, provideColorEditorShadeSliderComponent, provideColorEditorSwatchComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateAgoPipe, provideDateBoxComponent, provideDateTimeBoxComponent, provideDesignerCanvasComponent, provideDesignerComponent, provideDesignerContentComponent, provideDesignerFrameComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDockPanelComponent, provideDotComponent, provideDotGroupComponent, provideDrawerActionsComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawerFooterComponent, provideDrawerHeaderComponent, provideDrawerHeaderSubTextComponent, provideDrawerHeaderTextComponent, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideDropdownAnchorComponent, provideDropdownComponent, provideDropdownPanelComponent, provideDurationBoxComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFileBoxComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFlowBoardColumnComponent, provideFlowBoardColumnComposerComponent, provideFlowBoardColumnItemComponent, provideFlowBoardColumnItemComposerComponent, provideFlowBoardComponent, provideFocusRingComponent, provideFontEditorComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideForms, provideGhostComponent, provideGlobalDom, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideListingComponent, provideListingItemComponent, provideListingItemMarkerComponent, provideMapComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMessageComponent, provideMessageContentComponent, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePipComponent, providePlaceholderComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, providePressButtonComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideReactionChatToolComponent, provideRegionComponent, provideRegionViewComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideResizeComponent, provideResizeThumbComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideSchedulerComponent, provideSchedulerEventComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSheetComponent, provideSheetContentComponent, provideSheetFooterComponent, provideSheetHeaderComponent, provideSheetHeaderSubTextComponent, provideSheetHeaderTextComponent, provideSheets, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStepperComponent, provideStepperItemComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyCellComponent, provideTableBodyComponent, provideTableBodyRowComponent, provideTableColumnEditorComponent, provideTableComponent, provideTableFooterCellComponent, provideTableFooterComponent, provideTableFooterRowComponent, provideTableHeaderCellComponent, provideTableHeaderComponent, provideTableHeaderRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTextFormatter, provideTheme, provideTheme2Component, provideThumbComponent, provideThumbnailComponent, provideTickBarComponent, provideTileComponent, provideTileListComponent, provideTileListItemComponent, provideTileManagerComponent, provideTileManagerTileComponent, provideTimeAgoPipe, provideTimeBoxComponent, provideTimeUpdates, provideTimelineComponent, provideTimelineContentComponent, provideTimelineItemComponent, provideTimelineMarkerComponent, provideTimelineOppositeComponent, provideToastActionsComponent, provideToastComponent, provideToastSlots, provideToasts, provideToggleButtonComponent, provideToggleButtonGroupComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTourAnchorComponent, provideTourComponent, provideTourStepComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideViewSlot, provideViewSlotFrom, provideVirtualizeComponent, provideVoiceRecorderChatToolComponent, provideWheelPickerComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent, withDialogBreakpointBehavior, withDialogStackBehavior, withDrawerBreakpointBehavior, withDrawerDefaultBehavior, withDrawerStackBehavior };
+export { ABSOLUTE_DEFAULT_PROPS, ABSOLUTE_ITEM_DEFAULT_PROPS, ACTIONBAR_DEFAULT_PROPS, ACTIONBAR_GROUP_DEFAULT_PROPS, ACTIONBAR_ITEM_DEFAULT_PROPS, ACTIONBAR_SEPARATOR_DEFAULT_PROPS, ANCHOR_DEFAULT_PROPS, APP_DEFAULT_PROPS, APP_HEADER_DEFAULT_PROPS, ATTACHMENT_CHAT_TOOL_DEFAULT_PROPS, AUDIO_DEFAULT_PROPS, AUTO_COMPLETE_BOX_DEFAULT_PROPS, AUTO_COMPLETE_BOX_INTL, AVATAR_DEFAULT_PROPS, AVATAR_GROUP_DEFAULT_PROPS, AbsoluteComponent, AbsoluteItemComponent, ActionbarComponent, ActionbarGroupComponent, ActionbarItemComponent, ActionbarSeparatorComponent, AnchorComponent, AnimateDirective, AnimationRegistry, AppComponent, AppHeaderComponent, AttachmentChatToolComponent, AudioComponent, AutoCompleteBoxComponent, AvatarComponent, AvatarGroupComponent, BACKDROP_DEFAULT_PROPS, BADGE_DEFAULT_PROPS, BANNER_DEFAULT_PROPS, BANNER_GROUP_DEFAULT_PROPS, BANNER_HEADER_DEFAULT_PROPS, BANNER_SUB_HEADER_DEFAULT_PROPS, BOX_DEFAULT_PROPS, BREADCRUMB_DEFAULT_PROPS, BREADCRUMB_ITEM_DEFAULT_PROPS, BUSY_STATE_DEFAULT_PROPS, BUTTON_DEFAULT_PROPS, BUTTON_GROUP_DEFAULT_PROPS, BackdropComponent, BadgeComponent, BannerComponent, BannerGroupComponent, BannerHeaderComponent, BannerSubHeaderComponent, BoxComponent, BreadcrumbComponent, BreadcrumbItemComponent, BreakpointDirective, BreakpointRegistry, BreakpointService, BusyStateComponent, ButtonComponent, ButtonGroupComponent, CALENDAR_DEFAULT_PROPS, CALENDAR_HEADER_DEFAULT_PROPS, CALENDAR_INTL, CALENDAR_ITEM_DEFAULT_PROPS, CALENDAR_SUB_HEADER_DEFAULT_PROPS, CAMERA_DEFAULT_PROPS, CARD_ACTIONS_DEFAULT_PROPS, CARD_CONTENT_DEFAULT_PROPS, CARD_DEFAULT_PROPS, CARD_FOOTER_DEFAULT_PROPS, CARD_HEADER_DEFAULT_PROPS, CARD_SUB_TITLE_DEFAULT_PROPS, CARD_TITLE_DEFAULT_PROPS, CAROUSEL2_DEFAULT_PROPS, CAROUSEL_DEFAULT_PROPS, CAROUSEL_ITEM2_DEFAULT_PROPS, CAROUSEL_ITEM_DEFAULT_PROPS, CELL_DEFAULT_PROPS, CELL_GROUP_DEFAULT_PROPS, CHART_DEFAULT_PROPS, CHAT_DEFAULT_PROPS, CHAT_HEADER_DEFAULT_PROPS, CHAT_INPUT_ATTACHMENT_LIST_DEFAULT_PROPS, CHAT_INPUT_DEFAULT_PROPS, CHAT_INTL, CHAT_MARKER_DEFAULT_PROPS, CHAT_MESSAGE_AVATAR_DEFAULT_PROPS, CHAT_MESSAGE_DEFAULT_PROPS, CHAT_MESSAGE_DIVIDER_DEFAULT_PROPS, CHAT_MESSAGE_REACTION_DEFAULT_PROPS, CHECKBOX_DEFAULT_PROPS, CHECKMARK_DEFAULT_PROPS, CHECK_BOX_GROUP_DEFAULT_PROPS, CHIP_BOX_DEFAULT_PROPS, CHIP_DEFAULT_PROPS, CHIP_GROUP_DEFAULT_PROPS, CHOICE_DEFAULT_PROPS, CHOICE_GROUP_DEFAULT_PROPS, CHOICE_GROUP_HEADER_DEFAULT_PROPS, CLICKABLE_DEFAULT_PROPS, CODE_DEFAULT_PROPS, COLOR_AREA_DEFAULT_PROPS, COLOR_BOX_DEFAULT_PROPS, COLOR_EDITOR_ALPHA_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_AREA_DEFAULT_PROPS, COLOR_EDITOR_DEFAULT_PROPS, COLOR_EDITOR_HUE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_INPUTS_DEFAULT_PROPS, COLOR_EDITOR_PALETTE_DEFAULT_PROPS, COLOR_EDITOR_SHADE_SLIDER_DEFAULT_PROPS, COLOR_EDITOR_SWATCH_DEFAULT_PROPS, COLOR_PICKER_DEFAULT_PROPS, COLOR_SLIDER_DEFAULT_PROPS, COLOR_SWATCH_DEFAULT_PROPS, COLOR_SWATCH_GROUP_DEFAULT_PROPS, COLOR_THUMB_DEFAULT_PROPS, COMBO_DEFAULT_PROPS, COMBO_INTL, COMBO_ITEM_DEFAULT_PROPS, COMMENT_DEFAULT_PROPS, COMPOUND_BUTTON_DEFAULT_PROPS, COOKIES_CONSENT_DEFAULT_PROPS, COOKIES_CONSENT_INTL, CalendarComponent, CalendarHeaderComponent, CalendarItemComponent, CalendarSubHeaderComponent, CameraComponent, Cancel, CardActionsComponent, CardComponent, CardContentComponent, CardFooterComponent, CardHeaderComponent, CardIsBusyDirective, CardSubTitleComponent, CardTitleComponent, Carousel2Component, CarouselComponent, CarouselItem2Component, CarouselItemComponent, CellComponent, CellDefDirective, CellGroupComponent, ChartComponent, ChatComponent, ChatHeaderComponent, ChatInputAttachmentListComponent, ChatInputComponent, ChatMarkerComponent, ChatMessageAvatarComponent, ChatMessageComponent, ChatMessageDividerComponent, ChatMessageReactionComponent, CheckBoxGroupComponent, CheckboxComponent, CheckmarkComponent, ChipBoxComponent, ChipComponent, ChipGroupComponent, ChoiceComponent, ChoiceGroupComponent, ChoiceGroupHeaderComponent, ClickableComponent, CodeComponent, ColorAreaComponent, ColorBoxComponent, ColorEditorAlphaSliderComponent, ColorEditorAreaComponent, ColorEditorComponent, ColorEditorHueSliderComponent, ColorEditorInputsComponent, ColorEditorPaletteComponent, ColorEditorShadeSliderComponent, ColorEditorSwatchComponent, ColorPickerComponent, ColorSliderComponent, ColorSwatchComponent, ColorSwatchGroupComponent, ColorThumbComponent, ColumnDefDirective, ComboComponent, ComboItemComponent, CommentComponent, CompoundButtonComponent, CookiesConsentComponent, DATA_LIST_DEFAULT_PROPS, DATA_TABLE_DEFAULT_PROPS, DATA_TABLE_INTL, DATE_BOX_DEFAULT_PROPS, DATE_TIME_BOX_DEFAULT_PROPS, DESIGNER_CANVAS_DEFAULT_PROPS, DESIGNER_CONTENT_DEFAULT_PROPS, DESIGNER_DEFAULT_PROPS, DESIGNER_FRAME_DEFAULT_PROPS, DIALOG_ACTIONS_DEFAULT_PROPS, DIALOG_BREAKPOINT_BEHAVIOR_CONFIG, DIALOG_CONFIG, DIALOG_CONTENT_DEFAULT_PROPS, DIALOG_DEFAULT_PROPS, DIALOG_FOOTER_DEFAULT_PROPS, DIALOG_HEADER_DEFAULT_PROPS, DIALOG_HEADER_SUB_TEXT_DEFAULT_PROPS, DIALOG_HEADER_TEXT_DEFAULT_PROPS, DIALOG_REF, DIALOG_REF_DATA, DIALOG_STACK_BEHAVIOR_CONFIG, DISCLOSURE_DEFAULT_PROPS, DISMISS_DEFAULT_PROPS, DIVIDER_DEFAULT_PROPS, DOCK_PANEL_DEFAULT_PROPS, DOT_DEFAULT_PROPS, DOT_GROUP_DEFAULT_PROPS, DRAWER_ACTIONS_DEFAULT_PROPS, DRAWER_BREAKPOINT_BEHAVIOR_CONFIG, DRAWER_CONFIG, DRAWER_CONTAINER_DEFAULT_PROPS, DRAWER_CONTENT_DEFAULT_PROPS, DRAWER_DEFAULT_PROPS, DRAWER_FOOTER_DEFAULT_PROPS, DRAWER_HEADER_DEFAULT_PROPS, DRAWER_HEADER_SUB_TEXT_DEFAULT_PROPS, DRAWER_HEADER_TEXT_DEFAULT_PROPS, DRAWER_REF, DRAWER_REF_DATA, DRAWER_STACK_BEHAVIOR_CONFIG, DROPDOWN_ANCHOR_DEFAULT_PROPS, DROPDOWN_DEFAULT_PROPS, DROPDOWN_PANEL_DEFAULT_PROPS, DROP_DOWN_BUTTON_DEFAULT_PROPS, DROP_ZONE_DEFAULT_PROPS, DURATION_BOX_DEFAULT_PROPS, DataListComponent, DataTableColumnEditorToggleDirective, DataTableComponent, DateAgoPipe, DateAgoPipeIntl, DateBoxComponent, DateTimeBoxComponent, DesignerCanvasComponent, DesignerComponent, DesignerContentComponent, DesignerFrameComponent, DialogActionsComponent, DialogActionsDirective, DialogBreakpointBehavior, DialogComponent, DialogContentComponent, DialogContentDirective, DialogFooterComponent, DialogFooterDirective, DialogHeaderComponent, DialogHeaderDirective, DialogHeaderSubTextComponent, DialogHeaderTextComponent, DialogPortalComponent, DialogRef, DialogService, DialogStackBehavior, DisclosureComponent, DismissComponent, DividerComponent, DockDirective, DockPanelComponent, DotComponent, DotGroupComponent, DrawerActionsComponent, DrawerActionsDirective, DrawerBreakpointBehavior, DrawerComponent, DrawerContainerComponent, DrawerContentComponent, DrawerContentDirective, DrawerFooterComponent, DrawerFooterDirective, DrawerHeaderComponent, DrawerHeaderDirective, DrawerHeaderSubTextComponent, DrawerHeaderTextComponent, DrawerPortalComponent, DrawerRef, DrawerService, DrawerStackBehavior, DropDownButtonComponent, DropZoneComponent, DropdownAnchorComponent, DropdownComponent, DropdownPanelComponent, DurationBoxComponent, ELEVATION_DEFAULT_PROPS, EMOJI_DEFAULT_PROPS, EMPTY_STATE_DEFAULT_PROPS, EPG_CHANNEL_DEFAULT_PROPS, EPG_DEFAULT_PROPS, EPG_PROGRAM_DEFAULT_PROPS, ERROR_DEFAULT_PROPS, ERROR_STATE_DEFAULT_PROPS, EXPANDABLE_DEFAULT_PROPS, EXPANDER_DEFAULT_PROPS, EXPANDER_GROUP_DEFAULT_PROPS, EXPANDER_HEADER_DEFAULT_PROPS, EXPANDER_SUB_HEADER_DEFAULT_PROPS, ElevationComponent, EmojiComponent, EmptyStateComponent, EpgChannelComponent, EpgComponent, EpgProgramComponent, ErrorComponent, ErrorGroupDirective, ErrorKindDirective, ErrorStateComponent, ExpandableComponent, ExpandableToggleDirective, ExpanderComponent, ExpanderGroupComponent, ExpanderHeaderComponent, ExpanderSubHeaderComponent, FILE_BOX_DEFAULT_PROPS, FILE_PICKER_DEFAULT_PROPS, FILE_UPLOAD_DEFAULT_PROPS, FILE_UPLOAD_INTL, FILE_UPLOAD_ITEM_DEFAULT_PROPS, FLIP_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_DEFAULT_PROPS, FLOATING_ACTION_BUTTON_GROUP_DEFAULT_PROPS, FLOATING_DEFAULT_PROPS, FLOATING_TRIGGER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_COMPOSER_DEFAULT_PROPS, FLOW_BOARD_COLUMN_ITEM_DEFAULT_PROPS, FLOW_BOARD_DEFAULT_PROPS, FOCUS_RING_DEFAULT_PROPS, FONT_EDITOR_DEFAULT_PROPS, FOOTER_DEFAULT_PROPS, FOOTER_ITEM_DEFAULT_PROPS, FOOTER_ITEM_GROUP_DEFAULT_PROPS, FORM_DEFAULT_PROPS, FORM_FIELD_DEFAULT_PROPS, FORM_STATUS_HOST, FileBoxComponent, FilePickerComponent, FileUploadComponent, FileUploadItemComponent, FilterByPipe, FlexDirective, FlipComponent, FlipToDirective, FloatingActionButtonComponent, FloatingActionButtonGroupComponent, FloatingComponent, FloatingTriggerComponent, FlowBoardColumnComponent, FlowBoardColumnComposerComponent, FlowBoardColumnItemComponent, FlowBoardColumnItemComposerComponent, FlowBoardComponent, FocusRingComponent, FontEditorComponent, FooterComponent, FooterItemComponent, FooterItemGroupComponent, FormComponent, FormFieldComponent, FormFieldDirective, FormFieldStateDirective, FormFieldStatusHostDirective, FormStatusHostDirective, FormatPipe, GHOST_DEFAULT_PROPS, GRID_DEFAULT_PROPS, GRID_ITEM_DEFAULT_PROPS, GhostComponent, GlobalDomRef, GridComponent, GridItemComponent, HELMET_DEFAULT_PROPS, HINT_DEFAULT_PROPS, HeaderCellDefDirective, HelmetComponent, HintComponent, ICON_DEFAULT_PROPS, IMAGE_DEFAULT_PROPS, INDICATOR_DEFAULT_PROPS, IconComponent, IconDirective, IconNameDirective, IconPipe, IconRegistry, ImageComponent, IndicatorComponent, ItemCellDefDirective, ItemDefDirective, JUMBOTRON_DEFAULT_PROPS, JUMBOTRON_HEADER_DEFAULT_PROPS, JUMBOTRON_SUB_HEADER_DEFAULT_PROPS, JumbotronComponent, JumbotronHeaderComponent, JumbotronSubHeaderComponent, KBD_DEFAULT_PROPS, KBD_SHORTCUT_DEFAULT_PROPS, KbdComponent, KbdShortcutComponent, LIGHT_CHAIN_DEFAULT_PROPS, LISTING_DEFAULT_PROPS, LISTING_ITEM_DEFAULT_PROPS, LISTING_ITEM_MARKER_DEFAULT_PROPS, LIST_DEFAULT_PROPS, LIST_INTL, LIST_ITEM_DEFAULT_PROPS, LIST_ITEM_GROUP_DEFAULT_PROPS, LightChainComponent, ListComponent, ListItemComponent, ListItemGroupComponent, ListingComponent, ListingItemComponent, ListingItemMarkerComponent, MAP_DEFAULT_PROPS, MARQUEE_DEFAULT_PROPS, MASONRY_DEFAULT_PROPS, MENU_DEFAULT_PROPS, MENU_ITEM_DEFAULT_PROPS, MENU_ITEM_GROUP_DEFAULT_PROPS, MESSAGE_BOX_BEHAVIORS, MESSAGE_BOX_CONFIG, MESSAGE_BOX_DEFAULT_PROPS, MESSAGE_BOX_INTL, MESSAGE_BOX_REF, MESSAGE_BOX_REF_DATA, MESSAGE_CONTENT_DEFAULT_PROPS, MESSAGE_DEFAULT_PROPS, METER_BAR_DEFAULT_PROPS, METER_RING_DEFAULT_PROPS, MapComponent, MarqueeComponent, MasonryComponent, MenuComponent, MenuItemComponent, MenuItemGroupComponent, MessageBoxComponent, MessageBoxPortalComponent, MessageBoxRef, MessageBoxService, MessageComponent, MessageContentComponent, MeterBarComponent, MeterRingComponent, NUMBER_BOX_DEFAULT_PROPS, NUMBER_COUNTER_DEFAULT_PROPS, NUMBER_DEFAULT_PROPS, NumberBoxComponent, NumberComponent, NumberCounterComponent, OfPipe, OrderByPipe, PAGE_CONTENT_DEFAULT_PROPS, PAGE_DEFAULT_PROPS, PAGE_HEADER_DEFAULT_PROPS, PAGE_MENU_DEFAULT_PROPS, PAGE_PRE_CONTENT_DEFAULT_PROPS, PAGE_PRE_HEADER_DEFAULT_PROPS, PAGINATOR_DEFAULT_PROPS, PAGINATOR_INTL, PASSWORD_BOX_DEFAULT_PROPS, PATTERN_DEFAULT_PROPS, PERSONA_DEFAULT_PROPS, PERSPECTIVE_DEFAULT_PROPS, PIN_BOX_DEFAULT_PROPS, PIP_DEFAULT_PROPS, PLACEHOLDER_DEFAULT_PROPS, POPUP_DEFAULT_PROPS, PORTAL_DEFAULT_PROPS, PORTAL_HOST_DEFAULT_PROPS, PORTAL_PROJECTION_DEFAULT_PROPS, PRESS_BUTTON_DEFAULT_PROPS, PROGRESS_BAR_DEFAULT_PROPS, PROGRESS_RING_DEFAULT_PROPS, PageComponent, PageContentComponent, PageHeaderComponent, PageMenuComponent, PagePreContentComponent, PagePreHeaderComponent, PaginatorComponent, PasswordBoxComponent, PatternComponent, PersonaComponent, PerspectiveComponent, PerspectiveDirective, PinBoxComponent, PipComponent, PlaceholderComponent, PopupComponent, PortalCloseAttempt, PortalComponent, PortalHostComponent, PortalProjectionComponent, PressButtonComponent, ProgressBarComponent, ProgressRingComponent, QRCODE_DEFAULT_PROPS, QRCodeComponent, RADIO_DEFAULT_PROPS, RADIO_GROUP_DEFAULT_PROPS, RATING_DEFAULT_PROPS, REACTION_CHAT_TOOL_DEFAULT_PROPS, REGION_DEFAULT_PROPS, REGION_VIEW_DEFAULT_PROPS, REPEAT_BUTTON_DEFAULT_PROPS, RESIZE_ADORNER_DEFAULT_PROPS, RESIZE_DEFAULT_PROPS, RESIZE_THUMB_DEFAULT_PROPS, RIBBON_DEFAULT_PROPS, RICH_TEXT_BOX_DEFAULT_PROPS, RICH_TEXT_BOX_INTL, RIPPLE_DEFAULT_PROPS, RadioComponent, RadioGroupComponent, RatingComponent, ReactionChatToolComponent, ReactiveFormValidator, ReactiveValidationSession, RegionComponent, RegionViewComponent, RepeatButtonComponent, ResizeAdornerComponent, ResizeComponent, ResizeThumbComponent, RibbonComponent, RichTextBoxComponent, RippleComponent, RippleDirective, SCALE_DEFAULT_PROPS, SCHEDULER_DEFAULT_PROPS, SCHEDULER_EVENT_DEFAULT_PROPS, SCHEDULER_INTL, SCROLL_DEFAULT_PROPS, SCRUB_SLIDER_DEFAULT_PROPS, SEARCH_BOX_DEFAULT_PROPS, SEGMENT_DEFAULT_PROPS, SEGMENT_ITEM_DEFAULT_PROPS, SELECT_DEFAULT_PROPS, SELECT_INTL, SELECT_ITEM_DEFAULT_PROPS, SELECT_ITEM_GROUP_DEFAULT_PROPS, SHEET_BEHAVIORS, SHEET_CONFIG, SHEET_CONTENT_DEFAULT_PROPS, SHEET_DEFAULT_PROPS, SHEET_FOOTER_DEFAULT_PROPS, SHEET_HEADER_DEFAULT_PROPS, SHEET_HEADER_SUB_TEXT_DEFAULT_PROPS, SHEET_HEADER_TEXT_DEFAULT_PROPS, SHEET_REF, SHEET_REF_DATA, SIGNATURE_PAD_DEFAULT_PROPS, SKELETON_DEFAULT_PROPS, SLIDER2THUMB_DEFAULT_PROPS, SLIDER2_DEFAULT_PROPS, SLIDER_DEFAULT_PROPS, SPACER_DEFAULT_PROPS, SPLIT_BUTTON_DEFAULT_PROPS, SPLIT_DEFAULT_PROPS, STACK_DEFAULT_PROPS, STEPPER_DEFAULT_PROPS, STEPPER_ITEM_DEFAULT_PROPS, STICKY_DEFAULT_PROPS, SUCCESS_STATE_DEFAULT_PROPS, SUMMARY_DEFAULT_PROPS, SWIPE_DEFAULT_PROPS, ScaleComponent, ScaleDirective, SchedulerComponent, SchedulerEventComponent, ScrollComponent, ScrubSliderComponent, SearchBoxComponent, SegmentComponent, SegmentItemComponent, SelectComponent, SelectItemComponent, SelectItemGroupComponent, SheetComponent, SheetContentComponent, SheetContentDirective, SheetFooterComponent, SheetFooterDirective, SheetHeaderComponent, SheetHeaderDirective, SheetHeaderSubTextComponent, SheetHeaderTextComponent, SheetPortalComponent, SheetRef, SheetService, SignalFormValidator, SignalValidationBuilder, SignaturePadComponent, SkeletonComponent, Slider2Component, Slider2ThumbComponent, SliderComponent, SpacerComponent, SpacerDirective, SplitButtonComponent, SplitComponent, StackComponent, StepperComponent, StepperItemComponent, StepperNextDirective, StepperPrevDirective, StickyComponent, SuccessStateComponent, SummaryComponent, SwipeComponent, TABLE_BODY_CELL_DEFAULT_PROPS, TABLE_BODY_DEFAULT_PROPS, TABLE_BODY_ROW_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_DEFAULT_PROPS, TABLE_COLUMN_EDITOR_INTL, TABLE_DEFAULT_PROPS, TABLE_FOOTER_CELL_DEFAULT_PROPS, TABLE_FOOTER_DEFAULT_PROPS, TABLE_FOOTER_ROW_DEFAULT_PROPS, TABLE_HEADER_CELL_DEFAULT_PROPS, TABLE_HEADER_DEFAULT_PROPS, TABLE_HEADER_ROW_DEFAULT_PROPS, TABLE_INTL, TAB_DEFAULT_PROPS, TAB_ITEM_DEFAULT_PROPS, TAB_PANEL_DEFAULT_PROPS, TAB_STRIP_DEFAULT_PROPS, TAB_STRIP_ITEM_DEFAULT_PROPS, TEXT_BOX_DEFAULT_PROPS, TEXT_DEFAULT_PROPS, TEXT_FORMATTER_DEFAULT_PROPS, TEXT_FORMAT_DEFAULT_PROPS, THEME, THEME2_DEFAULT_PROPS, THEME_MODE, THUMBNAIL_DEFAULT_PROPS, THUMB_DEFAULT_PROPS, TICK_BAR_DEFAULT_PROPS, TILE_DEFAULT_PROPS, TILE_LIST_DEFAULT_PROPS, TILE_LIST_ITEM_DEFAULT_PROPS, TILE_MANAGER_DEFAULT_PROPS, TILE_MANAGER_TILE_DEFAULT_PROPS, TIMELINE_CONTENT_DEFAULT_PROPS, TIMELINE_DEFAULT_PROPS, TIMELINE_ITEM_DEFAULT_PROPS, TIMELINE_MARKER_DEFAULT_PROPS, TIMELINE_OPPOSITE_DEFAULT_PROPS, TIME_BOX_DEFAULT_PROPS, TOAST_ACTIONS_DEFAULT_PROPS, TOAST_BEHAVIORS, TOAST_CONFIG, TOAST_DEFAULT_PROPS, TOAST_REF, TOAST_REF_DATA, TOAST_SLOTS, TOGGLE_BUTTON_DEFAULT_PROPS, TOGGLE_BUTTON_GROUP_DEFAULT_PROPS, TOGGLE_SWITCH_DEFAULT_PROPS, TOGGLE_TIP_DEFAULT_PROPS, TOOLBAR_DEFAULT_PROPS, TOOLTIP_DEFAULT_PROPS, TOUR_ANCHOR_DEFAULT_PROPS, TOUR_DEFAULT_PROPS, TOUR_STEP_DEFAULT_PROPS, TREE_DEFAULT_PROPS, TREE_ITEM_DEFAULT_PROPS, TabComponent, TabItemComponent, TabPanelComponent, TabStripComponent, TabStripItemComponent, TableBodyCellComponent, TableBodyComponent, TableBodyRowComponent, TableColumnEditorComponent, TableComponent, TableFooterCellComponent, TableFooterComponent, TableFooterRowComponent, TableHeaderCellComponent, TableHeaderComponent, TableHeaderRowComponent, TextBoxComponent, TextComponent, TextFormatComponent, TextFormatterDirective, Theme2Component, ThemeService, ThumbComponent, ThumbnailComponent, TickBarComponent, TileComponent, TileListComponent, TileListItemComponent, TileManagerComponent, TileManagerTileComponent, TimeAgoPipe, TimeAgoPipeIntl, TimeBoxComponent, TimeUpdateService, TimelineComponent, TimelineContentComponent, TimelineItemComponent, TimelineMarkerComponent, TimelineOppositeComponent, ToastActionsComponent, ToastActionsDirective, ToastComponent, ToastPortalComponent, ToastRef, ToastService, ToggleButtonComponent, ToggleButtonGroupComponent, ToggleSwitchComponent, ToggleTipComponent, ToolbarComponent, TooltipComponent, TooltipDirective, TourAnchorComponent, TourComponent, TourStepComponent, TranslateDirective, TranslatePipe, TranslateService, TreeComponent, TreeItemComponent, TypographyDirective, UP_DOWN_SPINNER_DEFAULT_PROPS, UpDownSpinnerComponent, VIDEO_DEFAULT_PROPS, VIEW_SLOT_CONTEXT, VIRTUALIZE_DEFAULT_PROPS, VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS, Validators, VideoComponent, ViewSlotOutletComponent, ViewSlotRegistry, VirtualizeComponent, VoiceRecorderChatToolComponent, WHEEL_PICKER_DEFAULT_PROPS, WIZARD_DEFAULT_PROPS, WIZARD_STEP_DEFAULT_PROPS, WRAP_DEFAULT_PROPS, WheelPickerComponent, WizardComponent, WizardNextDirective, WizardPrevDirective, WizardStepComponent, WrapComponent, blank, dateNotAfter, dateNotBefore, defineColumn, defineColumns, defineItem, defineItems, emailEndsWithDomain, equalsTo, numeric, phoneNumber, provideAbsoluteComponent, provideAbsoluteItemComponent, provideActionbarComponent, provideActionbarGroupComponent, provideActionbarItemComponent, provideActionbarSeparatorComponent, provideAnchorComponent, provideAnimate, provideAppComponent, provideAppHeaderComponent, provideAttachmentChatToolComponent, provideAudioComponent, provideAutoCompleteBoxComponent, provideAvatarComponent, provideAvatarGroupComponent, provideBackdropComponent, provideBadgeComponent, provideBannerComponent, provideBannerGroupComponent, provideBannerHeaderComponent, provideBannerSubHeaderComponent, provideBoxComponent, provideBreadcrumbComponent, provideBreadcrumbItemComponent, provideBreakpoints, provideBusyStateComponent, provideButtonComponent, provideButtonGroupComponent, provideCalendarComponent, provideCalendarHeaderComponent, provideCalendarItemComponent, provideCalendarSubHeaderComponent, provideCameraComponent, provideCardActionsComponent, provideCardComponent, provideCardContentComponent, provideCardFooterComponent, provideCardHeaderComponent, provideCardSubTitleComponent, provideCardTitleComponent, provideCarousel2Component, provideCarouselComponent, provideCarouselItem2Component, provideCarouselItemComponent, provideCellComponent, provideCellGroupComponent, provideChartComponent, provideChatComponent, provideChatHeaderComponent, provideChatInputAttachmentListComponent, provideChatInputComponent, provideChatMarkerComponent, provideChatMessageAvatarComponent, provideChatMessageComponent, provideChatMessageDividerComponent, provideChatMessageReactionComponent, provideCheckBoxGroupComponent, provideCheckboxComponent, provideCheckmarkComponent, provideChipBoxComponent, provideChipComponent, provideChipGroupComponent, provideChoiceComponent, provideChoiceGroupComponent, provideChoiceGroupHeaderComponent, provideClickableComponent, provideCodeComponent, provideColorAreaComponent, provideColorBoxComponent, provideColorEditorAlphaSliderComponent, provideColorEditorAreaComponent, provideColorEditorComponent, provideColorEditorHueSliderComponent, provideColorEditorInputsComponent, provideColorEditorPaletteComponent, provideColorEditorShadeSliderComponent, provideColorEditorSwatchComponent, provideColorPickerComponent, provideColorSliderComponent, provideColorSwatchComponent, provideColorSwatchGroupComponent, provideColorThumbComponent, provideComboComponent, provideComboItemComponent, provideCommentComponent, provideCompoundButtonComponent, provideCookiesConsentComponent, provideDataListComponent, provideDataTableComponent, provideDateAgoPipe, provideDateBoxComponent, provideDateTimeBoxComponent, provideDesignerCanvasComponent, provideDesignerComponent, provideDesignerContentComponent, provideDesignerFrameComponent, provideDialogActionsComponent, provideDialogComponent, provideDialogContentComponent, provideDialogFooterComponent, provideDialogHeaderComponent, provideDialogHeaderSubTextComponent, provideDialogHeaderTextComponent, provideDialogs, provideDisclosureComponent, provideDismissComponent, provideDividerComponent, provideDockPanelComponent, provideDotComponent, provideDotGroupComponent, provideDrawerActionsComponent, provideDrawerComponent, provideDrawerContainerComponent, provideDrawerContentComponent, provideDrawerFooterComponent, provideDrawerHeaderComponent, provideDrawerHeaderSubTextComponent, provideDrawerHeaderTextComponent, provideDrawers, provideDropDownButtonComponent, provideDropZoneComponent, provideDropdownAnchorComponent, provideDropdownComponent, provideDropdownPanelComponent, provideDurationBoxComponent, provideElevationComponent, provideEmojiComponent, provideEmptyStateComponent, provideEpgChannelComponent, provideEpgComponent, provideEpgProgramComponent, provideErrorComponent, provideErrorStateComponent, provideExpandableComponent, provideExpanderComponent, provideExpanderGroupComponent, provideExpanderHeaderComponent, provideExpanderSubHeaderComponent, provideFileBoxComponent, provideFilePickerComponent, provideFileUploadComponent, provideFileUploadItemComponent, provideFlipComponent, provideFloatingActionButtonComponent, provideFloatingActionButtonGroupComponent, provideFloatingComponent, provideFloatingTriggerComponent, provideFlowBoardColumnComponent, provideFlowBoardColumnComposerComponent, provideFlowBoardColumnItemComponent, provideFlowBoardColumnItemComposerComponent, provideFlowBoardComponent, provideFocusRingComponent, provideFontEditorComponent, provideFooterComponent, provideFooterItemComponent, provideFooterItemGroupComponent, provideFormComponent, provideFormFieldComponent, provideForms, provideGhostComponent, provideGlobalDom, provideGridComponent, provideGridItemComponent, provideHelmetComponent, provideHintComponent, provideIconComponent, provideIconRegistry, provideIcons, provideImageComponent, provideIndicatorComponent, provideJumbotronComponent, provideJumbotronHeaderComponent, provideJumbotronSubHeaderComponent, provideKbdComponent, provideKbdShortcutComponent, provideLightChainComponent, provideListComponent, provideListItemComponent, provideListItemGroupComponent, provideListingComponent, provideListingItemComponent, provideListingItemMarkerComponent, provideMapComponent, provideMarqueeComponent, provideMasonryComponent, provideMenuComponent, provideMenuItemComponent, provideMenuItemGroupComponent, provideMessageBoxComponent, provideMessageBoxes, provideMessageComponent, provideMessageContentComponent, provideMeterBarComponent, provideMeterRingComponent, provideNumberBoxComponent, provideNumberComponent, provideNumberCounterComponent, providePageComponent, providePageContentComponent, providePageHeaderComponent, providePageMenuComponent, providePagePreContentComponent, providePagePreHeaderComponent, providePaginatorComponent, providePasswordBoxComponent, providePatternComponent, providePersonaComponent, providePerspectiveComponent, providePinBoxComponent, providePipComponent, providePlaceholderComponent, providePopupComponent, providePortalComponent, providePortalHostComponent, providePortalProjectionComponent, providePressButtonComponent, provideProgressBarComponent, provideProgressRingComponent, provideQRCodeComponent, provideRadioComponent, provideRadioGroupComponent, provideRatingComponent, provideReactionChatToolComponent, provideRegionComponent, provideRegionViewComponent, provideRepeatButtonComponent, provideResizeAdornerComponent, provideResizeComponent, provideResizeThumbComponent, provideRibbonComponent, provideRichTextBoxComponent, provideRippleComponent, provideScaleComponent, provideSchedulerComponent, provideSchedulerEventComponent, provideScrollComponent, provideScrubSliderComponent, provideSearchBoxComponent, provideSegmentComponent, provideSegmentItemComponent, provideSelectComponent, provideSelectItemComponent, provideSelectItemGroupComponent, provideSheetComponent, provideSheetContentComponent, provideSheetFooterComponent, provideSheetHeaderComponent, provideSheetHeaderSubTextComponent, provideSheetHeaderTextComponent, provideSheets, provideSignaturePadComponent, provideSkeletonComponent, provideSlider2Component, provideSlider2ThumbComponent, provideSliderComponent, provideSpacerComponent, provideSplitButtonComponent, provideSplitComponent, provideStackComponent, provideStepperComponent, provideStepperItemComponent, provideStickyComponent, provideSuccessStateComponent, provideSummaryComponent, provideSwipeComponent, provideTabComponent, provideTabItemComponent, provideTabPanelComponent, provideTabStripComponent, provideTabStripItemComponent, provideTableBodyCellComponent, provideTableBodyComponent, provideTableBodyRowComponent, provideTableColumnEditorComponent, provideTableComponent, provideTableFooterCellComponent, provideTableFooterComponent, provideTableFooterRowComponent, provideTableHeaderCellComponent, provideTableHeaderComponent, provideTableHeaderRowComponent, provideTextBoxComponent, provideTextComponent, provideTextFormatComponent, provideTextFormatter, provideTheme, provideTheme2Component, provideThumbComponent, provideThumbnailComponent, provideTickBarComponent, provideTileComponent, provideTileListComponent, provideTileListItemComponent, provideTileManagerComponent, provideTileManagerTileComponent, provideTimeAgoPipe, provideTimeBoxComponent, provideTimeUpdates, provideTimelineComponent, provideTimelineContentComponent, provideTimelineItemComponent, provideTimelineMarkerComponent, provideTimelineOppositeComponent, provideToastActionsComponent, provideToastComponent, provideToastSlots, provideToasts, provideToggleButtonComponent, provideToggleButtonGroupComponent, provideToggleSwitchComponent, provideToggleTipComponent, provideToolbarComponent, provideTooltipComponent, provideTourAnchorComponent, provideTourComponent, provideTourStepComponent, provideTranslationRegistry, provideTranslations, provideTreeComponent, provideTreeItemComponent, provideUpDownSpinnerComponent, provideVideoComponent, provideViewSlot, provideViewSlotFrom, provideVirtualizeComponent, provideVoiceRecorderChatToolComponent, provideWheelPickerComponent, provideWizardComponent, provideWizardStepComponent, provideWrapComponent, withDialogBreakpointBehavior, withDialogDefaultBehavior, withDialogStackBehavior, withDrawerBreakpointBehavior, withDrawerDefaultBehavior, withDrawerStackBehavior };
 //# sourceMappingURL=mosaik-elements-angular.mjs.map