@design-system-rte/angular 1.0.1 → 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/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/dropdown/dropdown-item/dropdown-item.component.mjs +23 -6
- 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 +35 -5
- package/esm2022/lib/components/dropdown/dropdown-trigger/dropdown-trigger.directive.mjs +23 -2
- package/esm2022/lib/components/dropdown/dropdown.directive.mjs +93 -14
- package/esm2022/lib/components/dropdown/dropdown.module.mjs +32 -5
- 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/modal/modal.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/split-button/split-button.component.mjs +17 -3
- 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/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 +6 -5
- package/esm2022/lib/components/toast/toast.component.mjs +44 -5
- package/esm2022/lib/services/dropdown.service.mjs +2 -3
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/design-system-rte-angular.mjs +1047 -156
- 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-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 +23 -1
- package/lib/components/dropdown/dropdown-trigger/dropdown-trigger.directive.d.ts +7 -1
- package/lib/components/dropdown/dropdown.directive.d.ts +17 -3
- package/lib/components/dropdown/dropdown.module.d.ts +3 -1
- 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/popover/popover.component.d.ts +1 -1
- 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/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 +47 -0
- package/lib/components/text-input/text-input.component.d.ts +3 -39
- 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 +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<"error" | "check-circle" | 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<"error" | "
|
|
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;
|
|
@@ -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>;
|
|
@@ -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;
|
|
@@ -9,6 +12,25 @@ export declare class DropdownMenuComponent {
|
|
|
9
12
|
event: Event;
|
|
10
13
|
id: string;
|
|
11
14
|
}>;
|
|
15
|
+
readonly widthStyle: import("@angular/core").Signal<string | undefined>;
|
|
16
|
+
readonly isOpen: import("@angular/core").InputSignal<boolean>;
|
|
17
|
+
readonly width: import("@angular/core").InputSignal<string | null>;
|
|
18
|
+
readonly closingMenu: import("@angular/core").OutputEmitterRef<void>;
|
|
19
|
+
readonly menuStyle: import("@angular/core").Signal<{
|
|
20
|
+
width: string;
|
|
21
|
+
"max-width": string;
|
|
22
|
+
} | {
|
|
23
|
+
width?: undefined;
|
|
24
|
+
"max-width"?: undefined;
|
|
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>;
|
|
12
34
|
getChildMenuId(itemIndex: number): string;
|
|
13
35
|
handleItemEvent(itemEvent: {
|
|
14
36
|
event: Event;
|
|
@@ -16,5 +38,5 @@ export declare class DropdownMenuComponent {
|
|
|
16
38
|
}): void;
|
|
17
39
|
onKeyDown(event: KeyboardEvent): void;
|
|
18
40
|
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"; },
|
|
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>;
|
|
20
42
|
}
|
|
@@ -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,15 @@ 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>;
|
|
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>;
|
|
30
43
|
constructor();
|
|
31
44
|
dropdownMenuRef: ComponentRef<DropdownMenuComponent> | null;
|
|
32
45
|
onTrigger(): void;
|
|
@@ -37,7 +50,8 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
37
50
|
}): void;
|
|
38
51
|
ngAfterContentInit(): void;
|
|
39
52
|
showDropdownMenu(): void;
|
|
40
|
-
private
|
|
53
|
+
private assignInputs;
|
|
54
|
+
private assignWidth;
|
|
41
55
|
private positionDropdownMenu;
|
|
42
56
|
ngOnDestroy(): void;
|
|
43
57
|
private readonly handleClickOutside;
|
|
@@ -45,5 +59,5 @@ export declare class DropdownDirective implements AfterContentInit, OnDestroy {
|
|
|
45
59
|
private removeClickOutsideListener;
|
|
46
60
|
private closeDropdown;
|
|
47
61
|
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>;
|
|
62
|
+
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
63
|
}
|
|
@@ -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<"error" | "
|
|
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,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<"error" | "
|
|
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
|
+
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<"error" | "
|
|
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>;
|
|
@@ -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;
|
|
@@ -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>;
|
|
@@ -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
|
+
}
|