@design-system-rte/angular 1.2.1-rc5 → 1.4.0

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

@@ -8,7 +8,7 @@ export declare class AssistiveTextComponent {
     readonly isLink: import("@angular/core").Signal<boolean>;
     readonly widthStyle: import("@angular/core").Signal<string>;
     readonly assistiveTextIconSize = 12;
-    readonly iconName: import("@angular/core").Signal<"check-circle" | "error" | undefined>;
+    readonly iconName: import("@angular/core").Signal<"error" | "check-circle" | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AssistiveTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AssistiveTextComponent, "rte-assistive-text", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "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/dropdown/dropdown-item/dropdown-item.component.d.ts

@@ -1,28 +1,40 @@
-import { EventEmitter } from "@angular/core";
-import { DropdownItemProps } from "@design-system-rte/core/components/dropdown/dropdown.interface";
+import { ElementRef, OnDestroy } from "@angular/core";
+import { DropdownItemConfig, SubmenuRequestEvent } from "../dropdown.types";
 import * as i0 from "@angular/core";
-export interface DropdownItemConfig extends Omit<DropdownItemProps, "onClick"> {
-    id?: string;
-    selected?: boolean;
-    label: string;
-    leftIcon?: string;
-    trailingText?: string;
-    disabled?: boolean;
-    hasSeparator?: boolean;
-    hasIndent?: boolean;
-    link?: string;
-    click?: EventEmitter<Event>;
-}
-export declare class DropdownItemComponent {
+export type { DropdownItemConfig };
+export declare class DropdownItemComponent implements OnDestroy {
+    readonly elementRef: ElementRef<any>;
+    private readonly cdr;
     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;
+        item?: DropdownItemConfig | undefined;
     }>;
+    readonly submenuRequest: import("@angular/core").OutputEmitterRef<SubmenuRequestEvent>;
+    readonly subMenuOpen: import("@angular/core").WritableSignal<boolean>;
+    private subMenuRef;
+    private closeSubMenuTimeout;
+    private subMenuSubscriptions;
+    private dropdownManagerUnsubscribe;
+    readonly hasChildren: import("@angular/core").Signal<boolean>;
+    readonly childDropdownId: import("@angular/core").Signal<string>;
     readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
     handleClick(event: Event): void;
     handleKeyDown(event: KeyboardEvent): void;
+    handleMouseEnter(): void;
+    handleFocus(): void;
+    handleMouseLeave(): void;
+    handleSubMenuMouseEnter(): void;
+    openSubMenuForKeyboard(): void;
+    private openSubMenu;
+    private wireSubmenu;
+    private scheduleCloseSubMenu;
+    private cancelCloseSubMenu;
+    private readonly boundHandleSubMenuMouseEnter;
+    private destroySubMenu;
+    ngOnDestroy(): 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>;
+    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"; "submenuRequest": "submenuRequest"; }, never, never, true, never>;
 }

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

@@ -1,16 +1,22 @@
-import { ElementRef, TemplateRef } from "@angular/core";
-import { DropdownItemConfig } from "../dropdown-item/dropdown-item.component";
+import { ElementRef, OnDestroy, TemplateRef } from "@angular/core";
+import { DropdownItemComponent } from "../dropdown-item/dropdown-item.component";
+import { DropdownItemConfig, SubmenuRequestEvent } from "../dropdown.types";
 import { DropdownMenuFooterDirective } from "./dropdown-menu-footer.directive";
 import { DropdownMenuHeaderDirective } from "./dropdown-menu-header.directive";
 import * as i0 from "@angular/core";
-export declare class DropdownMenuComponent {
+export declare class DropdownMenuComponent implements OnDestroy {
+    private static readonly SUB_MENU_OFFSET;
     private readonly elementRef;
+    private pendingPositioningFrameId;
     private readonly dropdownService;
+    private readonly overlayService;
+    private readonly viewContainerRef;
     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;
+        item?: DropdownItemConfig | undefined;
     }>;
     readonly widthStyle: import("@angular/core").Signal<string | undefined>;
     readonly isOpen: import("@angular/core").InputSignal<boolean>;
@@ -29,13 +35,18 @@ export declare class DropdownMenuComponent {
     readonly footerTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
     readonly headerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly footerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    readonly itemComponents: import("@angular/core").Signal<readonly DropdownItemComponent[]>;
     readonly hasHeaderContent: import("@angular/core").Signal<boolean>;
     readonly hasFooterContent: import("@angular/core").Signal<boolean>;
     getChildMenuId(itemIndex: number): string;
     handleItemEvent(itemEvent: {
         event: Event;
         id: string;
+        item?: DropdownItemConfig;
     }): void;
+    handleSubmenuRequest(event: SubmenuRequestEvent): void;
+    ngOnDestroy(): void;
+    private cancelPendingPositioningFrame;
     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; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; }, { "itemEvent": "itemEvent"; "closingMenu": "closingMenu"; }, ["headerDirective", "footerDirective"], ["[dropdown-menu-header]", "[dropdown-menu-footer]"], true, never>;

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

@@ -1,11 +1,12 @@
-import { AfterContentInit, ChangeDetectorRef, ComponentRef, DestroyRef, ElementRef, OnDestroy, Renderer2, ViewContainerRef } from "@angular/core";
+import { AfterContentInit, ChangeDetectorRef, ComponentRef, DestroyRef, ElementRef, Renderer2, ViewContainerRef } from "@angular/core";
 import { Alignment, Position } from "@design-system-rte/core";
 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 { DropdownItemConfig } from "./dropdown.types";
 import * as i0 from "@angular/core";
-export declare class DropdownDirective implements AfterContentInit, OnDestroy {
+export declare class DropdownDirective implements AfterContentInit {
     private static idCounter;
     readonly trigger: import("@angular/core").Signal<DropdownTriggerDirective | undefined>;
     readonly menu: import("@angular/core").Signal<DropdownMenuComponent | undefined>;
@@ -20,6 +21,7 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
     readonly menuEvent: import("@angular/core").OutputEmitterRef<{
         event: Event;
         id: string;
+        item?: DropdownItemConfig | undefined;
     }>;
     readonly dropdownId: string;
     readonly overlayService: OverlayService;
@@ -34,25 +36,27 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
     readonly closedDropdown: import("@angular/core").OutputEmitterRef<void>;
     readonly isActive: import("@angular/core").WritableSignal<boolean>;
     readonly menuInputs: import("@angular/core").Signal<{
-        items: import("./dropdown-item/dropdown-item.component").DropdownItemConfig[];
+        items: DropdownItemConfig[];
         headerTemplate: import("@angular/core").TemplateRef<any> | null | undefined;
         footerTemplate: import("@angular/core").TemplateRef<any> | null | undefined;
         width: string | null;
     } | null>;
     constructor();
     dropdownMenuRef: ComponentRef<DropdownMenuComponent> | null;
+    private itemEventSubscription;
     onTrigger(): void;
     onTriggerKeyEvent(event: KeyboardEvent): void;
     onMenuEvent(event: {
         event: Event;
         id: string;
+        item?: DropdownItemConfig;
     }): void;
     ngAfterContentInit(): void;
     showDropdownMenu(): void;
     private assignInputs;
     private assignWidth;
     private positionDropdownMenu;
-    ngOnDestroy(): void;
+    private unsubscribeItemEvent;
     private readonly handleClickOutside;
     private addClickOutsideListener;
     private removeClickOutsideListener;

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

@@ -0,0 +1,30 @@
+import { ComponentRef, EventEmitter } from "@angular/core";
+import { DropdownItemProps } from "@design-system-rte/core/components/dropdown/dropdown.interface";
+export interface SubmenuCreatedResult {
+    componentRef: ComponentRef<unknown>;
+    hostElement: HTMLElement;
+}
+export interface SubmenuRequestEvent {
+    children: DropdownItemConfig[];
+    childId: string;
+    triggerElement: HTMLElement;
+    onCreated: (result: SubmenuCreatedResult) => void;
+}
+export interface DropdownItemConfig extends Omit<DropdownItemProps, "onClick"> {
+    id?: string;
+    selected?: boolean;
+    label: string;
+    leftIcon?: string;
+    trailingText?: string;
+    disabled?: boolean;
+    hasSeparator?: boolean;
+    hasIndent?: boolean;
+    link?: string;
+    click?: EventEmitter<Event>;
+    children?: DropdownItemConfig[];
+}
+export type DropdownItemEvent = {
+    event: Event;
+    id: string;
+    item?: DropdownItemConfig;
+};

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

@@ -3,3 +3,4 @@ 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";
+export type { DropdownItemConfig } from "./dropdown.types";

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

@@ -7,6 +7,8 @@ export declare class SegmentedControlComponent implements OnChanges, AfterViewIn
     readonly selectedSegment: import("@angular/core").InputSignal<string | undefined>;
     readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
     readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
+    readonly appearance: import("@angular/core").InputSignal<"brand" | "neutral">;
+    readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
     readonly segmentRefs: import("@angular/core").Signal<readonly ElementRef<HTMLDivElement>[]>;
     readonly sliderLeft: import("@angular/core").WritableSignal<number>;
     readonly sliderWidth: import("@angular/core").WritableSignal<number>;
@@ -31,5 +33,5 @@ export declare class SegmentedControlComponent implements OnChanges, AfterViewIn
     private onGlobalKeyDown;
     private focusCurrentSegmentElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlComponent, "rte-segmented-control", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedSegment": { "alias": "selectedSegment"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlComponent, "rte-segmented-control", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedSegment": { "alias": "selectedSegment"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
 }

package/lib/components/side-nav/side-nav.component.d.ts

@@ -1,7 +1,7 @@
 import { SideNavAppearance, SideNavHeaderConfig } from "@design-system-rte/core";
 import { DividerAppearance } from "@design-system-rte/core/components/divider/divider.interface";
-import { NavItemProps } from "@design-system-rte/core";
-import { NavMenuProps } from "@design-system-rte/core";
+import { NavItemProps } from "@design-system-rte/core/components/side-nav/nav-item/nav-item.interface";
+import { NavMenuProps } from "@design-system-rte/core/components/side-nav/nav-menu/nav-menu.interface";
 import { SideNavSize } from "@design-system-rte/core/components/side-nav/side-nav.interface";
 import { NavMenuOpenChangeEvent } from "./nav-menu/nav-menu.component";
 import * as i0 from "@angular/core";

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

@@ -1,7 +1,7 @@
 import { ElementRef, SimpleChanges, AfterViewInit, OnChanges, OnDestroy } from "@angular/core";
 import { Direction } from "@design-system-rte/core/components/common/common-types";
 import { TabAlignment, TabItemProps } from "@design-system-rte/core/components/tab/tab.interface";
-import { DropdownItemConfig } from "../dropdown/dropdown-item/dropdown-item.component";
+import { DropdownItemConfig } from "../dropdown/dropdown.types";
 import { TabItemComponent } from "./tab-item/tab-item.component";
 import * as i0 from "@angular/core";
 export declare class TabComponent implements AfterViewInit, OnChanges, OnDestroy {

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

@@ -7,8 +7,9 @@ export declare class TagComponent {
     readonly label: import("@angular/core").InputSignal<string>;
     readonly showLeftIcon: import("@angular/core").InputSignal<boolean>;
     readonly iconName: 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" | undefined>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
     readonly computedIconName: 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">;
     readonly isValidIconName: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "rte-tag", never, { "tagType": { "alias": "tagType"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLeftIcon": { "alias": "showLeftIcon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "rte-tag", never, { "tagType": { "alias": "tagType"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLeftIcon": { "alias": "showLeftIcon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -12,7 +12,7 @@ export declare class BaseTextInputComponent {
     readonly showRightIcon: import("@angular/core").InputSignal<boolean>;
     readonly rightIconAction: import("@angular/core").InputSignal<"clean" | "visibilityOn" | "visibilityOff">;
     readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
-    readonly assistiveAppearance: import("@angular/core").InputSignal<"link" | "error" | "success" | "description">;
+    readonly assistiveAppearance: import("@angular/core").InputSignal<"link" | "error" | "description" | "success">;
     readonly showAssistiveIcon: import("@angular/core").InputSignal<boolean>;
     readonly assistiveTextLabel: import("@angular/core").InputSignal<string>;
     readonly error: import("@angular/core").InputSignal<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/angular",
-  "version": "1.2.1-rc5",
+  "version": "1.4.0",
   "description": "Angular components for the Design System RTE",
   "license": "Apache-2.0",
   "publishConfig": {
@@ -9,7 +9,7 @@
   "peerDependencies": {
     "@angular/common": "^18.2.14",
     "@angular/core": "^18.2.14",
-    "@design-system-rte/core": "^1.2.2-rc3"
+    "@design-system-rte/core": "^1.4.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -27,6 +27,7 @@ export * from "./lib/components/modal/modal-trigger/modal-trigger.directive";
 export * from "./lib/components/modal/modal.directive";
 export * from "./lib/components/modal/modal.module";
 export * from "./lib/components/searchbar/searchbar.component";
+export * from "./lib/components/side-nav/base-side-nav/base-side-nav.component";
 export * from "./lib/components/side-nav/side-nav.component";
 export * from "./lib/components/stepper/stepper.component";
 export * from "./lib/components/toast/toast.component";
@@ -34,3 +35,10 @@ export * from "./lib/components/toast/toast.service";
 export * from "./lib/components/tag/tag.component";
 export * from "./lib/components/select/select.component";
 export * from "./lib/components/tab/tab.component";
+export * from "./lib/components/dropdown/dropdown.directive";
+export * from "./lib/components/dropdown/dropdown-trigger/dropdown-trigger.directive";
+export * from "./lib/components/dropdown/dropdown-menu/dropdown-menu.component";
+export * from "./lib/components/dropdown/dropdown-item/dropdown-item.component";
+export * from "./lib/components/dropdown/dropdown-menu/dropdown-menu-header.directive";
+export * from "./lib/components/dropdown/dropdown-menu/dropdown-menu-footer.directive";
+export * from "./lib/components/dropdown/dropdown.module";