@design-system-rte/angular 0.7.1 → 0.10.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/badge/badge.component.mjs +43 -0
- package/esm2022/lib/components/badge/badge.directive.mjs +55 -0
- package/esm2022/lib/components/chip/chip.component.mjs +63 -0
- package/esm2022/lib/components/link/link.component.mjs +3 -3
- package/esm2022/lib/components/text-input/text-input.component.mjs +4 -3
- package/esm2022/lib/components/textarea/textarea.component.mjs +73 -0
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/design-system-rte-angular.mjs +221 -6
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/badge/badge.component.d.ts +18 -0
- package/lib/components/badge/badge.directive.d.ts +23 -0
- package/lib/components/chip/chip.component.d.ts +20 -0
- package/lib/components/text-input/text-input.component.d.ts +2 -1
- package/lib/components/textarea/textarea.component.d.ts +36 -0
- package/package.json +2 -2
- package/public-api.d.ts +3 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BadgeAppearance, BadgeSize, BadgeType } from "@design-system-rte/core/components/badge/badge.interface";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class BadgeComponent {
|
|
4
|
+
readonly badgeType: import("@angular/core").InputSignal<BadgeType>;
|
|
5
|
+
readonly badgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
6
|
+
readonly badgeAppearance: import("@angular/core").InputSignal<BadgeAppearance>;
|
|
7
|
+
readonly count: import("@angular/core").InputSignal<number | undefined>;
|
|
8
|
+
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">;
|
|
9
|
+
readonly isValidIconName: import("@angular/core").Signal<boolean>;
|
|
10
|
+
readonly showIcon: import("@angular/core").Signal<boolean>;
|
|
11
|
+
readonly showText: import("@angular/core").Signal<boolean>;
|
|
12
|
+
readonly displayCount: import("@angular/core").Signal<string>;
|
|
13
|
+
readonly countOverflow: import("@angular/core").Signal<boolean>;
|
|
14
|
+
readonly iconSize: import("@angular/core").Signal<number | undefined>;
|
|
15
|
+
readonly showBadge: import("@angular/core").Signal<boolean>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
17
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "rte-badge", never, { "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "badgeAppearance": { "alias": "badgeAppearance"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { OnChanges, OnDestroy, OnInit } from "@angular/core";
|
|
2
|
+
import { BadgeType, BadgeSize, BadgeAppearance } from "@design-system-rte/core/components/badge/badge.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class BadgeDirective implements OnInit, OnChanges, OnDestroy {
|
|
5
|
+
readonly rteBadgeType: import("@angular/core").InputSignal<BadgeType>;
|
|
6
|
+
readonly rteBadgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
7
|
+
readonly rteBadgeAppearance: import("@angular/core").InputSignal<BadgeAppearance>;
|
|
8
|
+
readonly rteBadgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
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
|
+
private badgeComponentRef;
|
|
11
|
+
private hostElement;
|
|
12
|
+
private readonly viewContainer;
|
|
13
|
+
private readonly elementRef;
|
|
14
|
+
private readonly renderer;
|
|
15
|
+
constructor();
|
|
16
|
+
ngOnInit(): void;
|
|
17
|
+
ngOnChanges(): void;
|
|
18
|
+
ngOnDestroy(): void;
|
|
19
|
+
private assignDirectiveToComponent;
|
|
20
|
+
private appendComponentToHost;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeDirective, never>;
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[rteBadge]", never, { "rteBadgeType": { "alias": "rteBadgeType"; "required": false; "isSignal": true; }; "rteBadgeSize": { "alias": "rteBadgeSize"; "required": false; "isSignal": true; }; "rteBadgeAppearance": { "alias": "rteBadgeAppearance"; "required": false; "isSignal": true; }; "rteBadgeCount": { "alias": "rteBadgeCount"; "required": false; "isSignal": true; }; "rteBadgeIcon": { "alias": "rteBadgeIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ChipComponent {
|
|
3
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
4
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
5
|
+
readonly selected: import("@angular/core").InputSignal<boolean>;
|
|
6
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
+
readonly type: import("@angular/core").InputSignal<"multi" | "single" | "input">;
|
|
8
|
+
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
readonly click: import("@angular/core").OutputEmitterRef<Event>;
|
|
10
|
+
readonly close: import("@angular/core").OutputEmitterRef<Event>;
|
|
11
|
+
readonly isCheckable: import("@angular/core").Signal<boolean>;
|
|
12
|
+
readonly role: import("@angular/core").Signal<string | null>;
|
|
13
|
+
onClick(event: Event): void;
|
|
14
|
+
onKeyDown(event: KeyboardEvent): void;
|
|
15
|
+
onKeyUp(event: KeyboardEvent): void;
|
|
16
|
+
onBlur(event: FocusEvent): void;
|
|
17
|
+
onCloseClick(event: Event): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "rte-chip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; }, { "click": "click"; "close": "close"; }, never, never, true, never>;
|
|
20
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class TextInputComponent {
|
|
3
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
3
4
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
4
5
|
readonly labelPosition: import("@angular/core").InputSignal<"top" | "side">;
|
|
5
6
|
readonly required: import("@angular/core").InputSignal<boolean>;
|
|
@@ -37,5 +38,5 @@ export declare class TextInputComponent {
|
|
|
37
38
|
private toggleInputVisibility;
|
|
38
39
|
private triggerRightIconAction;
|
|
39
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "rte-text-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showCounter": { "alias": "showCounter"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "showRightIcon": { "alias": "showRightIcon"; "required": false; "isSignal": true; }; "rightIconAction": { "alias": "rightIconAction"; "required": false; "isSignal": true; }; "showLabelRequirement": { "alias": "showLabelRequirement"; "required": false; "isSignal": true; }; "assistiveAppearance": { "alias": "assistiveAppearance"; "required": false; "isSignal": true; }; "showAssistiveIcon": { "alias": "showAssistiveIcon"; "required": false; "isSignal": true; }; "assistiveTextLabel": { "alias": "assistiveTextLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "rightIconClick": "rightIconClick"; }, never, never, true, never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "rte-text-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showCounter": { "alias": "showCounter"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "showRightIcon": { "alias": "showRightIcon"; "required": false; "isSignal": true; }; "rightIconAction": { "alias": "rightIconAction"; "required": false; "isSignal": true; }; "showLabelRequirement": { "alias": "showLabelRequirement"; "required": false; "isSignal": true; }; "assistiveAppearance": { "alias": "assistiveAppearance"; "required": false; "isSignal": true; }; "showAssistiveIcon": { "alias": "showAssistiveIcon"; "required": false; "isSignal": true; }; "assistiveTextLabel": { "alias": "assistiveTextLabel"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "rightIconClick": "rightIconClick"; }, never, never, true, never>;
|
|
41
42
|
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ElementRef } from "@angular/core";
|
|
2
|
+
import type { TextareaAssistiveTextAppearance, TextareaLabelPosition } from "@design-system-rte/core/components/textarea/textarea.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TextareaComponent {
|
|
5
|
+
readonly id: import("@angular/core").InputSignal<string | undefined>;
|
|
6
|
+
readonly name: import("@angular/core").InputSignal<string | undefined>;
|
|
7
|
+
readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
|
|
8
|
+
readonly label: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
+
readonly labelId: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
readonly labelPosition: import("@angular/core").InputSignal<TextareaLabelPosition>;
|
|
11
|
+
readonly assistiveTextLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
12
|
+
readonly assistiveTextAppearance: import("@angular/core").InputSignal<TextareaAssistiveTextAppearance>;
|
|
13
|
+
readonly assistiveTextLink: import("@angular/core").InputSignal<string | undefined>;
|
|
14
|
+
readonly required: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
|
|
16
|
+
readonly resizeable: import("@angular/core").InputSignal<string | boolean>;
|
|
17
|
+
readonly maxLength: import("@angular/core").InputSignal<number | undefined>;
|
|
18
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
19
|
+
readonly readOnly: import("@angular/core").InputSignal<boolean>;
|
|
20
|
+
readonly value: import("@angular/core").InputSignal<string | undefined>;
|
|
21
|
+
readonly rows: import("@angular/core").InputSignal<number>;
|
|
22
|
+
readonly defaultValue: import("@angular/core").InputSignal<string | undefined>;
|
|
23
|
+
readonly showCounter: import("@angular/core").InputSignal<boolean>;
|
|
24
|
+
readonly assistiveTextIconSize = 16;
|
|
25
|
+
readonly requirementIndicatorValue: import("@angular/core").Signal<string>;
|
|
26
|
+
readonly change: import("@angular/core").OutputEmitterRef<Event>;
|
|
27
|
+
readonly blur: import("@angular/core").OutputEmitterRef<FocusEvent>;
|
|
28
|
+
readonly textareaRef: import("@angular/core").Signal<ElementRef<HTMLTextAreaElement> | undefined>;
|
|
29
|
+
readonly isAssistiveTextLinkVisible: import("@angular/core").Signal<boolean>;
|
|
30
|
+
characterCount: number;
|
|
31
|
+
readonly isCounterVisible: import("@angular/core").Signal<number | false | undefined>;
|
|
32
|
+
onInput(event: Event): void;
|
|
33
|
+
onBlur(event: FocusEvent): void;
|
|
34
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "rte-textarea", 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; }; "resizeable": { "alias": "resizeable"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "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; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "showCounter": { "alias": "showCounter"; "required": false; "isSignal": true; }; }, { "change": "change"; "blur": "blur"; }, never, never, true, never>;
|
|
36
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design-system-rte/angular",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "Angular components for the Design System RTE",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"publishConfig": {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@angular/core": "^17.3.12"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@design-system-rte/core": "^0.
|
|
14
|
+
"@design-system-rte/core": "^0.13.0",
|
|
15
15
|
"tslib": "^2.3.0"
|
|
16
16
|
},
|
|
17
17
|
"sideEffects": false,
|
package/public-api.d.ts
CHANGED
|
@@ -12,3 +12,6 @@ export * from "./lib/components/split-button/split-button.component";
|
|
|
12
12
|
export * from "./lib/components/icon-button/icon-button.component";
|
|
13
13
|
export * from "./lib/components/icon-button-toggle/icon-button-toggle.component";
|
|
14
14
|
export * from "./lib/components/text-input/text-input.component";
|
|
15
|
+
export * from "./lib/components/chip/chip.component";
|
|
16
|
+
export * from "./lib/components/badge/badge.directive";
|
|
17
|
+
export * from "./lib/components/textarea/textarea.component";
|