@design-system-rte/angular 0.12.0 → 0.13.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 +8 -7
- package/esm2022/lib/components/badge/badge.directive.mjs +4 -4
- package/esm2022/lib/components/banner/banner.component.mjs +65 -0
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/icon/icon.component.mjs +3 -3
- package/esm2022/lib/components/popover/popover.component.mjs +62 -0
- package/esm2022/lib/components/popover/popover.directive.mjs +147 -0
- package/esm2022/lib/components/segmented-control/segmented-control.component.mjs +6 -3
- package/esm2022/lib/components/tooltip/tooltip.component.mjs +2 -2
- package/esm2022/lib/components/tooltip/tooltip.directive.mjs +2 -2
- package/esm2022/lib/services/overlay.service.mjs +1 -9
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/design-system-rte-angular.mjs +278 -28
- package/fesm2022/design-system-rte-angular.mjs.map +1 -1
- package/lib/components/badge/badge.component.d.ts +5 -4
- package/lib/components/badge/badge.directive.d.ts +3 -3
- package/lib/components/banner/banner.component.d.ts +24 -0
- package/lib/components/divider/divider.component.d.ts +1 -1
- package/lib/components/popover/popover.component.d.ts +29 -0
- package/lib/components/popover/popover.directive.d.ts +41 -0
- package/lib/components/segmented-control/segmented-control.component.d.ts +2 -0
- package/lib/components/text-input/text-input.component.d.ts +1 -1
- package/lib/components/tooltip/tooltip.component.d.ts +3 -2
- package/package.json +2 -2
- package/public-api.d.ts +2 -0
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BadgeContent, BadgeSize, BadgeType } from "@design-system-rte/core/components/badge/badge.interface";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class BadgeComponent {
|
|
4
4
|
readonly badgeType: import("@angular/core").InputSignal<BadgeType>;
|
|
5
5
|
readonly badgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
6
|
-
readonly
|
|
6
|
+
readonly badgeContent: import("@angular/core").InputSignal<BadgeContent>;
|
|
7
7
|
readonly count: import("@angular/core").InputSignal<number | undefined>;
|
|
8
|
-
readonly icon: import("@angular/core").InputSignal<
|
|
8
|
+
readonly icon: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly simpleBadge: import("@angular/core").InputSignal<boolean>;
|
|
9
10
|
readonly isValidIconName: import("@angular/core").Signal<boolean>;
|
|
10
11
|
readonly showIcon: import("@angular/core").Signal<boolean>;
|
|
11
12
|
readonly showText: import("@angular/core").Signal<boolean>;
|
|
@@ -14,5 +15,5 @@ export declare class BadgeComponent {
|
|
|
14
15
|
readonly iconSize: import("@angular/core").Signal<number | undefined>;
|
|
15
16
|
readonly showBadge: import("@angular/core").Signal<boolean>;
|
|
16
17
|
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; }; "
|
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "rte-badge", never, { "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "simpleBadge": { "alias": "simpleBadge"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
18
19
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { OnChanges, OnDestroy, OnInit } from "@angular/core";
|
|
2
|
-
import { BadgeType, BadgeSize,
|
|
2
|
+
import { BadgeType, BadgeSize, BadgeContent } from "@design-system-rte/core/components/badge/badge.interface";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class BadgeDirective implements OnInit, OnChanges, OnDestroy {
|
|
5
5
|
readonly rteBadgeType: import("@angular/core").InputSignal<BadgeType>;
|
|
6
6
|
readonly rteBadgeSize: import("@angular/core").InputSignal<BadgeSize>;
|
|
7
|
-
readonly
|
|
7
|
+
readonly rteBadgeContent: import("@angular/core").InputSignal<BadgeContent>;
|
|
8
8
|
readonly rteBadgeCount: import("@angular/core").InputSignal<number | undefined>;
|
|
9
9
|
readonly rteBadgeIcon: import("@angular/core").InputSignal<"add" | "apps" | "asterisk" | "bluetooth" | "check" | "close" | "compare" | "cut" | "download" | "exclamation" | "filter" | "forward" | "fullscreen" | "history" | "language" | "link" | "list" | "login" | "logout" | "menu" | "monitoring" | "ohm" | "paste" | "public" | "publish" | "radar" | "redo" | "reload" | "remove" | "reply" | "route" | "search" | "sort" | "timeline" | "tune" | "undo" | "upload" | "water" | "wifi" | "windmill" | "alt-route" | "arrow-alt-down" | "arrow-alt-down-left" | "arrow-alt-down-right" | "arrow-alt-left" | "arrow-alt-right" | "arrow-alt-up" | "arrow-alt-up-left" | "arrow-alt-up-right" | "arrow-angle-down-left" | "arrow-angle-down-right" | "arrow-angle-up-left" | "arrow-angle-up-right" | "arrow-chevron-down" | "arrow-chevron-left" | "arrow-chevron-right" | "arrow-chevron-up" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-drop-down" | "arrow-drop-up" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "attach-file" | "battery-alt-empty" | "battery-alt-full" | "battery-charging" | "battery-empty" | "battery-full" | "bluetooth-off" | "chart-bar" | "chart-bar-stacked" | "check-indeterminate" | "check-small" | "checkbox-empty" | "copy-all" | "crisis-alert" | "download-done" | "drag-handle" | "drag-indicator" | "explore-travel" | "external-link" | "filter-off" | "first-page" | "fullscreen-exit" | "hourglass-empty" | "info-i" | "last-page" | "link-off" | "location-disabled" | "menu-open" | "more-down" | "more-horiz" | "more-up" | "more-vert" | "open-in-full" | "play-pause" | "power-input" | "power-plug" | "power-settings" | "priority-high" | "question-mark" | "radio-button-empty" | "reply-all" | "side-navigation" | "support-agent" | "trending-down" | "trending-flat" | "trending-up" | "water-alt" | "wifi-off" | "zoom-in" | "zoom-out" | "add-circle" | "admin-panel-settings" | "analytics" | "archive" | "arrow-circle-chevron-down" | "arrow-circle-chevron-left" | "arrow-circle-chevron-right" | "arrow-circle-chevron-up" | "arrow-circle-down" | "arrow-circle-left" | "arrow-circle-right" | "arrow-circle-up" | "article" | "assignment-complete" | "assignment" | "battery-alert" | "battery-charging-full" | "bolt-alt-circle" | "bolt-alt" | "bolt-circle" | "bolt" | "bookmark" | "bookmarks" | "build" | "calendar-available" | "calendar-busy" | "calendar-month" | "calendar-today" | "call" | "cancel" | "category" | "chart-add" | "chart-area" | "chart-pie" | "chart-table" | "chat-alt" | "chat-alt-unread" | "chat" | "chat-unread" | "check-circle" | "checkbox" | "checkbox-indeterminate" | "clock" | "cloud-download" | "cloud" | "cloud-off" | "cloud-upload" | "comment-add" | "comment" | "copy" | "dangerous" | "dashboard" | "database" | "delete" | "desktop" | "devices" | "draft" | "eco" | "edit" | "electric-meter" | "error" | "explore" | "explore-off" | "fast-forward" | "fast-rewind" | "feedback" | "file-copy" | "file-download" | "file-upload" | "filter-alt" | "filter-alt-off" | "fire" | "fit-screen" | "flag" | "flash" | "flash-off" | "folder-add" | "folder" | "folder-move" | "folder-open" | "folder-shared" | "forum" | "group-add" | "group" | "groups" | "headphones" | "heart" | "help" | "home" | "hourglass" | "image-broken" | "image" | "image-gallery" | "inbox" | "info" | "keep" | "keep-off" | "label" | "laptop" | "left-panel-close" | "left-panel-open" | "light-off" | "lightbulb-alt" | "lightbulb-circle" | "lightbulb" | "list-alt" | "location-me" | "location-off" | "location-on" | "lock" | "lock-open" | "lock-open-right" | "mail" | "mail-unread" | "map" | "mic" | "mic-off" | "mode-dark" | "mode-light" | "notification" | "notification-important" | "notification-off" | "notification-unread" | "palette" | "pause-circle" | "pause" | "photo-camera" | "play-circle" | "play" | "power" | "power-off" | "power-plug-connect" | "power-settings-circle" | "power-solar" | "power-switch" | "power-wind" | "print" | "right-panel-close" | "right-panel-open" | "save" | "send" | "settings" | "share" | "skip-next" | "skip-previous" | "smartphone" | "star" | "sticky-note" | "stop-circle" | "stop" | "subtitles" | "text-snippet" | "trash-restore" | "unarchive" | "user-add" | "user-circle" | "user" | "user-settings" | "verified" | "video-camera" | "video-camera-off" | "video-gallery" | "view-agenda" | "view-column" | "view-grid" | "view-kanban" | "view-module" | "view-timeline" | "visibility-hide" | "visibility-show" | "volume-down" | "volume-mute" | "volume-off" | "volume-up" | "warning" | "waterdrop">;
|
|
10
10
|
private badgeComponentRef;
|
|
@@ -19,5 +19,5 @@ export declare class BadgeDirective implements OnInit, OnChanges, OnDestroy {
|
|
|
19
19
|
private assignDirectiveToComponent;
|
|
20
20
|
private appendComponentToHost;
|
|
21
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; }; "
|
|
22
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<BadgeDirective, "[rteBadge]", never, { "rteBadgeType": { "alias": "rteBadgeType"; "required": false; "isSignal": true; }; "rteBadgeSize": { "alias": "rteBadgeSize"; "required": false; "isSignal": true; }; "rteBadgeContent": { "alias": "rteBadgeContent"; "required": false; "isSignal": true; }; "rteBadgeCount": { "alias": "rteBadgeCount"; "required": false; "isSignal": true; }; "rteBadgeIcon": { "alias": "rteBadgeIcon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
23
|
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { SimpleChanges, OnInit, OnChanges } from "@angular/core";
|
|
2
|
+
import { BannerPosition, BannerType } from "@design-system-rte/core/components/banner/banner.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class BannerComponent implements OnInit, OnChanges {
|
|
5
|
+
readonly type: import("@angular/core").InputSignal<BannerType>;
|
|
6
|
+
readonly message: import("@angular/core").InputSignal<string>;
|
|
7
|
+
readonly position: import("@angular/core").InputSignal<BannerPosition>;
|
|
8
|
+
readonly title: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
+
readonly closable: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
readonly showIcon: import("@angular/core").InputSignal<boolean>;
|
|
11
|
+
readonly isOpen: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
readonly actionLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
13
|
+
readonly click: import("@angular/core").OutputEmitterRef<void>;
|
|
14
|
+
readonly visible: import("@angular/core").WritableSignal<boolean>;
|
|
15
|
+
readonly rendering: import("@angular/core").WritableSignal<boolean>;
|
|
16
|
+
readonly close: import("@angular/core").OutputEmitterRef<void>;
|
|
17
|
+
ngOnInit(): void;
|
|
18
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
19
|
+
clickAction(): void;
|
|
20
|
+
closeBanner(): void;
|
|
21
|
+
private openBanner;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BannerComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BannerComponent, "rte-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; }, { "click": "click"; "close": "close"; }, never, never, true, never>;
|
|
24
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DividerComponent {
|
|
3
|
-
readonly orientation: import("@angular/core").InputSignal<import("@design-system-rte/core/components/
|
|
3
|
+
readonly orientation: import("@angular/core").InputSignal<import("@design-system-rte/core/components/common/common-types").Direction | undefined>;
|
|
4
4
|
readonly thickness: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerThickness | undefined>;
|
|
5
5
|
readonly appearance: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerAppearance | undefined>;
|
|
6
6
|
readonly endPoint: import("@angular/core").InputSignal<import("@design-system-rte/core/components/divider/divider.interface").DividerEndPoint | undefined>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { AfterViewInit } from "@angular/core";
|
|
2
|
+
import { PopoverAlignment } from "@design-system-rte/core/components/popover/popover.interface";
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class PopoverComponent implements AfterViewInit {
|
|
5
|
+
readonly primaryButtonLabel: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly position: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right">;
|
|
7
|
+
readonly alignment: import("@angular/core").InputSignal<PopoverAlignment | undefined>;
|
|
8
|
+
readonly content: import("@angular/core").InputSignal<string | undefined>;
|
|
9
|
+
readonly arrow: import("@angular/core").InputSignal<boolean | undefined>;
|
|
10
|
+
readonly title: import("@angular/core").InputSignal<string | undefined>;
|
|
11
|
+
readonly secondaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
12
|
+
readonly isOpen: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
readonly coordinates: import("@angular/core").InputSignal<{
|
|
14
|
+
top: number;
|
|
15
|
+
left: number;
|
|
16
|
+
}>;
|
|
17
|
+
readonly clickPrimaryButton: import("@angular/core").OutputEmitterRef<void>;
|
|
18
|
+
readonly clickSecondaryButton: import("@angular/core").OutputEmitterRef<void>;
|
|
19
|
+
private element;
|
|
20
|
+
private elementRef;
|
|
21
|
+
constructor();
|
|
22
|
+
ngAfterViewInit(): void;
|
|
23
|
+
handleKeydown(event: KeyboardEvent): void;
|
|
24
|
+
handleClickPrimaryButton(): void;
|
|
25
|
+
handleClickSecondaryButton(): void;
|
|
26
|
+
private focusFirstElement;
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "rte-popover", never, { "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": true; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "coordinates": { "alias": "coordinates"; "required": false; "isSignal": true; }; }, { "clickPrimaryButton": "clickPrimaryButton"; "clickSecondaryButton": "clickSecondaryButton"; }, never, never, true, never>;
|
|
29
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { AfterViewInit, OnDestroy } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class PopoverDirective implements AfterViewInit, OnDestroy {
|
|
4
|
+
readonly rtePopoverContent: import("@angular/core").InputSignal<string>;
|
|
5
|
+
readonly rtePopoverTitle: import("@angular/core").InputSignal<string | undefined>;
|
|
6
|
+
readonly rtePopoverPosition: import("@angular/core").InputSignal<string>;
|
|
7
|
+
readonly rtePopoverAlignment: import("@angular/core").InputSignal<string>;
|
|
8
|
+
readonly rtePopoverArrow: import("@angular/core").InputSignal<boolean>;
|
|
9
|
+
readonly rtePopoverPrimaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
10
|
+
readonly rtePopoverSecondaryButtonLabel: import("@angular/core").InputSignal<string | undefined>;
|
|
11
|
+
readonly clickPrimaryButton: import("@angular/core").OutputEmitterRef<void>;
|
|
12
|
+
readonly clickSecondaryButton: import("@angular/core").OutputEmitterRef<void>;
|
|
13
|
+
readonly rtePopoverCloseOnClickOutside: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
readonly rtePopoverCloseOnEscape: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
private popoverRef;
|
|
16
|
+
private hostElement;
|
|
17
|
+
private overlayService;
|
|
18
|
+
private elementRef;
|
|
19
|
+
private viewContainerRef;
|
|
20
|
+
private renderer;
|
|
21
|
+
private subPrimary?;
|
|
22
|
+
private subSecondary?;
|
|
23
|
+
private onScroll;
|
|
24
|
+
private onMouseDown;
|
|
25
|
+
private onKeyDown;
|
|
26
|
+
onClick(): void;
|
|
27
|
+
constructor();
|
|
28
|
+
ngAfterViewInit(): void;
|
|
29
|
+
ngOnDestroy(): void;
|
|
30
|
+
showPopover(): void;
|
|
31
|
+
private handleClickAway;
|
|
32
|
+
private handleKeydown;
|
|
33
|
+
private assignDirectiveToComponent;
|
|
34
|
+
private handleClickPrimaryButton;
|
|
35
|
+
private handleClickSecondaryButton;
|
|
36
|
+
private positionPopover;
|
|
37
|
+
private hidePopover;
|
|
38
|
+
private destroyPopover;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverDirective, never>;
|
|
40
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverDirective, "[rtePopover]", never, { "rtePopoverContent": { "alias": "rtePopoverContent"; "required": true; "isSignal": true; }; "rtePopoverTitle": { "alias": "rtePopoverTitle"; "required": false; "isSignal": true; }; "rtePopoverPosition": { "alias": "rtePopoverPosition"; "required": false; "isSignal": true; }; "rtePopoverAlignment": { "alias": "rtePopoverAlignment"; "required": false; "isSignal": true; }; "rtePopoverArrow": { "alias": "rtePopoverArrow"; "required": false; "isSignal": true; }; "rtePopoverPrimaryButtonLabel": { "alias": "rtePopoverPrimaryButtonLabel"; "required": false; "isSignal": true; }; "rtePopoverSecondaryButtonLabel": { "alias": "rtePopoverSecondaryButtonLabel"; "required": false; "isSignal": true; }; "rtePopoverCloseOnClickOutside": { "alias": "rtePopoverCloseOnClickOutside"; "required": false; "isSignal": true; }; "rtePopoverCloseOnEscape": { "alias": "rtePopoverCloseOnEscape"; "required": false; "isSignal": true; }; }, { "clickPrimaryButton": "clickPrimaryButton"; "clickSecondaryButton": "clickSecondaryButton"; }, never, never, true, never>;
|
|
41
|
+
}
|
|
@@ -10,8 +10,10 @@ export declare class SegmentedControlComponent implements OnChanges, AfterViewIn
|
|
|
10
10
|
readonly segmentRefs: import("@angular/core").Signal<readonly ElementRef<HTMLDivElement>[]>;
|
|
11
11
|
readonly sliderLeft: import("@angular/core").WritableSignal<number>;
|
|
12
12
|
readonly sliderWidth: import("@angular/core").WritableSignal<number>;
|
|
13
|
+
readonly sliderTop: import("@angular/core").WritableSignal<number>;
|
|
13
14
|
readonly segmentSelectedIndicatorStyle: import("@angular/core").Signal<{
|
|
14
15
|
left: string;
|
|
16
|
+
top: string;
|
|
15
17
|
width: string;
|
|
16
18
|
}>;
|
|
17
19
|
readonly isValidOptions: import("@angular/core").Signal<boolean>;
|
|
@@ -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;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { Alignment } from "@design-system-rte/core/common/common-types";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
export declare class TooltipComponent {
|
|
3
4
|
readonly label: import("@angular/core").InputSignal<string>;
|
|
4
|
-
readonly position: import("@angular/core").InputSignal<
|
|
5
|
-
readonly alignment: import("@angular/core").InputSignal<
|
|
5
|
+
readonly position: import("@angular/core").InputSignal<"top" | "bottom" | "left" | "right">;
|
|
6
|
+
readonly alignment: import("@angular/core").InputSignal<Alignment>;
|
|
6
7
|
readonly arrow: import("@angular/core").InputSignal<boolean>;
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
|
|
8
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "rte-tooltip", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@design-system-rte/angular",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.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.17.0",
|
|
15
15
|
"tslib": "^2.3.0"
|
|
16
16
|
},
|
|
17
17
|
"sideEffects": false,
|
package/public-api.d.ts
CHANGED
|
@@ -19,3 +19,5 @@ export * from "./lib/components/divider/divider.component";
|
|
|
19
19
|
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
|
+
export * from "./lib/components/banner/banner.component";
|
|
23
|
+
export * from "./lib/components/popover/popover.directive";
|