@design-system-rte/angular 0.17.0 → 1.0.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/README.md +1 -1
- package/esm2022/lib/components/badge/badge.component.mjs +3 -3
- package/esm2022/lib/components/banner/banner.component.mjs +14 -6
- package/esm2022/lib/components/button/button.component.mjs +11 -4
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +3 -3
- package/esm2022/lib/components/icon-button-toggle/icon-button-toggle.component.mjs +3 -3
- package/esm2022/lib/components/popover/popover.component.mjs +1 -1
- package/esm2022/lib/components/toast/toast.component.mjs +57 -0
- package/esm2022/lib/components/toast/toast.service.mjs +114 -0
- package/esm2022/lib/services/overlay.service.mjs +9 -1
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/design-system-rte-angular.mjs +197 -15
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/badge/badge.directive.d.ts +1 -1
- package/lib/components/banner/banner.component.d.ts +3 -2
- package/lib/components/button/button.component.d.ts +5 -1
- package/lib/components/icon-button/icon-button.component.d.ts +3 -3
- package/lib/components/icon-button-toggle/icon-button-toggle.component.d.ts +2 -2
- 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/toast/toast.component.d.ts +30 -0
- package/lib/components/toast/toast.service.d.ts +34 -0
- package/lib/services/overlay.service.d.ts +2 -0
- package/package.json +2 -2
- package/public-api.d.ts +2 -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<"info" | "warning" | "error" | "cancel" | "close" | "copy" | "cut" | "paste" | "pause" | "play" | "remove" | "dangerous" | "check-circle" | "article" | "label" | "link" | "map" | "menu" | "search" | "filter" | "image" | "stop" | "sort" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "reply" | "route" | "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" | "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" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "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-gallery" | "inbox" | "keep" | "keep-off" | "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" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "photo-camera" | "play-circle" | "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" | "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" | "waterdrop">;
|
|
10
10
|
private badgeComponentRef;
|
|
11
11
|
private hostElement;
|
|
12
12
|
private readonly viewContainer;
|
|
@@ -7,18 +7,19 @@ export declare class BannerComponent implements OnInit, OnChanges {
|
|
|
7
7
|
readonly position: import("@angular/core").InputSignal<BannerPosition>;
|
|
8
8
|
readonly title: import("@angular/core").InputSignal<string | undefined>;
|
|
9
9
|
readonly closable: import("@angular/core").InputSignal<boolean>;
|
|
10
|
-
readonly showIcon: import("@angular/core").InputSignal<boolean>;
|
|
11
10
|
readonly isOpen: import("@angular/core").InputSignal<boolean>;
|
|
12
11
|
readonly actionLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
13
12
|
readonly click: import("@angular/core").OutputEmitterRef<void>;
|
|
14
13
|
readonly visible: import("@angular/core").WritableSignal<boolean>;
|
|
15
14
|
readonly rendering: import("@angular/core").WritableSignal<boolean>;
|
|
16
15
|
readonly close: import("@angular/core").OutputEmitterRef<void>;
|
|
16
|
+
readonly iconTypeMap: Record<string, string>;
|
|
17
|
+
readonly iconName: import("@angular/core").Signal<string>;
|
|
17
18
|
ngOnInit(): void;
|
|
18
19
|
ngOnChanges(changes: SimpleChanges): void;
|
|
19
20
|
clickAction(): void;
|
|
20
21
|
closeBanner(): void;
|
|
21
22
|
private openBanner;
|
|
22
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<BannerComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BannerComponent, "rte-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BannerComponent, "rte-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "click": "click"; "close": "close"; }, never, never, true, never>;
|
|
24
25
|
}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
+
import { BadgeContent } from "@design-system-rte/core/components/badge/badge.interface";
|
|
1
2
|
import { ButtonSize, ButtonVariant } from "@design-system-rte/core/components/button/common/common-button";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class ButtonComponent {
|
|
4
5
|
readonly rteButtonVariant: import("@angular/core").InputSignal<ButtonVariant>;
|
|
5
6
|
readonly rteButtonSize: import("@angular/core").InputSignal<ButtonSize>;
|
|
7
|
+
readonly rteBadgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
8
|
+
readonly rteBadgeContent: import("@angular/core").InputSignal<BadgeContent | undefined>;
|
|
6
9
|
get classes(): string;
|
|
10
|
+
readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
|
|
7
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[rteButton]", never, { "rteButtonVariant": { "alias": "rteButtonVariant"; "required": false; "isSignal": true; }; "rteButtonSize": { "alias": "rteButtonSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[rteButton]", never, { "rteButtonVariant": { "alias": "rteButtonVariant"; "required": false; "isSignal": true; }; "rteButtonSize": { "alias": "rteButtonSize"; "required": false; "isSignal": true; }; "rteBadgeCount": { "alias": "rteBadgeCount"; "required": false; "isSignal": true; }; "rteBadgeContent": { "alias": "rteBadgeContent"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
9
13
|
}
|
|
@@ -4,7 +4,7 @@ import { ButtonSize, ButtonVariant } from "@design-system-rte/core/components/bu
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class IconButtonComponent {
|
|
6
6
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
-
readonly name: import("@angular/core").InputSignal<"
|
|
7
|
+
readonly name: import("@angular/core").InputSignal<"info" | "warning" | "error" | "cancel" | "close" | "copy" | "cut" | "paste" | "pause" | "play" | "remove" | "dangerous" | "check-circle" | "article" | "label" | "link" | "map" | "menu" | "search" | "filter" | "image" | "stop" | "sort" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "reply" | "route" | "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" | "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" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "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-gallery" | "inbox" | "keep" | "keep-off" | "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" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "photo-camera" | "play-circle" | "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" | "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" | "waterdrop">;
|
|
8
8
|
readonly size: import("@angular/core").InputSignal<ButtonSize>;
|
|
9
9
|
readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
|
|
10
10
|
readonly type: import("@angular/core").InputSignal<ButtonType>;
|
|
@@ -15,10 +15,10 @@ export declare class IconButtonComponent {
|
|
|
15
15
|
readonly badgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
16
16
|
readonly badgeContent: import("@angular/core").InputSignal<BadgeContent | undefined>;
|
|
17
17
|
readonly badgeType: import("@angular/core").InputSignal<BadgeType | undefined>;
|
|
18
|
-
readonly badgeIcon: import("@angular/core").InputSignal<"
|
|
18
|
+
readonly badgeIcon: import("@angular/core").InputSignal<"info" | "warning" | "error" | "cancel" | "close" | "copy" | "cut" | "paste" | "pause" | "play" | "remove" | "dangerous" | "check-circle" | "article" | "label" | "link" | "map" | "menu" | "search" | "filter" | "image" | "stop" | "sort" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "reply" | "route" | "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" | "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" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "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-gallery" | "inbox" | "keep" | "keep-off" | "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" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "photo-camera" | "play-circle" | "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" | "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" | "waterdrop">;
|
|
19
19
|
readonly buttonIconSize: import("@angular/core").Signal<number>;
|
|
20
20
|
readonly isValidIconName: import("@angular/core").Signal<boolean>;
|
|
21
|
-
readonly click: import("@angular/core").OutputEmitterRef<
|
|
21
|
+
readonly click: import("@angular/core").OutputEmitterRef<MouseEvent | KeyboardEvent>;
|
|
22
22
|
readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
|
|
23
23
|
onClick(event: MouseEvent | KeyboardEvent): void;
|
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
|
|
@@ -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<"info" | "warning" | "error" | "cancel" | "close" | "copy" | "cut" | "paste" | "pause" | "play" | "remove" | "dangerous" | "check-circle" | "article" | "label" | "link" | "map" | "menu" | "search" | "filter" | "image" | "stop" | "sort" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "reply" | "route" | "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" | "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" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "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-gallery" | "inbox" | "keep" | "keep-off" | "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" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "photo-camera" | "play-circle" | "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" | "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" | "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>;
|
|
@@ -14,7 +14,7 @@ export declare class IconButtonToggleComponent {
|
|
|
14
14
|
readonly internalSelected: import("@angular/core").WritableSignal<boolean>;
|
|
15
15
|
readonly defaultSelected: import("@angular/core").InputSignal<boolean>;
|
|
16
16
|
readonly isControlled: import("@angular/core").Signal<boolean>;
|
|
17
|
-
readonly click: import("@angular/core").OutputEmitterRef<
|
|
17
|
+
readonly click: import("@angular/core").OutputEmitterRef<MouseEvent | KeyboardEvent>;
|
|
18
18
|
readonly isSelected: import("@angular/core").Signal<boolean | undefined>;
|
|
19
19
|
private toggleInternalSelectedState;
|
|
20
20
|
onClick(event: MouseEvent | KeyboardEvent): void;
|
|
@@ -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<"info" | "warning" | "error" | "cancel" | "close" | "copy" | "cut" | "paste" | "pause" | "play" | "remove" | "dangerous" | "check-circle" | "article" | "label" | "link" | "map" | "menu" | "search" | "filter" | "image" | "stop" | "sort" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "reply" | "route" | "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" | "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" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "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-gallery" | "inbox" | "keep" | "keep-off" | "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" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "photo-camera" | "play-circle" | "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" | "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" | "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[]>;
|
|
@@ -7,11 +7,11 @@ export declare class TextInputComponent {
|
|
|
7
7
|
readonly showCounter: import("@angular/core").InputSignal<boolean>;
|
|
8
8
|
readonly value: import("@angular/core").InputSignal<string>;
|
|
9
9
|
readonly internalValue: import("@angular/core").WritableSignal<string>;
|
|
10
|
-
readonly leftIcon: import("@angular/core").InputSignal<"
|
|
10
|
+
readonly leftIcon: import("@angular/core").InputSignal<"info" | "warning" | "error" | "cancel" | "close" | "copy" | "cut" | "paste" | "pause" | "play" | "remove" | "dangerous" | "check-circle" | "article" | "label" | "link" | "map" | "menu" | "search" | "filter" | "image" | "stop" | "sort" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "reply" | "route" | "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" | "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" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "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-gallery" | "inbox" | "keep" | "keep-off" | "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" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "photo-camera" | "play-circle" | "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" | "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" | "waterdrop" | null>;
|
|
11
11
|
readonly showRightIcon: import("@angular/core").InputSignal<boolean>;
|
|
12
12
|
readonly rightIconAction: import("@angular/core").InputSignal<"clean" | "visibilityOn" | "visibilityOff">;
|
|
13
13
|
readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
|
|
14
|
-
readonly assistiveAppearance: import("@angular/core").InputSignal<"
|
|
14
|
+
readonly assistiveAppearance: import("@angular/core").InputSignal<"success" | "error" | "description" | "link">;
|
|
15
15
|
readonly showAssistiveIcon: import("@angular/core").InputSignal<boolean>;
|
|
16
16
|
readonly assistiveTextLabel: import("@angular/core").InputSignal<string>;
|
|
17
17
|
readonly error: import("@angular/core").InputSignal<boolean>;
|
|
@@ -26,7 +26,7 @@ export declare class TextInputComponent {
|
|
|
26
26
|
readonly rightIconClick: import("@angular/core").OutputEmitterRef<void>;
|
|
27
27
|
readonly characterCount: import("@angular/core").WritableSignal<number>;
|
|
28
28
|
readonly isHiddenInput: import("@angular/core").WritableSignal<boolean>;
|
|
29
|
-
readonly displayedLeftIcon: import("@angular/core").Signal<"
|
|
29
|
+
readonly displayedLeftIcon: import("@angular/core").Signal<"info" | "warning" | "error" | "cancel" | "close" | "copy" | "cut" | "paste" | "pause" | "play" | "remove" | "dangerous" | "check-circle" | "article" | "label" | "link" | "map" | "menu" | "search" | "filter" | "image" | "stop" | "sort" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "reply" | "route" | "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" | "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" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "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-gallery" | "inbox" | "keep" | "keep-off" | "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" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "photo-camera" | "play-circle" | "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" | "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" | "waterdrop" | null>;
|
|
30
30
|
readonly displayCounter: import("@angular/core").Signal<boolean>;
|
|
31
31
|
readonly rightIconName: import("@angular/core").Signal<"" | "close" | "visibility-show" | "visibility-hide">;
|
|
32
32
|
readonly rightIconAriaLabel: import("@angular/core").Signal<"" | "show text" | "hide text" | "clear">;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ToastType } from "@design-system-rte/core/components/toast/toast.interface";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class ToastComponent {
|
|
4
|
+
readonly id: import("@angular/core").InputSignal<string>;
|
|
5
|
+
readonly message: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly type: import("@angular/core").InputSignal<ToastType>;
|
|
7
|
+
readonly duration: import("@angular/core").InputSignal<import("@design-system-rte/core/components/toast/toast.interface").ToastDuration | undefined>;
|
|
8
|
+
readonly isOpen: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
readonly placement: import("@angular/core").InputSignal<import("@design-system-rte/core/components/toast/toast.interface").ToastPlacement | undefined>;
|
|
10
|
+
readonly closable: import("@angular/core").InputSignal<boolean | undefined>;
|
|
11
|
+
readonly autoDismiss: import("@angular/core").InputSignal<boolean | undefined>;
|
|
12
|
+
readonly showActionButton: import("@angular/core").InputSignal<boolean | undefined>;
|
|
13
|
+
readonly iconName: import("@angular/core").InputSignal<string | undefined>;
|
|
14
|
+
readonly showLeftIcon: import("@angular/core").InputSignal<boolean | undefined>;
|
|
15
|
+
readonly actionButtonLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
16
|
+
readonly onActionButtonClick: import("@angular/core").InputSignal<(() => void) | undefined>;
|
|
17
|
+
readonly close: import("@angular/core").OutputEmitterRef<void>;
|
|
18
|
+
readonly displayCustomIcon: import("@angular/core").Signal<boolean | undefined>;
|
|
19
|
+
readonly displayLeftIcon: import("@angular/core").Signal<string | false | undefined>;
|
|
20
|
+
readonly displayActionButton: import("@angular/core").Signal<boolean | "" | undefined>;
|
|
21
|
+
onClickActionButton(): void;
|
|
22
|
+
clickCloseButton(): void;
|
|
23
|
+
readonly position: import("@angular/core").Signal<string | undefined>;
|
|
24
|
+
readonly alignment: import("@angular/core").Signal<string | undefined>;
|
|
25
|
+
readonly visible: import("@angular/core").WritableSignal<boolean>;
|
|
26
|
+
readonly defaultIconName: import("@angular/core").Signal<string>;
|
|
27
|
+
readonly iconSize: number;
|
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
|
|
29
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "rte-toast", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "autoDismiss": { "alias": "autoDismiss"; "required": false; "isSignal": true; }; "showActionButton": { "alias": "showActionButton"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "showLeftIcon": { "alias": "showLeftIcon"; "required": false; "isSignal": true; }; "actionButtonLabel": { "alias": "actionButtonLabel"; "required": false; "isSignal": true; }; "onActionButtonClick": { "alias": "onActionButtonClick"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
|
|
30
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ComponentRef } from "@angular/core";
|
|
2
|
+
import { ToastDuration, ToastPlacement, ToastType } from "@design-system-rte/core/components/toast/toast.interface";
|
|
3
|
+
import { ToastComponent } from "./toast.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export interface ToastConfig {
|
|
6
|
+
message: string;
|
|
7
|
+
type: ToastType;
|
|
8
|
+
closable?: boolean;
|
|
9
|
+
autoDismiss?: boolean;
|
|
10
|
+
duration?: ToastDuration;
|
|
11
|
+
placement?: ToastPlacement;
|
|
12
|
+
showActionButton?: boolean;
|
|
13
|
+
actionButtonLabel?: string;
|
|
14
|
+
onActionButtonClick?: () => void;
|
|
15
|
+
iconName?: string;
|
|
16
|
+
showLeftIcon?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare class ToastService {
|
|
19
|
+
private viewContainerRef;
|
|
20
|
+
private overlayService;
|
|
21
|
+
private currentOpenedToastRef;
|
|
22
|
+
readonly toastQueue: import("@angular/core").WritableSignal<ComponentRef<ToastComponent>[]>;
|
|
23
|
+
constructor();
|
|
24
|
+
getAllToasts(): ComponentRef<ToastComponent>[];
|
|
25
|
+
getCurrentOpenedToast(): ComponentRef<ToastComponent> | null;
|
|
26
|
+
isInQueue(toastId: string): boolean;
|
|
27
|
+
addToQueue(config: ToastConfig): string;
|
|
28
|
+
removeFromQueue(toastId: string): void;
|
|
29
|
+
private build;
|
|
30
|
+
private assignInputsValues;
|
|
31
|
+
private waitExitAnimation;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
|
|
33
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
|
|
34
|
+
}
|
|
@@ -6,7 +6,9 @@ export declare class OverlayService {
|
|
|
6
6
|
private isNavigationFrozen;
|
|
7
7
|
constructor();
|
|
8
8
|
private getOverlayRoot;
|
|
9
|
+
createWithoutAppend<T>(component: Type<T>, viewContainer: ViewContainerRef): ComponentRef<T>;
|
|
9
10
|
create<T>(component: Type<T>, viewContainer: ViewContainerRef, freezeNavigation?: boolean): ComponentRef<T>;
|
|
11
|
+
addToOverlay<T>(componentRef: ComponentRef<T>): void;
|
|
10
12
|
destroy(): void;
|
|
11
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<OverlayService, never>;
|
|
12
14
|
static ɵprov: i0.ɵɵInjectableDeclaration<OverlayService>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design-system-rte/angular",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Angular components for the Design System RTE",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"publishConfig": {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@angular/core": "^18.2.14"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@design-system-rte/core": "^0.
|
|
14
|
+
"@design-system-rte/core": "^1.0.0",
|
|
15
15
|
"tslib": "^2.3.0"
|
|
16
16
|
},
|
|
17
17
|
"sideEffects": false,
|
package/public-api.d.ts
CHANGED
|
@@ -26,3 +26,5 @@ export * from "./lib/components/modal/modal-trigger/modal-trigger.directive";
|
|
|
26
26
|
export * from "./lib/components/modal/modal.directive";
|
|
27
27
|
export * from "./lib/components/modal/modal.module";
|
|
28
28
|
export * from "./lib/components/side-nav/side-nav.component";
|
|
29
|
+
export * from "./lib/components/toast/toast.component";
|
|
30
|
+
export * from "./lib/components/toast/toast.service";
|