@design-system-rte/angular 0.12.0 → 0.14.0

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

@@ -1,11 +1,12 @@
-import { BadgeAppearance, BadgeSize, BadgeType } from "@design-system-rte/core/components/badge/badge.interface";
+import { BadgeContent, BadgeSize, BadgeType } from "@design-system-rte/core/components/badge/badge.interface";
 import * as i0 from "@angular/core";
 export declare class BadgeComponent {
     readonly badgeType: import("@angular/core").InputSignal<BadgeType>;
     readonly badgeSize: import("@angular/core").InputSignal<BadgeSize>;
-    readonly badgeAppearance: import("@angular/core").InputSignal<BadgeAppearance>;
+    readonly badgeContent: import("@angular/core").InputSignal<BadgeContent>;
     readonly count: import("@angular/core").InputSignal<number | undefined>;
-    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">;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly simpleBadge: import("@angular/core").InputSignal<boolean>;
     readonly isValidIconName: import("@angular/core").Signal<boolean>;
     readonly showIcon: import("@angular/core").Signal<boolean>;
     readonly showText: import("@angular/core").Signal<boolean>;
@@ -14,5 +15,5 @@ export declare class BadgeComponent {
     readonly iconSize: import("@angular/core").Signal<number | undefined>;
     readonly showBadge: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "rte-badge", never, { "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "badgeAppearance": { "alias": "badgeAppearance"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "rte-badge", never, { "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "simpleBadge": { "alias": "simpleBadge"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,10 +1,10 @@
 import { OnChanges, OnDestroy, OnInit } from "@angular/core";
-import { BadgeType, BadgeSize, BadgeAppearance } from "@design-system-rte/core/components/badge/badge.interface";
+import { BadgeType, BadgeSize, BadgeContent } from "@design-system-rte/core/components/badge/badge.interface";
 import * as i0 from "@angular/core";
 export declare class BadgeDirective implements OnInit, OnChanges, OnDestroy {
     readonly rteBadgeType: import("@angular/core").InputSignal<BadgeType>;
     readonly rteBadgeSize: import("@angular/core").InputSignal<BadgeSize>;
-    readonly rteBadgeAppearance: import("@angular/core").InputSignal<BadgeAppearance>;
+    readonly rteBadgeContent: import("@angular/core").InputSignal<BadgeContent>;
     readonly rteBadgeCount: import("@angular/core").InputSignal<number | undefined>;
     readonly rteBadgeIcon: 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">;
     private badgeComponentRef;
@@ -19,5 +19,5 @@ export declare class BadgeDirective implements OnInit, OnChanges, OnDestroy {
     private assignDirectiveToComponent;
     private appendComponentToHost;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[rteBadge]", never, { "rteBadgeType": { "alias": "rteBadgeType"; "required": false; "isSignal": true; }; "rteBadgeSize": { "alias": "rteBadgeSize"; "required": false; "isSignal": true; }; "rteBadgeAppearance": { "alias": "rteBadgeAppearance"; "required": false; "isSignal": true; }; "rteBadgeCount": { "alias": "rteBadgeCount"; "required": false; "isSignal": true; }; "rteBadgeIcon": { "alias": "rteBadgeIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[rteBadge]", never, { "rteBadgeType": { "alias": "rteBadgeType"; "required": false; "isSignal": true; }; "rteBadgeSize": { "alias": "rteBadgeSize"; "required": false; "isSignal": true; }; "rteBadgeContent": { "alias": "rteBadgeContent"; "required": false; "isSignal": true; }; "rteBadgeCount": { "alias": "rteBadgeCount"; "required": false; "isSignal": true; }; "rteBadgeIcon": { "alias": "rteBadgeIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,24 @@
+import { SimpleChanges, OnInit, OnChanges } from "@angular/core";
+import { BannerPosition, BannerType } from "@design-system-rte/core/components/banner/banner.interface";
+import * as i0 from "@angular/core";
+export declare class BannerComponent implements OnInit, OnChanges {
+    readonly type: import("@angular/core").InputSignal<BannerType>;
+    readonly message: import("@angular/core").InputSignal<string>;
+    readonly position: import("@angular/core").InputSignal<BannerPosition>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly closable: import("@angular/core").InputSignal<boolean>;
+    readonly showIcon: import("@angular/core").InputSignal<boolean>;
+    readonly isOpen: import("@angular/core").InputSignal<boolean>;
+    readonly actionLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly click: import("@angular/core").OutputEmitterRef<void>;
+    readonly visible: import("@angular/core").WritableSignal<boolean>;
+    readonly rendering: import("@angular/core").WritableSignal<boolean>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    clickAction(): void;
+    closeBanner(): void;
+    private openBanner;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BannerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BannerComponent, "rte-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "click": "click"; "close": "close"; }, never, never, true, never>;
+}

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

@@ -4,7 +4,6 @@ export declare class BreadcrumbsComponent {
     readonly items: import("@angular/core").InputSignal<BreadcrumbProps[]>;
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
     readonly truncatedItems: import("@angular/core").Signal<BreadcrumbsTruncatedItems | null>;
-    readonly truncatedItemsText: import("@angular/core").Signal<string>;
     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>;
 }

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

@@ -11,8 +11,7 @@ export declare class CheckboxComponent {
     readonly errorMessage: import("@angular/core").InputSignal<string>;
     readonly readOnly: import("@angular/core").InputSignal<boolean>;
     readonly checked: import("@angular/core").InputSignal<boolean>;
-    readonly groupName: import("@angular/core").InputSignal<string>;
     onKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "rte-checkbox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "groupName": { "alias": "groupName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "rte-checkbox", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/checkbox-group/checkbox-group.component.d.ts

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class CheckboxGroupComponent {
-    readonly groupName: import("@angular/core").InputSignal<string>;
     readonly items: import("@angular/core").InputSignal<string[]>;
     readonly direction: import("@angular/core").InputSignal<string>;
     readonly showItemsLabel: import("@angular/core").InputSignal<boolean>;
@@ -14,5 +13,5 @@ export declare class CheckboxGroupComponent {
     readonly readOnly: import("@angular/core").InputSignal<boolean>;
     readonly isDisplayed: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "rte-checkbox-group", never, { "groupName": { "alias": "groupName"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "showItemsLabel": { "alias": "showItemsLabel"; "required": false; "isSignal": true; }; "groupTitle": { "alias": "groupTitle"; "required": false; "isSignal": true; }; "showGroupTitle": { "alias": "showGroupTitle"; "required": false; "isSignal": true; }; "groupHelpText": { "alias": "groupHelpText"; "required": false; "isSignal": true; }; "showHelpText": { "alias": "showHelpText"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "rte-checkbox-group", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "showItemsLabel": { "alias": "showItemsLabel"; "required": false; "isSignal": true; }; "groupTitle": { "alias": "groupTitle"; "required": false; "isSignal": true; }; "showGroupTitle": { "alias": "showGroupTitle"; "required": false; "isSignal": true; }; "groupHelpText": { "alias": "groupHelpText"; "required": false; "isSignal": true; }; "showHelpText": { "alias": "showHelpText"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; }, {}, never, 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" | "single" | "multi">;
+    readonly type: import("@angular/core").InputSignal<"input" | "multi" | "single">;
     readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
     readonly click: import("@angular/core").OutputEmitterRef<Event>;
     readonly close: import("@angular/core").OutputEmitterRef<Event>;

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

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class DividerComponent {
-    readonly orientation: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerOrientation | undefined>;
+    readonly orientation: import("@angular/core").InputSignal<import("@design-system-rte/core/components/common/common-types").Direction | undefined>;
     readonly thickness: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerThickness | undefined>;
     readonly appearance: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerAppearance | undefined>;
     readonly endPoint: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerEndPoint | undefined>;

package/lib/components/dropdown/dropdown-item/dropdown-item.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from "@angular/core";
+import * as i0 from "@angular/core";
+export interface DropdownItemConfig {
+    id?: string;
+    label: string;
+    leftIcon?: string;
+    trailingText?: string;
+    disabled?: boolean;
+    hasSeparator?: boolean;
+    hasIndent?: boolean;
+    link?: string;
+    click?: EventEmitter<Event>;
+}
+export declare class DropdownItemComponent {
+    readonly item: import("@angular/core").InputSignal<DropdownItemConfig | undefined>;
+    readonly menuId: import("@angular/core").InputSignal<string | undefined>;
+    readonly itemEvent: import("@angular/core").OutputEmitterRef<{
+        event: Event;
+        id: string;
+    }>;
+    handleClick(event: Event): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownItemComponent, "rte-dropdown-item", never, { "item": { "alias": "item"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; }, { "itemEvent": "itemEvent"; }, never, never, true, never>;
+}

package/lib/components/dropdown/dropdown-menu/dropdown-menu.component.d.ts

@@ -0,0 +1,20 @@
+import { DropdownItemConfig } from "../dropdown-item/dropdown-item.component";
+import * as i0 from "@angular/core";
+export declare class DropdownMenuComponent {
+    private readonly elementRef;
+    private readonly dropdownService;
+    readonly items: import("@angular/core").InputSignal<DropdownItemConfig[]>;
+    readonly menuId: import("@angular/core").InputSignal<string | undefined>;
+    readonly itemEvent: import("@angular/core").OutputEmitterRef<{
+        event: Event;
+        id: string;
+    }>;
+    getChildMenuId(itemIndex: number): string;
+    handleItemEvent(itemEvent: {
+        event: Event;
+        id: string;
+    }): void;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "rte-dropdown-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; }, { "itemEvent": "itemEvent"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,11 @@
+import { ElementRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class DropdownTriggerDirective {
+    readonly elementRef: ElementRef<any>;
+    readonly dropdownKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly dropdownTriggered: import("@angular/core").OutputEmitterRef<Event>;
+    onDropdownTriggered(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>;
+}

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

@@ -0,0 +1,47 @@
+import { AfterContentInit, ChangeDetectorRef, ComponentRef, DestroyRef, ElementRef, OnDestroy, Renderer2, ViewContainerRef } from "@angular/core";
+import { Position } from "@design-system-rte/core/components/common/common-types";
+import { DropdownService } from "../../services/dropdown.service";
+import { OverlayService } from "../../services/overlay.service";
+import { DropdownMenuComponent } from "./dropdown-menu/dropdown-menu.component";
+import { DropdownTriggerDirective } from "./dropdown-trigger/dropdown-trigger.directive";
+import * as i0 from "@angular/core";
+export declare class DropdownDirective implements AfterContentInit, OnDestroy {
+    private static idCounter;
+    readonly trigger: import("@angular/core").Signal<DropdownTriggerDirective | undefined>;
+    readonly menu: import("@angular/core").Signal<DropdownMenuComponent | undefined>;
+    readonly rteDropdownPosition: import("@angular/core").InputSignal<Position>;
+    readonly rteDropdownIsOpen: import("@angular/core").InputSignal<boolean>;
+    readonly rteDropdownOffset: import("@angular/core").InputSignal<number>;
+    readonly dropdownId: string;
+    readonly menuEvent: import("@angular/core").OutputEmitterRef<{
+        event: Event;
+        id: string;
+    }>;
+    readonly overlayService: OverlayService;
+    readonly dropdownService: DropdownService;
+    readonly viewContainerRef: ViewContainerRef;
+    readonly elementRef: ElementRef<any>;
+    readonly renderer: Renderer2;
+    readonly hostElement: HTMLElement;
+    readonly destroyRef: DestroyRef;
+    readonly cdr: ChangeDetectorRef;
+    constructor();
+    dropdownMenuRef: ComponentRef<DropdownMenuComponent> | null;
+    onTrigger(): void;
+    onTriggerKeyEvent(event: KeyboardEvent): void;
+    onMenuEvent(event: {
+        event: Event;
+        id: string;
+    }): void;
+    ngAfterContentInit(): void;
+    showDropdownMenu(): void;
+    private assignItems;
+    private positionDropdownMenu;
+    ngOnDestroy(): void;
+    private readonly handleClickOutside;
+    private addClickOutsideListener;
+    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>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dropdown.directive";
+import * as i2 from "./dropdown-trigger/dropdown-trigger.directive";
+import * as i3 from "./dropdown-menu/dropdown-menu.component";
+import * as i4 from "./dropdown-item/dropdown-item.component";
+export declare class DropdownModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, never, [typeof i1.DropdownDirective, typeof i2.DropdownTriggerDirective, typeof i3.DropdownMenuComponent, typeof i4.DropdownItemComponent], [typeof i1.DropdownDirective, typeof i2.DropdownTriggerDirective, typeof i3.DropdownMenuComponent, typeof i4.DropdownItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DropdownModule>;
+}

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

@@ -0,0 +1,5 @@
+export { DropdownModule } from "./dropdown.module";
+export { DropdownDirective } from "./dropdown.directive";
+export { DropdownTriggerDirective } from "./dropdown-trigger/dropdown-trigger.directive";
+export { DropdownMenuComponent } from "./dropdown-menu/dropdown-menu.component";
+export { DropdownItemComponent } from "./dropdown-item/dropdown-item.component";

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

@@ -0,0 +1,29 @@
+import { AfterViewInit } 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 {
+    readonly primaryButtonLabel: import("@angular/core").InputSignal<string>;
+    readonly position: import("@angular/core").InputSignal<"top" | "left" | "right" | "bottom">;
+    readonly alignment: import("@angular/core").InputSignal<PopoverAlignment | undefined>;
+    readonly content: import("@angular/core").InputSignal<string | undefined>;
+    readonly arrow: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly title: import("@angular/core").InputSignal<string | undefined>;
+    readonly secondaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly isOpen: import("@angular/core").InputSignal<boolean>;
+    readonly coordinates: import("@angular/core").InputSignal<{
+        top: number;
+        left: number;
+    }>;
+    readonly clickPrimaryButton: import("@angular/core").OutputEmitterRef<void>;
+    readonly clickSecondaryButton: import("@angular/core").OutputEmitterRef<void>;
+    private element;
+    private elementRef;
+    constructor();
+    ngAfterViewInit(): void;
+    handleKeydown(event: KeyboardEvent): 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/popover/popover.directive.d.ts

@@ -0,0 +1,41 @@
+import { AfterViewInit, OnDestroy } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class PopoverDirective implements AfterViewInit, OnDestroy {
+    readonly rtePopoverContent: import("@angular/core").InputSignal<string>;
+    readonly rtePopoverTitle: import("@angular/core").InputSignal<string | undefined>;
+    readonly rtePopoverPosition: import("@angular/core").InputSignal<string>;
+    readonly rtePopoverAlignment: import("@angular/core").InputSignal<string>;
+    readonly rtePopoverArrow: import("@angular/core").InputSignal<boolean>;
+    readonly rtePopoverPrimaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly rtePopoverSecondaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly clickPrimaryButton: import("@angular/core").OutputEmitterRef<void>;
+    readonly clickSecondaryButton: import("@angular/core").OutputEmitterRef<void>;
+    readonly rtePopoverCloseOnClickOutside: import("@angular/core").InputSignal<boolean>;
+    readonly rtePopoverCloseOnEscape: import("@angular/core").InputSignal<boolean>;
+    private popoverRef;
+    private hostElement;
+    private overlayService;
+    private elementRef;
+    private viewContainerRef;
+    private renderer;
+    private subPrimary?;
+    private subSecondary?;
+    private onScroll;
+    private onMouseDown;
+    private onKeyDown;
+    onClick(): void;
+    constructor();
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    showPopover(): void;
+    private handleClickAway;
+    private handleKeydown;
+    private assignDirectiveToComponent;
+    private handleClickPrimaryButton;
+    private handleClickSecondaryButton;
+    private positionPopover;
+    private hidePopover;
+    private destroyPopover;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[rtePopover]", never, { "rtePopoverContent": { "alias": "rtePopoverContent"; "required": true; "isSignal": true; }; "rtePopoverTitle": { "alias": "rtePopoverTitle"; "required": false; "isSignal": true; }; "rtePopoverPosition": { "alias": "rtePopoverPosition"; "required": false; "isSignal": true; }; "rtePopoverAlignment": { "alias": "rtePopoverAlignment"; "required": false; "isSignal": true; }; "rtePopoverArrow": { "alias": "rtePopoverArrow"; "required": false; "isSignal": true; }; "rtePopoverPrimaryButtonLabel": { "alias": "rtePopoverPrimaryButtonLabel"; "required": false; "isSignal": true; }; "rtePopoverSecondaryButtonLabel": { "alias": "rtePopoverSecondaryButtonLabel"; "required": false; "isSignal": true; }; "rtePopoverCloseOnClickOutside": { "alias": "rtePopoverCloseOnClickOutside"; "required": false; "isSignal": true; }; "rtePopoverCloseOnEscape": { "alias": "rtePopoverCloseOnEscape"; "required": false; "isSignal": true; }; }, { "clickPrimaryButton": "clickPrimaryButton"; "clickSecondaryButton": "clickSecondaryButton"; }, never, never, true, never>;
+}

package/lib/components/segmented-control/segmented-control.component.d.ts

@@ -10,8 +10,10 @@ export declare class SegmentedControlComponent implements OnChanges, AfterViewIn
     readonly segmentRefs: import("@angular/core").Signal<readonly ElementRef<HTMLDivElement>[]>;
     readonly sliderLeft: import("@angular/core").WritableSignal<number>;
     readonly sliderWidth: import("@angular/core").WritableSignal<number>;
+    readonly sliderTop: import("@angular/core").WritableSignal<number>;
     readonly segmentSelectedIndicatorStyle: import("@angular/core").Signal<{
         left: string;
+        top: string;
         width: string;
     }>;
     readonly isValidOptions: import("@angular/core").Signal<boolean>;

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

@@ -1,8 +1,9 @@
+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<string>;
-    readonly alignment: import("@angular/core").InputSignal<string>;
+    readonly position: import("@angular/core").InputSignal<"top" | "left" | "right" | "bottom">;
+    readonly alignment: import("@angular/core").InputSignal<Alignment>;
     readonly arrow: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "rte-tooltip", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -0,0 +1,27 @@
+import { ElementRef } from "@angular/core";
+import { BehaviorSubject, Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export interface KeyboardHandlingOptions {
+    menuElement: ElementRef | null;
+    menuId: string;
+    itemIndex?: number;
+}
+export interface DropdownState {
+    activeMenuId: string;
+}
+export declare class DropdownService {
+    private readonly initialState;
+    state$: BehaviorSubject<DropdownState | null>;
+    readonly activeMenuId$: Observable<string | undefined>;
+    openMenu(menuId: string): void;
+    closeAllMenus(): void;
+    isMenuActive(menuId: string): Observable<boolean>;
+    reset(): void;
+    handleKeyboardInput(key: string, options: KeyboardHandlingOptions): void;
+    handleKeyboardNavigation(key: string, options: KeyboardHandlingOptions): void;
+    private focusNextElement;
+    private focusPreviousElement;
+    private getFocusableElements;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DropdownService>;
+}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@design-system-rte/angular",
-  "version": "0.12.0",
+  "version": "0.14.0",
   "description": "Angular components for the Design System RTE",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^17.3.12",
-    "@angular/core": "^17.3.12"
+    "@angular/common": "^18.2.14",
+    "@angular/core": "^18.2.14"
   },
   "dependencies": {
-    "@design-system-rte/core": "^0.16.0",
+    "@design-system-rte/core": "^0.18.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,

package/public-api.d.ts

@@ -19,3 +19,5 @@ export * from "./lib/components/divider/divider.component";
 export * from "./lib/components/switch/switch.component";
 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";