@design-system-rte/angular 0.14.0 → 0.16.0

package/lib/components/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts

@@ -0,0 +1,16 @@
+import { AfterViewInit } from "@angular/core";
+import { BreadcrumbProps } from "@design-system-rte/core/components/breadcrumbs/breadcrumbs.interface";
+import * as i0 from "@angular/core";
+export declare class BreadcrumbItemComponent implements AfterViewInit {
+    readonly item: import("@angular/core").InputSignal<BreadcrumbProps | undefined>;
+    readonly isLast: import("@angular/core").InputSignal<boolean>;
+    readonly breadcrumbItemMaxWidth: import("@angular/core").InputSignal<number | undefined>;
+    readonly initialScrollWidth: import("@angular/core").WritableSignal<number>;
+    private elementRef;
+    readonly isEllipsisActive: import("@angular/core").Signal<boolean>;
+    readonly tooltipTriggerStyle: import("@angular/core").Signal<string>;
+    readonly linkStyle: import("@angular/core").Signal<string>;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemComponent, "rte-breadcrumb-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "isLast": { "alias": "isLast"; "required": false; "isSignal": true; }; "breadcrumbItemMaxWidth": { "alias": "breadcrumbItemMaxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/breadcrumbs/breadcrumbs.component.d.ts

@@ -3,7 +3,8 @@ import * as i0 from "@angular/core";
 export declare class BreadcrumbsComponent {
     readonly items: import("@angular/core").InputSignal<BreadcrumbProps[]>;
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly breadcrumbItemMaxWidth: import("@angular/core").InputSignal<number>;
     readonly truncatedItems: import("@angular/core").Signal<BreadcrumbsTruncatedItems | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "rte-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "rte-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "breadcrumbItemMaxWidth": { "alias": "breadcrumbItemMaxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/button/button.component.d.ts

@@ -1,17 +1,9 @@
-import { ButtonType } from "@design-system-rte/core/components/button/button.interface";
 import { ButtonSize, ButtonVariant } from "@design-system-rte/core/components/button/common/common-button";
 import * as i0 from "@angular/core";
 export declare class ButtonComponent {
-    readonly label: import("@angular/core").InputSignal<string>;
-    readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
-    readonly size: import("@angular/core").InputSignal<ButtonSize>;
-    readonly disabled: import("@angular/core").InputSignal<boolean>;
-    readonly icon: import("@angular/core").InputSignal<string>;
-    readonly ariaLabel: import("@angular/core").InputSignal<string>;
-    readonly ariaLabelledBy: import("@angular/core").InputSignal<string>;
-    readonly buttonType: import("@angular/core").InputSignal<ButtonType>;
-    readonly click: import("@angular/core").OutputEmitterRef<void>;
-    onClick(event: MouseEvent | KeyboardEvent): void;
+    readonly rteButtonVariant: import("@angular/core").InputSignal<ButtonVariant>;
+    readonly rteButtonSize: import("@angular/core").InputSignal<ButtonSize>;
+    get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "rte-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "buttonType": { "alias": "buttonType"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[rteButton]", never, { "rteButtonVariant": { "alias": "rteButtonVariant"; "required": false; "isSignal": true; }; "rteButtonSize": { "alias": "rteButtonSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/chip/chip.component.d.ts

@@ -4,7 +4,7 @@ export declare class ChipComponent {
     readonly label: import("@angular/core").InputSignal<string>;
     readonly selected: import("@angular/core").InputSignal<boolean>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
-    readonly type: import("@angular/core").InputSignal<"input" | "multi" | "single">;
+    readonly type: import("@angular/core").InputSignal<"input" | "single" | "multi">;
     readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
     readonly click: import("@angular/core").OutputEmitterRef<Event>;
     readonly close: import("@angular/core").OutputEmitterRef<Event>;

package/lib/components/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts

@@ -2,10 +2,13 @@ import { ElementRef } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class DropdownTriggerDirective {
     readonly elementRef: ElementRef<any>;
+    readonly rteDropdownTriggerActivateWithArrowDown: import("@angular/core").InputSignal<boolean>;
     readonly dropdownKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     readonly dropdownTriggered: import("@angular/core").OutputEmitterRef<Event>;
+    readonly dropdownTriggerFocus: import("@angular/core").OutputEmitterRef<Event>;
     onDropdownTriggered(event: Event): void;
+    onDropdownTriggerFocus(event: Event): void;
     onKeyDown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[rteDropdownTrigger]", never, {}, { "dropdownKeyDown": "dropdownKeyDown"; "dropdownTriggered": "dropdownTriggered"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[rteDropdownTrigger]", never, { "rteDropdownTriggerActivateWithArrowDown": { "alias": "rteDropdownTriggerActivateWithArrowDown"; "required": false; "isSignal": true; }; }, { "dropdownKeyDown": "dropdownKeyDown"; "dropdownTriggered": "dropdownTriggered"; "dropdownTriggerFocus": "dropdownTriggerFocus"; }, never, never, true, never>;
 }

package/lib/components/dropdown/dropdown.directive.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentInit, ChangeDetectorRef, ComponentRef, DestroyRef, ElementRef, OnDestroy, Renderer2, ViewContainerRef } from "@angular/core";
+import { Alignment } from "@design-system-rte/core/common/common-types";
 import { Position } from "@design-system-rte/core/components/common/common-types";
 import { DropdownService } from "../../services/dropdown.service";
 import { OverlayService } from "../../services/overlay.service";
@@ -10,6 +11,7 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
     readonly trigger: import("@angular/core").Signal<DropdownTriggerDirective | undefined>;
     readonly menu: import("@angular/core").Signal<DropdownMenuComponent | undefined>;
     readonly rteDropdownPosition: import("@angular/core").InputSignal<Position>;
+    readonly rteDropdownAlignment: import("@angular/core").InputSignal<Alignment>;
     readonly rteDropdownIsOpen: import("@angular/core").InputSignal<boolean>;
     readonly rteDropdownOffset: import("@angular/core").InputSignal<number>;
     readonly dropdownId: string;
@@ -43,5 +45,5 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
     private removeClickOutsideListener;
     private closeDropdown;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[rteDropdown]", never, { "rteDropdownPosition": { "alias": "rteDropdownPosition"; "required": false; "isSignal": true; }; "rteDropdownIsOpen": { "alias": "rteDropdownIsOpen"; "required": false; "isSignal": true; }; "rteDropdownOffset": { "alias": "rteDropdownOffset"; "required": false; "isSignal": true; }; }, { "menuEvent": "menuEvent"; }, ["trigger", "menu"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[rteDropdown]", never, { "rteDropdownPosition": { "alias": "rteDropdownPosition"; "required": false; "isSignal": true; }; "rteDropdownAlignment": { "alias": "rteDropdownAlignment"; "required": false; "isSignal": true; }; "rteDropdownIsOpen": { "alias": "rteDropdownIsOpen"; "required": false; "isSignal": true; }; "rteDropdownOffset": { "alias": "rteDropdownOffset"; "required": false; "isSignal": true; }; }, { "menuEvent": "menuEvent"; }, ["trigger", "menu"], never, true, never>;
 }

package/lib/components/dropdown/dropdown.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const focusNextElement: (dropdown: HTMLElement) => void;
+export declare const focusPreviousElement: (dropdown: HTMLElement) => void;
+export declare const focusDropdownFirstElement: (dropdownId: string) => void;
+export declare const focusParentDropdownFirstElement: (dropdownId: string) => void;

package/lib/components/icon-button/icon-button.component.d.ts

@@ -1,3 +1,4 @@
+import { BadgeContent, BadgeType } from "@design-system-rte/core/components/badge/badge.interface";
 import { ButtonType } from "@design-system-rte/core/components/button/button.interface";
 import { ButtonSize, ButtonVariant } from "@design-system-rte/core/components/button/common/common-button";
 import * as i0 from "@angular/core";
@@ -11,10 +12,15 @@ export declare class IconButtonComponent {
     readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
     readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
     readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+    readonly badgeCount: import("@angular/core").InputSignal<number | undefined>;
+    readonly badgeContent: import("@angular/core").InputSignal<BadgeContent | undefined>;
+    readonly badgeType: import("@angular/core").InputSignal<BadgeType | undefined>;
+    readonly badgeIcon: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop">;
     readonly buttonIconSize: import("@angular/core").Signal<number>;
     readonly isValidIconName: import("@angular/core").Signal<boolean>;
-    readonly click: import("@angular/core").OutputEmitterRef<MouseEvent | KeyboardEvent>;
+    readonly click: import("@angular/core").OutputEmitterRef<KeyboardEvent | MouseEvent>;
+    readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
     onClick(event: MouseEvent | KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "rte-icon-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "rte-icon-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "badgeCount": { "alias": "badgeCount"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeIcon": { "alias": "badgeIcon"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
 }

package/lib/components/icon-button-toggle/icon-button-toggle.component.d.ts

@@ -14,7 +14,7 @@ export declare class IconButtonToggleComponent {
     readonly internalSelected: import("@angular/core").WritableSignal<boolean>;
     readonly defaultSelected: import("@angular/core").InputSignal<boolean>;
     readonly isControlled: import("@angular/core").Signal<boolean>;
-    readonly click: import("@angular/core").OutputEmitterRef<MouseEvent | KeyboardEvent>;
+    readonly click: import("@angular/core").OutputEmitterRef<KeyboardEvent | MouseEvent>;
     readonly isSelected: import("@angular/core").Signal<boolean | undefined>;
     private toggleInternalSelectedState;
     onClick(event: MouseEvent | KeyboardEvent): void;

package/lib/components/link/link.component.d.ts

@@ -4,6 +4,8 @@ export declare class LinkComponent {
     readonly href: import("@angular/core").InputSignal<string>;
     readonly subtle: import("@angular/core").InputSignal<boolean>;
     readonly externalLink: import("@angular/core").InputSignal<boolean>;
+    readonly reverse: import("@angular/core").InputSignal<boolean>;
+    readonly maxWidth: import("@angular/core").InputSignal<number | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "rte-link", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "subtle": { "alias": "subtle"; "required": false; "isSignal": true; }; "externalLink": { "alias": "externalLink"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "rte-link", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "subtle": { "alias": "subtle"; "required": false; "isSignal": true; }; "externalLink": { "alias": "externalLink"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/modal/modal-trigger/modal-trigger.directive.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class ModalTriggerDirective {
+    readonly elementRef: ElementRef<any>;
+    readonly modalTriggerKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly modalTriggerClicked: import("@angular/core").OutputEmitterRef<Event>;
+    onModalTriggerClicked(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTriggerDirective, "[rteModalTrigger]", never, {}, { "modalTriggerKeyDown": "modalTriggerKeyDown"; "modalTriggerClicked": "modalTriggerClicked"; }, never, never, true, never>;
+}

package/lib/components/modal/modal.component.d.ts

@@ -0,0 +1,28 @@
+import { TemplateRef, OnDestroy, AfterViewInit } from "@angular/core";
+import { Size } from "@design-system-rte/core/components/common/common-types";
+import { ButtonComponent } from "../button/button.component";
+import * as i0 from "@angular/core";
+export declare class ModalComponent implements AfterViewInit, OnDestroy {
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    readonly iconAppearance: import("@angular/core").InputSignal<"outlined" | "filled">;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly description: import("@angular/core").InputSignal<string | undefined>;
+    readonly secondaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly isOpen: import("@angular/core").InputSignal<boolean>;
+    readonly size: import("@angular/core").InputSignal<Size>;
+    readonly ariaDescribedby: import("@angular/core").InputSignal<string | undefined>;
+    readonly primaryButton: import("@angular/core").InputSignal<TemplateRef<ButtonComponent> | null>;
+    readonly secondaryButton: import("@angular/core").InputSignal<TemplateRef<ButtonComponent> | null>;
+    readonly customContent: import("@angular/core").InputSignal<TemplateRef<unknown> | null>;
+    private readonly elementRef;
+    private focusTrap;
+    constructor();
+    readonly closeModal: import("@angular/core").OutputEmitterRef<void>;
+    readonly iconSize: import("@angular/core").WritableSignal<number>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "rte-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconAppearance": { "alias": "iconAppearance"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "primaryButton": { "alias": "primaryButton"; "required": false; "isSignal": true; }; "secondaryButton": { "alias": "secondaryButton"; "required": false; "isSignal": true; }; "customContent": { "alias": "customContent"; "required": false; "isSignal": true; }; }, { "closeModal": "closeModal"; }, never, never, true, never>;
+}

package/lib/components/modal/modal.directive.d.ts

@@ -0,0 +1,40 @@
+import { AfterContentInit, OnDestroy } from "@angular/core";
+import { Size } from "@design-system-rte/core/components/common/common-types";
+import { ButtonComponent } from "../button/button.component";
+import { ModalTriggerDirective } from "./modal-trigger/modal-trigger.directive";
+import * as i0 from "@angular/core";
+export declare class ModalDirective implements AfterContentInit, OnDestroy {
+    private modalCompRef;
+    private hostElement;
+    private overlayService;
+    private elementRef;
+    private viewContainerRef;
+    readonly trigger: import("@angular/core").Signal<ModalTriggerDirective | undefined>;
+    readonly rteModalId: import("@angular/core").InputSignal<string | undefined>;
+    readonly rteModalIcon: import("@angular/core").InputSignal<string | undefined>;
+    readonly rteModalIconAppearance: import("@angular/core").InputSignal<"outlined" | "filled">;
+    readonly rteModalTitle: import("@angular/core").InputSignal<string | undefined>;
+    readonly rteModalDescription: import("@angular/core").InputSignal<string | undefined>;
+    readonly rteModalIsOpen: import("@angular/core").InputSignal<boolean>;
+    readonly rteModalSize: import("@angular/core").InputSignal<Size>;
+    readonly rteModalAriaDescribedby: import("@angular/core").InputSignal<string | undefined>;
+    readonly rteModalCloseOnClickOutside: import("@angular/core").InputSignal<boolean>;
+    readonly primaryButton: import("@angular/core").Signal<ButtonComponent>;
+    readonly secondaryButton: import("@angular/core").Signal<ButtonComponent | undefined>;
+    readonly customContent: import("@angular/core").Signal<unknown>;
+    private modalElement;
+    private onMouseDown;
+    private onKeyDown;
+    constructor();
+    onTrigger(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    showModal(): void;
+    private handleKeydown;
+    private assignInputsValues;
+    private handleClickAway;
+    private closeModal;
+    private destroyModal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalDirective, "[rteModal]", never, { "rteModalId": { "alias": "rteModalId"; "required": false; "isSignal": true; }; "rteModalIcon": { "alias": "rteModalIcon"; "required": false; "isSignal": true; }; "rteModalIconAppearance": { "alias": "rteModalIconAppearance"; "required": false; "isSignal": true; }; "rteModalTitle": { "alias": "rteModalTitle"; "required": false; "isSignal": true; }; "rteModalDescription": { "alias": "rteModalDescription"; "required": false; "isSignal": true; }; "rteModalIsOpen": { "alias": "rteModalIsOpen"; "required": false; "isSignal": true; }; "rteModalSize": { "alias": "rteModalSize"; "required": false; "isSignal": true; }; "rteModalAriaDescribedby": { "alias": "rteModalAriaDescribedby"; "required": false; "isSignal": true; }; "rteModalCloseOnClickOutside": { "alias": "rteModalCloseOnClickOutside"; "required": false; "isSignal": true; }; }, {}, ["trigger", "primaryButton", "secondaryButton", "customContent"], never, true, never>;
+}

package/lib/components/modal/modal.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./modal.directive";
+import * as i2 from "./modal-trigger/modal-trigger.directive";
+export declare class ModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, never, [typeof i1.ModalDirective, typeof i2.ModalTriggerDirective], [typeof i1.ModalDirective, typeof i2.ModalTriggerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
+}

package/lib/components/popover/popover.component.d.ts

@@ -1,9 +1,9 @@
-import { AfterViewInit } from "@angular/core";
+import { AfterViewInit, OnDestroy } from "@angular/core";
 import { PopoverAlignment } from "@design-system-rte/core/components/popover/popover.interface";
 import * as i0 from "@angular/core";
-export declare class PopoverComponent implements AfterViewInit {
+export declare class PopoverComponent implements AfterViewInit, OnDestroy {
     readonly primaryButtonLabel: import("@angular/core").InputSignal<string>;
-    readonly position: import("@angular/core").InputSignal<"top" | "left" | "right" | "bottom">;
+    readonly position: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right">;
     readonly alignment: import("@angular/core").InputSignal<PopoverAlignment | undefined>;
     readonly content: import("@angular/core").InputSignal<string | undefined>;
     readonly arrow: import("@angular/core").InputSignal<boolean | undefined>;
@@ -16,14 +16,13 @@ export declare class PopoverComponent implements AfterViewInit {
     }>;
     readonly clickPrimaryButton: import("@angular/core").OutputEmitterRef<void>;
     readonly clickSecondaryButton: import("@angular/core").OutputEmitterRef<void>;
-    private element;
     private elementRef;
+    private focusTrap;
     constructor();
     ngAfterViewInit(): void;
-    handleKeydown(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
     handleClickPrimaryButton(): void;
     handleClickSecondaryButton(): void;
-    private focusFirstElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "rte-popover", never, { "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": true; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "coordinates": { "alias": "coordinates"; "required": false; "isSignal": true; }; }, { "clickPrimaryButton": "clickPrimaryButton"; "clickSecondaryButton": "clickSecondaryButton"; }, never, never, true, never>;
 }

package/lib/components/split-button/split-button.component.d.ts

@@ -1,21 +1,28 @@
-import { SplitButtonAppearance, SplitButtonPosition, SplitButtonSize } from "@design-system-rte/core/components/split-button/split-button.interface";
+import { OnInit, OnDestroy } from "@angular/core";
+import { Alignment, Position } from "@design-system-rte/core/components/common/common-types";
+import { SplitButtonAppearance, SplitButtonItemProps, SplitButtonPosition, SplitButtonSize } from "@design-system-rte/core/components/split-button/split-button.interface";
 import * as i0 from "@angular/core";
-export declare class SplitButtonComponent {
+export declare class SplitButtonComponent implements OnInit, OnDestroy {
     readonly appearance: import("@angular/core").InputSignal<SplitButtonAppearance>;
     readonly size: import("@angular/core").InputSignal<SplitButtonSize>;
     readonly label: import("@angular/core").InputSignal<string>;
     readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
-    readonly selected: import("@angular/core").InputSignal<boolean>;
     readonly position: import("@angular/core").InputSignal<SplitButtonPosition>;
     readonly icon: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop" | null>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly ariaLabelRight: import("@angular/core").InputSignal<string | undefined>;
+    readonly options: import("@angular/core").InputSignal<SplitButtonItemProps[]>;
     readonly splitButtonLeftIconSize: import("@angular/core").Signal<number>;
     readonly splitButtonRightIconSize: import("@angular/core").Signal<number>;
     readonly isOpen: import("@angular/core").WritableSignal<boolean>;
+    readonly internalPosition: import("@angular/core").Signal<Position>;
+    readonly internalAlignment: import("@angular/core").Signal<Alignment>;
+    handleClickOutside(event: MouseEvent): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     handleKeyDownOnRightButton(event: KeyboardEvent): void;
     handleKeyDownOnMenu(event: KeyboardEvent): void;
     private handleKeyDown;
     static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "rte-split-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabelRight": { "alias": "ariaLabelRight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "rte-split-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabelRight": { "alias": "ariaLabelRight"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/text-input/text-input.component.d.ts

@@ -28,7 +28,7 @@ export declare class TextInputComponent {
     readonly isHiddenInput: import("@angular/core").WritableSignal<boolean>;
     readonly displayedLeftIcon: import("@angular/core").Signal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop" | null>;
     readonly displayCounter: import("@angular/core").Signal<boolean>;
-    readonly rightIconName: import("@angular/core").Signal<"close" | "" | "visibility-show" | "visibility-hide">;
+    readonly rightIconName: import("@angular/core").Signal<"" | "close" | "visibility-show" | "visibility-hide">;
     readonly rightIconAriaLabel: import("@angular/core").Signal<"" | "show text" | "hide text" | "clear">;
     readonly shouldShowRightIcon: import("@angular/core").Signal<boolean>;
     private lastParentValue;

package/lib/components/tooltip/tooltip.component.d.ts

@@ -2,7 +2,7 @@ import { Alignment } from "@design-system-rte/core/common/common-types";
 import * as i0 from "@angular/core";
 export declare class TooltipComponent {
     readonly label: import("@angular/core").InputSignal<string>;
-    readonly position: import("@angular/core").InputSignal<"top" | "left" | "right" | "bottom">;
+    readonly position: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right">;
     readonly alignment: import("@angular/core").InputSignal<Alignment>;
     readonly arrow: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;

package/lib/components/tooltip/tooltip.directive.d.ts

@@ -5,6 +5,7 @@ export declare class TooltipDirective implements AfterViewInit, OnDestroy {
     readonly rteTooltipPosition: import("@angular/core").InputSignal<string>;
     readonly rteTooltipAlignment: import("@angular/core").InputSignal<string>;
     readonly rteTooltipArrow: import("@angular/core").InputSignal<boolean>;
+    readonly rteTooltipShouldFocusTrigger: import("@angular/core").InputSignal<boolean>;
     private tooltipRef;
     private hostElement;
     private overlayService;
@@ -24,5 +25,5 @@ export declare class TooltipDirective implements AfterViewInit, OnDestroy {
     private positionTooltip;
     private hideTooltip;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[rteTooltip]", never, { "rteTooltip": { "alias": "rteTooltip"; "required": true; "isSignal": true; }; "rteTooltipPosition": { "alias": "rteTooltipPosition"; "required": false; "isSignal": true; }; "rteTooltipAlignment": { "alias": "rteTooltipAlignment"; "required": false; "isSignal": true; }; "rteTooltipArrow": { "alias": "rteTooltipArrow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[rteTooltip]", never, { "rteTooltip": { "alias": "rteTooltip"; "required": true; "isSignal": true; }; "rteTooltipPosition": { "alias": "rteTooltipPosition"; "required": false; "isSignal": true; }; "rteTooltipAlignment": { "alias": "rteTooltipAlignment"; "required": false; "isSignal": true; }; "rteTooltipArrow": { "alias": "rteTooltipArrow"; "required": false; "isSignal": true; }; "rteTooltipShouldFocusTrigger": { "alias": "rteTooltipShouldFocusTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/services/focus-trap.service.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+export declare class FocusTrapService {
+    private keyUnlisten?;
+    private renderer;
+    private activeTrapElement;
+    private previouslyFocusedElement;
+    private focusable;
+    private rendererFactory;
+    constructor();
+    activate(element: HTMLElement): void;
+    deactivate(): void;
+    private focusFirstElement;
+    private handleTab;
+    private getFocusableElements;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrapService>;
+}

package/lib/services/overlay.service.d.ts

@@ -3,9 +3,10 @@ import * as i0 from "@angular/core";
 export declare class OverlayService {
     private overlayRoot?;
     private activeOverlays;
+    private isNavigationFrozen;
     constructor();
     private getOverlayRoot;
-    create<T>(component: Type<T>, viewContainer: ViewContainerRef): ComponentRef<T>;
+    create<T>(component: Type<T>, viewContainer: ViewContainerRef, freezeNavigation?: boolean): ComponentRef<T>;
     destroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlayService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<OverlayService>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/angular",
-  "version": "0.14.0",
+  "version": "0.16.0",
   "description": "Angular components for the Design System RTE",
   "license": "Apache-2.0",
   "publishConfig": {
@@ -11,7 +11,7 @@
     "@angular/core": "^18.2.14"
   },
   "dependencies": {
-    "@design-system-rte/core": "^0.18.0",
+    "@design-system-rte/core": "^0.20.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,

package/public-api.d.ts

@@ -21,3 +21,6 @@ export * from "./lib/components/segmented-control/segmented-control.component";
 export * from "./lib/components/breadcrumbs/breadcrumbs.component";
 export * from "./lib/components/banner/banner.component";
 export * from "./lib/components/popover/popover.directive";
+export * from "./lib/components/modal/modal-trigger/modal-trigger.directive";
+export * from "./lib/components/modal/modal.directive";
+export * from "./lib/components/modal/modal.module";