@design-system-rte/angular 0.15.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/banner/banner.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +1 -1
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/card/card.component.mjs +40 -0
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/checkbox-group/checkbox-group.component.mjs +3 -3
- package/esm2022/lib/components/divider/divider.component.mjs +3 -3
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +13 -3
- package/esm2022/lib/components/icon-button-toggle/icon-button-toggle.component.mjs +1 -1
- package/esm2022/lib/components/link/link.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal-trigger/modal-trigger.directive.mjs +31 -0
- package/esm2022/lib/components/modal/modal.component.mjs +48 -0
- package/esm2022/lib/components/modal/modal.directive.mjs +118 -0
- package/esm2022/lib/components/modal/modal.module.mjs +17 -0
- package/esm2022/lib/components/popover/popover.component.mjs +11 -28
- package/esm2022/lib/components/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/lib/components/radio-button-group/radio-button-group.component.mjs +3 -3
- package/esm2022/lib/components/side-nav/base-side-nav/base-side-nav.component.mjs +63 -0
- package/esm2022/lib/components/side-nav/nav-item/nav-item.component.mjs +58 -0
- package/esm2022/lib/components/side-nav/nav-menu/nav-menu.component.mjs +90 -0
- package/esm2022/lib/components/side-nav/side-nav.component.mjs +96 -0
- package/esm2022/lib/components/text-input/text-input.component.mjs +3 -3
- package/esm2022/lib/components/textarea/textarea.component.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip.directive.mjs +11 -8
- package/esm2022/lib/services/focus-trap.service.mjs +64 -0
- package/esm2022/lib/services/overlay.service.mjs +19 -4
- package/esm2022/public-api.mjs +6 -1
- package/fesm2022/design-system-rte-angular.mjs +727 -153
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/badge/badge.directive.d.ts +1 -1
- package/lib/components/card/card.component.d.ts +19 -0
- package/lib/components/chip/chip.component.d.ts +1 -1
- package/lib/components/icon-button/icon-button.component.d.ts +8 -2
- package/lib/components/icon-button-toggle/icon-button-toggle.component.d.ts +1 -1
- package/lib/components/modal/modal-trigger/modal-trigger.directive.d.ts +11 -0
- package/lib/components/modal/modal.component.d.ts +28 -0
- package/lib/components/modal/modal.directive.d.ts +40 -0
- package/lib/components/modal/modal.module.d.ts +8 -0
- package/lib/components/popover/popover.component.d.ts +4 -5
- package/lib/components/side-nav/base-side-nav/base-side-nav.component.d.ts +26 -0
- package/lib/components/side-nav/nav-item/nav-item.component.d.ts +28 -0
- package/lib/components/side-nav/nav-menu/nav-menu.component.d.ts +42 -0
- package/lib/components/side-nav/side-nav.component.d.ts +33 -0
- package/lib/components/split-button/split-button.component.d.ts +1 -1
- package/lib/components/text-input/text-input.component.d.ts +3 -3
- package/lib/components/tooltip/tooltip.directive.d.ts +4 -3
- package/lib/services/focus-trap.service.d.ts +17 -0
- package/lib/services/overlay.service.d.ts +2 -1
- package/package.json +2 -2
- package/public-api.d.ts +5 -0
|
@@ -6,7 +6,7 @@ export declare class BadgeDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
6
6
|
readonly rteBadgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
7
7
|
readonly rteBadgeContent: import("@angular/core").InputSignal<BadgeContent>;
|
|
8
8
|
readonly rteBadgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
9
|
-
readonly rteBadgeIcon: import("@angular/core").InputSignal<"
|
|
9
|
+
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">;
|
|
10
10
|
private badgeComponentRef;
|
|
11
11
|
private hostElement;
|
|
12
12
|
private readonly viewContainer;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CardType } from "@design-system-rte/core/components/card/card.interface";
|
|
2
|
+
import { Size } from "@design-system-rte/core/components/common/common-types";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class CardComponent {
|
|
5
|
+
readonly size: import("@angular/core").InputSignal<Size>;
|
|
6
|
+
readonly cardType: import("@angular/core").InputSignal<CardType>;
|
|
7
|
+
readonly clickable: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
|
|
11
|
+
readonly ariaRole: import("@angular/core").InputSignal<string | undefined>;
|
|
12
|
+
readonly cardClicked: import("@angular/core").OutputEmitterRef<void>;
|
|
13
|
+
readonly cardWidth: import("@angular/core").Signal<string>;
|
|
14
|
+
readonly tabIndex: import("@angular/core").Signal<0 | -1>;
|
|
15
|
+
onClick(): void;
|
|
16
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
|
|
18
|
+
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>;
|
|
19
|
+
}
|
|
@@ -4,7 +4,7 @@ export declare class ChipComponent {
|
|
|
4
4
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
5
5
|
readonly selected: import("@angular/core").InputSignal<boolean>;
|
|
6
6
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
-
readonly type: import("@angular/core").InputSignal<"input" | "
|
|
7
|
+
readonly type: import("@angular/core").InputSignal<"input" | "single" | "multi">;
|
|
8
8
|
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
9
9
|
readonly click: import("@angular/core").OutputEmitterRef<Event>;
|
|
10
10
|
readonly close: import("@angular/core").OutputEmitterRef<Event>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { BadgeContent, BadgeType } from "@design-system-rte/core/components/badge/badge.interface";
|
|
1
2
|
import { ButtonType } from "@design-system-rte/core/components/button/button.interface";
|
|
2
3
|
import { ButtonSize, ButtonVariant } from "@design-system-rte/core/components/button/common/common-button";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class IconButtonComponent {
|
|
5
6
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
6
|
-
readonly name: import("@angular/core").InputSignal<"
|
|
7
|
+
readonly name: 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">;
|
|
7
8
|
readonly size: import("@angular/core").InputSignal<ButtonSize>;
|
|
8
9
|
readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
|
|
9
10
|
readonly type: import("@angular/core").InputSignal<ButtonType>;
|
|
@@ -11,10 +12,15 @@ export declare class IconButtonComponent {
|
|
|
11
12
|
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
12
13
|
readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
13
14
|
readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
|
|
15
|
+
readonly badgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
16
|
+
readonly badgeContent: import("@angular/core").InputSignal<BadgeContent | undefined>;
|
|
17
|
+
readonly badgeType: import("@angular/core").InputSignal<BadgeType | undefined>;
|
|
18
|
+
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">;
|
|
14
19
|
readonly buttonIconSize: import("@angular/core").Signal<number>;
|
|
15
20
|
readonly isValidIconName: import("@angular/core").Signal<boolean>;
|
|
16
21
|
readonly click: import("@angular/core").OutputEmitterRef<KeyboardEvent | MouseEvent>;
|
|
22
|
+
readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
|
|
17
23
|
onClick(event: MouseEvent | KeyboardEvent): void;
|
|
18
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
|
|
19
|
-
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>;
|
|
25
|
+
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>;
|
|
20
26
|
}
|
|
@@ -3,7 +3,7 @@ import { ButtonSize, ButtonVariant } from "@design-system-rte/core/components/bu
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class IconButtonToggleComponent {
|
|
5
5
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
6
|
-
readonly name: import("@angular/core").InputSignal<"
|
|
6
|
+
readonly name: 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">;
|
|
7
7
|
readonly size: import("@angular/core").InputSignal<ButtonSize>;
|
|
8
8
|
readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
|
|
9
9
|
readonly type: import("@angular/core").InputSignal<ButtonType>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ElementRef } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ModalTriggerDirective {
|
|
4
|
+
readonly elementRef: ElementRef<any>;
|
|
5
|
+
readonly modalTriggerKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
|
|
6
|
+
readonly modalTriggerClicked: import("@angular/core").OutputEmitterRef<Event>;
|
|
7
|
+
onModalTriggerClicked(event: Event): void;
|
|
8
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalTriggerDirective, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTriggerDirective, "[rteModalTrigger]", never, {}, { "modalTriggerKeyDown": "modalTriggerKeyDown"; "modalTriggerClicked": "modalTriggerClicked"; }, never, never, true, never>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { TemplateRef, OnDestroy, AfterViewInit } from "@angular/core";
|
|
2
|
+
import { Size } from "@design-system-rte/core/components/common/common-types";
|
|
3
|
+
import { ButtonComponent } from "../button/button.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ModalComponent implements AfterViewInit, OnDestroy {
|
|
6
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
readonly icon: import("@angular/core").InputSignal<string | undefined>;
|
|
8
|
+
readonly iconAppearance: import("@angular/core").InputSignal<"outlined" | "filled">;
|
|
9
|
+
readonly title: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
readonly description: import("@angular/core").InputSignal<string | undefined>;
|
|
11
|
+
readonly secondaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
12
|
+
readonly isOpen: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
readonly size: import("@angular/core").InputSignal<Size>;
|
|
14
|
+
readonly ariaDescribedby: import("@angular/core").InputSignal<string | undefined>;
|
|
15
|
+
readonly primaryButton: import("@angular/core").InputSignal<TemplateRef<ButtonComponent> | null>;
|
|
16
|
+
readonly secondaryButton: import("@angular/core").InputSignal<TemplateRef<ButtonComponent> | null>;
|
|
17
|
+
readonly customContent: import("@angular/core").InputSignal<TemplateRef<unknown> | null>;
|
|
18
|
+
private readonly elementRef;
|
|
19
|
+
private focusTrap;
|
|
20
|
+
constructor();
|
|
21
|
+
readonly closeModal: import("@angular/core").OutputEmitterRef<void>;
|
|
22
|
+
readonly iconSize: import("@angular/core").WritableSignal<number>;
|
|
23
|
+
ngAfterViewInit(): void;
|
|
24
|
+
ngOnDestroy(): void;
|
|
25
|
+
onClose(): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
27
|
+
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>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { AfterContentInit, OnDestroy } from "@angular/core";
|
|
2
|
+
import { Size } from "@design-system-rte/core/components/common/common-types";
|
|
3
|
+
import { ButtonComponent } from "../button/button.component";
|
|
4
|
+
import { ModalTriggerDirective } from "./modal-trigger/modal-trigger.directive";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class ModalDirective implements AfterContentInit, OnDestroy {
|
|
7
|
+
private modalCompRef;
|
|
8
|
+
private hostElement;
|
|
9
|
+
private overlayService;
|
|
10
|
+
private elementRef;
|
|
11
|
+
private viewContainerRef;
|
|
12
|
+
readonly trigger: import("@angular/core").Signal<ModalTriggerDirective | undefined>;
|
|
13
|
+
readonly rteModalId: import("@angular/core").InputSignal<string | undefined>;
|
|
14
|
+
readonly rteModalIcon: import("@angular/core").InputSignal<string | undefined>;
|
|
15
|
+
readonly rteModalIconAppearance: import("@angular/core").InputSignal<"outlined" | "filled">;
|
|
16
|
+
readonly rteModalTitle: import("@angular/core").InputSignal<string | undefined>;
|
|
17
|
+
readonly rteModalDescription: import("@angular/core").InputSignal<string | undefined>;
|
|
18
|
+
readonly rteModalIsOpen: import("@angular/core").InputSignal<boolean>;
|
|
19
|
+
readonly rteModalSize: import("@angular/core").InputSignal<Size>;
|
|
20
|
+
readonly rteModalAriaDescribedby: import("@angular/core").InputSignal<string | undefined>;
|
|
21
|
+
readonly rteModalCloseOnClickOutside: import("@angular/core").InputSignal<boolean>;
|
|
22
|
+
readonly primaryButton: import("@angular/core").Signal<ButtonComponent>;
|
|
23
|
+
readonly secondaryButton: import("@angular/core").Signal<ButtonComponent | undefined>;
|
|
24
|
+
readonly customContent: import("@angular/core").Signal<unknown>;
|
|
25
|
+
private modalElement;
|
|
26
|
+
private onMouseDown;
|
|
27
|
+
private onKeyDown;
|
|
28
|
+
constructor();
|
|
29
|
+
onTrigger(): void;
|
|
30
|
+
ngAfterContentInit(): void;
|
|
31
|
+
ngOnDestroy(): void;
|
|
32
|
+
showModal(): void;
|
|
33
|
+
private handleKeydown;
|
|
34
|
+
private assignInputsValues;
|
|
35
|
+
private handleClickAway;
|
|
36
|
+
private closeModal;
|
|
37
|
+
private destroyModal;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalDirective, never>;
|
|
39
|
+
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>;
|
|
40
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./modal.directive";
|
|
3
|
+
import * as i2 from "./modal-trigger/modal-trigger.directive";
|
|
4
|
+
export declare class ModalModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, never, [typeof i1.ModalDirective, typeof i2.ModalTriggerDirective], [typeof i1.ModalDirective, typeof i2.ModalTriggerDirective]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
|
|
8
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { AfterViewInit } from "@angular/core";
|
|
1
|
+
import { AfterViewInit, OnDestroy } from "@angular/core";
|
|
2
2
|
import { PopoverAlignment } from "@design-system-rte/core/components/popover/popover.interface";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class PopoverComponent implements AfterViewInit {
|
|
4
|
+
export declare class PopoverComponent implements AfterViewInit, OnDestroy {
|
|
5
5
|
readonly primaryButtonLabel: import("@angular/core").InputSignal<string>;
|
|
6
6
|
readonly position: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right">;
|
|
7
7
|
readonly alignment: import("@angular/core").InputSignal<PopoverAlignment | undefined>;
|
|
@@ -16,14 +16,13 @@ export declare class PopoverComponent implements AfterViewInit {
|
|
|
16
16
|
}>;
|
|
17
17
|
readonly clickPrimaryButton: import("@angular/core").OutputEmitterRef<void>;
|
|
18
18
|
readonly clickSecondaryButton: import("@angular/core").OutputEmitterRef<void>;
|
|
19
|
-
private element;
|
|
20
19
|
private elementRef;
|
|
20
|
+
private focusTrap;
|
|
21
21
|
constructor();
|
|
22
22
|
ngAfterViewInit(): void;
|
|
23
|
-
|
|
23
|
+
ngOnDestroy(): void;
|
|
24
24
|
handleClickPrimaryButton(): void;
|
|
25
25
|
handleClickSecondaryButton(): void;
|
|
26
|
-
private focusFirstElement;
|
|
27
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
|
|
28
27
|
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>;
|
|
29
28
|
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, OnDestroy } from "@angular/core";
|
|
2
|
+
import { SideNavAppearance } from "@design-system-rte/core/components/side-nav/side-nav.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
type SideNavSize = "s" | "m" | "l";
|
|
5
|
+
export declare class BaseSideNavComponent implements AfterViewInit, OnDestroy {
|
|
6
|
+
private readonly cdr;
|
|
7
|
+
private readonly elementRef;
|
|
8
|
+
readonly contentRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
9
|
+
private readonly collapsedSize;
|
|
10
|
+
private readonly panelSize;
|
|
11
|
+
readonly size: import("@angular/core").InputSignal<SideNavSize>;
|
|
12
|
+
readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
|
|
13
|
+
readonly collapsed: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly showHeader: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly showFooter: import("@angular/core").InputSignal<boolean>;
|
|
16
|
+
readonly minWidth: import("@angular/core").Signal<string>;
|
|
17
|
+
private resizeObserver?;
|
|
18
|
+
private resizeHandler?;
|
|
19
|
+
ngAfterViewInit(): void;
|
|
20
|
+
ngOnDestroy(): void;
|
|
21
|
+
private setupResizeObserver;
|
|
22
|
+
private cleanupResizeObserver;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseSideNavComponent, never>;
|
|
24
|
+
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>;
|
|
25
|
+
}
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BadgeProps } from "@design-system-rte/core/components/badge/badge.interface";
|
|
2
|
+
import { SideNavAppearance } from "@design-system-rte/core/components/side-nav/side-nav.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class NavItemComponent {
|
|
5
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
6
|
+
readonly icon: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
readonly showIcon: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly collapsed: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
readonly link: import("@angular/core").InputSignal<string | undefined>;
|
|
11
|
+
readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
|
|
12
|
+
readonly active: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
readonly badge: import("@angular/core").InputSignal<BadgeProps | undefined>;
|
|
14
|
+
readonly isNested: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly parentMenuOpen: import("@angular/core").InputSignal<boolean | undefined>;
|
|
16
|
+
readonly role: import("@angular/core").InputSignal<string | undefined>;
|
|
17
|
+
readonly showDivider: import("@angular/core").InputSignal<boolean>;
|
|
18
|
+
readonly focused: import("@angular/core").WritableSignal<boolean>;
|
|
19
|
+
readonly tabIndex: import("@angular/core").Signal<number>;
|
|
20
|
+
readonly itemClick: import("@angular/core").OutputEmitterRef<string>;
|
|
21
|
+
readonly iconSize: import("@angular/core").Signal<number>;
|
|
22
|
+
handleClick(event: Event): void;
|
|
23
|
+
handleKeyDown(event: KeyboardEvent): void;
|
|
24
|
+
handleFocus(): void;
|
|
25
|
+
handleBlur(): void;
|
|
26
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavItemComponent, never>;
|
|
27
|
+
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>;
|
|
28
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { BadgeProps } from "@design-system-rte/core/components/badge/badge.interface";
|
|
2
|
+
import { NavItemProps } from "@design-system-rte/core/components/side-nav/nav-item/nav-item.interface";
|
|
3
|
+
import { NavMenuProps } from "@design-system-rte/core/components/side-nav/nav-menu/nav-menu.interface";
|
|
4
|
+
import { SideNavAppearance } from "@design-system-rte/core/components/side-nav/side-nav.interface";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export interface NavMenuOpenChangeEvent {
|
|
7
|
+
id: string;
|
|
8
|
+
open: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare class NavMenuComponent {
|
|
11
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
12
|
+
readonly icon: import("@angular/core").InputSignal<string | undefined>;
|
|
13
|
+
readonly showIcon: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
15
|
+
readonly collapsed: import("@angular/core").InputSignal<boolean>;
|
|
16
|
+
readonly link: import("@angular/core").InputSignal<string | undefined>;
|
|
17
|
+
readonly items: import("@angular/core").InputSignal<NavItemProps[]>;
|
|
18
|
+
readonly open: import("@angular/core").InputSignal<boolean | undefined>;
|
|
19
|
+
readonly showMenuIcon: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
readonly isNested: import("@angular/core").InputSignal<boolean>;
|
|
21
|
+
readonly parentMenuOpen: import("@angular/core").InputSignal<boolean | undefined>;
|
|
22
|
+
readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
|
|
23
|
+
readonly badge: import("@angular/core").InputSignal<BadgeProps | undefined>;
|
|
24
|
+
readonly showDivider: import("@angular/core").InputSignal<boolean>;
|
|
25
|
+
readonly itemClick: import("@angular/core").OutputEmitterRef<string>;
|
|
26
|
+
readonly openChange: import("@angular/core").OutputEmitterRef<NavMenuOpenChangeEvent>;
|
|
27
|
+
constructor();
|
|
28
|
+
readonly hasNestedItems: import("@angular/core").Signal<boolean>;
|
|
29
|
+
readonly shouldShowMenu: import("@angular/core").Signal<boolean>;
|
|
30
|
+
readonly tabIndex: import("@angular/core").Signal<number>;
|
|
31
|
+
readonly dividerAppearance: import("@angular/core").Signal<import("@design-system-rte/core/components/divider/divider.interface").DividerAppearance>;
|
|
32
|
+
readonly iconSize: import("@angular/core").Signal<number>;
|
|
33
|
+
toggleMenu(): void;
|
|
34
|
+
handleEscape(): void;
|
|
35
|
+
handleKeyDown(event: KeyboardEvent): void;
|
|
36
|
+
hasNestedItemsForItem(item: NavItemProps): item is NavMenuProps;
|
|
37
|
+
handleMenuOpenChange(event: NavMenuOpenChangeEvent): void;
|
|
38
|
+
handleMenuClick(itemId: string): void;
|
|
39
|
+
private closeMenu;
|
|
40
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavMenuComponent, never>;
|
|
41
|
+
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>;
|
|
42
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { DividerAppearance } from "@design-system-rte/core/components/divider/divider.interface";
|
|
2
|
+
import { NavItemProps } from "@design-system-rte/core/components/side-nav/nav-item/nav-item.interface";
|
|
3
|
+
import { NavMenuProps } from "@design-system-rte/core/components/side-nav/nav-menu/nav-menu.interface";
|
|
4
|
+
import { SideNavAppearance, SideNavHeaderConfig } from "@design-system-rte/core/components/side-nav/side-nav.interface";
|
|
5
|
+
import { SideNavSize } from "@design-system-rte/core/components/side-nav/side-nav.interface";
|
|
6
|
+
import { NavMenuOpenChangeEvent } from "./nav-menu/nav-menu.component";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class SideNavComponent {
|
|
9
|
+
readonly size: import("@angular/core").InputSignal<SideNavSize>;
|
|
10
|
+
readonly collapsible: import("@angular/core").InputSignal<boolean>;
|
|
11
|
+
readonly headerConfig: import("@angular/core").InputSignal<SideNavHeaderConfig | undefined>;
|
|
12
|
+
readonly items: import("@angular/core").InputSignal<NavItemProps[]>;
|
|
13
|
+
readonly footerItems: import("@angular/core").InputSignal<NavItemProps[] | undefined>;
|
|
14
|
+
readonly collapsed: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly appearance: import("@angular/core").InputSignal<SideNavAppearance>;
|
|
16
|
+
readonly isCollapsed: import("@angular/core").WritableSignal<boolean>;
|
|
17
|
+
readonly shouldShowTitle: import("@angular/core").WritableSignal<boolean>;
|
|
18
|
+
readonly itemClicked: import("@angular/core").OutputEmitterRef<string>;
|
|
19
|
+
private titleTimeoutId;
|
|
20
|
+
constructor();
|
|
21
|
+
readonly collapseIcon: import("@angular/core").Signal<string>;
|
|
22
|
+
readonly dividerAppearance: import("@angular/core").Signal<DividerAppearance>;
|
|
23
|
+
handleHeaderKeyDown(event: KeyboardEvent): void;
|
|
24
|
+
handleHeaderClick(): void;
|
|
25
|
+
hasNestedItems(item: NavItemProps): item is NavMenuProps;
|
|
26
|
+
handleItemClick(itemId: string): void;
|
|
27
|
+
handleFooterItemClick(itemId: string): void;
|
|
28
|
+
handleMenuOpenChange(event: NavMenuOpenChangeEvent): void;
|
|
29
|
+
handleFooterMenuOpenChange(event: NavMenuOpenChangeEvent): void;
|
|
30
|
+
handleCollapseClick(): void;
|
|
31
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SideNavComponent, never>;
|
|
32
|
+
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>;
|
|
33
|
+
}
|
|
@@ -8,7 +8,7 @@ export declare class SplitButtonComponent implements OnInit, OnDestroy {
|
|
|
8
8
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
9
9
|
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
10
10
|
readonly position: import("@angular/core").InputSignal<SplitButtonPosition>;
|
|
11
|
-
readonly icon: import("@angular/core").InputSignal<"
|
|
11
|
+
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>;
|
|
12
12
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
13
13
|
readonly ariaLabelRight: import("@angular/core").InputSignal<string | undefined>;
|
|
14
14
|
readonly options: import("@angular/core").InputSignal<SplitButtonItemProps[]>;
|