@breadstone/mosaik-elements-angular 0.0.285 → 0.0.286

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.286 (2026-05-20)
+
+### 🚀 Features
+
+- **order-management:** add filter option to select components and enhance focus management ([97c9824f16](https://github.com/RueDeRennes/mosaik/commit/97c9824f16))
+
 ## 0.0.285 (2026-05-20)
 
 This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.

package/fesm2022/mosaik-elements-angular.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, ChangeDetectorRef, ElementRef, DestroyRef, input, effect, output, ChangeDetectionStrategy, Component, makeEnvironmentProviders, Injectable, Renderer2, Input, Directive, isDevMode, ViewContainerRef, TemplateRef, EnvironmentInjector, runInInjectionContext, signal, booleanAttribute, forwardRef, ContentChildren, computed, HostListener, untracked, Injector, afterNextRender, ContentChild, DOCUMENT, provideEnvironmentInitializer, Pipe, ViewChild, ViewEncapsulation, Optional, Inject, SkipSelf, provideAppInitializer } from '@angular/core';
 import * as i2 from '@breadstone/mosaik-elements-foundation';
-import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AnimationPlayer, Animation, BREAKPOINTS, PerspectiveElement, RippleElement, ScaleElement, ProgressRingElement, ExpandableElement, FlipElement, TooltipElement, dataListElementValueAccessor, DataListElement, dataTableElementValueAccessor, DataTableElement, StepperElement, WizardElement, Size, Spacing, TextFormatters, DIALOG_STACK_BEHAVIOR_DEFAULT_CONFIG, ButtonElement, DialogActionsElement, DialogElement, DialogFooterElement, DialogHeaderElement, DialogHeaderSubTextElement, DialogHeaderTextElement, Key, EID, DRAWER_STACK_BEHAVIOR_DEFAULT_CONFIG, DrawerActionsElement, DrawerElement, DrawerContentElement, DrawerFooterElement, DrawerHeaderElement, DrawerHeaderSubTextElement, DrawerHeaderTextElement, DismissElement, MessageBoxElement, MessageBoxResult, SheetElement, SheetContentElement, SheetFooterElement, SheetHeaderElement, SheetHeaderSubTextElement, SheetHeaderTextElement, ToastElement, DateAgoIntl, TimeAgoIntl, ThemeService as ThemeService$1, TranslatorService, Translator, TranslatorServiceLocator, autoCompleteBoxElementValueAccessor, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, calendarElementValueAccessor, CalendarElement, CameraElement, CardActionsElement, CardContentElement, CardFooterElement, CardHeaderElement, CardSubTitleElement, CardTitleElement, CardElement, Carousel2Element, CarouselItem2Element, CarouselItemElement, CarouselElement, CellGroupElement, CellElement, ChartElement, ChatHeaderElement, ChatInputAttachmentListElement, ChatInputElement, ChatMarkerElement, ChatMessageAvatarElement, ChatMessageDividerElement, ChatMessageReactionElement, ChatMessageElement, ChatElement, checkBoxGroupElementValueAccessor, CheckBoxGroupElement, checkboxElementValueAccessor, CheckboxElement, CheckmarkElement, chipGroupElementValueAccessor, ChipGroupElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, CodeElement, ColorAreaElement, colorEditorAlphaSliderElementValueAccessor, ColorEditorAlphaSliderElement, colorEditorAreaElementValueAccessor, ColorEditorAreaElement, colorEditorHueSliderElementValueAccessor, ColorEditorHueSliderElement, colorEditorInputsElementValueAccessor, ColorEditorInputsElement, colorEditorPaletteElementValueAccessor, ColorEditorPaletteElement, colorEditorShadeSliderElementValueAccessor, ColorEditorShadeSliderElement, colorEditorSwatchElementValueAccessor, ColorEditorSwatchElement, colorEditorElementValueAccessor, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogContentElement, DisclosureElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerContainerElement, DropZoneElement, DropDownButtonElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, fileBoxElementValueAccessor, FileBoxElement, FloatingTriggerElement, FloatingElement, FlowBoardColumnComposerElement, FlowBoardColumnItemComposerElement, FlowBoardColumnItemElement, FlowBoardColumnElement, FlowBoardElement, FocusRingElement, FontEditorElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GhostElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, listElementValueAccessor, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, pinBoxElementValueAccessor, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, SchedulerEventElement, SchedulerElement, ScrollElement, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, timeBoxElementValueAccessor, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, toggleButtonGroupElementValueAccessor, ToggleButtonGroupElement, toggleButtonElementValueAccessor, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, treeElementValueAccessor, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WheelPickerElement, WizardStepElement, WrapElement } from '@breadstone/mosaik-elements-foundation';
+import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AnimationPlayer, Animation, BREAKPOINTS, PerspectiveElement, RippleElement, ScaleElement, ProgressRingElement, ExpandableElement, FlipElement, TooltipElement, dataListElementValueAccessor, DataListElement, dataTableElementValueAccessor, DataTableElement, StepperElement, WizardElement, Size, Spacing, TextFormatters, DIALOG_STACK_BEHAVIOR_DEFAULT_CONFIG, ButtonElement, DialogActionsElement, DialogElement, DialogFooterElement, DialogHeaderElement, DialogHeaderSubTextElement, DialogHeaderTextElement, MOSAIK_PORTAL_SCOPE_ATTRIBUTE, Key, EID, DRAWER_STACK_BEHAVIOR_DEFAULT_CONFIG, DrawerActionsElement, DrawerElement, DrawerContentElement, DrawerFooterElement, DrawerHeaderElement, DrawerHeaderSubTextElement, DrawerHeaderTextElement, DismissElement, MessageBoxElement, MessageBoxResult, SheetElement, SheetContentElement, SheetFooterElement, SheetHeaderElement, SheetHeaderSubTextElement, SheetHeaderTextElement, ToastElement, DateAgoIntl, TimeAgoIntl, ThemeService as ThemeService$1, TranslatorService, Translator, TranslatorServiceLocator, autoCompleteBoxElementValueAccessor, AutoCompleteBoxElement, AvatarGroupElement, avatarElementValueAccessor, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, calendarElementValueAccessor, CalendarElement, CameraElement, CardActionsElement, CardContentElement, CardFooterElement, CardHeaderElement, CardSubTitleElement, CardTitleElement, CardElement, Carousel2Element, CarouselItem2Element, CarouselItemElement, CarouselElement, CellGroupElement, CellElement, ChartElement, ChatHeaderElement, ChatInputAttachmentListElement, ChatInputElement, ChatMarkerElement, ChatMessageAvatarElement, ChatMessageDividerElement, ChatMessageReactionElement, ChatMessageElement, ChatElement, checkBoxGroupElementValueAccessor, CheckBoxGroupElement, checkboxElementValueAccessor, CheckboxElement, CheckmarkElement, chipGroupElementValueAccessor, ChipGroupElement, ChipElement, chipBoxElementValueAccessor, ChipBoxElement, ChoiceGroupHeaderElement, choiceGroupElementValueAccessor, ChoiceGroupElement, choiceElementValueAccessor, ChoiceElement, CodeElement, ColorAreaElement, colorEditorAlphaSliderElementValueAccessor, ColorEditorAlphaSliderElement, colorEditorAreaElementValueAccessor, ColorEditorAreaElement, colorEditorHueSliderElementValueAccessor, ColorEditorHueSliderElement, colorEditorInputsElementValueAccessor, ColorEditorInputsElement, colorEditorPaletteElementValueAccessor, ColorEditorPaletteElement, colorEditorShadeSliderElementValueAccessor, ColorEditorShadeSliderElement, colorEditorSwatchElementValueAccessor, ColorEditorSwatchElement, colorEditorElementValueAccessor, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, colorBoxElementValueAccessor, ColorBoxElement, ComboItemElement, comboElementValueAccessor, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, dateBoxElementValueAccessor, DateBoxElement, dateTimeBoxElementValueAccessor, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogContentElement, DisclosureElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerContainerElement, DropZoneElement, DropDownButtonElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, fileUploadElementValueAccessor, FileUploadElement, fileBoxElementValueAccessor, FileBoxElement, FloatingTriggerElement, FloatingElement, FlowBoardColumnComposerElement, FlowBoardColumnItemComposerElement, FlowBoardColumnItemElement, FlowBoardColumnElement, FlowBoardElement, FocusRingElement, FontEditorElement, FooterItemGroupElement, FooterItemElement, FooterElement, FormFieldElement, FormElement, GhostElement, GridItemElement, GridElement, HelmetElement, HintElement, IconElement, ImageElement, IndicatorElement, JumbotronHeaderElement, JumbotronSubHeaderElement, JumbotronElement, KbdShortcutElement, KbdElement, LightChainElement, ListItemGroupElement, ListItemElement, listElementValueAccessor, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, numberBoxElementValueAccessor, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, passwordBoxElementValueAccessor, PasswordBoxElement, PatternElement, PersonaElement, pinBoxElementValueAccessor, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, QRCodeElement, radioGroupElementValueAccessor, RadioGroupElement, radioElementValueAccessor, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, richTextBoxElementValueAccessor, RichTextBoxElement, SchedulerEventElement, SchedulerElement, ScrollElement, scrubSliderElementValueAccessor, ScrubSliderElement, searchBoxElementValueAccessor, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, selectElementValueAccessor, SelectElement, signaturePadElementValueAccessor, SignaturePadElement, SkeletonElement, sliderElementValueAccessor, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, textBoxElementValueAccessor, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, timeBoxElementValueAccessor, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, toggleButtonGroupElementValueAccessor, ToggleButtonGroupElement, toggleButtonElementValueAccessor, ToggleButtonElement, toggleSwitchElementValueAccessor, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, treeElementValueAccessor, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WheelPickerElement, WizardStepElement, WrapElement } from '@breadstone/mosaik-elements-foundation';
 import { AbstractControl, FormGroupDirective, NgControl, TouchedChangeEvent, NG_VALUE_ACCESSOR, FormControl, FormArray, FormGroup } from '@angular/forms';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { Subject, map, Subscription, filter, of, isObservable, BehaviorSubject, merge, fromEvent, take, takeUntil, timer, share, Observable } from 'rxjs';
@@ -11426,6 +11426,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                 }]
         }] });
 
+// #region Imports
+const OVERLAY_INTERACTION_STATE = getOverlayInteractionState();
+/**
+ * Coordinates close interactions across stacked CDK overlays.
+ *
+ * @internal
+ */
+class OverlayInteractionCoordinator {
+    // #region Methods
+    /**
+     * Registers an overlay as active for global close interaction arbitration.
+     *
+     * @internal
+     */
+    static register(overlayRef) {
+        const focusTrap = OverlayInteractionCoordinator.findEntry(overlayRef)?.focusTrap ?? null;
+        OverlayInteractionCoordinator.remove(overlayRef);
+        OVERLAY_INTERACTION_STATE.entries.push({
+            overlayRef: overlayRef,
+            order: ++OVERLAY_INTERACTION_STATE.order,
+            focusTrap: focusTrap
+        });
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Removes an overlay from global close interaction arbitration.
+     *
+     * @internal
+     */
+    static unregister(overlayRef) {
+        OverlayInteractionCoordinator.remove(overlayRef);
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Registers a focus trap for an overlay and enables only the uppermost attached overlay trap.
+     *
+     * @internal
+     */
+    static registerFocusTrap(overlayRef, focusTrap) {
+        let entry = OverlayInteractionCoordinator.findEntry(overlayRef);
+        if (!entry) {
+            entry = {
+                overlayRef: overlayRef,
+                order: ++OVERLAY_INTERACTION_STATE.order,
+                focusTrap: null
+            };
+            OVERLAY_INTERACTION_STATE.entries.push(entry);
+        }
+        entry.focusTrap = focusTrap;
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Removes the focus trap for an overlay and re-enables the next uppermost attached overlay trap.
+     *
+     * @internal
+     */
+    static unregisterFocusTrap(overlayRef) {
+        const entry = OverlayInteractionCoordinator.findEntry(overlayRef);
+        if (entry) {
+            if (entry.focusTrap) {
+                entry.focusTrap.enabled = false;
+            }
+            entry.focusTrap = null;
+        }
+        OverlayInteractionCoordinator.updateFocusTrapStates();
+    }
+    /**
+     * Returns whether the overlay is the uppermost currently attached overlay.
+     *
+     * @internal
+     */
+    static isTopMost(overlayRef) {
+        return OverlayInteractionCoordinator.getTopMostOverlayRef() === overlayRef;
+    }
+    /**
+     * Returns whether the overlay owned the uppermost position when the interaction event started.
+     *
+     * @internal
+     */
+    static isTopMostForInteraction(overlayRef, event) {
+        return OverlayInteractionCoordinator.getOrCreateInteractionOwner(event) === overlayRef;
+    }
+    static remove(overlayRef) {
+        const index = OVERLAY_INTERACTION_STATE.entries.findIndex((entry) => entry.overlayRef === overlayRef);
+        if (index >= 0) {
+            const entry = OVERLAY_INTERACTION_STATE.entries[index];
+            if (entry.focusTrap) {
+                entry.focusTrap.enabled = false;
+            }
+            OVERLAY_INTERACTION_STATE.entries.splice(index, 1);
+        }
+    }
+    static getOrCreateInteractionOwner(event) {
+        if (!OVERLAY_INTERACTION_STATE.eventOwners.has(event)) {
+            OVERLAY_INTERACTION_STATE.eventOwners.set(event, OverlayInteractionCoordinator.getTopMostOverlayRef());
+        }
+        return OVERLAY_INTERACTION_STATE.eventOwners.get(event) ?? null;
+    }
+    static findEntry(overlayRef) {
+        return OVERLAY_INTERACTION_STATE.entries.find((entry) => entry.overlayRef === overlayRef) ?? null;
+    }
+    static getTopMostOverlayRef() {
+        let topMostEntry = null;
+        for (const entry of OVERLAY_INTERACTION_STATE.entries) {
+            if (entry.overlayRef.hasAttached() && (!topMostEntry || entry.order > topMostEntry.order)) {
+                topMostEntry = entry;
+            }
+        }
+        return topMostEntry?.overlayRef ?? null;
+    }
+    static updateFocusTrapStates() {
+        const topMostOverlayRef = OverlayInteractionCoordinator.getTopMostOverlayRef();
+        for (const entry of OVERLAY_INTERACTION_STATE.entries) {
+            if (entry.focusTrap) {
+                entry.focusTrap.enabled = entry.overlayRef === topMostOverlayRef;
+            }
+        }
+    }
+}
+function getOverlayInteractionState() {
+    const root = globalThis;
+    root.__mosaikOverlayInteractionState__ ??= {
+        entries: new Array(),
+        eventOwners: new WeakMap(),
+        order: 0
+    };
+    return root.__mosaikOverlayInteractionState__;
+}
+
+// #region Imports
+// #endregion
+// #region Constants
+/**
+ * Injection token for the CDK overlay reference that hosts a Mosaik portal component.
+ *
+ * @internal
+ */
+const PORTAL_OVERLAY_REF = new InjectionToken('MOSAIK_PORTAL_OVERLAY_REF');
+// #endregion
+
 // #region Imports
 // #endregion
 /**
@@ -11436,6 +11576,7 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
     _element;
     _focusTrapFactory;
     _document;
+    _overlayRef;
     _focusTrap;
     _elementFocusedBeforeOpened;
     // #endregion
@@ -11450,8 +11591,11 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
         this._element = inject(ElementRef);
         this._focusTrapFactory = inject(ConfigurableFocusTrapFactory);
         this._document = inject(DOCUMENT);
+        this._overlayRef = inject(PORTAL_OVERLAY_REF, { optional: true });
         this._focusTrap = null;
         this._elementFocusedBeforeOpened = null;
+        this._element.nativeElement.setAttribute(MOSAIK_PORTAL_SCOPE_ATTRIBUTE, '');
+        this._element.nativeElement.tabIndex = -1;
     }
     // #endregion
     // #region Methods
@@ -11475,7 +11619,9 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
      */
     attachComponentPortal(portal) {
         this.savePreviouslyFocusedElement();
-        return this.portal.attachComponentPortal(portal);
+        const componentRef = this.portal.attachComponentPortal(portal);
+        this.trapFocus();
+        return componentRef;
     }
     /**
      * Attach a TemplatePortal as content to this dialog container.
@@ -11485,7 +11631,9 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
      */
     attachTemplatePortal(portal) {
         this.savePreviouslyFocusedElement();
-        return this.portal.attachTemplatePortal(portal);
+        const embeddedViewRef = this.portal.attachTemplatePortal(portal);
+        this.trapFocus();
+        return embeddedViewRef;
     }
     /**
      * @public
@@ -11493,22 +11641,38 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
     trapFocus() {
         const element = this._element.nativeElement;
         this._focusTrap ??= this._focusTrapFactory.create(element);
-        void this._focusTrap.focusInitialElementWhenReady();
+        if (this._overlayRef) {
+            OverlayInteractionCoordinator.registerFocusTrap(this._overlayRef, this._focusTrap);
+        }
+        const focusPromise = this._focusTrap.focusInitialElementWhenReady();
         const activeElement = this._document.activeElement;
         if (activeElement !== element && !element.contains(activeElement)) {
             element.focus();
+            this.focusFirstTabbableDescendant(element);
         }
+        void focusPromise.then((focused) => {
+            if (!this._focusTrap || !element.isConnected) {
+                return;
+            }
+            if (!focused || this._document.activeElement === element || !element.contains(this._document.activeElement)) {
+                this.focusFirstTabbableDescendant(element);
+            }
+        });
     }
     /**
      * @public
      */
     restoreFocus() {
         const toFocus = this._elementFocusedBeforeOpened;
+        if (this._overlayRef) {
+            OverlayInteractionCoordinator.unregisterFocusTrap(this._overlayRef);
+        }
         if (toFocus && typeof toFocus.focus === 'function') {
             toFocus.focus();
         }
         if (this._focusTrap) {
             this._focusTrap.destroy();
+            this._focusTrap = null;
         }
     }
     /**
@@ -11520,6 +11684,39 @@ let PortalComponent$1 = class PortalComponent extends BasePortalOutlet {
             void Promise.resolve().then(() => this._element.nativeElement.focus());
         }
     }
+    /**
+     * @private
+     */
+    focusFirstTabbableDescendant(element) {
+        this.findFirstTabbableDescendant(element)?.focus();
+    }
+    /**
+     * @private
+     */
+    findFirstTabbableDescendant(element) {
+        for (const child of Array.from(element.children)) {
+            if (!(child instanceof HTMLElement)) {
+                continue;
+            }
+            if (this.isTabbable(child)) {
+                return child;
+            }
+            const descendant = this.findFirstTabbableDescendant(child);
+            if (descendant) {
+                return descendant;
+            }
+        }
+        return null;
+    }
+    /**
+     * @private
+     */
+    isTabbable(element) {
+        if (element.tabIndex < 0 || element.hidden || element.hasAttribute('disabled') || element.getAttribute('aria-hidden') === 'true') {
+            return false;
+        }
+        return element.getClientRects().length > 0;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: PortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.13", type: PortalComponent, isStandalone: true, usesInheritance: true, ngImport: i0 });
 };
@@ -12043,80 +12240,6 @@ class OverlayBackdropStackCoordinator {
     }
 }
 
-// #region Imports
-const OVERLAY_INTERACTION_STATE = getOverlayInteractionState();
-/**
- * Coordinates close interactions across stacked CDK overlays.
- *
- * @internal
- */
-class OverlayInteractionCoordinator {
-    // #region Methods
-    /**
-     * Registers an overlay as active for global close interaction arbitration.
-     *
-     * @internal
-     */
-    static register(overlayRef) {
-        OverlayInteractionCoordinator.unregister(overlayRef);
-        OVERLAY_INTERACTION_STATE.entries.push({
-            overlayRef: overlayRef,
-            order: ++OVERLAY_INTERACTION_STATE.order
-        });
-    }
-    /**
-     * Removes an overlay from global close interaction arbitration.
-     *
-     * @internal
-     */
-    static unregister(overlayRef) {
-        const index = OVERLAY_INTERACTION_STATE.entries.findIndex((entry) => entry.overlayRef === overlayRef);
-        if (index >= 0) {
-            OVERLAY_INTERACTION_STATE.entries.splice(index, 1);
-        }
-    }
-    /**
-     * Returns whether the overlay is the uppermost currently attached overlay.
-     *
-     * @internal
-     */
-    static isTopMost(overlayRef) {
-        return OverlayInteractionCoordinator.getTopMostOverlayRef() === overlayRef;
-    }
-    /**
-     * Returns whether the overlay owned the uppermost position when the interaction event started.
-     *
-     * @internal
-     */
-    static isTopMostForInteraction(overlayRef, event) {
-        return OverlayInteractionCoordinator.getOrCreateInteractionOwner(event) === overlayRef;
-    }
-    static getOrCreateInteractionOwner(event) {
-        if (!OVERLAY_INTERACTION_STATE.eventOwners.has(event)) {
-            OVERLAY_INTERACTION_STATE.eventOwners.set(event, OverlayInteractionCoordinator.getTopMostOverlayRef());
-        }
-        return OVERLAY_INTERACTION_STATE.eventOwners.get(event) ?? null;
-    }
-    static getTopMostOverlayRef() {
-        let topMostEntry = null;
-        for (const entry of OVERLAY_INTERACTION_STATE.entries) {
-            if (entry.overlayRef.hasAttached() && (!topMostEntry || entry.order > topMostEntry.order)) {
-                topMostEntry = entry;
-            }
-        }
-        return topMostEntry?.overlayRef ?? null;
-    }
-}
-function getOverlayInteractionState() {
-    const root = globalThis;
-    root.__mosaikOverlayInteractionState__ ??= {
-        entries: new Array(),
-        eventOwners: new WeakMap(),
-        order: 0
-    };
-    return root.__mosaikOverlayInteractionState__;
-}
-
 // #region Imports
 // #endregion
 // #region Constants
@@ -12214,8 +12337,11 @@ class PortalProvider {
     /**
      * @protected
      */
-    createPortal(component, config) {
-        return new ComponentPortal(component, null, this.createPortalInjector(config));
+    createPortal(component, overlayRef, config) {
+        const portalInjector = new StatelessInjector(this.createPortalInjector(config), [
+            [PORTAL_OVERLAY_REF, overlayRef]
+        ]);
+        return new ComponentPortal(component, null, portalInjector);
     }
     /**
      * @protected
@@ -12426,7 +12552,7 @@ class DialogService extends PortalProvider {
             backdropStackKey: 'dialog',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(DialogPortalComponent, config);
+        const portal = this.createPortal(DialogPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, DialogPortalComponent, config);
         this._portalInjector = componentRef.injector;
         const dialogRef = new DialogRef(this.createId(), componentRef.instance.dialog, overlayRef, config?.data);
@@ -15280,7 +15406,7 @@ class DrawerService extends PortalProvider {
             backdropStackKey: 'drawer',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(DrawerPortalComponent, config);
+        const portal = this.createPortal(DrawerPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, DrawerPortalComponent, config);
         this._portalInjector = componentRef.injector;
         const drawerRef = new DrawerRef(this.createId(), componentRef.instance.drawer, overlayRef, config?.data);
@@ -16239,7 +16365,7 @@ class MessageBoxService extends PortalProvider {
             backdropStackKey: 'message-box',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(MessageBoxPortalComponent, config);
+        const portal = this.createPortal(MessageBoxPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, MessageBoxPortalComponent, config);
         const messageBoxRef = new MessageBoxRef(this.createId(), componentRef.instance.messageBox, overlayRef, config?.data);
         this.prepareComponent(overlayRef, componentRef.instance.messageBox, messageBoxRef, config);
@@ -17898,7 +18024,7 @@ class SheetService extends PortalProvider {
             backdropStackKey: 'sheet',
             backdropStrategy: config?.backdropStrategy
         });
-        const portal = this.createPortal(SheetPortalComponent, config);
+        const portal = this.createPortal(SheetPortalComponent, overlayRef, config);
         const componentRef = this.createComponent(portal, overlayRef, SheetPortalComponent, config);
         this._portalInjector = componentRef.injector;
         const sheetRef = new SheetRef(this.createId(), componentRef.instance.sheet, overlayRef, config?.data);
@@ -18660,7 +18786,7 @@ class ToastService extends PortalProvider {
             backdropStackKey: 'toast',
             backdropStrategy: resolvedConfig?.backdropStrategy
         });
-        const portal = this.createPortal(ToastPortalComponent, resolvedConfig);
+        const portal = this.createPortal(ToastPortalComponent, overlayRef, resolvedConfig);
         const componentRef = this.createComponent(portal, overlayRef, ToastPortalComponent, resolvedConfig);
         const toastRef = new ToastRef(this.createId(), componentRef.instance.toast, overlayRef, resolvedConfig?.data);
         if (componentTypeOrTemplateRef) {