@breadstone/mosaik-elements-angular 0.0.259 → 0.0.260

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@breadstone/mosaik-elements-angular",
-    "version": "0.0.259",
+    "version": "0.0.260",
     "description": "Mosaik elements for Angular.",
     "license": "MIT",
     "author": "andre.wehlert <awehlert@breadstone.de> (https://www.breadstone.de)",
@@ -19,8 +19,8 @@
         "rxjs": "*"
     },
     "dependencies": {
-        "@breadstone/mosaik-elements": "^0.0.259",
-        "@breadstone/mosaik-elements-foundation": "^0.0.259",
+        "@breadstone/mosaik-elements": "^0.0.260",
+        "@breadstone/mosaik-elements-foundation": "^0.0.260",
         "tslib": "^2.8.1"
     }
 }

package/types/mosaik-elements-angular.d.ts

@@ -1,8 +1,8 @@
 import * as libs_mosaik_elements_foundation_dist_Controls_Components_Layouts_Absolute_IAbsoluteItemElementProps from 'libs/mosaik-elements-foundation/dist/Controls/Components/Layouts/Absolute/IAbsoluteItemElementProps';
 import * as i0 from '@angular/core';
-import { InjectionToken, InputSignal, OutputEmitterRef, EnvironmentProviders, Type, OnInit, OnDestroy, OnChanges, ElementRef, Renderer2, SimpleChanges, AfterViewInit, DoCheck, ChangeDetectorRef, Signal, TemplateRef, AfterContentInit, InputSignalWithTransform, ComponentRef, EmbeddedViewRef, Injector, Provider, NgZone, PipeTransform, DestroyRef } from '@angular/core';
+import { InjectionToken, InputSignal, OutputEmitterRef, EnvironmentProviders, Type, OnInit, ElementRef, Renderer2, OnDestroy, OnChanges, SimpleChanges, AfterViewInit, DoCheck, ChangeDetectorRef, Signal, TemplateRef, AfterContentInit, InputSignalWithTransform, ComponentRef, EmbeddedViewRef, Injector, Provider, NgZone, PipeTransform, DestroyRef } from '@angular/core';
 import * as _breadstone_mosaik_elements_foundation from '@breadstone/mosaik-elements-foundation';
-import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AutoCompleteBoxElement, AvatarGroupElement, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, ButtonElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, 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, CheckBoxGroupElement, CheckboxElement, CheckmarkElement, ChipGroupElement, ChipElement, ChipBoxElement, ChoiceGroupHeaderElement, ChoiceGroupElement, ChoiceElement, CodeElement, ColorAreaElement, ColorEditorAlphaSliderElement, ColorEditorAreaElement, ColorEditorHueSliderElement, ColorEditorInputsElement, ColorEditorPaletteElement, ColorEditorShadeSliderElement, ColorEditorSwatchElement, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, ColorBoxElement, ComboItemElement, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, DataListElement, DataTableElement, DateBoxElement, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogActionsElement, DialogContentElement, DialogFooterElement, DialogHeaderSubTextElement, DialogHeaderTextElement, DialogHeaderElement, DialogElement, DisclosureElement, DismissElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerActionsElement, DrawerContainerElement, DrawerContentElement, DrawerFooterElement, DrawerHeaderSubTextElement, DrawerHeaderTextElement, DrawerHeaderElement, DrawerElement, DropZoneElement, DropDownButtonElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpandableElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, FileUploadElement, FlipElement, 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, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageBoxElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, PasswordBoxElement, PatternElement, PersonaElement, PerspectiveElement, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, ProgressRingElement, QRCodeElement, RadioGroupElement, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, RichTextBoxElement, RippleElement, ScaleElement, SchedulerEventElement, SchedulerElement, ScrollElement, ScrubSliderElement, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, SelectElement, SheetContentElement, SheetFooterElement, SheetHeaderSubTextElement, SheetHeaderTextElement, SheetHeaderElement, SheetElement, SignaturePadElement, SkeletonElement, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StepperElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, ToastElement, ToggleButtonGroupElement, ToggleButtonElement, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TooltipElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WizardStepElement, WizardElement, WrapElement, IAnimationReferenceMetadata, AnimationPreset, IBreakpoint, FlexJustify, FlexAlignItems, FlexAlignContent, FlexDirection, FlexWrap, DockSide, Placement, Trigger, IDataListItemDefinition, IDataTableColumnDefinition, Size, Spacing, TextFormatterFn, TextFormatter, Variant, Nullable, BreakpointAlias, IDialogStackBehaviorConfig, IDrawerStackBehaviorConfig, MessageBoxResult, DateAgoIntl, TimeAgoIntl, TranslatorService } from '@breadstone/mosaik-elements-foundation';
+import { AbsoluteItemElement, AbsoluteElement, ActionbarGroupElement, ActionbarItemElement, ActionbarSeparatorElement, ActionbarElement, AnchorElement, AppHeaderElement, AppElement, AttachmentChatToolElement, AudioElement, AutoCompleteBoxElement, AvatarGroupElement, AvatarElement, BackdropElement, BadgeElement, BannerGroupElement, BannerHeaderElement, BannerSubHeaderElement, BannerElement, BoxElement, BreadcrumbItemElement, BreadcrumbElement, BusyStateElement, ButtonGroupElement, ButtonElement, CalendarHeaderElement, CalendarItemElement, CalendarSubHeaderElement, 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, CheckBoxGroupElement, CheckboxElement, CheckmarkElement, ChipGroupElement, ChipElement, ChipBoxElement, ChoiceGroupHeaderElement, ChoiceGroupElement, ChoiceElement, CodeElement, ColorAreaElement, ColorEditorAlphaSliderElement, ColorEditorAreaElement, ColorEditorHueSliderElement, ColorEditorInputsElement, ColorEditorPaletteElement, ColorEditorShadeSliderElement, ColorEditorSwatchElement, ColorEditorElement, ColorPickerElement, ColorSliderElement, ColorSwatchGroupElement, ColorSwatchElement, ColorThumbElement, ColorBoxElement, ComboItemElement, ComboElement, CommentElement, CompoundButtonElement, CookiesConsentElement, DataListElement, DataTableElement, DateBoxElement, DateTimeBoxElement, DesignerCanvasElement, DesignerContentElement, DesignerFrameElement, DesignerElement, DialogActionsElement, DialogContentElement, DialogFooterElement, DialogHeaderSubTextElement, DialogHeaderTextElement, DialogHeaderElement, DialogElement, DisclosureElement, DismissElement, DividerElement, DockPanelElement, DotGroupElement, DotElement, DrawerActionsElement, DrawerContainerElement, DrawerContentElement, DrawerFooterElement, DrawerHeaderSubTextElement, DrawerHeaderTextElement, DrawerHeaderElement, DrawerElement, DropZoneElement, DropDownButtonElement, DurationBoxElement, ElevationElement, EmojiElement, EmptyStateElement, EpgChannelElement, EpgProgramElement, EpgElement, ErrorStateElement, ErrorElement, ExpandableElement, ExpanderGroupElement, ExpanderHeaderElement, ExpanderSubHeaderElement, ExpanderElement, FloatingActionButtonGroupElement, FloatingActionButtonElement, FilePickerElement, FileUploadItemElement, FileUploadElement, FlipElement, 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, ListElement, ListingItemMarkerElement, ListingItemElement, ListingElement, MapElement, MarqueeElement, MasonryElement, MenuItemGroupElement, MenuItemElement, MenuElement, MessageBoxElement, MessageContentElement, MessageElement, MeterBarElement, MeterRingElement, NumberCounterElement, NumberElement, NumberBoxElement, PageContentElement, PageHeaderElement, PagePreContentElement, PagePreHeaderElement, PageElement, PageMenuElement, PaginatorElement, PasswordBoxElement, PatternElement, PersonaElement, PerspectiveElement, PinBoxElement, PipElement, PlaceholderElement, PopupElement, PortalHostElement, PortalProjectionElement, PortalElement, PressButtonElement, ProgressBarElement, ProgressRingElement, QRCodeElement, RadioGroupElement, RadioElement, RatingElement, ReactionChatToolElement, RegionViewElement, RegionElement, RepeatButtonElement, ResizeAdornerElement, ResizeThumbElement, ResizeElement, RibbonElement, RichTextBoxElement, RippleElement, ScaleElement, SchedulerEventElement, SchedulerElement, ScrollElement, ScrubSliderElement, SearchBoxElement, SegmentItemElement, SegmentElement, SelectItemGroupElement, SelectItemElement, SelectElement, SheetContentElement, SheetFooterElement, SheetHeaderSubTextElement, SheetHeaderTextElement, SheetHeaderElement, SheetElement, SignaturePadElement, SkeletonElement, SliderElement, Slider2ThumbElement, Slider2Element, SpacerElement, SplitButtonElement, SplitElement, StackElement, StepperItemElement, StepperElement, StickyElement, SuccessStateElement, SummaryElement, SwipeElement, TabItemElement, TabPanelElement, TabStripItemElement, TabStripElement, TabElement, TableBodyCellElement, TableBodyRowElement, TableBodyElement, TableColumnEditorElement, TableFooterCellElement, TableFooterRowElement, TableFooterElement, TableHeaderCellElement, TableHeaderRowElement, TableHeaderElement, TableElement, TextFormatElement, TextElement, TextBoxElement, Theme2Element, ThumbElement, ThumbnailElement, TickBarElement, TileListItemElement, TileListElement, TileManagerTileElement, TileManagerElement, TileElement, TimeBoxElement, TimelineContentElement, TimelineItemElement, TimelineMarkerElement, TimelineOppositeElement, TimelineElement, ToastElement, ToggleButtonGroupElement, ToggleButtonElement, ToggleSwitchElement, ToggleTipElement, ToolbarElement, TooltipElement, TourAnchorElement, TourStepElement, TourElement, TreeItemElement, TreeElement, UpDownSpinnerElement, VideoElement, VirtualizeElement, VoiceRecorderChatToolElement, WizardStepElement, WizardElement, WrapElement, AnimationPreset, IAnimationReferenceMetadata, AnimationPlayer, IBreakpoint, FlexJustify, FlexAlignItems, FlexAlignContent, FlexDirection, FlexWrap, DockSide, Placement, Trigger, IDataListItemDefinition, IDataTableColumnDefinition, Size, Spacing, TextFormatterFn, TextFormatter, Variant, Nullable, BreakpointAlias, IDialogStackBehaviorConfig, IDrawerStackBehaviorConfig, MessageBoxResult, DateAgoIntl, TimeAgoIntl, TranslatorService } from '@breadstone/mosaik-elements-foundation';
 import * as libs_mosaik_elements_foundation_dist_Controls_Components_Layouts_Absolute_IAbsoluteElementProps from 'libs/mosaik-elements-foundation/dist/Controls/Components/Layouts/Absolute/IAbsoluteElementProps';
 import * as libs_mosaik_elements_foundation_dist_Controls_Components_Grouping_actionbar_IActionbarGroupElementProps from 'libs/mosaik-elements-foundation/dist/Controls/Components/Grouping/actionbar/IActionbarGroupElementProps';
 import * as libs_mosaik_elements_foundation_dist_Controls_Components_Grouping_actionbar_IActionbarItemElementProps from 'libs/mosaik-elements-foundation/dist/Controls/Components/Grouping/actionbar/IActionbarItemElementProps';
@@ -42316,6 +42316,7 @@ declare const THEME2_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
+ * @slot  - The content that receives the scoped theme variables.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 declare class Theme2Component {
@@ -47820,12 +47821,54 @@ type WrapComponentMethods = MethodMap<WrapMethodNames>;
  */
 declare function provideWrapComponent(config?: Partial<WrapElement.Props>): EnvironmentProviders;
 
+/**
+ * Registry of animations
+ *
+ * @public
+ */
+declare class AnimationRegistry {
+    private readonly _animations;
+    /**
+     * Constructs a new instance of the `AnimationRegistry` class.
+     *
+     * @public
+     */
+    constructor();
+    /**
+     * Gets the registered animations.
+     *
+     * @public
+     * @readonly
+     */
+    get animations(): Record<AnimationPreset | string, IAnimationReferenceMetadata>;
+    /**
+     * Registers an animation with the registry.
+     *
+     * @public
+     * @param name The name of the animation.
+     * @param animation The animation reference metadata to register.
+     */
+    register(name: AnimationPreset | string, animation: IAnimationReferenceMetadata): void;
+    /**
+     * Unregister an animation from the registry.
+     *
+     * @public
+     * @param name The name of the animation to retrieve.
+     */
+    unregister(name: AnimationPreset | string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimationRegistry, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AnimationRegistry>;
+}
+
 type AnimationTrigger = (cb: () => void) => void;
 /**
  * Extended animation options for the directive.
  */
-interface IAnimationDirectiveInput extends IAnimationReferenceMetadata {
+interface IAnimationDirectiveInput {
     name?: AnimationPreset | string;
+    initial?: Keyframe;
+    steps?: Array<Keyframe>;
+    options?: KeyframeAnimationOptions;
     trigger?: AnimationTrigger;
     onFinished?: () => void;
 }
@@ -47847,74 +47890,55 @@ declare class AnimateDirective implements OnInit {
      *
      * @public
      */
-    constructor();
+    constructor(animationRegistry?: AnimationRegistry, element?: ElementRef<HTMLElement>, animationPlayer?: AnimationPlayer, renderer?: Renderer2);
     /**
-     * Gets or sets the `animate` property.
-     *
      * @public
      */
-    get animate(): IAnimationDirectiveInput | AnimationPreset | string | undefined;
-    set animate(value: IAnimationDirectiveInput | AnimationPreset | string | undefined);
+    ngOnInit(): void;
     /**
-     * Gets or sets the `options` property.
-     *
-     * @public
+     * @private
      */
-    get options(): KeyframeAnimationOptions | undefined;
-    set options(value: KeyframeAnimationOptions | undefined);
+    private tryTrigger;
     /**
-     * @public
+     * @private
      */
-    ngOnInit(): void;
+    private resolveAnimation;
     /**
      * @private
      */
-    private tryTrigger;
+    private resolveRegisteredAnimation;
     /**
      * @private
      */
-    private play;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AnimateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimateDirective, "[mosaikAnimate]", never, { "animate": { "alias": "mosaikAnimate"; "required": true; }; "options": { "alias": "mosaikAnimateOptions"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-/**
- * Registry of animations
- *
- * @public
- */
-declare class AnimationRegistry {
-    private readonly _animations;
+    private mergeOptions;
     /**
-     * Constructs a new instance of the `AnimationRegistry` class.
-     *
-     * @public
+     * @private
      */
-    constructor();
+    private applyInitialStyles;
     /**
-     * Gets the registered animations.
-     *
-     * @public
-     * @readonly
+     * @private
      */
-    get animations(): Record<AnimationPreset | string, IAnimationReferenceMetadata>;
+    private play;
     /**
-     * Registers an animation with the registry.
+     * @private
+     */
+    private isKeyframeMetadataProperty;
+    /**
+     * Gets or sets the `animate` property.
      *
      * @public
-     * @param name The name of the animation.
-     * @param animation The animation reference metadata to register.
      */
-    register(name: AnimationPreset | string, animation: IAnimationReferenceMetadata): void;
+    get animate(): IAnimationDirectiveInput | AnimationPreset | string | undefined;
+    set animate(value: IAnimationDirectiveInput | AnimationPreset | string | undefined);
     /**
-     * Unregister an animation from the registry.
+     * Gets or sets the `options` property.
      *
      * @public
-     * @param name The name of the animation to retrieve.
      */
-    unregister(name: AnimationPreset | string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AnimationRegistry, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AnimationRegistry>;
+    get options(): KeyframeAnimationOptions | undefined;
+    set options(value: KeyframeAnimationOptions | undefined);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AnimateDirective, "[mosaikAnimate]", never, { "animate": { "alias": "mosaikAnimate"; "required": true; }; "options": { "alias": "mosaikAnimateOptions"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -50978,7 +51002,6 @@ declare abstract class PortalProvider {
  * @public
  */
 declare class DialogService extends PortalProvider {
-    private readonly _document;
     private readonly _behaviors;
     private _portalInjector?;
     /**
@@ -51708,7 +51731,6 @@ declare class DrawerRef<TData, TResult> extends PortalRef<DrawerComponent, TData
  * @public
  */
 declare class DrawerService extends PortalProvider {
-    private readonly _document;
     private readonly _behaviors;
     private _portalInjector?;
     /**
@@ -52027,7 +52049,6 @@ declare class MessageBoxRef<TData, TResult> extends PortalRef<MessageBoxComponen
  * @public
  */
 declare class MessageBoxService extends PortalProvider {
-    private readonly _document;
     private readonly _messageBoxBehaviors;
     /**
      * Constructs a new instance of the `MessageBoxService` class.
@@ -52402,7 +52423,6 @@ declare class SheetRef<TData, TResult> extends PortalRef<SheetComponent, TData,
  * @public
  */
 declare class SheetService extends PortalProvider {
-    private readonly _document;
     private readonly _sheetBehaviors;
     private _portalInjector?;
     /**
@@ -52677,7 +52697,6 @@ declare class ToastRef<TData, TResult> extends PortalRef<ToastComponent, TData,
  * @public
  */
 declare class ToastService extends PortalProvider {
-    private readonly _document;
     private readonly _toastBehaviors;
     /**
      * Constructs a new instance of the `ToastService` class.