@design-system-rte/angular 0.10.0 → 0.11.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/button/button.component.mjs +2 -2
- package/esm2022/lib/components/chip/chip.component.mjs +9 -8
- package/esm2022/lib/components/divider/divider.component.mjs +19 -0
- package/esm2022/lib/components/grid/col/col.directive.mjs +3 -3
- package/esm2022/lib/components/grid/grid.directive.mjs +3 -3
- package/esm2022/lib/components/icon/icon.component.mjs +1 -1
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +3 -3
- package/esm2022/lib/components/segmented-control/segmented-control.component.mjs +120 -0
- package/esm2022/lib/components/switch/switch.component.mjs +53 -0
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/design-system-rte-angular.mjs +197 -18
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/chip/chip.component.d.ts +1 -2
- package/lib/components/divider/divider.component.d.ts +10 -0
- package/lib/components/grid/col/col.directive.d.ts +1 -1
- package/lib/components/grid/grid.directive.d.ts +1 -1
- package/lib/components/icon/icon.component.d.ts +1 -1
- package/lib/components/segmented-control/segmented-control.component.d.ts +32 -0
- package/lib/components/switch/switch.component.d.ts +20 -0
- package/lib/components/text-input/text-input.component.d.ts +1 -1
- package/package.json +2 -2
- package/public-api.d.ts +3 -0
|
@@ -4,14 +4,13 @@ export declare class ChipComponent {
|
|
|
4
4
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
5
5
|
readonly selected: import("@angular/core").InputSignal<boolean>;
|
|
6
6
|
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
7
|
-
readonly type: import("@angular/core").InputSignal<"
|
|
7
|
+
readonly type: import("@angular/core").InputSignal<"single" | "multi" | "input">;
|
|
8
8
|
readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
|
|
9
9
|
readonly click: import("@angular/core").OutputEmitterRef<Event>;
|
|
10
10
|
readonly close: import("@angular/core").OutputEmitterRef<Event>;
|
|
11
11
|
readonly isCheckable: import("@angular/core").Signal<boolean>;
|
|
12
12
|
readonly role: import("@angular/core").Signal<string | null>;
|
|
13
13
|
onClick(event: Event): void;
|
|
14
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
15
14
|
onKeyUp(event: KeyboardEvent): void;
|
|
16
15
|
onBlur(event: FocusEvent): void;
|
|
17
16
|
onCloseClick(event: Event): void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class DividerComponent {
|
|
3
|
+
readonly orientation: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerOrientation | undefined>;
|
|
4
|
+
readonly thickness: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerThickness | undefined>;
|
|
5
|
+
readonly appearance: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerAppearance | undefined>;
|
|
6
|
+
readonly endPoint: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerEndPoint | undefined>;
|
|
7
|
+
readonly isHorizontal: import("@angular/core").Signal<boolean>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "rte-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "endPoint": { "alias": "endPoint"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
10
|
+
}
|
|
@@ -10,5 +10,5 @@ export declare class ColDirective {
|
|
|
10
10
|
constructor();
|
|
11
11
|
private generateColumnClass;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColDirective, never>;
|
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ColDirective, "[
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ColDirective, "[rteCol]", never, { "xxs": { "alias": "xxs"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "s": { "alias": "s"; "required": false; "isSignal": true; }; "m": { "alias": "m"; "required": false; "isSignal": true; }; "l": { "alias": "l"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
14
14
|
}
|
|
@@ -6,5 +6,5 @@ export declare class GridDirective {
|
|
|
6
6
|
get hostDataClasses(): string;
|
|
7
7
|
constructor();
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<GridDirective, never>;
|
|
9
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<GridDirective, "[
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<GridDirective, "[rteGrid]", never, { "gridType": { "alias": "gridType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
10
10
|
}
|
|
@@ -3,7 +3,7 @@ import { SafeHtml } from "@angular/platform-browser";
|
|
|
3
3
|
import { Observable } from "rxjs";
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class IconComponent {
|
|
6
|
-
readonly name: import("@angular/core").InputSignal<
|
|
6
|
+
readonly name: import("@angular/core").InputSignal<string>;
|
|
7
7
|
readonly size: import("@angular/core").InputSignal<number>;
|
|
8
8
|
readonly color: import("@angular/core").InputSignal<string>;
|
|
9
9
|
readonly classes: import("@angular/core").InputSignal<string>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ElementRef, AfterViewInit, OnDestroy, OnChanges, SimpleChanges } from "@angular/core";
|
|
2
|
+
import { SegmentOptions, SegmentProps } from "@design-system-rte/core/components/segmented-control/segmented-control.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class SegmentedControlComponent implements OnChanges, AfterViewInit, OnDestroy {
|
|
5
|
+
readonly options: import("@angular/core").InputSignal<SegmentOptions[]>;
|
|
6
|
+
readonly change: import("@angular/core").OutputEmitterRef<string>;
|
|
7
|
+
readonly selectedSegment: import("@angular/core").InputSignal<string | undefined>;
|
|
8
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
+
readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
readonly segmentRefs: import("@angular/core").Signal<readonly ElementRef<HTMLDivElement>[]>;
|
|
11
|
+
readonly sliderLeft: import("@angular/core").WritableSignal<number>;
|
|
12
|
+
readonly sliderWidth: import("@angular/core").WritableSignal<number>;
|
|
13
|
+
readonly segmentSelectedIndicatorStyle: import("@angular/core").Signal<{
|
|
14
|
+
left: string;
|
|
15
|
+
width: string;
|
|
16
|
+
}>;
|
|
17
|
+
readonly isValidOptions: import("@angular/core").Signal<boolean>;
|
|
18
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
19
|
+
ngAfterViewInit(): void;
|
|
20
|
+
ngOnDestroy(): void;
|
|
21
|
+
selectSegment(id: string): void;
|
|
22
|
+
isSegmentSelected(id: string): boolean;
|
|
23
|
+
handleKeyUp(event: KeyboardEvent): void;
|
|
24
|
+
handleKeyDown(event: KeyboardEvent): void;
|
|
25
|
+
getSegmentPosition(index: number): SegmentProps["position"];
|
|
26
|
+
private updateSelectedSegmentIndicator;
|
|
27
|
+
private lastKeydown;
|
|
28
|
+
private onGlobalKeyDown;
|
|
29
|
+
private focusCurrentSegmentElement;
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControlComponent, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControlComponent, "rte-segmented-control", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedSegment": { "alias": "selectedSegment"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
|
|
32
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { OnInit } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SwitchComponent implements OnInit {
|
|
4
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
5
|
+
readonly appearance: import("@angular/core").InputSignal<import("@design-system-rte/core/components/switch/switch.interface").SwitchAppearance | undefined>;
|
|
6
|
+
readonly showLabel: import("@angular/core").InputSignal<boolean>;
|
|
7
|
+
readonly showIcon: import("@angular/core").InputSignal<boolean>;
|
|
8
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
readonly readOnly: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
readonly checked: import("@angular/core").InputSignal<boolean>;
|
|
11
|
+
readonly stateChange: import("@angular/core").OutputEmitterRef<Event>;
|
|
12
|
+
switchHeight: number;
|
|
13
|
+
switchWidth: number;
|
|
14
|
+
readonly isChecked: import("@angular/core").WritableSignal<boolean>;
|
|
15
|
+
ngOnInit(): void;
|
|
16
|
+
handleChange(event: Event): void;
|
|
17
|
+
handleClick(event: MouseEvent): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "rte-switch", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; }, never, never, true, never>;
|
|
20
|
+
}
|
|
@@ -28,7 +28,7 @@ export declare class TextInputComponent {
|
|
|
28
28
|
readonly isHiddenInput: import("@angular/core").WritableSignal<boolean>;
|
|
29
29
|
readonly displayedLeftIcon: import("@angular/core").Signal<"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>;
|
|
30
30
|
readonly displayCounter: import("@angular/core").Signal<boolean>;
|
|
31
|
-
readonly rightIconName: import("@angular/core").Signal<"
|
|
31
|
+
readonly rightIconName: import("@angular/core").Signal<"" | "close" | "visibility-show" | "visibility-hide">;
|
|
32
32
|
readonly rightIconAriaLabel: import("@angular/core").Signal<"" | "show text" | "hide text" | "clear">;
|
|
33
33
|
readonly shouldShowRightIcon: import("@angular/core").Signal<boolean>;
|
|
34
34
|
private lastParentValue;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design-system-rte/angular",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.11.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.15.0",
|
|
15
15
|
"tslib": "^2.3.0"
|
|
16
16
|
},
|
|
17
17
|
"sideEffects": false,
|
package/public-api.d.ts
CHANGED
|
@@ -15,3 +15,6 @@ export * from "./lib/components/text-input/text-input.component";
|
|
|
15
15
|
export * from "./lib/components/chip/chip.component";
|
|
16
16
|
export * from "./lib/components/badge/badge.directive";
|
|
17
17
|
export * from "./lib/components/textarea/textarea.component";
|
|
18
|
+
export * from "./lib/components/divider/divider.component";
|
|
19
|
+
export * from "./lib/components/switch/switch.component";
|
|
20
|
+
export * from "./lib/components/segmented-control/segmented-control.component";
|