@design-system-rte/angular 0.16.0 → 0.17.0

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

@@ -0,0 +1,19 @@
+import { CardType } from "@design-system-rte/core/components/card/card.interface";
+import { Size } from "@design-system-rte/core/components/common/common-types";
+import * as i0 from "@angular/core";
+export declare class CardComponent {
+    readonly size: import("@angular/core").InputSignal<Size>;
+    readonly cardType: import("@angular/core").InputSignal<CardType>;
+    readonly clickable: import("@angular/core").InputSignal<boolean>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
+    readonly ariaRole: import("@angular/core").InputSignal<string | undefined>;
+    readonly cardClicked: import("@angular/core").OutputEmitterRef<void>;
+    readonly cardWidth: import("@angular/core").Signal<string>;
+    readonly tabIndex: import("@angular/core").Signal<0 | -1>;
+    onClick(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "rte-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "cardType": { "alias": "cardType"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaRole": { "alias": "ariaRole"; "required": false; "isSignal": true; }; }, { "cardClicked": "cardClicked"; }, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,26 @@
+import { AfterViewInit, ElementRef, OnDestroy } from "@angular/core";
+import { SideNavAppearance } from "@design-system-rte/core/components/side-nav/side-nav.interface";
+import * as i0 from "@angular/core";
+type SideNavSize = "s" | "m" | "l";
+export declare class BaseSideNavComponent implements AfterViewInit, OnDestroy {
+    private readonly cdr;
+    private readonly elementRef;
+    readonly contentRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    private readonly collapsedSize;
+    private readonly panelSize;
+    readonly size: import("@angular/core").InputSignal<SideNavSize>;
+    readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    readonly showHeader: import("@angular/core").InputSignal<boolean>;
+    readonly showFooter: import("@angular/core").InputSignal<boolean>;
+    readonly minWidth: import("@angular/core").Signal<string>;
+    private resizeObserver?;
+    private resizeHandler?;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setupResizeObserver;
+    private cleanupResizeObserver;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseSideNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseSideNavComponent, "rte-base-side-nav", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; }, {}, never, ["[side-nav-header]", "[side-nav-body]", "[side-nav-footer]", "[side-nav-content]"], true, never>;
+}
+export {};

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

@@ -0,0 +1,28 @@
+import { BadgeProps } from "@design-system-rte/core/components/badge/badge.interface";
+import { SideNavAppearance } from "@design-system-rte/core/components/side-nav/side-nav.interface";
+import * as i0 from "@angular/core";
+export declare class NavItemComponent {
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    readonly showIcon: import("@angular/core").InputSignal<boolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    readonly link: import("@angular/core").InputSignal<string | undefined>;
+    readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
+    readonly active: import("@angular/core").InputSignal<boolean>;
+    readonly badge: import("@angular/core").InputSignal<BadgeProps | undefined>;
+    readonly isNested: import("@angular/core").InputSignal<boolean>;
+    readonly parentMenuOpen: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly role: import("@angular/core").InputSignal<string | undefined>;
+    readonly showDivider: import("@angular/core").InputSignal<boolean>;
+    readonly focused: import("@angular/core").WritableSignal<boolean>;
+    readonly tabIndex: import("@angular/core").Signal<number>;
+    readonly itemClick: import("@angular/core").OutputEmitterRef<string>;
+    readonly iconSize: import("@angular/core").Signal<number>;
+    handleClick(event: Event): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavItemComponent, "rte-nav-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "isNested": { "alias": "isNested"; "required": false; "isSignal": true; }; "parentMenuOpen": { "alias": "parentMenuOpen"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,42 @@
+import { BadgeProps } from "@design-system-rte/core/components/badge/badge.interface";
+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 { SideNavAppearance } from "@design-system-rte/core/components/side-nav/side-nav.interface";
+import * as i0 from "@angular/core";
+export interface NavMenuOpenChangeEvent {
+    id: string;
+    open: boolean;
+}
+export declare class NavMenuComponent {
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
+    readonly showIcon: import("@angular/core").InputSignal<boolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    readonly link: import("@angular/core").InputSignal<string | undefined>;
+    readonly items: import("@angular/core").InputSignal<NavItemProps[]>;
+    readonly open: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly showMenuIcon: import("@angular/core").InputSignal<boolean>;
+    readonly isNested: import("@angular/core").InputSignal<boolean>;
+    readonly parentMenuOpen: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
+    readonly badge: import("@angular/core").InputSignal<BadgeProps | undefined>;
+    readonly showDivider: import("@angular/core").InputSignal<boolean>;
+    readonly itemClick: import("@angular/core").OutputEmitterRef<string>;
+    readonly openChange: import("@angular/core").OutputEmitterRef<NavMenuOpenChangeEvent>;
+    constructor();
+    readonly hasNestedItems: import("@angular/core").Signal<boolean>;
+    readonly shouldShowMenu: import("@angular/core").Signal<boolean>;
+    readonly tabIndex: import("@angular/core").Signal<number>;
+    readonly dividerAppearance: import("@angular/core").Signal<import("@design-system-rte/core/components/divider/divider.interface").DividerAppearance>;
+    readonly iconSize: import("@angular/core").Signal<number>;
+    toggleMenu(): void;
+    handleEscape(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    hasNestedItemsForItem(item: NavItemProps): item is NavMenuProps;
+    handleMenuOpenChange(event: NavMenuOpenChangeEvent): void;
+    handleMenuClick(itemId: string): void;
+    private closeMenu;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavMenuComponent, "rte-nav-menu", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "showMenuIcon": { "alias": "showMenuIcon"; "required": false; "isSignal": true; }; "isNested": { "alias": "isNested"; "required": false; "isSignal": true; }; "parentMenuOpen": { "alias": "parentMenuOpen"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "openChange": "openChange"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,33 @@
+import { DividerAppearance } from "@design-system-rte/core/components/divider/divider.interface";
+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 { SideNavAppearance, SideNavHeaderConfig } from "@design-system-rte/core/components/side-nav/side-nav.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";
+export declare class SideNavComponent {
+    readonly size: import("@angular/core").InputSignal<SideNavSize>;
+    readonly collapsible: import("@angular/core").InputSignal<boolean>;
+    readonly headerConfig: import("@angular/core").InputSignal<SideNavHeaderConfig | undefined>;
+    readonly items: import("@angular/core").InputSignal<NavItemProps[]>;
+    readonly footerItems: import("@angular/core").InputSignal<NavItemProps[] | undefined>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
+    readonly isCollapsed: import("@angular/core").WritableSignal<boolean>;
+    readonly shouldShowTitle: import("@angular/core").WritableSignal<boolean>;
+    readonly itemClicked: import("@angular/core").OutputEmitterRef<string>;
+    private titleTimeoutId;
+    constructor();
+    readonly collapseIcon: import("@angular/core").Signal<string>;
+    readonly dividerAppearance: import("@angular/core").Signal<DividerAppearance>;
+    handleHeaderKeyDown(event: KeyboardEvent): void;
+    handleHeaderClick(): void;
+    hasNestedItems(item: NavItemProps): item is NavMenuProps;
+    handleItemClick(itemId: string): void;
+    handleFooterItemClick(itemId: string): void;
+    handleMenuOpenChange(event: NavMenuOpenChangeEvent): void;
+    handleFooterMenuOpenChange(event: NavMenuOpenChangeEvent): void;
+    handleCollapseClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavComponent, "rte-side-nav", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "headerConfig": { "alias": "headerConfig"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "footerItems": { "alias": "footerItems"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; }, never, ["[content]"], true, never>;
+}

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

@@ -1,18 +1,19 @@
 import { AfterViewInit, OnDestroy } from "@angular/core";
+import { Position } from "@design-system-rte/core/common/common-types";
 import * as i0 from "@angular/core";
 export declare class TooltipDirective implements AfterViewInit, OnDestroy {
     readonly rteTooltip: import("@angular/core").InputSignal<string>;
-    readonly rteTooltipPosition: import("@angular/core").InputSignal<string>;
+    readonly rteTooltipPosition: import("@angular/core").InputSignal<Position>;
     readonly rteTooltipAlignment: import("@angular/core").InputSignal<string>;
     readonly rteTooltipArrow: import("@angular/core").InputSignal<boolean>;
     readonly rteTooltipShouldFocusTrigger: import("@angular/core").InputSignal<boolean>;
+    readonly rteTooltipGap: import("@angular/core").InputSignal<number>;
     private tooltipRef;
     private hostElement;
     private overlayService;
     private elementRef;
     private viewContainerRef;
     private renderer;
-    private cdr;
     onMouseEnter(): void;
     onMouseLeave(): void;
     onFocus(): void;
@@ -25,5 +26,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; }; "rteTooltipShouldFocusTrigger": { "alias": "rteTooltipShouldFocusTrigger"; "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; }; "rteTooltipGap": { "alias": "rteTooltipGap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/angular",
-  "version": "0.16.0",
+  "version": "0.17.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.20.0",
+    "@design-system-rte/core": "^0.21.0",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,

package/public-api.d.ts

@@ -20,7 +20,9 @@ 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/card/card.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";
+export * from "./lib/components/side-nav/side-nav.component";