@design-system-rte/angular 1.0.0 → 1.1.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/assistive-text/assistive-text.component.mjs +34 -0
- package/esm2022/lib/components/badge/badge.component.mjs +7 -4
- package/esm2022/lib/components/banner/banner.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +18 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +19 -3
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/card/card.component.mjs +3 -3
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/checkbox-group/checkbox-group.component.mjs +3 -3
- package/esm2022/lib/components/chip/chip.component.mjs +3 -3
- package/esm2022/lib/components/divider/divider.component.mjs +3 -3
- package/esm2022/lib/components/dropdown/dropdown-item/dropdown-item.component.mjs +23 -6
- package/esm2022/lib/components/dropdown/dropdown-menu/dropdown-menu.component.mjs +16 -5
- package/esm2022/lib/components/dropdown/dropdown-trigger/dropdown-trigger.directive.mjs +23 -2
- package/esm2022/lib/components/dropdown/dropdown.directive.mjs +71 -15
- package/esm2022/lib/components/icon/icon.component.mjs +3 -3
- package/esm2022/lib/components/icon/icon.service.mjs +1 -1
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +6 -6
- package/esm2022/lib/components/icon-button-toggle/icon-button-toggle.component.mjs +3 -3
- package/esm2022/lib/components/link/link.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/popover/popover.component.mjs +3 -3
- package/esm2022/lib/components/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/lib/components/radio-button-group/radio-button-group.component.mjs +3 -3
- package/esm2022/lib/components/searchbar/searchbar.component.mjs +86 -0
- package/esm2022/lib/components/segmented-control/segmented-control.component.mjs +13 -3
- package/esm2022/lib/components/select/select.component.mjs +168 -0
- package/esm2022/lib/components/side-nav/base-side-nav/base-side-nav.component.mjs +3 -3
- package/esm2022/lib/components/side-nav/nav-item/nav-item.component.mjs +3 -3
- package/esm2022/lib/components/side-nav/nav-menu/nav-menu.component.mjs +3 -3
- package/esm2022/lib/components/side-nav/side-nav.component.mjs +3 -3
- package/esm2022/lib/components/split-button/split-button.component.mjs +17 -3
- package/esm2022/lib/components/switch/switch.component.mjs +3 -3
- package/esm2022/lib/components/tag/tag.component.mjs +43 -0
- package/esm2022/lib/components/text-input/base-text-input/base-text-input.component.mjs +109 -0
- package/esm2022/lib/components/text-input/text-input.component.mjs +8 -103
- package/esm2022/lib/components/textarea/textarea.component.mjs +8 -7
- package/esm2022/lib/components/toast/toast.component.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/lib/services/dropdown.service.mjs +2 -3
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/design-system-rte-angular.mjs +648 -187
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/assistive-text/assistive-text.component.d.ts +14 -0
- package/lib/components/badge/badge.directive.d.ts +1 -1
- package/lib/components/breadcrumbs/breadcrumb-item/breadcrumb-item.component.d.ts +3 -2
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +10 -3
- package/lib/components/dropdown/dropdown-item/dropdown-item.component.d.ts +4 -1
- package/lib/components/dropdown/dropdown-menu/dropdown-menu.component.d.ts +10 -1
- package/lib/components/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts +7 -1
- package/lib/components/dropdown/dropdown.directive.d.ts +10 -2
- package/lib/components/icon/icon.service.d.ts +1 -2
- package/lib/components/icon-button/icon-button.component.d.ts +5 -4
- package/lib/components/icon-button-toggle/icon-button-toggle.component.d.ts +2 -2
- package/lib/components/searchbar/searchbar.component.d.ts +31 -0
- package/lib/components/segmented-control/segmented-control.component.d.ts +1 -0
- package/lib/components/select/select.component.d.ts +56 -0
- package/lib/components/split-button/split-button.component.d.ts +10 -2
- package/lib/components/tag/tag.component.d.ts +14 -0
- package/lib/components/text-input/base-text-input/base-text-input.component.d.ts +47 -0
- package/lib/components/text-input/text-input.component.d.ts +3 -39
- package/package.json +2 -2
- package/public-api.d.ts +3 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class AssistiveTextComponent {
|
|
3
|
+
readonly label: import("@angular/core").InputSignal<string | undefined>;
|
|
4
|
+
readonly appearance: import("@angular/core").InputSignal<import("@design-system-rte/core/components/assistive-text/assistive-text.interface").AssitiveTextAppearances>;
|
|
5
|
+
readonly showIcon: import("@angular/core").InputSignal<boolean>;
|
|
6
|
+
readonly href: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
readonly width: import("@angular/core").InputSignal<number | undefined>;
|
|
8
|
+
readonly isLink: import("@angular/core").Signal<boolean>;
|
|
9
|
+
readonly widthStyle: import("@angular/core").Signal<string>;
|
|
10
|
+
readonly assistiveTextIconSize = 12;
|
|
11
|
+
readonly iconName: import("@angular/core").Signal<"check-circle" | "error" | undefined>;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AssistiveTextComponent, never>;
|
|
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
|
+
}
|
|
@@ -6,7 +6,7 @@ export declare class BadgeDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
6
6
|
readonly rteBadgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
7
7
|
readonly rteBadgeContent: import("@angular/core").InputSignal<BadgeContent>;
|
|
8
8
|
readonly rteBadgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
9
|
-
readonly rteBadgeIcon: import("@angular/core").InputSignal<"
|
|
9
|
+
readonly rteBadgeIcon: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop">;
|
|
10
10
|
private badgeComponentRef;
|
|
11
11
|
private hostElement;
|
|
12
12
|
private readonly viewContainer;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { AfterViewInit } from "@angular/core";
|
|
2
|
-
import {
|
|
2
|
+
import { BreadcrumbItemProps } from "@design-system-rte/core/components/breadcrumbs/breadcrumbs.interface";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class BreadcrumbItemComponent implements AfterViewInit {
|
|
5
|
-
readonly item: import("@angular/core").InputSignal<
|
|
5
|
+
readonly item: import("@angular/core").InputSignal<BreadcrumbItemProps | undefined>;
|
|
6
6
|
readonly isLast: import("@angular/core").InputSignal<boolean>;
|
|
7
7
|
readonly breadcrumbItemMaxWidth: import("@angular/core").InputSignal<number | undefined>;
|
|
8
8
|
readonly initialScrollWidth: import("@angular/core").WritableSignal<number>;
|
|
9
9
|
private elementRef;
|
|
10
10
|
readonly isEllipsisActive: import("@angular/core").Signal<boolean>;
|
|
11
|
+
readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
|
|
11
12
|
readonly tooltipTriggerStyle: import("@angular/core").Signal<string>;
|
|
12
13
|
readonly linkStyle: import("@angular/core").Signal<string>;
|
|
13
14
|
ngAfterViewInit(): void;
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BreadcrumbItemProps, BreadcrumbsTruncatedItems } from "@design-system-rte/core/components/breadcrumbs/breadcrumbs.interface";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class BreadcrumbsComponent {
|
|
4
|
-
readonly items: import("@angular/core").InputSignal<
|
|
4
|
+
readonly items: import("@angular/core").InputSignal<BreadcrumbItemProps[]>;
|
|
5
5
|
readonly ariaLabel: import("@angular/core").InputSignal<string>;
|
|
6
6
|
readonly breadcrumbItemMaxWidth: import("@angular/core").InputSignal<number>;
|
|
7
|
+
readonly badgeContent: import("@angular/core").InputSignal<import("@design-system-rte/core/components/badge/badge.interface").BadgeContent | undefined>;
|
|
8
|
+
readonly badgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
9
|
+
readonly badgeIcon: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
readonly badgeType: import("@angular/core").InputSignal<import("@design-system-rte/core/components/badge/badge.interface").BadgeType | undefined>;
|
|
11
|
+
readonly showBadge: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
readonly badgeSize: import("@angular/core").InputSignal<import("@design-system-rte/core/components/badge/badge.interface").BadgeSize | undefined>;
|
|
7
13
|
readonly truncatedItems: import("@angular/core").Signal<BreadcrumbsTruncatedItems | null>;
|
|
14
|
+
readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
|
|
8
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "rte-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "breadcrumbItemMaxWidth": { "alias": "breadcrumbItemMaxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "rte-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "breadcrumbItemMaxWidth": { "alias": "breadcrumbItemMaxWidth"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "badgeCount": { "alias": "badgeCount"; "required": false; "isSignal": true; }; "badgeIcon": { "alias": "badgeIcon"; "required": false; "isSignal": true; }; "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
10
17
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { EventEmitter } from "@angular/core";
|
|
2
|
+
import { DropdownItemProps } from "@design-system-rte/core/components/dropdown/dropdown.interface";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
export interface DropdownItemConfig {
|
|
4
|
+
export interface DropdownItemConfig extends Omit<DropdownItemProps, "onClick"> {
|
|
4
5
|
id?: string;
|
|
6
|
+
selected?: boolean;
|
|
5
7
|
label: string;
|
|
6
8
|
leftIcon?: string;
|
|
7
9
|
trailingText?: string;
|
|
@@ -18,6 +20,7 @@ export declare class DropdownItemComponent {
|
|
|
18
20
|
event: Event;
|
|
19
21
|
id: string;
|
|
20
22
|
}>;
|
|
23
|
+
readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
|
|
21
24
|
handleClick(event: Event): void;
|
|
22
25
|
handleKeyDown(event: KeyboardEvent): void;
|
|
23
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
|
|
@@ -9,6 +9,15 @@ export declare class DropdownMenuComponent {
|
|
|
9
9
|
event: Event;
|
|
10
10
|
id: string;
|
|
11
11
|
}>;
|
|
12
|
+
readonly widthStyle: import("@angular/core").Signal<string | undefined>;
|
|
13
|
+
readonly isOpen: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly width: import("@angular/core").InputSignal<string | null>;
|
|
15
|
+
readonly closingMenu: import("@angular/core").OutputEmitterRef<void>;
|
|
16
|
+
readonly menuStyle: import("@angular/core").Signal<{
|
|
17
|
+
width: string;
|
|
18
|
+
} | {
|
|
19
|
+
width?: undefined;
|
|
20
|
+
}>;
|
|
12
21
|
getChildMenuId(itemIndex: number): string;
|
|
13
22
|
handleItemEvent(itemEvent: {
|
|
14
23
|
event: Event;
|
|
@@ -16,5 +25,5 @@ export declare class DropdownMenuComponent {
|
|
|
16
25
|
}): void;
|
|
17
26
|
onKeyDown(event: KeyboardEvent): void;
|
|
18
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownMenuComponent, "rte-dropdown-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; }, { "itemEvent": "itemEvent"; }, never, never, true, 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"; }, never, never, true, never>;
|
|
20
29
|
}
|
|
@@ -6,9 +6,15 @@ export declare class DropdownTriggerDirective {
|
|
|
6
6
|
readonly dropdownKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
|
|
7
7
|
readonly dropdownTriggered: import("@angular/core").OutputEmitterRef<Event>;
|
|
8
8
|
readonly dropdownTriggerFocus: import("@angular/core").OutputEmitterRef<Event>;
|
|
9
|
+
readonly dropdownTriggerClearContent: import("@angular/core").OutputEmitterRef<Event>;
|
|
10
|
+
readonly dropdownTriggerOpenDropdown: import("@angular/core").OutputEmitterRef<Event>;
|
|
11
|
+
readonly dropdownTriggerCloseDropdown: import("@angular/core").OutputEmitterRef<Event>;
|
|
9
12
|
onDropdownTriggered(event: Event): void;
|
|
10
13
|
onDropdownTriggerFocus(event: Event): void;
|
|
11
14
|
onKeyDown(event: KeyboardEvent): void;
|
|
15
|
+
onDropdownTriggerClearContent(event: Event): void;
|
|
16
|
+
onDropdownTriggerOpenDropdown(event: Event): void;
|
|
17
|
+
onDropdownTriggerCloseDropdown(event: Event): void;
|
|
12
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;
|
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[rteDropdownTrigger]", never, { "rteDropdownTriggerActivateWithArrowDown": { "alias": "rteDropdownTriggerActivateWithArrowDown"; "required": false; "isSignal": true; }; }, { "dropdownKeyDown": "dropdownKeyDown"; "dropdownTriggered": "dropdownTriggered"; "dropdownTriggerFocus": "dropdownTriggerFocus"; }, never, never, true, never>;
|
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[rteDropdownTrigger]", never, { "rteDropdownTriggerActivateWithArrowDown": { "alias": "rteDropdownTriggerActivateWithArrowDown"; "required": false; "isSignal": true; }; }, { "dropdownKeyDown": "dropdownKeyDown"; "dropdownTriggered": "dropdownTriggered"; "dropdownTriggerFocus": "dropdownTriggerFocus"; "dropdownTriggerClearContent": "dropdownTriggerClearContent"; "dropdownTriggerOpenDropdown": "dropdownTriggerOpenDropdown"; "dropdownTriggerCloseDropdown": "dropdownTriggerCloseDropdown"; }, never, never, true, never>;
|
|
14
20
|
}
|
|
@@ -10,15 +10,19 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
10
10
|
private static idCounter;
|
|
11
11
|
readonly trigger: import("@angular/core").Signal<DropdownTriggerDirective | undefined>;
|
|
12
12
|
readonly menu: import("@angular/core").Signal<DropdownMenuComponent | undefined>;
|
|
13
|
+
readonly rteDropdownId: import("@angular/core").InputSignal<string | undefined>;
|
|
13
14
|
readonly rteDropdownPosition: import("@angular/core").InputSignal<Position>;
|
|
14
15
|
readonly rteDropdownAlignment: import("@angular/core").InputSignal<Alignment>;
|
|
15
16
|
readonly rteDropdownIsOpen: import("@angular/core").InputSignal<boolean>;
|
|
16
17
|
readonly rteDropdownOffset: import("@angular/core").InputSignal<number>;
|
|
17
|
-
readonly
|
|
18
|
+
readonly rteDropdownAutofocus: import("@angular/core").InputSignal<boolean>;
|
|
19
|
+
readonly rteDropdownAutoOpen: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
readonly rteDropdownWidth: import("@angular/core").InputSignal<number | null>;
|
|
18
21
|
readonly menuEvent: import("@angular/core").OutputEmitterRef<{
|
|
19
22
|
event: Event;
|
|
20
23
|
id: string;
|
|
21
24
|
}>;
|
|
25
|
+
readonly dropdownId: string;
|
|
22
26
|
readonly overlayService: OverlayService;
|
|
23
27
|
readonly dropdownService: DropdownService;
|
|
24
28
|
readonly viewContainerRef: ViewContainerRef;
|
|
@@ -27,6 +31,9 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
27
31
|
readonly hostElement: HTMLElement;
|
|
28
32
|
readonly destroyRef: DestroyRef;
|
|
29
33
|
readonly cdr: ChangeDetectorRef;
|
|
34
|
+
readonly clickedOutside: import("@angular/core").OutputEmitterRef<void>;
|
|
35
|
+
readonly closedDropdown: import("@angular/core").OutputEmitterRef<void>;
|
|
36
|
+
readonly isActive: import("@angular/core").WritableSignal<boolean>;
|
|
30
37
|
constructor();
|
|
31
38
|
dropdownMenuRef: ComponentRef<DropdownMenuComponent> | null;
|
|
32
39
|
onTrigger(): void;
|
|
@@ -38,6 +45,7 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
38
45
|
ngAfterContentInit(): void;
|
|
39
46
|
showDropdownMenu(): void;
|
|
40
47
|
private assignItems;
|
|
48
|
+
private assignWidth;
|
|
41
49
|
private positionDropdownMenu;
|
|
42
50
|
ngOnDestroy(): void;
|
|
43
51
|
private readonly handleClickOutside;
|
|
@@ -45,5 +53,5 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
45
53
|
private removeClickOutsideListener;
|
|
46
54
|
private closeDropdown;
|
|
47
55
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDirective, never>;
|
|
48
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[rteDropdown]", never, { "rteDropdownPosition": { "alias": "rteDropdownPosition"; "required": false; "isSignal": true; }; "rteDropdownAlignment": { "alias": "rteDropdownAlignment"; "required": false; "isSignal": true; }; "rteDropdownIsOpen": { "alias": "rteDropdownIsOpen"; "required": false; "isSignal": true; }; "rteDropdownOffset": { "alias": "rteDropdownOffset"; "required": false; "isSignal": true; }; }, { "menuEvent": "menuEvent"; }, ["trigger", "menu"], never, true, never>;
|
|
56
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[rteDropdown]", never, { "rteDropdownId": { "alias": "rteDropdownId"; "required": false; "isSignal": true; }; "rteDropdownPosition": { "alias": "rteDropdownPosition"; "required": false; "isSignal": true; }; "rteDropdownAlignment": { "alias": "rteDropdownAlignment"; "required": false; "isSignal": true; }; "rteDropdownIsOpen": { "alias": "rteDropdownIsOpen"; "required": false; "isSignal": true; }; "rteDropdownOffset": { "alias": "rteDropdownOffset"; "required": false; "isSignal": true; }; "rteDropdownAutofocus": { "alias": "rteDropdownAutofocus"; "required": false; "isSignal": true; }; "rteDropdownAutoOpen": { "alias": "rteDropdownAutoOpen"; "required": false; "isSignal": true; }; "rteDropdownWidth": { "alias": "rteDropdownWidth"; "required": false; "isSignal": true; }; }, { "menuEvent": "menuEvent"; "clickedOutside": "clickedOutside"; "closedDropdown": "closedDropdown"; }, ["trigger", "menu"], never, true, never>;
|
|
49
57
|
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { Observable } from "rxjs";
|
|
2
1
|
import { RegularIcons, TogglableIcons } from "./icon-map";
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
export type RegularIconIdKey = keyof typeof RegularIcons;
|
|
5
4
|
export type TogglableIconIdKey = keyof typeof TogglableIcons;
|
|
6
5
|
export declare class IconService {
|
|
7
6
|
private http;
|
|
8
|
-
getSvg(name: RegularIconIdKey | TogglableIconIdKey, appearance: "outlined" | "filled"): Observable<string>;
|
|
7
|
+
getSvg(name: RegularIconIdKey | TogglableIconIdKey, appearance: "outlined" | "filled"): import("rxjs").Observable<string>;
|
|
9
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
|
|
10
9
|
static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
|
|
11
10
|
}
|
|
@@ -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<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop">;
|
|
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,12 +15,13 @@ 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<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop">;
|
|
19
|
+
readonly customStyle: import("@angular/core").InputSignal<Record<string, string> | undefined>;
|
|
19
20
|
readonly buttonIconSize: import("@angular/core").Signal<number>;
|
|
20
21
|
readonly isValidIconName: import("@angular/core").Signal<boolean>;
|
|
21
|
-
readonly
|
|
22
|
+
readonly clickEvent: import("@angular/core").OutputEmitterRef<KeyboardEvent | MouseEvent>;
|
|
22
23
|
readonly shouldDisplayBadge: import("@angular/core").Signal<boolean>;
|
|
23
24
|
onClick(event: MouseEvent | KeyboardEvent): void;
|
|
24
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "rte-icon-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "badgeCount": { "alias": "badgeCount"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeIcon": { "alias": "badgeIcon"; "required": false; "isSignal": true; }; }, { "
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "rte-icon-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "badgeCount": { "alias": "badgeCount"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeIcon": { "alias": "badgeIcon"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "clickEvent": "clickEvent"; }, never, never, true, never>;
|
|
26
27
|
}
|
|
@@ -3,7 +3,7 @@ import { ButtonSize, ButtonVariant } from "@design-system-rte/core/components/bu
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class IconButtonToggleComponent {
|
|
5
5
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
6
|
-
readonly name: import("@angular/core").InputSignal<"
|
|
6
|
+
readonly name: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop">;
|
|
7
7
|
readonly size: import("@angular/core").InputSignal<ButtonSize>;
|
|
8
8
|
readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
|
|
9
9
|
readonly type: import("@angular/core").InputSignal<ButtonType>;
|
|
@@ -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<KeyboardEvent | MouseEvent>;
|
|
18
18
|
readonly isSelected: import("@angular/core").Signal<boolean | undefined>;
|
|
19
19
|
private toggleInternalSelectedState;
|
|
20
20
|
onClick(event: MouseEvent | KeyboardEvent): void;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SearchBarAppearance } from "@design-system-rte/core/components/searchbar/searchbar.interface";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SearchbarComponent {
|
|
4
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
5
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
+
readonly showResetButton: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
readonly appearance: import("@angular/core").InputSignal<SearchBarAppearance>;
|
|
9
|
+
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
readonly value: import("@angular/core").InputSignal<string>;
|
|
11
|
+
readonly assistiveText: import("@angular/core").InputSignal<string>;
|
|
12
|
+
readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
|
|
13
|
+
readonly searchEvent: import("@angular/core").OutputEmitterRef<string | undefined>;
|
|
14
|
+
readonly clear: import("@angular/core").OutputEmitterRef<void>;
|
|
15
|
+
readonly hasFocusWithin: import("@angular/core").WritableSignal<boolean>;
|
|
16
|
+
readonly appearanceConfig: import("@angular/core").Signal<{
|
|
17
|
+
showSearchButton: boolean;
|
|
18
|
+
showLeftIcon: boolean;
|
|
19
|
+
}>;
|
|
20
|
+
readonly placeholder: import("@angular/core").Signal<string>;
|
|
21
|
+
readonly textInputStyles: import("@angular/core").Signal<Record<string, string>>;
|
|
22
|
+
readonly searchButtonStyles: import("@angular/core").Signal<Record<string, string>>;
|
|
23
|
+
handleChange(value: string): void;
|
|
24
|
+
handleSearch(): void;
|
|
25
|
+
handleEnter(event: KeyboardEvent): void;
|
|
26
|
+
handleClear(): void;
|
|
27
|
+
handleFocusIn(): void;
|
|
28
|
+
handleFocusOut(event: FocusEvent): void;
|
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SearchbarComponent, never>;
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SearchbarComponent, "rte-searchbar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showResetButton": { "alias": "showResetButton"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "assistiveText": { "alias": "assistiveText"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "searchEvent": "searchEvent"; "clear": "clear"; }, never, never, true, never>;
|
|
31
|
+
}
|
|
@@ -20,6 +20,7 @@ export declare class SegmentedControlComponent implements OnChanges, AfterViewIn
|
|
|
20
20
|
ngOnChanges(changes: SimpleChanges): void;
|
|
21
21
|
ngAfterViewInit(): void;
|
|
22
22
|
ngOnDestroy(): void;
|
|
23
|
+
shouldDisplayBadge(option: SegmentOptions): boolean;
|
|
23
24
|
selectSegment(id: string): void;
|
|
24
25
|
isSegmentSelected(id: string): boolean;
|
|
25
26
|
handleKeyUp(event: KeyboardEvent): void;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ElementRef } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SelectComponent {
|
|
4
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
5
|
+
readonly name: import("@angular/core").InputSignal<string | undefined>;
|
|
6
|
+
readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
readonly label: import("@angular/core").InputSignal<string | undefined>;
|
|
8
|
+
readonly labelId: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
+
readonly labelPosition: import("@angular/core").InputSignal<"top" | "side" | undefined>;
|
|
10
|
+
readonly assistiveTextLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
11
|
+
readonly assistiveTextAppearance: import("@angular/core").InputSignal<import("@design-system-rte/core/components/assistive-text/assistive-text.interface").AssitiveTextAppearances | undefined>;
|
|
12
|
+
readonly assistiveTextLink: import("@angular/core").InputSignal<string | undefined>;
|
|
13
|
+
readonly required: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
16
|
+
readonly readOnly: import("@angular/core").InputSignal<boolean>;
|
|
17
|
+
readonly value: import("@angular/core").InputSignal<string | undefined>;
|
|
18
|
+
readonly options: import("@angular/core").InputSignal<{
|
|
19
|
+
value: string;
|
|
20
|
+
label: string;
|
|
21
|
+
}[]>;
|
|
22
|
+
readonly isError: import("@angular/core").InputSignal<boolean>;
|
|
23
|
+
readonly showAssistiveIcon: import("@angular/core").InputSignal<boolean>;
|
|
24
|
+
readonly showResetButton: import("@angular/core").InputSignal<boolean>;
|
|
25
|
+
readonly width: import("@angular/core").InputSignal<number>;
|
|
26
|
+
readonly selectRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
|
|
27
|
+
readonly buttonsContainerRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
|
|
28
|
+
readonly selectDropdownOffset = 8;
|
|
29
|
+
readonly computedWidth: import("@angular/core").Signal<string>;
|
|
30
|
+
readonly clearButton: import("@angular/core").Signal<HTMLElement | null>;
|
|
31
|
+
readonly dropdownPosition: import("@angular/core").Signal<"top" | "bottom">;
|
|
32
|
+
readonly internalValue: import("@angular/core").WritableSignal<string | undefined>;
|
|
33
|
+
readonly requirementIndicatorValue: import("@angular/core").Signal<string>;
|
|
34
|
+
readonly valueChange: import("@angular/core").OutputEmitterRef<Event>;
|
|
35
|
+
readonly currentOptionLabel: import("@angular/core").Signal<string | undefined>;
|
|
36
|
+
readonly isAssistiveTextLinkVisible: import("@angular/core").Signal<boolean>;
|
|
37
|
+
readonly formattedOptions: import("@angular/core").Signal<{
|
|
38
|
+
id: string;
|
|
39
|
+
label: string;
|
|
40
|
+
selected: boolean;
|
|
41
|
+
}[]>;
|
|
42
|
+
readonly shouldDisplayClearButton: import("@angular/core").Signal<boolean>;
|
|
43
|
+
readonly shouldDisplayErrorIcon: import("@angular/core").Signal<boolean>;
|
|
44
|
+
readonly isActive: import("@angular/core").WritableSignal<boolean>;
|
|
45
|
+
readonly selectWidth: import("@angular/core").Signal<number | null>;
|
|
46
|
+
handleOnClickTrigger(): void;
|
|
47
|
+
handleOnKeyDownTrigger(event: KeyboardEvent): void;
|
|
48
|
+
handleOnClickClearButton(event: Event): void;
|
|
49
|
+
handleOnClickItem(id: string): void;
|
|
50
|
+
handleOnClosingDropdown(): void;
|
|
51
|
+
handleOnClickOutside(): void;
|
|
52
|
+
private toggleDropdown;
|
|
53
|
+
private clearSelection;
|
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
55
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "rte-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "assistiveTextLabel": { "alias": "assistiveTextLabel"; "required": false; "isSignal": true; }; "assistiveTextAppearance": { "alias": "assistiveTextAppearance"; "required": false; "isSignal": true; }; "assistiveTextLink": { "alias": "assistiveTextLink"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showLabelRequirement": { "alias": "showLabelRequirement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "showAssistiveIcon": { "alias": "showAssistiveIcon"; "required": false; "isSignal": true; }; "showResetButton": { "alias": "showResetButton"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
56
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { OnInit, OnDestroy } from "@angular/core";
|
|
2
|
+
import { BadgeContent, BadgeSize, BadgeType } from "@design-system-rte/core/components/badge/badge.interface";
|
|
2
3
|
import { Alignment, Position } from "@design-system-rte/core/components/common/common-types";
|
|
3
4
|
import { SplitButtonAppearance, SplitButtonItemProps, SplitButtonPosition, SplitButtonSize } from "@design-system-rte/core/components/split-button/split-button.interface";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
@@ -8,15 +9,22 @@ export declare class SplitButtonComponent implements OnInit, OnDestroy {
|
|
|
8
9
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
9
10
|
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
10
11
|
readonly position: import("@angular/core").InputSignal<SplitButtonPosition>;
|
|
11
|
-
readonly icon: import("@angular/core").InputSignal<"
|
|
12
|
+
readonly icon: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop" | null>;
|
|
12
13
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
13
14
|
readonly ariaLabelRight: import("@angular/core").InputSignal<string | undefined>;
|
|
14
15
|
readonly options: import("@angular/core").InputSignal<SplitButtonItemProps[]>;
|
|
16
|
+
readonly badgeType: import("@angular/core").InputSignal<BadgeType | undefined>;
|
|
17
|
+
readonly showBadge: import("@angular/core").InputSignal<boolean>;
|
|
18
|
+
readonly badgeContent: import("@angular/core").InputSignal<BadgeContent | undefined>;
|
|
19
|
+
readonly badgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
20
|
+
readonly badgeIcon: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop">;
|
|
21
|
+
readonly badgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
15
22
|
readonly splitButtonLeftIconSize: import("@angular/core").Signal<number>;
|
|
16
23
|
readonly splitButtonRightIconSize: import("@angular/core").Signal<number>;
|
|
17
24
|
readonly isOpen: import("@angular/core").WritableSignal<boolean>;
|
|
18
25
|
readonly internalPosition: import("@angular/core").Signal<Position>;
|
|
19
26
|
readonly internalAlignment: import("@angular/core").Signal<Alignment>;
|
|
27
|
+
readonly hasBadge: import("@angular/core").Signal<boolean>;
|
|
20
28
|
handleClickOutside(event: MouseEvent): void;
|
|
21
29
|
ngOnInit(): void;
|
|
22
30
|
ngOnDestroy(): void;
|
|
@@ -24,5 +32,5 @@ export declare class SplitButtonComponent implements OnInit, OnDestroy {
|
|
|
24
32
|
handleKeyDownOnMenu(event: KeyboardEvent): void;
|
|
25
33
|
private handleKeyDown;
|
|
26
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "rte-split-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabelRight": { "alias": "ariaLabelRight"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "rte-split-button", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabelRight": { "alias": "ariaLabelRight"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "badgeCount": { "alias": "badgeCount"; "required": false; "isSignal": true; }; "badgeIcon": { "alias": "badgeIcon"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
28
36
|
}
|