@design-system-rte/angular 1.1.0 → 1.2.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/breadcrumbs/breadcrumbs.component.mjs +2 -2
- package/esm2022/lib/components/dropdown/dropdown-menu/dropdown-menu-footer.directive.mjs +17 -0
- package/esm2022/lib/components/dropdown/dropdown-menu/dropdown-menu-header.directive.mjs +17 -0
- package/esm2022/lib/components/dropdown/dropdown-menu/dropdown-menu.component.mjs +24 -5
- package/esm2022/lib/components/dropdown/dropdown.directive.mjs +33 -12
- package/esm2022/lib/components/dropdown/dropdown.module.mjs +32 -5
- package/esm2022/lib/components/select/select.component.mjs +2 -2
- package/esm2022/lib/components/split-button/split-button.component.mjs +2 -2
- package/esm2022/lib/components/tab/tab-item/tab-item.component.mjs +112 -0
- package/esm2022/lib/components/tab/tab.component.mjs +242 -0
- package/esm2022/lib/components/toast/toast.component.mjs +44 -5
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/design-system-rte-angular.mjs +491 -25
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/assistive-text/assistive-text.component.d.ts +1 -1
- package/lib/components/badge/badge.directive.d.ts +1 -1
- package/lib/components/dropdown/dropdown-menu/dropdown-menu-footer.directive.d.ts +7 -0
- package/lib/components/dropdown/dropdown-menu/dropdown-menu-header.directive.d.ts +7 -0
- package/lib/components/dropdown/dropdown-menu/dropdown-menu.component.d.ts +14 -1
- package/lib/components/dropdown/dropdown.directive.d.ts +7 -1
- package/lib/components/dropdown/dropdown.module.d.ts +3 -1
- package/lib/components/icon-button/icon-button.component.d.ts +2 -2
- package/lib/components/icon-button-toggle/icon-button-toggle.component.d.ts +1 -1
- package/lib/components/popover/popover.component.d.ts +1 -1
- package/lib/components/split-button/split-button.component.d.ts +2 -2
- package/lib/components/tab/tab-item/tab-item.component.d.ts +35 -0
- package/lib/components/tab/tab.component.d.ts +70 -0
- package/lib/components/tag/tag.component.d.ts +2 -2
- package/lib/components/text-input/base-text-input/base-text-input.component.d.ts +3 -3
- package/lib/components/toast/toast.component.d.ts +9 -1
- package/lib/components/tooltip/tooltip.component.d.ts +1 -1
- package/package.json +2 -2
- package/public-api.d.ts +1 -0
|
@@ -8,7 +8,7 @@ export declare class AssistiveTextComponent {
|
|
|
8
8
|
readonly isLink: import("@angular/core").Signal<boolean>;
|
|
9
9
|
readonly widthStyle: import("@angular/core").Signal<string>;
|
|
10
10
|
readonly assistiveTextIconSize = 12;
|
|
11
|
-
readonly iconName: import("@angular/core").Signal<"
|
|
11
|
+
readonly iconName: import("@angular/core").Signal<"error" | "check-circle" | undefined>;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<AssistiveTextComponent, never>;
|
|
13
13
|
static ɵcmp: i0.ɵɵComponentDeclaration<AssistiveTextComponent, "rte-assistive-text", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
14
14
|
}
|
|
@@ -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<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "warning" | "waterdrop">;
|
|
10
10
|
private badgeComponentRef;
|
|
11
11
|
private hostElement;
|
|
12
12
|
private readonly viewContainer;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DropdownMenuFooterDirective {
|
|
4
|
+
readonly templateRef: TemplateRef<any> | null;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuFooterDirective, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownMenuFooterDirective, "[rteDropdownMenuFooter]", never, {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TemplateRef } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DropdownMenuHeaderDirective {
|
|
4
|
+
readonly templateRef: TemplateRef<any> | null;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuHeaderDirective, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownMenuHeaderDirective, "[rteDropdownMenuHeader]", never, {}, {}, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
+
import { ElementRef, TemplateRef } from "@angular/core";
|
|
1
2
|
import { DropdownItemConfig } from "../dropdown-item/dropdown-item.component";
|
|
3
|
+
import { DropdownMenuFooterDirective } from "./dropdown-menu-footer.directive";
|
|
4
|
+
import { DropdownMenuHeaderDirective } from "./dropdown-menu-header.directive";
|
|
2
5
|
import * as i0 from "@angular/core";
|
|
3
6
|
export declare class DropdownMenuComponent {
|
|
4
7
|
private readonly elementRef;
|
|
@@ -15,9 +18,19 @@ export declare class DropdownMenuComponent {
|
|
|
15
18
|
readonly closingMenu: import("@angular/core").OutputEmitterRef<void>;
|
|
16
19
|
readonly menuStyle: import("@angular/core").Signal<{
|
|
17
20
|
width: string;
|
|
21
|
+
"max-width": string;
|
|
18
22
|
} | {
|
|
19
23
|
width?: undefined;
|
|
24
|
+
"max-width"?: undefined;
|
|
20
25
|
}>;
|
|
26
|
+
readonly headerDirective: import("@angular/core").Signal<DropdownMenuHeaderDirective | undefined>;
|
|
27
|
+
readonly footerDirective: import("@angular/core").Signal<DropdownMenuFooterDirective | undefined>;
|
|
28
|
+
readonly headerTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
|
|
29
|
+
readonly footerTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
|
|
30
|
+
readonly headerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
|
|
31
|
+
readonly footerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
|
|
32
|
+
readonly hasHeaderContent: import("@angular/core").Signal<boolean>;
|
|
33
|
+
readonly hasFooterContent: import("@angular/core").Signal<boolean>;
|
|
21
34
|
getChildMenuId(itemIndex: number): string;
|
|
22
35
|
handleItemEvent(itemEvent: {
|
|
23
36
|
event: Event;
|
|
@@ -25,5 +38,5 @@ export declare class DropdownMenuComponent {
|
|
|
25
38
|
}): void;
|
|
26
39
|
onKeyDown(event: KeyboardEvent): void;
|
|
27
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "rte-dropdown-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "itemEvent": "itemEvent"; "closingMenu": "closingMenu"; },
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "rte-dropdown-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; }, { "itemEvent": "itemEvent"; "closingMenu": "closingMenu"; }, ["headerDirective", "footerDirective"], ["[dropdown-menu-header]", "[dropdown-menu-footer]"], true, never>;
|
|
29
42
|
}
|
|
@@ -34,6 +34,12 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
34
34
|
readonly clickedOutside: import("@angular/core").OutputEmitterRef<void>;
|
|
35
35
|
readonly closedDropdown: import("@angular/core").OutputEmitterRef<void>;
|
|
36
36
|
readonly isActive: import("@angular/core").WritableSignal<boolean>;
|
|
37
|
+
readonly menuInputs: import("@angular/core").Signal<{
|
|
38
|
+
items: import("./dropdown-item/dropdown-item.component").DropdownItemConfig[];
|
|
39
|
+
headerTemplate: import("@angular/core").TemplateRef<any> | null | undefined;
|
|
40
|
+
footerTemplate: import("@angular/core").TemplateRef<any> | null | undefined;
|
|
41
|
+
width: string | null;
|
|
42
|
+
} | null>;
|
|
37
43
|
constructor();
|
|
38
44
|
dropdownMenuRef: ComponentRef<DropdownMenuComponent> | null;
|
|
39
45
|
onTrigger(): void;
|
|
@@ -44,7 +50,7 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
44
50
|
}): void;
|
|
45
51
|
ngAfterContentInit(): void;
|
|
46
52
|
showDropdownMenu(): void;
|
|
47
|
-
private
|
|
53
|
+
private assignInputs;
|
|
48
54
|
private assignWidth;
|
|
49
55
|
private positionDropdownMenu;
|
|
50
56
|
ngOnDestroy(): void;
|
|
@@ -3,8 +3,10 @@ import * as i1 from "./dropdown.directive";
|
|
|
3
3
|
import * as i2 from "./dropdown-trigger/dropdown-trigger.directive";
|
|
4
4
|
import * as i3 from "./dropdown-menu/dropdown-menu.component";
|
|
5
5
|
import * as i4 from "./dropdown-item/dropdown-item.component";
|
|
6
|
+
import * as i5 from "./dropdown-menu/dropdown-menu-header.directive";
|
|
7
|
+
import * as i6 from "./dropdown-menu/dropdown-menu-footer.directive";
|
|
6
8
|
export declare class DropdownModule {
|
|
7
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, never, [typeof i1.DropdownDirective, typeof i2.DropdownTriggerDirective, typeof i3.DropdownMenuComponent, typeof i4.DropdownItemComponent], [typeof i1.DropdownDirective, typeof i2.DropdownTriggerDirective, typeof i3.DropdownMenuComponent, typeof i4.DropdownItemComponent]>;
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, never, [typeof i1.DropdownDirective, typeof i2.DropdownTriggerDirective, typeof i3.DropdownMenuComponent, typeof i4.DropdownItemComponent, typeof i5.DropdownMenuHeaderDirective, typeof i6.DropdownMenuFooterDirective], [typeof i1.DropdownDirective, typeof i2.DropdownTriggerDirective, typeof i3.DropdownMenuComponent, typeof i4.DropdownItemComponent, typeof i5.DropdownMenuHeaderDirective, typeof i6.DropdownMenuFooterDirective]>;
|
|
9
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<DropdownModule>;
|
|
10
12
|
}
|
|
@@ -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<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "warning" | "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,7 +15,7 @@ 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<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "warning" | "waterdrop">;
|
|
19
19
|
readonly customStyle: import("@angular/core").InputSignal<Record<string, string> | undefined>;
|
|
20
20
|
readonly buttonIconSize: import("@angular/core").Signal<number>;
|
|
21
21
|
readonly isValidIconName: import("@angular/core").Signal<boolean>;
|
|
@@ -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<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "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>;
|
|
@@ -3,7 +3,7 @@ import { PopoverAlignment } from "@design-system-rte/core/components/popover/pop
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class PopoverComponent implements AfterViewInit, OnDestroy {
|
|
5
5
|
readonly primaryButtonLabel: import("@angular/core").InputSignal<string>;
|
|
6
|
-
readonly position: import("@angular/core").InputSignal<"
|
|
6
|
+
readonly position: import("@angular/core").InputSignal<"left" | "right" | "top" | "bottom">;
|
|
7
7
|
readonly alignment: import("@angular/core").InputSignal<PopoverAlignment | undefined>;
|
|
8
8
|
readonly content: import("@angular/core").InputSignal<string | undefined>;
|
|
9
9
|
readonly arrow: import("@angular/core").InputSignal<boolean | undefined>;
|
|
@@ -9,7 +9,7 @@ export declare class SplitButtonComponent implements OnInit, OnDestroy {
|
|
|
9
9
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
10
10
|
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
11
11
|
readonly position: import("@angular/core").InputSignal<SplitButtonPosition>;
|
|
12
|
-
readonly icon: import("@angular/core").InputSignal<"
|
|
12
|
+
readonly icon: import("@angular/core").InputSignal<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "warning" | "waterdrop" | null>;
|
|
13
13
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
14
14
|
readonly ariaLabelRight: import("@angular/core").InputSignal<string | undefined>;
|
|
15
15
|
readonly options: import("@angular/core").InputSignal<SplitButtonItemProps[]>;
|
|
@@ -17,7 +17,7 @@ export declare class SplitButtonComponent implements OnInit, OnDestroy {
|
|
|
17
17
|
readonly showBadge: import("@angular/core").InputSignal<boolean>;
|
|
18
18
|
readonly badgeContent: import("@angular/core").InputSignal<BadgeContent | undefined>;
|
|
19
19
|
readonly badgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
20
|
-
readonly badgeIcon: import("@angular/core").InputSignal<"
|
|
20
|
+
readonly badgeIcon: import("@angular/core").InputSignal<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "warning" | "waterdrop">;
|
|
21
21
|
readonly badgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
22
22
|
readonly splitButtonLeftIconSize: import("@angular/core").Signal<number>;
|
|
23
23
|
readonly splitButtonRightIconSize: import("@angular/core").Signal<number>;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { ElementRef, AfterViewInit, OnDestroy } from "@angular/core";
|
|
2
|
+
import { TabItemProps } from "@design-system-rte/core/components/tab/tab.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TabItemComponent implements AfterViewInit, OnDestroy {
|
|
5
|
+
readonly direction: import("@angular/core").InputSignal<"horizontal" | "vertical">;
|
|
6
|
+
readonly option: import("@angular/core").InputSignal<TabItemProps | undefined>;
|
|
7
|
+
readonly compactSpacing: import("@angular/core").InputSignal<boolean | undefined>;
|
|
8
|
+
readonly isSelected: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
readonly click: import("@angular/core").OutputEmitterRef<string>;
|
|
10
|
+
readonly handleKeydown: import("@angular/core").InputSignal<(() => void) | undefined>;
|
|
11
|
+
readonly inverted: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
readonly isHidden: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
readonly tabItemRef: import("@angular/core").Signal<ElementRef<HTMLButtonElement> | undefined>;
|
|
14
|
+
readonly hoverIndicatorStyle: import("@angular/core").WritableSignal<{
|
|
15
|
+
width?: number | undefined;
|
|
16
|
+
left?: number | undefined;
|
|
17
|
+
top?: number | undefined;
|
|
18
|
+
height?: number | undefined;
|
|
19
|
+
opacity?: number | undefined;
|
|
20
|
+
} | null>;
|
|
21
|
+
readonly displayBadge: (option: TabItemProps) => boolean;
|
|
22
|
+
readonly hoverIndicatorWidth: import("@angular/core").Signal<string>;
|
|
23
|
+
readonly hoverIndicatorHeight: import("@angular/core").Signal<string>;
|
|
24
|
+
readonly hoverIndicatorLeft: import("@angular/core").Signal<string>;
|
|
25
|
+
readonly hoverIndicatorTop: import("@angular/core").Signal<string>;
|
|
26
|
+
readonly hoverIndicatorOpacity: import("@angular/core").Signal<number>;
|
|
27
|
+
ngAfterViewInit(): void;
|
|
28
|
+
ngOnDestroy(): void;
|
|
29
|
+
onClickTabItem(event: MouseEvent, id: string): void;
|
|
30
|
+
handleMouseHover(): void;
|
|
31
|
+
handleMouseOut(): void;
|
|
32
|
+
private computeHoverIndicatorStyle;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabItemComponent, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabItemComponent, "rte-tab-item", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "option": { "alias": "option"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "handleKeydown": { "alias": "handleKeydown"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, never, true, never>;
|
|
35
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { ElementRef, SimpleChanges, AfterViewInit, OnChanges, OnDestroy } from "@angular/core";
|
|
2
|
+
import { Direction } from "@design-system-rte/core/components/common/common-types";
|
|
3
|
+
import { TabAlignment, TabItemProps } from "@design-system-rte/core/components/tab/tab.interface";
|
|
4
|
+
import { DropdownItemConfig } from "../dropdown/dropdown-item/dropdown-item.component";
|
|
5
|
+
import { TabItemComponent } from "./tab-item/tab-item.component";
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class TabComponent implements AfterViewInit, OnChanges, OnDestroy {
|
|
8
|
+
readonly alignment: import("@angular/core").InputSignal<TabAlignment>;
|
|
9
|
+
readonly direction: import("@angular/core").InputSignal<Direction>;
|
|
10
|
+
readonly options: import("@angular/core").InputSignal<TabItemProps[]>;
|
|
11
|
+
readonly selectedTabId: import("@angular/core").InputSignal<string | undefined>;
|
|
12
|
+
readonly compactSpacing: import("@angular/core").InputSignal<boolean | undefined>;
|
|
13
|
+
readonly overflowType: import("@angular/core").InputSignal<"dropdown" | "scrollable" | undefined>;
|
|
14
|
+
readonly inverted: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly sliderLeft: import("@angular/core").WritableSignal<number>;
|
|
16
|
+
readonly sliderWidth: import("@angular/core").WritableSignal<number>;
|
|
17
|
+
readonly sliderTop: import("@angular/core").WritableSignal<number>;
|
|
18
|
+
readonly sliderHeight: import("@angular/core").WritableSignal<number>;
|
|
19
|
+
readonly tabItemRefs: import("@angular/core").Signal<readonly TabItemComponent[]>;
|
|
20
|
+
readonly containerRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
|
|
21
|
+
readonly hoverIndicatorRefs: import("@angular/core").Signal<readonly ElementRef<HTMLDivElement>[]>;
|
|
22
|
+
readonly selectedTabRef: import("@angular/core").Signal<TabItemComponent>;
|
|
23
|
+
readonly hoverIndicatorStyle: import("@angular/core").WritableSignal<{
|
|
24
|
+
width?: number | undefined;
|
|
25
|
+
left?: number | undefined;
|
|
26
|
+
top?: number | undefined;
|
|
27
|
+
height?: number | undefined;
|
|
28
|
+
opacity?: number | undefined;
|
|
29
|
+
} | null>;
|
|
30
|
+
readonly change: import("@angular/core").OutputEmitterRef<string>;
|
|
31
|
+
readonly isScrollable: import("@angular/core").WritableSignal<boolean>;
|
|
32
|
+
private readonly isOverflowingLeft;
|
|
33
|
+
private readonly isOverflowingRight;
|
|
34
|
+
private readonly isOverflowingTop;
|
|
35
|
+
private readonly isOverflowingBottom;
|
|
36
|
+
readonly canScrollBackward: import("@angular/core").Signal<boolean>;
|
|
37
|
+
readonly canScrollForward: import("@angular/core").Signal<boolean>;
|
|
38
|
+
readonly isHorizontal: import("@angular/core").Signal<boolean>;
|
|
39
|
+
readonly shouldDisplayDropdown: import("@angular/core").Signal<boolean>;
|
|
40
|
+
readonly selectedTab: import("@angular/core").Signal<TabItemProps | undefined>;
|
|
41
|
+
readonly dropdownFilteredOptions: import("@angular/core").Signal<DropdownItemConfig[]>;
|
|
42
|
+
displayBadge: (option: TabItemProps) => boolean;
|
|
43
|
+
isSelected(id: string): boolean;
|
|
44
|
+
readonly tabItemSelectedIndicatorStyle: import("@angular/core").Signal<{
|
|
45
|
+
left: string;
|
|
46
|
+
top: string;
|
|
47
|
+
width: string;
|
|
48
|
+
height: string;
|
|
49
|
+
}>;
|
|
50
|
+
ngAfterViewInit(): void;
|
|
51
|
+
ngOnDestroy(): void;
|
|
52
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
53
|
+
onKeydownTabItem: (event: KeyboardEvent) => void;
|
|
54
|
+
onClickTabItem: (id: string) => void;
|
|
55
|
+
scrollBackward(): void;
|
|
56
|
+
scrollForward(): void;
|
|
57
|
+
private getTabItem;
|
|
58
|
+
private focusItem;
|
|
59
|
+
private computeNextItemIndex;
|
|
60
|
+
private computeIndicatorStyle;
|
|
61
|
+
private updateSelectedTabItemIndicator;
|
|
62
|
+
private computeScrollableSignals;
|
|
63
|
+
private computeIsScrollable;
|
|
64
|
+
private computeIsOverflowingLeft;
|
|
65
|
+
private computeIsOverflowingRight;
|
|
66
|
+
private computeIsOverflowingTop;
|
|
67
|
+
private computeIsOverflowingBottom;
|
|
68
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
|
|
69
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "rte-tab", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedTabId": { "alias": "selectedTabId"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "overflowType": { "alias": "overflowType"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
|
|
70
|
+
}
|
|
@@ -6,8 +6,8 @@ export declare class TagComponent {
|
|
|
6
6
|
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
7
7
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
8
8
|
readonly showLeftIcon: import("@angular/core").InputSignal<boolean>;
|
|
9
|
-
readonly iconName: import("@angular/core").InputSignal<"
|
|
10
|
-
readonly computedIconName: import("@angular/core").Signal<"
|
|
9
|
+
readonly iconName: import("@angular/core").InputSignal<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "warning" | "waterdrop" | undefined>;
|
|
10
|
+
readonly computedIconName: import("@angular/core").Signal<"cancel" | "close" | "copy" | "cut" | "error" | "paste" | "pause" | "play" | "sort" | "map" | "filter" | "article" | "label" | "link" | "menu" | "search" | "image" | "stop" | "add" | "apps" | "asterisk" | "bluetooth" | "check" | "compare" | "download" | "exclamation" | "forward" | "fullscreen" | "history" | "language" | "list" | "login" | "logout" | "monitoring" | "ohm" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "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" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "dangerous" | "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" | "info" | "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" | "warning" | "waterdrop">;
|
|
11
11
|
readonly isValidIconName: import("@angular/core").Signal<boolean>;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
|
|
13
13
|
static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "rte-tag", never, { "tagType": { "alias": "tagType"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLeftIcon": { "alias": "showLeftIcon"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|