@breadstone/mosaik-elements-angular 0.0.147 → 0.0.149

package/index.d.ts

@@ -317,7 +317,7 @@ declare const ABSOLUTE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_element
 /**
  * @public
  *
- * @slot  - The default slot for placing child elements.
+ * @slot  - The default slot for placing absolutely positioned child elements.
  */
 declare class AbsoluteComponent {
     private readonly _element;
@@ -369,7 +369,7 @@ declare const ANCHOR_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
- * @slot label - The slot for the label or text content of the Anchor.
+ * @slot label - The text content or elements to display as the link text
  */
 declare class AnchorComponent {
     private readonly _element;
@@ -489,12 +489,12 @@ declare const APP_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fou
 /**
  * @public
  *
- * @slot nav - The slot for navigation elements.
- * @slot menu - The slot for menu items.
- * @slot logo - The slot for the application logo or branding.
- * @slot actions - The slot for action buttons or icons.
- * @slot content - The main content area of the App.
- * @slot footer - The footer area of the App, typically used for additional information or links.
+ * @slot nav - Navigation drawer content area for primary navigation links and menu items
+ * @slot menu - Menu area for contextual actions and secondary navigation
+ * @slot logo - Application branding area for logos, titles, and identity elements
+ * @slot actions - Action buttons area for global application actions and controls
+ * @slot content - Main content area for primary application content and views
+ * @slot footer - Footer area for secondary information, links, and application metadata
  */
 declare class AppComponent {
     private readonly _element;
@@ -860,8 +860,8 @@ declare const AVATAR_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
- * @slot  - The default slot for avatar text, commonly a name or initials.
- * @slot badge - Used to provide a badge, such as a status badge.
+ * @slot  - Default content for avatar display (overrides automatic text/icon generation)
+ * @slot badge - Status indicator or notification badge positioned on the avatar
  */
 declare class AvatarComponent implements ControlValueAccessor {
     private readonly _element;
@@ -1560,8 +1560,8 @@ declare const BUSY_STATE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_eleme
 /**
  * @public
  *
- * @slot  - The default slot for placing additional content or elements related to the busy state.
- * @slot actions - The actions slot for placing actionable elements such as buttons or links for user interaction.
+ * @slot  - Default content area for additional loading state information
+ * @slot actions - Action buttons or controls available during loading (e.g., cancel operation)
  */
 declare class BusyStateComponent {
     private readonly _element;
@@ -1673,9 +1673,9 @@ declare const BUTTON_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
- * @slot label - The label slot.
- * @slot icon - The icon slot.
- * @slot overlay - The overlay slot (useful for badge).
+ * @slot label - The text content or label displayed on the button
+ * @slot icon - The icon displayed alongside or instead of the label
+ * @slot overlay - Additional overlay content such as badges or indicators
  */
 declare class ButtonComponent {
     private readonly _element;
@@ -1840,6 +1840,14 @@ declare class CalendarItemComponent {
     set isAdjacent(value: CalendarItemElement['isAdjacent']);
     get markers(): CalendarItemElement['markers'];
     set markers(value: CalendarItemElement['markers']);
+    get isRangeStart(): CalendarItemElement['isRangeStart'];
+    set isRangeStart(value: CalendarItemElement['isRangeStart']);
+    get isRangeMiddle(): CalendarItemElement['isRangeMiddle'];
+    set isRangeMiddle(value: CalendarItemElement['isRangeMiddle']);
+    get isRangeEnd(): CalendarItemElement['isRangeEnd'];
+    set isRangeEnd(value: CalendarItemElement['isRangeEnd']);
+    get isRangePreview(): CalendarItemElement['isRangePreview'];
+    set isRangePreview(value: CalendarItemElement['isRangePreview']);
     get text(): CalendarItemElement['text'];
     set text(value: CalendarItemElement['text']);
     get themeName(): CalendarItemElement['themeName'];
@@ -1864,7 +1872,7 @@ declare class CalendarItemComponent {
     invoke<TMethod extends CalendarItemMethodNames>(method: TMethod, ...args: Parameters<CalendarItemComponentMethods[TMethod]>): ReturnType<CalendarItemComponentMethods[TMethod]>;
     private onEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarItemComponent, "mosaik-calendar-item", never, { "isSelected": { "alias": "isSelected"; "required": false; }; "isBlackout": { "alias": "isBlackout"; "required": false; }; "isSpecial": { "alias": "isSpecial"; "required": false; }; "isToday": { "alias": "isToday"; "required": false; }; "isWeekend": { "alias": "isWeekend"; "required": false; }; "isAdjacent": { "alias": "isAdjacent"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "text": { "alias": "text"; "required": false; }; "themeName": { "alias": "themeName"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarItemComponent, "mosaik-calendar-item", never, { "isSelected": { "alias": "isSelected"; "required": false; }; "isBlackout": { "alias": "isBlackout"; "required": false; }; "isSpecial": { "alias": "isSpecial"; "required": false; }; "isToday": { "alias": "isToday"; "required": false; }; "isWeekend": { "alias": "isWeekend"; "required": false; }; "isAdjacent": { "alias": "isAdjacent"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "isRangeStart": { "alias": "isRangeStart"; "required": false; }; "isRangeMiddle": { "alias": "isRangeMiddle"; "required": false; }; "isRangeEnd": { "alias": "isRangeEnd"; "required": false; }; "isRangePreview": { "alias": "isRangePreview"; "required": false; }; "text": { "alias": "text"; "required": false; }; "themeName": { "alias": "themeName"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, never>;
 }
 /**
  * Declares the methods available on CalendarItemComponent.
@@ -1954,6 +1962,8 @@ declare class CalendarComponent implements ControlValueAccessor {
     private readonly _disconnected;
     private readonly _changed;
     constructor();
+    get sheets(): CalendarElement['sheets'];
+    set sheets(value: CalendarElement['sheets']);
     get intl(): CalendarElement['intl'];
     set intl(value: CalendarElement['intl']);
     get displayDate(): CalendarElement['displayDate'];
@@ -2023,7 +2033,7 @@ declare class CalendarComponent implements ControlValueAccessor {
     invoke<TMethod extends CalendarMethodNames>(method: TMethod, ...args: Parameters<CalendarComponentMethods[TMethod]>): ReturnType<CalendarComponentMethods[TMethod]>;
     private onEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "mosaik-calendar", never, { "intl": { "alias": "intl"; "required": false; }; "displayDate": { "alias": "displayDate"; "required": false; }; "displayDateStart": { "alias": "displayDateStart"; "required": false; }; "displayDateEnd": { "alias": "displayDateEnd"; "required": false; }; "header": { "alias": "header"; "required": false; }; "values": { "alias": "values"; "required": false; }; "view": { "alias": "view"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "blackoutDates": { "alias": "blackoutDates"; "required": false; }; "specialDates": { "alias": "specialDates"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "isTodayHighlighted": { "alias": "isTodayHighlighted"; "required": false; }; "isWeekendHighlighted": { "alias": "isWeekendHighlighted"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "themeName": { "alias": "themeName"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "value": { "alias": "value"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "dateChanged": "dateChanged"; "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, [{ directive: typeof FormStatusDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "mosaik-calendar", never, { "sheets": { "alias": "sheets"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "displayDate": { "alias": "displayDate"; "required": false; }; "displayDateStart": { "alias": "displayDateStart"; "required": false; }; "displayDateEnd": { "alias": "displayDateEnd"; "required": false; }; "header": { "alias": "header"; "required": false; }; "values": { "alias": "values"; "required": false; }; "view": { "alias": "view"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "blackoutDates": { "alias": "blackoutDates"; "required": false; }; "specialDates": { "alias": "specialDates"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "isTodayHighlighted": { "alias": "isTodayHighlighted"; "required": false; }; "isWeekendHighlighted": { "alias": "isWeekendHighlighted"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showAdjacent": { "alias": "showAdjacent"; "required": false; }; "markerHandler": { "alias": "markerHandler"; "required": false; }; "themeName": { "alias": "themeName"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "value": { "alias": "value"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "dateChanged": "dateChanged"; "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, [{ directive: typeof FormStatusDirective; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Declares the methods available on CalendarComponent.
@@ -2455,12 +2465,12 @@ declare const CARD_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- * @slot cover - The slot for placing a cover image or graphic at the top of the card.
- * @slot media - The slot for placing media content, such as images or videos.
- * @slot header - The slot for placing header content, typically containing the title.
- * @slot content - The slot for placing the main content of the card.
- * @slot actions - The slot for placing action buttons related to the card.
- * @slot footer - The slot for placing footer content, often for additional information or links.
+ * @slot cover - Primary visual content like hero images or graphics positioned at the top
+ * @slot media - Additional media content such as images, videos, or rich content
+ * @slot header - Header section typically containing titles and navigation elements
+ * @slot content - Main content body for text, descriptions, or detailed information
+ * @slot actions - Action buttons or interactive elements for user engagement
+ * @slot footer - Footer section for supplementary information, links, or metadata
  */
 declare class CardComponent {
     private readonly _element;
@@ -2662,7 +2672,7 @@ declare const CAROUSEL_ITEM_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_el
 /**
  * @public
  *
- *
+ * @slot  - Default content area for the carousel item's content
  */
 declare class CarouselItemComponent {
     private readonly _element;
@@ -2722,7 +2732,7 @@ declare const CAROUSEL_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_element
 /**
  * @public
  *
- *
+ * @slot  - Default content area for carousel items and navigation elements
  */
 declare class CarouselComponent {
     private readonly _element;
@@ -2792,8 +2802,8 @@ declare const CELL_GROUP_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_eleme
 /**
  * @public
  *
- * @slot header - Slot for the group header.
- * @slot  - Slot for the default content, typically cells.
+ * @slot header - Header content area for group titles, descriptions, or section labels
+ * @slot  - Default content area for cell components and related content
  */
 declare class CellGroupComponent {
     private readonly _element;
@@ -2843,10 +2853,10 @@ declare const CELL_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- * @slot start - Slot for content to be displayed at the start of the cell.
- * @slot label - Slot for the primary label content of the cell.
- * @slot subLabel - Slot for additional label content or description.
- * @slot end - Slot for content to be displayed at the end of the cell.
+ * @slot start - Leading content area for icons, avatars, thumbnails, or visual indicators
+ * @slot label - Primary content area for main text, titles, or primary information
+ * @slot subLabel - Secondary content area for descriptions, metadata, or supplementary text
+ * @slot end - Trailing content area for actions, status indicators, or secondary controls
  */
 declare class CellComponent {
     private readonly _element;
@@ -2902,7 +2912,9 @@ declare const CHART_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_f
 /**
  * @public
  *
- *
+ * @slot  - Default content area for chart data configuration and custom elements
+ * @slot toolbar - Chart toolbar area for controls and actions
+ * @slot legend - Custom legend area for chart series labels
  */
 declare class ChartComponent {
     private readonly _element;
@@ -3639,7 +3651,9 @@ declare const CHECKBOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_element
 /**
  * @public
  *
- *
+ * @slot checkmark - The checkmark slot.
+ * @slot label - The label slot.
+ * @slot hint - The hint slot.
  */
 declare class CheckboxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -3862,7 +3876,8 @@ declare const CHIP_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_element
 /**
  * @public
  *
- *
+ * @slot prefix - Content placed before the chip collection.
+ * @slot suffix - Content placed after the chip collection.
  */
 declare class ChipBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -4559,7 +4574,8 @@ declare const COLOR_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elemen
 /**
  * @public
  *
- *
+ * @slot prefix - Content placed before the input field.
+ * @slot suffix - Content placed after the input field.
  */
 declare class ColorBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -4668,7 +4684,9 @@ declare const COMBO_ITEM_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_eleme
 /**
  * @public
  *
- *
+ * @slot  - Default content area for the option label and description
+ * @slot prefix - Leading content (icons, avatars, indicators)
+ * @slot suffix - Trailing content (checkmarks, badges, secondary actions)
  */
 declare class ComboItemComponent {
     private readonly _element;
@@ -4742,7 +4760,11 @@ declare const COMBO_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_f
 /**
  * @public
  *
- *
+ * @slot  - Default content area for combo items and options
+ * @slot prefix - Leading content before the input (icons, labels)
+ * @slot suffix - Trailing content after the input (actions, indicators)
+ * @slot dropdown-header - Header content at the top of the dropdown
+ * @slot dropdown-footer - Footer content at the bottom of the dropdown
  */
 declare class ComboComponent implements ControlValueAccessor {
     private readonly _element;
@@ -4904,17 +4926,20 @@ declare const COMPOUND_BUTTON_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_
 /**
  * @public
  *
- * @slot icon - The slot for the button icon.
- * @slot label - The slot for the button label.
- * @slot overlay - The slot for the overlay content (useful for badges or additional information).
- * @slot  - The default slot for additional button content.
- * @slot prefix - The slot for the prefix content.
- * @slot suffix - The slot for the suffix content.
- * @slot subLabel - The slot for the sub label content.
+ * @slot icon - Primary icon content area for visual button identification
+ * @slot label - Primary text content area for main button labeling
+ * @slot overlay - Overlay content area for badges, notifications, or status indicators
+ * @slot  - Default content area for additional button content and elements
+ * @slot prefix - Leading content area before the main label
+ * @slot suffix - Trailing content area after the main label
+ * @slot subLabel - Secondary text content area for descriptions or additional information
  */
 declare class CompoundButtonComponent {
     private readonly _element;
     private readonly _zone;
+    private readonly _click;
+    private readonly _focus;
+    private readonly _blur;
     private readonly _connected;
     private readonly _disconnected;
     private readonly _changed;
@@ -4963,13 +4988,16 @@ declare class CompoundButtonComponent {
     set dir(value: CompoundButtonElement['dir']);
     get lang(): CompoundButtonElement['lang'];
     set lang(value: CompoundButtonElement['lang']);
+    get click(): EventEmitter<unknown>;
+    get focus(): EventEmitter<unknown>;
+    get blur(): EventEmitter<unknown>;
     get connected(): EventEmitter<unknown>;
     get disconnected(): EventEmitter<unknown>;
     get changed(): EventEmitter<unknown>;
     invoke<TMethod extends CompoundButtonMethodNames>(method: TMethod, ...args: Parameters<CompoundButtonComponentMethods[TMethod]>): ReturnType<CompoundButtonComponentMethods[TMethod]>;
     private onEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<CompoundButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CompoundButtonComponent, "mosaik-compound-button", never, { "subLabel": { "alias": "subLabel"; "required": false; }; "isNavigation": { "alias": "isNavigation"; "required": false; }; "themeName": { "alias": "themeName"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "horizontalContentAlignment": { "alias": "horizontalContentAlignment"; "required": false; }; "verticalContentAlignment": { "alias": "verticalContentAlignment"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "isBusy": { "alias": "isBusy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CompoundButtonComponent, "mosaik-compound-button", never, { "subLabel": { "alias": "subLabel"; "required": false; }; "isNavigation": { "alias": "isNavigation"; "required": false; }; "themeName": { "alias": "themeName"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "horizontalContentAlignment": { "alias": "horizontalContentAlignment"; "required": false; }; "verticalContentAlignment": { "alias": "verticalContentAlignment"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "isBusy": { "alias": "isBusy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "click": "click"; "focus": "focus"; "blur": "blur"; "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, never>;
 }
 /**
  * Declares the methods available on CompoundButtonComponent.
@@ -5122,7 +5150,9 @@ declare const DATA_TABLE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_eleme
 /**
  * @public
  *
- *
+ * @slot  - Default content area for custom table content and additional elements
+ * @slot header - Table header area for titles, filters, and actions
+ * @slot footer - Table footer area for pagination, totals, and summary information
  */
 declare class DataTableComponent {
     private readonly _element;
@@ -5184,7 +5214,8 @@ declare const DATE_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_element
 /**
  * @public
  *
- *
+ * @slot prefix - Content placed before the input field.
+ * @slot suffix - Content placed after the input field.
  */
 declare class DateBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -5786,11 +5817,11 @@ declare const DIALOG_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
- * @slot  - The default content slot.
- * @slot header - The header slot.
- * @slot footer - The footer slot.
- * @slot content - The content slot.
- * @slot actions - The actions slot.
+ * @slot  - Default content area for main dialog body
+ * @slot header - Dialog header section for titles and controls
+ * @slot footer - Dialog footer section for additional information
+ * @slot content - Main content area for dialog body content
+ * @slot actions - Action buttons and controls area
  */
 declare class DialogComponent {
     private readonly _element;
@@ -6039,7 +6070,7 @@ declare const DOCK_PANEL_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_eleme
 /**
  * @public
  *
- * @slot  - The default slot for child elements to be docked.
+ * @slot  - The default slot for child elements with dock positioning attributes.
  */
 declare class DockPanelComponent {
     private readonly _element;
@@ -6618,8 +6649,8 @@ declare const EMPTY_STATE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elem
 /**
  * @public
  *
- * @slot  - The default slot for placing additional content or elements related to the empty state.
- * @slot actions - The actions slot for placing actionable elements such as buttons or links for user interaction.
+ * @slot  - Default content area for additional empty state information
+ * @slot actions - Action buttons or links for user guidance and next steps
  */
 declare class EmptyStateComponent {
     private readonly _element;
@@ -6893,8 +6924,8 @@ declare const ERROR_STATE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elem
 /**
  * @public
  *
- * @slot  - The default slot for placing additional content or elements related to the error.
- * @slot actions - The actions slot for placing actionable elements such as buttons or links for error resolution.
+ * @slot  - Default content area for additional error information or custom content
+ * @slot actions - Action buttons for error recovery (retry, refresh, contact support, etc.)
  */
 declare class ErrorStateComponent {
     private readonly _element;
@@ -7381,13 +7412,16 @@ declare const FLOATING_ACTION_BUTTON_DEFAULT_PROPS: InjectionToken<Partial<libs_
 /**
  * @public
  *
- * @slot icon - The icon part.
- * @slot label - The label part.
- * @slot overlay - The overlay slot (useful for badges).
+ * @slot icon - Icon content area for the primary visual indicator
+ * @slot label - Optional text label for extended floating action buttons
+ * @slot overlay - Overlay content area for badges, notifications, or status indicators
  */
 declare class FloatingActionButtonComponent {
     private readonly _element;
     private readonly _zone;
+    private readonly _click;
+    private readonly _focus;
+    private readonly _blur;
     private readonly _connected;
     private readonly _disconnected;
     private readonly _changed;
@@ -7422,13 +7456,16 @@ declare class FloatingActionButtonComponent {
     set dir(value: FloatingActionButtonElement['dir']);
     get lang(): FloatingActionButtonElement['lang'];
     set lang(value: FloatingActionButtonElement['lang']);
+    get click(): EventEmitter<unknown>;
+    get focus(): EventEmitter<unknown>;
+    get blur(): EventEmitter<unknown>;
     get connected(): EventEmitter<unknown>;
     get disconnected(): EventEmitter<unknown>;
     get changed(): EventEmitter<unknown>;
     invoke<TMethod extends FloatingActionButtonMethodNames>(method: TMethod, ...args: Parameters<FloatingActionButtonComponentMethods[TMethod]>): ReturnType<FloatingActionButtonComponentMethods[TMethod]>;
     private onEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<FloatingActionButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FloatingActionButtonComponent, "mosaik-fab", never, { "themeName": { "alias": "themeName"; "required": false; }; "isBusy": { "alias": "isBusy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FloatingActionButtonComponent, "mosaik-fab", never, { "themeName": { "alias": "themeName"; "required": false; }; "isBusy": { "alias": "isBusy"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "click": "click"; "focus": "focus"; "blur": "blur"; "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, never>;
 }
 /**
  * Declares the methods available on FloatingActionButtonComponent.
@@ -7568,7 +7605,7 @@ declare const FILE_UPLOAD_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elem
 /**
  * @public
  *
- * @slot  - The default slot for custom UI, such as buttons, instructions, or drop zones.
+ * @slot  - Default slot for custom UI elements like buttons or instructions.
  */
 declare class FileUploadComponent implements ControlValueAccessor {
     private readonly _element;
@@ -8171,7 +8208,7 @@ declare const FORM_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- * @slot  - The default slot where form controls can be placed.
+ * @slot  - Default content area for form controls and layout elements
  */
 declare class FormComponent {
     private readonly _element;
@@ -8285,7 +8322,7 @@ declare const GRID_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- * @slot  - The default slot.
+ * @slot  - The default slot for grid items.
  */
 declare class GridComponent {
     private readonly _element;
@@ -8513,11 +8550,11 @@ declare const IMAGE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_f
 /**
  * @public
  *
- * @slot  - The default content slot.
- * @slot empty - The empty state slot.
- * @slot failed - The empty state slot.
- * @slot pending - The empty state slot.
- * @slot legend - The legend slot.
+ * @slot  - Default content overlaid on the image
+ * @slot empty - Content shown when no image source is provided
+ * @slot failed - Content displayed when image loading fails
+ * @slot pending - Content shown while image is loading
+ * @slot legend - Caption or description content positioned around the image
  */
 declare class ImageComponent {
     private readonly _element;
@@ -9111,9 +9148,11 @@ declare const LIST_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- * @slot  - The default slot.
- * @slot filter - The filter slot.
- * @slot empty - The empty slot.
+ * @slot  - Default content area for list items and groups
+ * @slot filter - Filter controls and search functionality area
+ * @slot empty - Empty state content when no items are available
+ * @slot header - Header content above the list items
+ * @slot footer - Footer content below the list items
  */
 declare class ListComponent {
     private readonly _element;
@@ -9303,7 +9342,7 @@ declare const MASONRY_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements
 /**
  * @public
  *
- * @slot  - The default slot.
+ * @slot  - The default slot for elements to be arranged in masonry layout.
  */
 declare class MasonryComponent {
     private readonly _element;
@@ -9897,8 +9936,8 @@ declare const NUMBER_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_eleme
 /**
  * @public
  *
- * @slot prefix - The prefix slot.
- * @slot suffix - The suffix slot.
+ * @slot prefix - Content placed before the input field.
+ * @slot suffix - Content placed after the input field.
  */
 declare class NumberBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -10223,11 +10262,11 @@ declare const PAGE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- * @slot preHeader - The header of the page.
- * @slot header - The header of the page.
- * @slot preContent - The pre content of the page.
- * @slot content - The content of the page.
- * @slot footer - The footer of the page.
+ * @slot preHeader - Content displayed before the main header (e.g., notifications, alerts)
+ * @slot header - Primary page header content (e.g., navigation, title, actions)
+ * @slot preContent - Content between header and main content (e.g., breadcrumbs, filters)
+ * @slot content - Main page content area
+ * @slot footer - Page footer content (e.g., copyright, links)
  */
 declare class PageComponent {
     private readonly _element;
@@ -10397,7 +10436,8 @@ declare const PASSWORD_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_ele
 /**
  * @public
  *
- *
+ * @slot prefix - Content placed before the input field.
+ * @slot suffix - Content placed after the input field.
  */
 declare class PasswordBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -10558,8 +10598,8 @@ declare const PERSONA_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements
 /**
  * @public
  *
- * @slot  - The default slot for avatar text, commonly a name or initials.
- * @slot badge - Used to provide a badge, such as a status badge.
+ * @slot  - Default content for avatar display (overrides automatic text/icon generation)
+ * @slot badge - Status indicator or notification badge positioned on the avatar
  */
 declare class PersonaComponent {
     private readonly _element;
@@ -11106,8 +11146,8 @@ declare const PROGRESS_RING_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_el
 /**
  * @public
  *
- * @slot label - The label slot.
- * @slot hint - The hint slot.
+ * @slot label - Text label content area for progress description or percentage display
+ * @slot hint - Secondary text content area for additional progress information or status
  */
 declare class ProgressRingComponent {
     private readonly _element;
@@ -11308,7 +11348,9 @@ declare const RADIO_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_f
 /**
  * @public
  *
- *
+ * @slot checkmark - The checkmark slot.
+ * @slot label - The label slot.
+ * @slot hint - The hint slot.
  */
 declare class RadioComponent implements ControlValueAccessor {
     private readonly _element;
@@ -11831,7 +11873,7 @@ declare const RIPPLE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
- *
+ * @slot  - Default content area (typically empty as ripple is a visual effect overlay)
  */
 declare class RippleComponent {
     private readonly _element;
@@ -12098,8 +12140,8 @@ declare const SEARCH_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_eleme
 /**
  * @public
  *
- * @slot prefix - The prefix slot.
- * @slot suffix - The suffix slot.
+ * @slot prefix - Content placed before the search input.
+ * @slot suffix - Content placed after the search input.
  */
 declare class SearchBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -12458,10 +12500,10 @@ declare const SELECT_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
- * @slot  - The default menu slot.
- * @slot prefix - The prefix slot.
- * @slot suffix - The suffix slot.
- * @slot filter - The filter slot.
+ * @slot prefix - Content placed before the input value.
+ * @slot suffix - Content placed after the input value.
+ * @slot filter - Custom filter input for the dropdown.
+ * @slot  - Default slot for select items and groups.
  */
 declare class SelectComponent implements ControlValueAccessor {
     private readonly _element;
@@ -12733,8 +12775,8 @@ declare const SLIDER_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_
 /**
  * @public
  *
- * @slot prefix - The prefix slot.
- * @slot suffix - The suffix slot.
+ * @slot prefix - Content displayed before the slider track (e.g., min value label)
+ * @slot suffix - Content displayed after the slider track (e.g., max value label)
  */
 declare class SliderComponent implements ControlValueAccessor {
     private readonly _element;
@@ -13116,9 +13158,9 @@ declare const SPLIT_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_f
 /**
  * @public
  *
- * @slot start - The start part.
- * @slot end - The end part.
- * @slot divider - The divider part.
+ * @slot start - The primary content panel positioned at the beginning of the split
+ * @slot end - The secondary content panel positioned at the end of the split
+ * @slot thumb - Custom grip icon for the draggable divider (defaults to three dots icon)
  */
 declare class SplitComponent {
     private readonly _element;
@@ -13190,7 +13232,7 @@ declare const STACK_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_f
 /**
  * @public
  *
- * @slot  - The default slot.
+ * @slot  - Default content area for child elements to be arranged in stack layout
  */
 declare class StackComponent {
     private readonly _element;
@@ -13304,8 +13346,8 @@ declare const SUCCESS_STATE_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_el
 /**
  * @public
  *
- * @slot  - The default slot, used for displaying the success state content.
- * @slot actions - The actions slot, used for displaying action buttons or links related to the success state.
+ * @slot  - Default content area for additional success information or custom content
+ * @slot actions - Action buttons for next steps or related operations after success
  */
 declare class SuccessStateComponent {
     private readonly _element;
@@ -14182,7 +14224,8 @@ declare const TEXT_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- * @slot text - The text slot.
+ * @slot text - Primary text content area for displaying formatted text
+ * @slot  - Default content area for text and inline elements
  */
 declare class TextComponent {
     private readonly _element;
@@ -14254,6 +14297,8 @@ declare const TEXT_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_element
  *
  * @slot prefix - The prefix slot.
  * @slot suffix - The suffix slot.
+ * @slot label - The label slot.
+ * @slot hint - The hint slot.
  */
 declare class TextBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -14652,7 +14697,8 @@ declare const TIME_BOX_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_element
 /**
  * @public
  *
- *
+ * @slot prefix - Content placed before the input field.
+ * @slot suffix - Content placed after the input field.
  */
 declare class TimeBoxComponent implements ControlValueAccessor {
     private readonly _element;
@@ -14857,7 +14903,7 @@ declare const TOGGLE_BUTTON_GROUP_DEFAULT_PROPS: InjectionToken<Partial<libs_mos
 /**
  * @public
  *
- *
+ * @slot  - The default slot for toggle buttons.
  */
 declare class ToggleButtonGroupComponent {
     private readonly _element;
@@ -14919,16 +14965,18 @@ declare const TOGGLE_BUTTON_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_el
 /**
  * @public
  *
- * @slot label - The label slot.
- * @slot icon - The icon slot.
- * @slot overlay - The overlay slot (useful for badge).
+ * @slot label - Text label content area for button identification
+ * @slot icon - Icon content area for visual state representation
+ * @slot overlay - Overlay content area for badges, notifications, or state indicators
  */
 declare class ToggleButtonComponent implements ControlValueAccessor {
     private readonly _element;
     private readonly _zone;
     private readonly _accessor;
+    private readonly _change;
     private readonly _checked;
     private readonly _unchecked;
+    private readonly _click;
     private readonly _connected;
     private readonly _disconnected;
     private readonly _changed;
@@ -14975,8 +15023,10 @@ declare class ToggleButtonComponent implements ControlValueAccessor {
     set dir(value: ToggleButtonElement['dir']);
     get lang(): ToggleButtonElement['lang'];
     set lang(value: ToggleButtonElement['lang']);
+    get change(): EventEmitter<unknown>;
     get checked(): EventEmitter<unknown>;
     get unchecked(): EventEmitter<unknown>;
+    get click(): EventEmitter<unknown>;
     get connected(): EventEmitter<unknown>;
     get disconnected(): EventEmitter<unknown>;
     get changed(): EventEmitter<unknown>;
@@ -14987,7 +15037,7 @@ declare class ToggleButtonComponent implements ControlValueAccessor {
     invoke<TMethod extends ToggleButtonMethodNames>(method: TMethod, ...args: Parameters<ToggleButtonComponentMethods[TMethod]>): ReturnType<ToggleButtonComponentMethods[TMethod]>;
     private onEmit;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonComponent, "mosaik-toggle-button", never, { "themeName": { "alias": "themeName"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "horizontalContentAlignment": { "alias": "horizontalContentAlignment"; "required": false; }; "verticalContentAlignment": { "alias": "verticalContentAlignment"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "isBusy": { "alias": "isBusy"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "checked": "checked"; "unchecked": "unchecked"; "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, [{ directive: typeof FormStatusDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleButtonComponent, "mosaik-toggle-button", never, { "themeName": { "alias": "themeName"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "horizontalContentAlignment": { "alias": "horizontalContentAlignment"; "required": false; }; "verticalContentAlignment": { "alias": "verticalContentAlignment"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "isBusy": { "alias": "isBusy"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, { "change": "change"; "checked": "checked"; "unchecked": "unchecked"; "click": "click"; "connected": "connected"; "disconnected": "disconnected"; "changed": "changed"; }, never, ["*"], true, [{ directive: typeof FormStatusDirective; inputs: {}; outputs: {}; }]>;
 }
 /**
  * Declares the methods available on ToggleButtonComponent.
@@ -15014,8 +15064,10 @@ declare const TOGGLE_SWITCH_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_el
 /**
  * @public
  *
- * @slot prefix - A slot for prefix content, typically used for icons or labels.
- * @slot suffix - A slot for suffix content, typically used for additional information or icons.
+ * @slot prefix - Content placed before the switch control.
+ * @slot suffix - Content placed after the switch control.
+ * @slot checkmark - Custom checkmark/switch indicator content.
+ * @slot label - Custom label content.
  */
 declare class ToggleSwitchComponent implements ControlValueAccessor {
     private readonly _element;
@@ -15172,11 +15224,11 @@ declare const TOOLBAR_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements
 /**
  * @public
  *
- * @slot start - The content placed at the start of the toolbar.
- * @slot  - The default content in the toolbar.
- * @slot title - The title of the toolbar.
- * @slot subTitle - The subtitle of the toolbar.
- * @slot end - The content placed at the end of the toolbar.
+ * @slot start - Leading content area for navigation or primary actions
+ * @slot  - Default content slot for main toolbar controls
+ * @slot title - Primary toolbar title or heading
+ * @slot subTitle - Secondary title or subtitle text
+ * @slot end - Trailing content area for secondary actions or controls
  */
 declare class ToolbarComponent {
     private readonly _element;
@@ -15885,7 +15937,7 @@ declare const WRAP_DEFAULT_PROPS: InjectionToken<Partial<libs_mosaik_elements_fo
 /**
  * @public
  *
- *
+ * @slot  - The default slot for elements that will wrap based on available space.
  */
 declare class WrapComponent {
     private readonly _element;