@design-system-rte/angular 0.15.0 → 0.17.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/banner/banner.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumb-item/breadcrumb-item.component.mjs +1 -1
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/card/card.component.mjs +40 -0
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/checkbox-group/checkbox-group.component.mjs +3 -3
- package/esm2022/lib/components/divider/divider.component.mjs +3 -3
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +13 -3
- package/esm2022/lib/components/icon-button-toggle/icon-button-toggle.component.mjs +1 -1
- package/esm2022/lib/components/link/link.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal-trigger/modal-trigger.directive.mjs +31 -0
- package/esm2022/lib/components/modal/modal.component.mjs +48 -0
- package/esm2022/lib/components/modal/modal.directive.mjs +118 -0
- package/esm2022/lib/components/modal/modal.module.mjs +17 -0
- package/esm2022/lib/components/popover/popover.component.mjs +11 -28
- package/esm2022/lib/components/radio-button/radio-button.component.mjs +3 -3
- package/esm2022/lib/components/radio-button-group/radio-button-group.component.mjs +3 -3
- package/esm2022/lib/components/side-nav/base-side-nav/base-side-nav.component.mjs +63 -0
- package/esm2022/lib/components/side-nav/nav-item/nav-item.component.mjs +58 -0
- package/esm2022/lib/components/side-nav/nav-menu/nav-menu.component.mjs +90 -0
- package/esm2022/lib/components/side-nav/side-nav.component.mjs +96 -0
- package/esm2022/lib/components/text-input/text-input.component.mjs +3 -3
- package/esm2022/lib/components/textarea/textarea.component.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/lib/components/tooltip/tooltip.directive.mjs +11 -8
- package/esm2022/lib/services/focus-trap.service.mjs +64 -0
- package/esm2022/lib/services/overlay.service.mjs +19 -4
- package/esm2022/public-api.mjs +6 -1
- package/fesm2022/design-system-rte-angular.mjs +727 -153
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/badge/badge.directive.d.ts +1 -1
- package/lib/components/card/card.component.d.ts +19 -0
- package/lib/components/chip/chip.component.d.ts +1 -1
- package/lib/components/icon-button/icon-button.component.d.ts +8 -2
- package/lib/components/icon-button-toggle/icon-button-toggle.component.d.ts +1 -1
- package/lib/components/modal/modal-trigger/modal-trigger.directive.d.ts +11 -0
- package/lib/components/modal/modal.component.d.ts +28 -0
- package/lib/components/modal/modal.directive.d.ts +40 -0
- package/lib/components/modal/modal.module.d.ts +8 -0
- package/lib/components/popover/popover.component.d.ts +4 -5
- package/lib/components/side-nav/base-side-nav/base-side-nav.component.d.ts +26 -0
- package/lib/components/side-nav/nav-item/nav-item.component.d.ts +28 -0
- package/lib/components/side-nav/nav-menu/nav-menu.component.d.ts +42 -0
- package/lib/components/side-nav/side-nav.component.d.ts +33 -0
- package/lib/components/split-button/split-button.component.d.ts +1 -1
- package/lib/components/text-input/text-input.component.d.ts +3 -3
- package/lib/components/tooltip/tooltip.directive.d.ts +4 -3
- package/lib/services/focus-trap.service.d.ts +17 -0
- package/lib/services/overlay.service.d.ts +2 -1
- package/package.json +2 -2
- package/public-api.d.ts +5 -0
|
@@ -7,7 +7,7 @@ export declare class TextInputComponent {
|
|
|
7
7
|
readonly showCounter: import("@angular/core").InputSignal<boolean>;
|
|
8
8
|
readonly value: import("@angular/core").InputSignal<string>;
|
|
9
9
|
readonly internalValue: import("@angular/core").WritableSignal<string>;
|
|
10
|
-
readonly leftIcon: import("@angular/core").InputSignal<"
|
|
10
|
+
readonly leftIcon: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop" | null>;
|
|
11
11
|
readonly showRightIcon: import("@angular/core").InputSignal<boolean>;
|
|
12
12
|
readonly rightIconAction: import("@angular/core").InputSignal<"clean" | "visibilityOn" | "visibilityOff">;
|
|
13
13
|
readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
|
|
@@ -26,9 +26,9 @@ export declare class TextInputComponent {
|
|
|
26
26
|
readonly rightIconClick: import("@angular/core").OutputEmitterRef<void>;
|
|
27
27
|
readonly characterCount: import("@angular/core").WritableSignal<number>;
|
|
28
28
|
readonly isHiddenInput: import("@angular/core").WritableSignal<boolean>;
|
|
29
|
-
readonly displayedLeftIcon: import("@angular/core").Signal<"
|
|
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;
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { AfterViewInit, OnDestroy } from "@angular/core";
|
|
2
|
+
import { Position } from "@design-system-rte/core/common/common-types";
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
export declare class TooltipDirective implements AfterViewInit, OnDestroy {
|
|
4
5
|
readonly rteTooltip: import("@angular/core").InputSignal<string>;
|
|
5
|
-
readonly rteTooltipPosition: import("@angular/core").InputSignal<
|
|
6
|
+
readonly rteTooltipPosition: import("@angular/core").InputSignal<Position>;
|
|
6
7
|
readonly rteTooltipAlignment: import("@angular/core").InputSignal<string>;
|
|
7
8
|
readonly rteTooltipArrow: import("@angular/core").InputSignal<boolean>;
|
|
8
9
|
readonly rteTooltipShouldFocusTrigger: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
readonly rteTooltipGap: import("@angular/core").InputSignal<number>;
|
|
9
11
|
private tooltipRef;
|
|
10
12
|
private hostElement;
|
|
11
13
|
private overlayService;
|
|
12
14
|
private elementRef;
|
|
13
15
|
private viewContainerRef;
|
|
14
16
|
private renderer;
|
|
15
|
-
private cdr;
|
|
16
17
|
onMouseEnter(): void;
|
|
17
18
|
onMouseLeave(): void;
|
|
18
19
|
onFocus(): void;
|
|
@@ -25,5 +26,5 @@ export declare class TooltipDirective implements AfterViewInit, OnDestroy {
|
|
|
25
26
|
private positionTooltip;
|
|
26
27
|
private hideTooltip;
|
|
27
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
|
|
28
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[rteTooltip]", never, { "rteTooltip": { "alias": "rteTooltip"; "required": true; "isSignal": true; }; "rteTooltipPosition": { "alias": "rteTooltipPosition"; "required": false; "isSignal": true; }; "rteTooltipAlignment": { "alias": "rteTooltipAlignment"; "required": false; "isSignal": true; }; "rteTooltipArrow": { "alias": "rteTooltipArrow"; "required": false; "isSignal": true; }; "rteTooltipShouldFocusTrigger": { "alias": "rteTooltipShouldFocusTrigger"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
29
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[rteTooltip]", never, { "rteTooltip": { "alias": "rteTooltip"; "required": true; "isSignal": true; }; "rteTooltipPosition": { "alias": "rteTooltipPosition"; "required": false; "isSignal": true; }; "rteTooltipAlignment": { "alias": "rteTooltipAlignment"; "required": false; "isSignal": true; }; "rteTooltipArrow": { "alias": "rteTooltipArrow"; "required": false; "isSignal": true; }; "rteTooltipShouldFocusTrigger": { "alias": "rteTooltipShouldFocusTrigger"; "required": false; "isSignal": true; }; "rteTooltipGap": { "alias": "rteTooltipGap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
29
30
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class FocusTrapService {
|
|
3
|
+
private keyUnlisten?;
|
|
4
|
+
private renderer;
|
|
5
|
+
private activeTrapElement;
|
|
6
|
+
private previouslyFocusedElement;
|
|
7
|
+
private focusable;
|
|
8
|
+
private rendererFactory;
|
|
9
|
+
constructor();
|
|
10
|
+
activate(element: HTMLElement): void;
|
|
11
|
+
deactivate(): void;
|
|
12
|
+
private focusFirstElement;
|
|
13
|
+
private handleTab;
|
|
14
|
+
private getFocusableElements;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FocusTrapService, never>;
|
|
16
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<FocusTrapService>;
|
|
17
|
+
}
|
|
@@ -3,9 +3,10 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export declare class OverlayService {
|
|
4
4
|
private overlayRoot?;
|
|
5
5
|
private activeOverlays;
|
|
6
|
+
private isNavigationFrozen;
|
|
6
7
|
constructor();
|
|
7
8
|
private getOverlayRoot;
|
|
8
|
-
create<T>(component: Type<T>, viewContainer: ViewContainerRef): ComponentRef<T>;
|
|
9
|
+
create<T>(component: Type<T>, viewContainer: ViewContainerRef, freezeNavigation?: boolean): ComponentRef<T>;
|
|
9
10
|
destroy(): void;
|
|
10
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<OverlayService, never>;
|
|
11
12
|
static ɵprov: i0.ɵɵInjectableDeclaration<OverlayService>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design-system-rte/angular",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.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": "^18.2.14"
|
|
12
12
|
},
|
|
13
13
|
"dependencies": {
|
|
14
|
-
"@design-system-rte/core": "^0.
|
|
14
|
+
"@design-system-rte/core": "^0.21.0",
|
|
15
15
|
"tslib": "^2.3.0"
|
|
16
16
|
},
|
|
17
17
|
"sideEffects": false,
|
package/public-api.d.ts
CHANGED
|
@@ -20,4 +20,9 @@ export * from "./lib/components/switch/switch.component";
|
|
|
20
20
|
export * from "./lib/components/segmented-control/segmented-control.component";
|
|
21
21
|
export * from "./lib/components/breadcrumbs/breadcrumbs.component";
|
|
22
22
|
export * from "./lib/components/banner/banner.component";
|
|
23
|
+
export * from "./lib/components/card/card.component";
|
|
23
24
|
export * from "./lib/components/popover/popover.directive";
|
|
25
|
+
export * from "./lib/components/modal/modal-trigger/modal-trigger.directive";
|
|
26
|
+
export * from "./lib/components/modal/modal.directive";
|
|
27
|
+
export * from "./lib/components/modal/modal.module";
|
|
28
|
+
export * from "./lib/components/side-nav/side-nav.component";
|