@testgorilla/tgo-ui 3.2.6 → 3.3.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/components/badge/badge.model.d.ts +3 -1
- package/components/button/button.model.d.ts +1 -1
- package/components/card/card.component.d.ts +10 -1
- package/components/dialog/dialog.component.d.ts +7 -1
- package/components/empty-state/empty-state.component.d.ts +41 -3
- package/components/field/field.component.d.ts +9 -1
- package/components/field/field.component.module.d.ts +2 -1
- package/components/icon-label/icon-label.component.d.ts +8 -1
- package/components/skeleton/skeleton.component.d.ts +2 -1
- package/components/tabs/tab.directive.d.ts +4 -1
- package/components/tabs/tabs.component.d.ts +2 -1
- package/components/tabs/tabs.component.module.d.ts +2 -1
- package/components/tabs/tabs.model.d.ts +3 -0
- package/esm2022/components/badge/badge.component.mjs +3 -3
- package/esm2022/components/badge/badge.model.mjs +3 -1
- package/esm2022/components/button/button.component.mjs +3 -3
- package/esm2022/components/button/button.model.mjs +1 -1
- package/esm2022/components/card/card.component.mjs +15 -3
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +1 -1
- package/esm2022/components/dialog/dialog.component.mjs +11 -3
- package/esm2022/components/empty-state/empty-state.component.mjs +55 -3
- package/esm2022/components/field/field.component.mjs +8 -5
- package/esm2022/components/field/field.component.module.mjs +7 -3
- package/esm2022/components/filter-button/filter-button.component.mjs +1 -1
- package/esm2022/components/icon/icon.component.mjs +2 -2
- package/esm2022/components/icon-label/icon-label.component.mjs +12 -3
- package/esm2022/components/multi-input/multi-input.component.mjs +1 -1
- package/esm2022/components/password-criteria/password.component.mjs +1 -1
- package/esm2022/components/skeleton/skeleton.component.mjs +6 -3
- package/esm2022/components/table/table.component.mjs +2 -2
- package/esm2022/components/tabs/tab.directive.mjs +8 -2
- package/esm2022/components/tabs/tabs.component.mjs +9 -7
- package/esm2022/components/tabs/tabs.component.module.mjs +5 -4
- package/esm2022/components/tabs/tabs.model.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +131 -33
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Sparkle-filled.svg +10 -1
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Sparkle-in-line.svg +10 -1
- package/projects/tgo-canopy-ui/theme/_variables.scss +6 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type BadgeVariant = 'primary' | 'secondary' | 'notification';
|
|
1
|
+
export type BadgeVariant = 'primary' | 'secondary' | 'notification' | 'primary-ai' | 'secondary-ai';
|
|
2
2
|
export type BadgeColor = 'red' | 'grey-medium' | 'teal' | 'yellow' | 'petrol' | 'teal-60w' | 'petrol-90w' | 'petrol-60w' | 'grey-dark' | 'blue-20' | 'blue-40' | 'pink-30' | 'blue-10';
|
|
3
3
|
export declare enum BadgeColorEnum {
|
|
4
4
|
RED = "red",
|
|
@@ -30,6 +30,8 @@ export declare enum RebrandBadgeColorEnum {
|
|
|
30
30
|
}
|
|
31
31
|
export declare enum BadgeVariantEnum {
|
|
32
32
|
PRIMARY = "primary",
|
|
33
|
+
PRIMARY_AI = "primary-ai",
|
|
33
34
|
SECONDARY = "secondary",
|
|
35
|
+
SECONDARY_AI = "secondary-ai",
|
|
34
36
|
NOTIFICATION = "notification"
|
|
35
37
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { BadgeVariant, RebrandBadgeColor } from '../badge/badge.model';
|
|
2
2
|
export type ButtonIconPosition = 'left' | 'right';
|
|
3
|
-
export type ButtonColor = 'primary' | 'secondary' | 'ghost' | 'outlined' | 'destructive' | 'tertiary' | 'link' | 'tab' | 'text' | 'menuTrigger' | 'menuCell' | 'icon-button';
|
|
3
|
+
export type ButtonColor = 'primary' | 'secondary' | 'ghost' | 'ghost-ai' | 'outlined' | 'destructive' | 'tertiary' | 'link' | 'tab' | 'text' | 'menuTrigger' | 'menuCell' | 'icon-button';
|
|
4
4
|
export type ButtonSize = 'big' | 'medium' | 'small';
|
|
5
5
|
export type LinkUrlTarget = '' | '_self' | '_blank' | '_parent' | '_top';
|
|
6
6
|
export type IconButtonSize = '24' | '32' | '40';
|
|
@@ -2,6 +2,7 @@ import { EventEmitter, OnChanges, OnInit } from '@angular/core';
|
|
|
2
2
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import { CardSize, CardVariant } from './card.model';
|
|
5
|
+
import { IconSize } from '../icon/icon.model';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class CardComponent implements OnChanges, OnInit {
|
|
7
8
|
private readonly defaultAppTheme;
|
|
@@ -35,6 +36,13 @@ export declare class CardComponent implements OnChanges, OnInit {
|
|
|
35
36
|
* @memberof CardComponent
|
|
36
37
|
*/
|
|
37
38
|
set errors(errors: string[]);
|
|
39
|
+
/**
|
|
40
|
+
* Errors size
|
|
41
|
+
*
|
|
42
|
+
* @type {string}
|
|
43
|
+
* @memberof CardComponent
|
|
44
|
+
*/
|
|
45
|
+
errorsSize?: string | undefined;
|
|
38
46
|
/**
|
|
39
47
|
* Marks card as selected
|
|
40
48
|
*
|
|
@@ -59,8 +67,9 @@ export declare class CardComponent implements OnChanges, OnInit {
|
|
|
59
67
|
ngOnChanges(): void;
|
|
60
68
|
ngOnInit(): void;
|
|
61
69
|
get cardVariant(): CardVariant;
|
|
70
|
+
get errorIconSize(): IconSize;
|
|
62
71
|
get isSelected(): boolean;
|
|
63
72
|
selectCard(): void;
|
|
64
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }, null]>;
|
|
65
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*"], false, never>;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "errorsSize": { "alias": "errorsSize"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*"], false, never>;
|
|
66
75
|
}
|
|
@@ -33,6 +33,12 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
33
33
|
* @memberof DialogComponent
|
|
34
34
|
*/
|
|
35
35
|
secondaryButtonLabel?: string | undefined;
|
|
36
|
+
/**
|
|
37
|
+
* Footer dialog message
|
|
38
|
+
*
|
|
39
|
+
* @memberof DialogComponent
|
|
40
|
+
*/
|
|
41
|
+
footerMessage?: string | undefined;
|
|
36
42
|
/**
|
|
37
43
|
* Primary button label
|
|
38
44
|
*
|
|
@@ -152,5 +158,5 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
152
158
|
onSecondaryButtonClick(event: Event): void;
|
|
153
159
|
onPrimaryButtonClick(event: Event): void;
|
|
154
160
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, null, null]>;
|
|
155
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryButtonDataTestId": { "alias": "primaryButtonDataTestId"; "required": false; }; "secondaryButtonDataTestId": { "alias": "secondaryButtonDataTestId"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "keyboardOpen": { "alias": "keyboardOpen"; "required": false; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, ["customHeader"], ["[dialogHeader]", "*"], false, never>;
|
|
161
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "footerMessage": { "alias": "footerMessage"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "primaryButtonDataTestId": { "alias": "primaryButtonDataTestId"; "required": false; }; "secondaryButtonDataTestId": { "alias": "secondaryButtonDataTestId"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "keyboardOpen": { "alias": "keyboardOpen"; "required": false; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, ["customHeader"], ["[dialogHeader]", "*"], false, never>;
|
|
156
162
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { SafeHtml } from '@angular/platform-browser';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
-
import { ButtonIconPosition } from '../button/button.model';
|
|
4
|
+
import { ButtonColor, ButtonIconPosition } from '../button/button.model';
|
|
5
5
|
import { IconName } from '../icon/icon.model';
|
|
6
6
|
import { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
@@ -57,6 +57,12 @@ export declare class EmptyStateComponent {
|
|
|
57
57
|
* @memberof EmptyStateComponent
|
|
58
58
|
*/
|
|
59
59
|
primaryButtonVariant: ButtonVariant;
|
|
60
|
+
/**
|
|
61
|
+
* General button variation - only for new theme.
|
|
62
|
+
* @type {ButtonColor}
|
|
63
|
+
* @memberof EmptyStateComponent
|
|
64
|
+
*/
|
|
65
|
+
generalButtonVariation: ButtonColor;
|
|
60
66
|
/**
|
|
61
67
|
* @description Name of ui-icon for primary button
|
|
62
68
|
* @type {IconName}
|
|
@@ -117,6 +123,30 @@ export declare class EmptyStateComponent {
|
|
|
117
123
|
* @memberof EmptyStateComponent
|
|
118
124
|
*/
|
|
119
125
|
tertiaryButtonIconPosition: ButtonIconPosition;
|
|
126
|
+
/**
|
|
127
|
+
* @description Displays general variation button if passed.
|
|
128
|
+
* @type {string}
|
|
129
|
+
* @memberof EmptyStateComponent
|
|
130
|
+
*/
|
|
131
|
+
generalVariationButtonText: string;
|
|
132
|
+
/**
|
|
133
|
+
* @description Name of ui-icon for general variation button
|
|
134
|
+
* @type {IconName}
|
|
135
|
+
* @memberof EmptyStateComponent
|
|
136
|
+
*/
|
|
137
|
+
generalVariationButtonIconName: IconName;
|
|
138
|
+
/**
|
|
139
|
+
* @description Position of ui-icon for general variation button
|
|
140
|
+
* @type {ButtonIconPosition}
|
|
141
|
+
* @memberof EmptyStateComponent
|
|
142
|
+
*/
|
|
143
|
+
generalVariationButtonIconPosition: ButtonIconPosition;
|
|
144
|
+
/**
|
|
145
|
+
* @description Disabled state for general variation button
|
|
146
|
+
* @type {boolean}
|
|
147
|
+
* @memberof EmptyStateComponent
|
|
148
|
+
*/
|
|
149
|
+
generalVariationButtonDisabled: boolean;
|
|
120
150
|
/**
|
|
121
151
|
*
|
|
122
152
|
* Defines the application theme
|
|
@@ -146,13 +176,21 @@ export declare class EmptyStateComponent {
|
|
|
146
176
|
* @memberof TagComponent
|
|
147
177
|
*/
|
|
148
178
|
tertiaryButtonClick: EventEmitter<Event>;
|
|
179
|
+
/**
|
|
180
|
+
* Event triggered when the general variation button is clicked.
|
|
181
|
+
* @type {Event}
|
|
182
|
+
* @event
|
|
183
|
+
* @memberof TagComponent
|
|
184
|
+
*/
|
|
185
|
+
generalVariationButtonClick: EventEmitter<Event>;
|
|
149
186
|
buttonApplicationTheme: ApplicationTheme;
|
|
150
187
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
151
188
|
ngOnInit(): void;
|
|
152
189
|
onPrimaryButtonClick(event: Event): void;
|
|
153
190
|
onSecondaryButtonClick(event: Event): void;
|
|
154
191
|
onTertiaryButtonClick(event: Event): void;
|
|
155
|
-
|
|
192
|
+
onGeneralVariationButtonClick(event: Event): void;
|
|
193
|
+
getVariant(variant: ButtonVariant): "primary" | "secondary" | "ghost";
|
|
156
194
|
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, [{ optional: true; }]>;
|
|
157
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showIllustration": { "alias": "showIllustration"; "required": false; }; "illustrationVariant": { "alias": "illustrationVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "emptyStateVariant": { "alias": "emptyStateVariant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "primaryButtonVariant": { "alias": "primaryButtonVariant"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "primaryButtonIconPosition": { "alias": "primaryButtonIconPosition"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "secondaryButtonVariant": { "alias": "secondaryButtonVariant"; "required": false; }; "secondaryButtonIconName": { "alias": "secondaryButtonIconName"; "required": false; }; "secondaryButtonIconPosition": { "alias": "secondaryButtonIconPosition"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; "tertiaryButtonVariant": { "alias": "tertiaryButtonVariant"; "required": false; }; "tertiaryButtonIconName": { "alias": "tertiaryButtonIconName"; "required": false; }; "tertiaryButtonIconPosition": { "alias": "tertiaryButtonIconPosition"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
|
|
195
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showIllustration": { "alias": "showIllustration"; "required": false; }; "illustrationVariant": { "alias": "illustrationVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "emptyStateVariant": { "alias": "emptyStateVariant"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "primaryButtonVariant": { "alias": "primaryButtonVariant"; "required": false; }; "generalButtonVariation": { "alias": "generalButtonVariation"; "required": false; }; "primaryButtonIconName": { "alias": "primaryButtonIconName"; "required": false; }; "primaryButtonIconPosition": { "alias": "primaryButtonIconPosition"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "secondaryButtonVariant": { "alias": "secondaryButtonVariant"; "required": false; }; "secondaryButtonIconName": { "alias": "secondaryButtonIconName"; "required": false; }; "secondaryButtonIconPosition": { "alias": "secondaryButtonIconPosition"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; "tertiaryButtonVariant": { "alias": "tertiaryButtonVariant"; "required": false; }; "tertiaryButtonIconName": { "alias": "tertiaryButtonIconName"; "required": false; }; "tertiaryButtonIconPosition": { "alias": "tertiaryButtonIconPosition"; "required": false; }; "generalVariationButtonText": { "alias": "generalVariationButtonText"; "required": false; }; "generalVariationButtonIconName": { "alias": "generalVariationButtonIconName"; "required": false; }; "generalVariationButtonIconPosition": { "alias": "generalVariationButtonIconPosition"; "required": false; }; "generalVariationButtonDisabled": { "alias": "generalVariationButtonDisabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; "generalVariationButtonClick": "generalVariationButtonClick"; }, never, never, false, never>;
|
|
158
196
|
}
|
|
@@ -6,6 +6,7 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
|
6
6
|
import { FieldType } from '../../components/field/field.model';
|
|
7
7
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
8
8
|
import { IconName } from '../icon/icon.model';
|
|
9
|
+
import { BadgeVariant } from '../badge/badge.model';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
/**
|
|
11
12
|
* A global counter used to generate unique field IDs.
|
|
@@ -68,6 +69,13 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
68
69
|
* @memberof FieldComponent
|
|
69
70
|
*/
|
|
70
71
|
value: string;
|
|
72
|
+
/**
|
|
73
|
+
* Variant of badge to use
|
|
74
|
+
*
|
|
75
|
+
* @type {BadgeVariant}
|
|
76
|
+
* @memberof FieldComponent
|
|
77
|
+
*/
|
|
78
|
+
badgeVariant?: BadgeVariant | undefined;
|
|
71
79
|
_errors: SafeHtml[];
|
|
72
80
|
/**
|
|
73
81
|
* Input field errors
|
|
@@ -327,5 +335,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
327
335
|
focus(): void;
|
|
328
336
|
refocusPasswordButton(btn: any): void;
|
|
329
337
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;
|
|
330
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hasTextAreaCounter": { "alias": "hasTextAreaCounter"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
|
|
338
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hasTextAreaCounter": { "alias": "hasTextAreaCounter"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
|
|
331
339
|
}
|
|
@@ -11,8 +11,9 @@ import * as i9 from "../../pipes/ui-translate.pipe";
|
|
|
11
11
|
import * as i10 from "../validation-error/validation-error.module";
|
|
12
12
|
import * as i11 from "../../pipes/has-validation-error.pipe";
|
|
13
13
|
import * as i12 from "../../directives/digits-only.directive";
|
|
14
|
+
import * as i13 from "../badge/badge.component.module";
|
|
14
15
|
export declare class FieldComponentModule {
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponentModule, never>;
|
|
16
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.ButtonComponentModule, typeof i8.MatIconModule, typeof i9.UiTranslatePipe, typeof i10.ValidationErrorModule, typeof i11.HasValidationErrorPipe, typeof i12.DigitsOnlyDirective], [typeof i1.FieldComponent]>;
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.ButtonComponentModule, typeof i8.MatIconModule, typeof i9.UiTranslatePipe, typeof i10.ValidationErrorModule, typeof i11.HasValidationErrorPipe, typeof i12.DigitsOnlyDirective, typeof i13.BadgeComponentModule], [typeof i1.FieldComponent]>;
|
|
17
18
|
static ɵinj: i0.ɵɵInjectorDeclaration<FieldComponentModule>;
|
|
18
19
|
}
|
|
@@ -24,6 +24,13 @@ export declare class IconLabelComponent implements OnInit {
|
|
|
24
24
|
* @memberof IconLabelComponent
|
|
25
25
|
*/
|
|
26
26
|
text: string;
|
|
27
|
+
/**
|
|
28
|
+
* Icon color
|
|
29
|
+
*
|
|
30
|
+
* @type {IconColor}
|
|
31
|
+
* @memberof IconLabelComponent
|
|
32
|
+
*/
|
|
33
|
+
iconColor?: string | undefined;
|
|
27
34
|
/**
|
|
28
35
|
*
|
|
29
36
|
* Defines the application theme
|
|
@@ -35,5 +42,5 @@ export declare class IconLabelComponent implements OnInit {
|
|
|
35
42
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
36
43
|
ngOnInit(): void;
|
|
37
44
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconLabelComponent, [{ optional: true; }]>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconLabelComponent, "ui-icon-label", never, { "iconSize": { "alias": "iconSize"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
45
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconLabelComponent, "ui-icon-label", never, { "iconSize": { "alias": "iconSize"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "text": { "alias": "text"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
|
|
39
46
|
}
|
|
@@ -8,6 +8,7 @@ export declare class SkeletonComponent {
|
|
|
8
8
|
count: number | string;
|
|
9
9
|
set theme(value: NgxSkeletonLoaderConfigTheme);
|
|
10
10
|
set appearance(value: Appearance);
|
|
11
|
+
isAiTheme: boolean;
|
|
11
12
|
/**
|
|
12
13
|
*
|
|
13
14
|
* Defines the application theme
|
|
@@ -22,5 +23,5 @@ export declare class SkeletonComponent {
|
|
|
22
23
|
protected readonly currentTheme$: import("rxjs").Observable<NgxSkeletonLoaderConfigTheme>;
|
|
23
24
|
private getThemeWithDefaultValues;
|
|
24
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, [{ optional: true; }]>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "count": { "alias": "count"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonComponent, "ui-skeleton", never, { "count": { "alias": "count"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "isAiTheme": { "alias": "isAiTheme"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
|
|
26
27
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { IconName } from '../icon/icon.model';
|
|
3
3
|
import { Tab } from './tabs.model';
|
|
4
|
+
import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class TabDirective implements OnInit {
|
|
6
7
|
tabLabel: import("@angular/core").InputSignal<string>;
|
|
@@ -14,6 +15,8 @@ export declare class TabDirective implements OnInit {
|
|
|
14
15
|
}) => boolean | Promise<boolean>) | undefined>;
|
|
15
16
|
linkUrl: import("@angular/core").InputSignal<string | undefined>;
|
|
16
17
|
order: import("@angular/core").InputSignal<number | undefined>;
|
|
18
|
+
skeletonTheme: import("@angular/core").InputSignal<NgxSkeletonLoaderConfigTheme | undefined>;
|
|
19
|
+
isSkeletonAiTheme: import("@angular/core").InputSignal<boolean | undefined>;
|
|
17
20
|
private tabsComponent;
|
|
18
21
|
private template;
|
|
19
22
|
private syncProps;
|
|
@@ -21,5 +24,5 @@ export declare class TabDirective implements OnInit {
|
|
|
21
24
|
ngOnInit(): void;
|
|
22
25
|
private addTab;
|
|
23
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
|
|
24
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; "isSignal": true; }; "tabName": { "alias": "tabName"; "required": true; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canLeave": { "alias": "canLeave"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
27
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; "isSignal": true; }; "tabName": { "alias": "tabName"; "required": true; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canLeave": { "alias": "canLeave"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; "isSignal": true; }; "isSkeletonAiTheme": { "alias": "isSkeletonAiTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
25
28
|
}
|
|
@@ -51,6 +51,7 @@ export declare class TabsComponent {
|
|
|
51
51
|
* @memberof TabsComponent
|
|
52
52
|
*/
|
|
53
53
|
applicationTheme: ApplicationTheme;
|
|
54
|
+
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
54
55
|
selectedTabIndex: EventEmitter<number>;
|
|
55
56
|
selectedTab: EventEmitter<Tab>;
|
|
56
57
|
tabGroup: MatTabGroup;
|
|
@@ -70,7 +71,7 @@ export declare class TabsComponent {
|
|
|
70
71
|
removeTab(tabName: string): void;
|
|
71
72
|
updateTab(tabName: string, tab: Partial<Omit<Tab, 'tabName'>>): void;
|
|
72
73
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }, null]>;
|
|
73
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, false, never>;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, false, never>;
|
|
74
75
|
static ngAcceptInputType_headerContentPadding: number;
|
|
75
76
|
static ngAcceptInputType_dynamicHeight: unknown;
|
|
76
77
|
}
|
|
@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
|
|
|
5
5
|
import * as i4 from "@angular/material/tabs";
|
|
6
6
|
import * as i5 from "../icon/icon.component.module";
|
|
7
7
|
import * as i6 from "../../pipes/ui-translate.pipe";
|
|
8
|
+
import * as i7 from "../skeleton/skeleton.component";
|
|
8
9
|
export declare class TabsComponentModule {
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponentModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TabsComponentModule, [typeof i1.TabsComponent], [typeof i2.TabDirective, typeof i3.CommonModule, typeof i4.MatTabsModule, typeof i5.IconComponentModule, typeof i6.UiTranslatePipe], [typeof i1.TabsComponent, typeof i2.TabDirective]>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TabsComponentModule, [typeof i1.TabsComponent], [typeof i2.TabDirective, typeof i3.CommonModule, typeof i4.MatTabsModule, typeof i5.IconComponentModule, typeof i6.UiTranslatePipe, typeof i7.SkeletonComponent], [typeof i1.TabsComponent, typeof i2.TabDirective]>;
|
|
11
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<TabsComponentModule>;
|
|
12
13
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { IconName } from '../icon/icon.model';
|
|
2
|
+
import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
|
|
2
3
|
export interface Tab {
|
|
3
4
|
tabName: string;
|
|
4
5
|
tabLabel: string;
|
|
@@ -13,5 +14,7 @@ export interface Tab {
|
|
|
13
14
|
linkUrl?: string;
|
|
14
15
|
ariaLabel?: string;
|
|
15
16
|
order?: number;
|
|
17
|
+
skeletonTheme?: NgxSkeletonLoaderConfigTheme;
|
|
18
|
+
isSkeletonAiTheme?: boolean;
|
|
16
19
|
}
|
|
17
20
|
export type TabsType = 'underlined' | 'filled';
|
|
@@ -79,11 +79,11 @@ export class BadgeComponent {
|
|
|
79
79
|
return this.applicationTheme === 'classic';
|
|
80
80
|
}
|
|
81
81
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BadgeComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BadgeComponent, selector: "ui-badge", inputs: { label: "label", icon: "icon", color: "color", variant: "variant", notificationsAmount: "notificationsAmount", applicationTheme: "applicationTheme", rebrandColor: "rebrandColor", truncateLabel: "truncateLabel" }, ngImport: i0, template: "<div [class]=\"'badge badge-container-' + variant\"\n [attr.aria-label]=\"label\"\n [attr.theme]=\"applicationTheme\"\n [attr.color]=\"isClassicTheme ? color : rebrandColor\"\n [matTooltip]=\"(label.length > 25) ? label : ''\"\n [matTooltipClass]=\"applicationTheme\"\n>\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\" ></ui-icon>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label.length > 25 && truncateLabel ? (label | slice : 0 : 25) + '...' : label }}</div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:block}:host .badge-container-primary,:host .badge-container-secondary,:host .badge-container-notification{width:fit-content}:host .badge-container-primary,:host .badge-container-secondary{height:24px;padding:0 8px;border-radius:21px;color:#fff;line-height:10px}:host .badge-container-primary .label,:host .badge-container-secondary .label{font-size:12px;line-height:14px}:host .badge-container-primary .badge-icon,:host .badge-container-secondary .badge-icon{margin-right:8px}:host .badge-container-secondary .point{border-radius:50%;width:8px;height:8px;margin-right:8px}:host .badge-container-secondary .label{color:#000!important;width:100%}:host .badge-container-secondary[theme=dark],:host .badge-container-secondary[theme=light]{color:#242424}:host .badge-container-notification{min-width:20px;height:20px;border-radius:50%;color:#fff;line-height:10px}:host .badge-container-notification .label{font-size:12px}:host .badge-container-notification[theme=dark],:host .badge-container-notification[theme=light]{background:#242424!important;color:#fff!important;border-color:1px solid #ffffff}:host .badge{width:100%!important;max-width:fit-content!important}:host .badge .label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}.flex-center,:host .badge-container-primary,:host .badge-container-secondary,:host .badge-container-notification{display:flex;align-items:center;justify-content:center}.background-colors[color=red],:host [color=red].badge-container-primary,:host .badge-container-secondary [color=red].point,:host [color=red].badge-container-notification{background:#cb7b7a}.background-colors[color=grey-medium],:host [color=grey-medium].badge-container-primary,:host .badge-container-secondary [color=grey-medium].point,:host [color=grey-medium].badge-container-notification{background:#e0e0e0;color:#000}.background-colors[color=teal],:host [color=teal].badge-container-primary,:host .badge-container-secondary [color=teal].point,:host [color=teal].badge-container-notification{background:#46a997}.background-colors[color=yellow],:host [color=yellow].badge-container-primary,:host .badge-container-secondary [color=yellow].point,:host [color=yellow].badge-container-notification{background:#cca45f}.background-colors[color=petrol],:host [color=petrol].badge-container-primary,:host .badge-container-secondary [color=petrol].point,:host [color=petrol].badge-container-notification{background:#276678}.background-colors[color=teal-60w],:host [color=teal-60w].badge-container-primary,:host .badge-container-secondary [color=teal-60w].point,:host [color=teal-60w].badge-container-notification{background:#b5ddd5;color:#000}.background-colors[color=petrol-90w],:host [color=petrol-90w].badge-container-primary,:host .badge-container-secondary [color=petrol-90w].point,:host [color=petrol-90w].badge-container-notification{background:#e9f0f1;color:#000}.background-colors[color=petrol-60w],:host [color=petrol-60w].badge-container-primary,:host .badge-container-secondary [color=petrol-60w].point,:host [color=petrol-60w].badge-container-notification{background:#a9c2c9;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host .badge-container-secondary [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#888}.background-colors[color=success],:host [color=success].badge-container-primary,:host .badge-container-secondary [color=success].point,:host [color=success].badge-container-notification{background:#aae47a;color:#242424}.background-colors[color=warning],:host [color=warning].badge-container-primary,:host .badge-container-secondary [color=warning].point,:host [color=warning].badge-container-notification{background:#ffe1b3;color:#242424}.background-colors[color=negative],:host [color=negative].badge-container-primary,:host .badge-container-secondary [color=negative].point,:host [color=negative].badge-container-notification{background:#ffac9a;color:#242424}.background-colors[color=info],:host [color=info].badge-container-primary,:host .badge-container-secondary [color=info].point,:host [color=info].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=brand],:host [color=brand].badge-container-primary,:host .badge-container-secondary [color=brand].point,:host [color=brand].badge-container-notification{background:#ffe6fa;color:#242424}.background-colors[color=neutral],:host [color=neutral].badge-container-primary,:host .badge-container-secondary [color=neutral].point,:host [color=neutral].badge-container-notification{background:#e9e9e9;color:#242424}.background-colors[color=blue-20],:host [color=blue-20].badge-container-primary,:host .badge-container-secondary [color=blue-20].point,:host [color=blue-20].badge-container-notification{background:#99c1fe;color:#242424}.background-colors[color=blue-30],:host [color=blue-30].badge-container-primary,:host .badge-container-secondary [color=blue-30].point,:host [color=blue-30].badge-container-notification{background:#277cfd;color:#fff}.background-colors[color=blue-40],:host [color=blue-40].badge-container-primary,:host .badge-container-secondary [color=blue-40].point,:host [color=blue-40].badge-container-notification{background:#0165fc;color:#fff}.background-colors[color=pink-30],:host [color=pink-30].badge-container-primary,:host .badge-container-secondary [color=pink-30].point,:host [color=pink-30].badge-container-notification{background:#ffb3ee;color:#242424}.background-colors[color=blue-10],:host [color=blue-10].badge-container-primary,:host .badge-container-secondary [color=blue-10].point,:host [color=blue-10].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=grey-30],:host [color=grey-30].badge-container-primary,:host .badge-container-secondary [color=grey-30].point,:host [color=grey-30].badge-container-notification{background:#d3d3d3;color:#242424}.background-colors[color=grey-10],:host [color=grey-10].badge-container-primary,:host .badge-container-secondary [color=grey-10].point,:host [color=grey-10].badge-container-notification{background:#f4f4f4;color:#242424}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BadgeComponent, selector: "ui-badge", inputs: { label: "label", icon: "icon", color: "color", variant: "variant", notificationsAmount: "notificationsAmount", applicationTheme: "applicationTheme", rebrandColor: "rebrandColor", truncateLabel: "truncateLabel" }, ngImport: i0, template: "<div [class]=\"'badge badge-container-' + variant\"\n [class.no-label]=\"!label\"\n [attr.aria-label]=\"label\"\n [attr.theme]=\"applicationTheme\"\n [attr.color]=\"isClassicTheme ? color : rebrandColor\"\n [matTooltip]=\"(label.length > 25) ? label : ''\"\n [matTooltipClass]=\"applicationTheme\"\n>\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\"></ui-icon>\n </ng-container>\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY_AI\">\n <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"badgeVariant.SECONDARY_AI\">\n <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label.length > 25 && truncateLabel ? (label | slice : 0 : 25) + '...' : label }}</div>\n</div>\n\n<ng-template #aiIconTpl>\n <ui-icon class=\"badge-icon\" [name]=\"'Sparkle-in-line'\" [color]=\"'ai'\"></ui-icon>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:block}:host .badge-container-primary,:host .badge-container-primary-ai,:host .badge-container-secondary,:host .badge-container-secondary-ai,:host .badge-container-notification{width:fit-content}:host .badge-container-primary,:host .badge-container-primary-ai,:host .badge-container-secondary,:host .badge-container-secondary-ai{height:24px;padding:0 8px;border-radius:21px;color:#fff;line-height:10px}:host .badge-container-primary .label,:host .badge-container-primary-ai .label,:host .badge-container-secondary .label,:host .badge-container-secondary-ai .label{font-size:12px;line-height:14px}:host .badge-container-primary .badge-icon:not(:last-child),:host .badge-container-primary-ai .badge-icon:not(:last-child),:host .badge-container-secondary .badge-icon:not(:last-child),:host .badge-container-secondary-ai .badge-icon:not(:last-child){margin-right:8px}:host .badge-container-primary-ai.no-label{padding:4px}:host .badge-container-secondary .point,:host .badge-container-secondary-ai .point{border-radius:50%;padding:4px;margin-right:8px}:host .badge-container-secondary .label,:host .badge-container-secondary-ai .label{color:#000!important;width:100%}:host .badge-container-secondary[theme=dark],:host .badge-container-secondary[theme=light],:host .badge-container-secondary-ai[theme=dark],:host .badge-container-secondary-ai[theme=light]{color:#242424}:host .badge-container-secondary .badge-icon:not(:last-child),:host .badge-container-secondary-ai .badge-icon:not(:last-child){margin-right:4px}:host .badge-container-notification{min-width:20px;height:20px;border-radius:50%;color:#fff;line-height:10px}:host .badge-container-notification .label{font-size:12px}:host .badge-container-notification[theme=dark],:host .badge-container-notification[theme=light]{background:#242424!important;color:#fff!important;border-color:1px solid #ffffff}:host .badge{width:100%!important;max-width:fit-content!important}:host .badge .label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}.flex-center,:host .badge-container-primary,:host .badge-container-primary-ai,:host .badge-container-secondary,:host .badge-container-secondary-ai,:host .badge-container-notification{display:flex;align-items:center;justify-content:center}.background-colors[color=red],:host [color=red].badge-container-primary,:host [color=red].badge-container-primary-ai,:host .badge-container-secondary [color=red].point,:host .badge-container-secondary-ai [color=red].point,:host [color=red].badge-container-notification{background:#cb7b7a}.background-colors[color=grey-medium],:host [color=grey-medium].badge-container-primary,:host [color=grey-medium].badge-container-primary-ai,:host .badge-container-secondary [color=grey-medium].point,:host .badge-container-secondary-ai [color=grey-medium].point,:host [color=grey-medium].badge-container-notification{background:#e0e0e0;color:#000}.background-colors[color=teal],:host [color=teal].badge-container-primary,:host [color=teal].badge-container-primary-ai,:host .badge-container-secondary [color=teal].point,:host .badge-container-secondary-ai [color=teal].point,:host [color=teal].badge-container-notification{background:#46a997}.background-colors[color=yellow],:host [color=yellow].badge-container-primary,:host [color=yellow].badge-container-primary-ai,:host .badge-container-secondary [color=yellow].point,:host .badge-container-secondary-ai [color=yellow].point,:host [color=yellow].badge-container-notification{background:#cca45f}.background-colors[color=petrol],:host [color=petrol].badge-container-primary,:host [color=petrol].badge-container-primary-ai,:host .badge-container-secondary [color=petrol].point,:host .badge-container-secondary-ai [color=petrol].point,:host [color=petrol].badge-container-notification{background:#276678}.background-colors[color=teal-60w],:host [color=teal-60w].badge-container-primary,:host [color=teal-60w].badge-container-primary-ai,:host .badge-container-secondary [color=teal-60w].point,:host .badge-container-secondary-ai [color=teal-60w].point,:host [color=teal-60w].badge-container-notification{background:#b5ddd5;color:#000}.background-colors[color=petrol-90w],:host [color=petrol-90w].badge-container-primary,:host [color=petrol-90w].badge-container-primary-ai,:host .badge-container-secondary [color=petrol-90w].point,:host .badge-container-secondary-ai [color=petrol-90w].point,:host [color=petrol-90w].badge-container-notification{background:#e9f0f1;color:#000}.background-colors[color=petrol-60w],:host [color=petrol-60w].badge-container-primary,:host [color=petrol-60w].badge-container-primary-ai,:host .badge-container-secondary [color=petrol-60w].point,:host .badge-container-secondary-ai [color=petrol-60w].point,:host [color=petrol-60w].badge-container-notification{background:#a9c2c9;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host [color=grey-dark].badge-container-primary-ai,:host .badge-container-secondary [color=grey-dark].point,:host .badge-container-secondary-ai [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#888}.background-colors[color=success],:host [color=success].badge-container-primary,:host [color=success].badge-container-primary-ai,:host .badge-container-secondary [color=success].point,:host .badge-container-secondary-ai [color=success].point,:host [color=success].badge-container-notification{background:#aae47a;color:#242424}.background-colors[color=warning],:host [color=warning].badge-container-primary,:host [color=warning].badge-container-primary-ai,:host .badge-container-secondary [color=warning].point,:host .badge-container-secondary-ai [color=warning].point,:host [color=warning].badge-container-notification{background:#ffe1b3;color:#242424}.background-colors[color=negative],:host [color=negative].badge-container-primary,:host [color=negative].badge-container-primary-ai,:host .badge-container-secondary [color=negative].point,:host .badge-container-secondary-ai [color=negative].point,:host [color=negative].badge-container-notification{background:#ffac9a;color:#242424}.background-colors[color=info],:host [color=info].badge-container-primary,:host [color=info].badge-container-primary-ai,:host .badge-container-secondary [color=info].point,:host .badge-container-secondary-ai [color=info].point,:host [color=info].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=brand],:host [color=brand].badge-container-primary,:host [color=brand].badge-container-primary-ai,:host .badge-container-secondary [color=brand].point,:host .badge-container-secondary-ai [color=brand].point,:host [color=brand].badge-container-notification{background:#ffe6fa;color:#242424}.background-colors[color=neutral],:host [color=neutral].badge-container-primary,:host [color=neutral].badge-container-primary-ai,:host .badge-container-secondary [color=neutral].point,:host .badge-container-secondary-ai [color=neutral].point,:host [color=neutral].badge-container-notification{background:#e9e9e9;color:#242424}.background-colors[color=blue-20],:host [color=blue-20].badge-container-primary,:host [color=blue-20].badge-container-primary-ai,:host .badge-container-secondary [color=blue-20].point,:host .badge-container-secondary-ai [color=blue-20].point,:host [color=blue-20].badge-container-notification{background:#99c1fe;color:#242424}.background-colors[color=blue-30],:host [color=blue-30].badge-container-primary,:host [color=blue-30].badge-container-primary-ai,:host .badge-container-secondary [color=blue-30].point,:host .badge-container-secondary-ai [color=blue-30].point,:host [color=blue-30].badge-container-notification{background:#277cfd;color:#fff}.background-colors[color=blue-40],:host [color=blue-40].badge-container-primary,:host [color=blue-40].badge-container-primary-ai,:host .badge-container-secondary [color=blue-40].point,:host .badge-container-secondary-ai [color=blue-40].point,:host [color=blue-40].badge-container-notification{background:#0165fc;color:#fff}.background-colors[color=pink-30],:host [color=pink-30].badge-container-primary,:host [color=pink-30].badge-container-primary-ai,:host .badge-container-secondary [color=pink-30].point,:host .badge-container-secondary-ai [color=pink-30].point,:host [color=pink-30].badge-container-notification{background:#ffb3ee;color:#242424}.background-colors[color=blue-10],:host [color=blue-10].badge-container-primary,:host [color=blue-10].badge-container-primary-ai,:host .badge-container-secondary [color=blue-10].point,:host .badge-container-secondary-ai [color=blue-10].point,:host [color=blue-10].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=grey-30],:host [color=grey-30].badge-container-primary,:host [color=grey-30].badge-container-primary-ai,:host .badge-container-secondary [color=grey-30].point,:host .badge-container-secondary-ai [color=grey-30].point,:host [color=grey-30].badge-container-notification{background:#d3d3d3;color:#242424}.background-colors[color=grey-10],:host [color=grey-10].badge-container-primary,:host [color=grey-10].badge-container-primary-ai,:host .badge-container-secondary [color=grey-10].point,:host .badge-container-secondary-ai [color=grey-10].point,:host [color=grey-10].badge-container-notification{background:#f4f4f4;color:#242424}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
|
|
83
83
|
}
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
|
-
args: [{ selector: 'ui-badge', template: "<div [class]=\"'badge badge-container-' + variant\"\n [attr.aria-label]=\"label\"\n [attr.theme]=\"applicationTheme\"\n [attr.color]=\"isClassicTheme ? color : rebrandColor\"\n [matTooltip]=\"(label.length > 25) ? label : ''\"\n [matTooltipClass]=\"applicationTheme\"\n>\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\" ></ui-icon>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label.length > 25 && truncateLabel ? (label | slice : 0 : 25) + '...' : label }}</div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:block}:host .badge-container-primary,:host .badge-container-secondary,:host .badge-container-notification{width:fit-content}:host .badge-container-primary,:host .badge-container-secondary{height:24px;padding:0 8px;border-radius:21px;color:#fff;line-height:10px}:host .badge-container-primary .label,:host .badge-container-secondary .label{font-size:12px;line-height:14px}:host .badge-container-primary .badge-icon,:host .badge-container-secondary .badge-icon{margin-right:8px}:host .badge-container-secondary .point{border-radius:50%;width:8px;height:8px;margin-right:8px}:host .badge-container-secondary .label{color:#000!important;width:100%}:host .badge-container-secondary[theme=dark],:host .badge-container-secondary[theme=light]{color:#242424}:host .badge-container-notification{min-width:20px;height:20px;border-radius:50%;color:#fff;line-height:10px}:host .badge-container-notification .label{font-size:12px}:host .badge-container-notification[theme=dark],:host .badge-container-notification[theme=light]{background:#242424!important;color:#fff!important;border-color:1px solid #ffffff}:host .badge{width:100%!important;max-width:fit-content!important}:host .badge .label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}.flex-center,:host .badge-container-primary,:host .badge-container-secondary,:host .badge-container-notification{display:flex;align-items:center;justify-content:center}.background-colors[color=red],:host [color=red].badge-container-primary,:host .badge-container-secondary [color=red].point,:host [color=red].badge-container-notification{background:#cb7b7a}.background-colors[color=grey-medium],:host [color=grey-medium].badge-container-primary,:host .badge-container-secondary [color=grey-medium].point,:host [color=grey-medium].badge-container-notification{background:#e0e0e0;color:#000}.background-colors[color=teal],:host [color=teal].badge-container-primary,:host .badge-container-secondary [color=teal].point,:host [color=teal].badge-container-notification{background:#46a997}.background-colors[color=yellow],:host [color=yellow].badge-container-primary,:host .badge-container-secondary [color=yellow].point,:host [color=yellow].badge-container-notification{background:#cca45f}.background-colors[color=petrol],:host [color=petrol].badge-container-primary,:host .badge-container-secondary [color=petrol].point,:host [color=petrol].badge-container-notification{background:#276678}.background-colors[color=teal-60w],:host [color=teal-60w].badge-container-primary,:host .badge-container-secondary [color=teal-60w].point,:host [color=teal-60w].badge-container-notification{background:#b5ddd5;color:#000}.background-colors[color=petrol-90w],:host [color=petrol-90w].badge-container-primary,:host .badge-container-secondary [color=petrol-90w].point,:host [color=petrol-90w].badge-container-notification{background:#e9f0f1;color:#000}.background-colors[color=petrol-60w],:host [color=petrol-60w].badge-container-primary,:host .badge-container-secondary [color=petrol-60w].point,:host [color=petrol-60w].badge-container-notification{background:#a9c2c9;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host .badge-container-secondary [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#888}.background-colors[color=success],:host [color=success].badge-container-primary,:host .badge-container-secondary [color=success].point,:host [color=success].badge-container-notification{background:#aae47a;color:#242424}.background-colors[color=warning],:host [color=warning].badge-container-primary,:host .badge-container-secondary [color=warning].point,:host [color=warning].badge-container-notification{background:#ffe1b3;color:#242424}.background-colors[color=negative],:host [color=negative].badge-container-primary,:host .badge-container-secondary [color=negative].point,:host [color=negative].badge-container-notification{background:#ffac9a;color:#242424}.background-colors[color=info],:host [color=info].badge-container-primary,:host .badge-container-secondary [color=info].point,:host [color=info].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=brand],:host [color=brand].badge-container-primary,:host .badge-container-secondary [color=brand].point,:host [color=brand].badge-container-notification{background:#ffe6fa;color:#242424}.background-colors[color=neutral],:host [color=neutral].badge-container-primary,:host .badge-container-secondary [color=neutral].point,:host [color=neutral].badge-container-notification{background:#e9e9e9;color:#242424}.background-colors[color=blue-20],:host [color=blue-20].badge-container-primary,:host .badge-container-secondary [color=blue-20].point,:host [color=blue-20].badge-container-notification{background:#99c1fe;color:#242424}.background-colors[color=blue-30],:host [color=blue-30].badge-container-primary,:host .badge-container-secondary [color=blue-30].point,:host [color=blue-30].badge-container-notification{background:#277cfd;color:#fff}.background-colors[color=blue-40],:host [color=blue-40].badge-container-primary,:host .badge-container-secondary [color=blue-40].point,:host [color=blue-40].badge-container-notification{background:#0165fc;color:#fff}.background-colors[color=pink-30],:host [color=pink-30].badge-container-primary,:host .badge-container-secondary [color=pink-30].point,:host [color=pink-30].badge-container-notification{background:#ffb3ee;color:#242424}.background-colors[color=blue-10],:host [color=blue-10].badge-container-primary,:host .badge-container-secondary [color=blue-10].point,:host [color=blue-10].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=grey-30],:host [color=grey-30].badge-container-primary,:host .badge-container-secondary [color=grey-30].point,:host [color=grey-30].badge-container-notification{background:#d3d3d3;color:#242424}.background-colors[color=grey-10],:host [color=grey-10].badge-container-primary,:host .badge-container-secondary [color=grey-10].point,:host [color=grey-10].badge-container-notification{background:#f4f4f4;color:#242424}\n"] }]
|
|
86
|
+
args: [{ selector: 'ui-badge', template: "<div [class]=\"'badge badge-container-' + variant\"\n [class.no-label]=\"!label\"\n [attr.aria-label]=\"label\"\n [attr.theme]=\"applicationTheme\"\n [attr.color]=\"isClassicTheme ? color : rebrandColor\"\n [matTooltip]=\"(label.length > 25) ? label : ''\"\n [matTooltipClass]=\"applicationTheme\"\n>\n <ng-container [ngSwitch]=\"variant\">\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY\">\n <ui-icon *ngIf=\"icon\" class=\"badge-icon\" [name]=\"icon\" [color]=\"iconColor\"></ui-icon>\n </ng-container>\n <ng-container *ngSwitchCase=\"badgeVariant.PRIMARY_AI\">\n <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"badgeVariant.SECONDARY_AI\">\n <ng-container [ngTemplateOutlet]=\"aiIconTpl\"></ng-container>\n </ng-container>\n <div *ngSwitchCase=\"badgeVariant.SECONDARY\" class=\"point\" [attr.color]=\"isClassicTheme ? color : rebrandColor\"></div>\n <div *ngSwitchCase=\"badgeVariant.NOTIFICATION\" class=\"number-notification\">{{ notificationsAmount }}</div>\n </ng-container>\n <div class=\"label\" *ngIf=\"label && variant !== badgeVariant.NOTIFICATION\">{{ label.length > 25 && truncateLabel ? (label | slice : 0 : 25) + '...' : label }}</div>\n</div>\n\n<ng-template #aiIconTpl>\n <ui-icon class=\"badge-icon\" [name]=\"'Sparkle-in-line'\" [color]=\"'ai'\"></ui-icon>\n</ng-template>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:block}:host .badge-container-primary,:host .badge-container-primary-ai,:host .badge-container-secondary,:host .badge-container-secondary-ai,:host .badge-container-notification{width:fit-content}:host .badge-container-primary,:host .badge-container-primary-ai,:host .badge-container-secondary,:host .badge-container-secondary-ai{height:24px;padding:0 8px;border-radius:21px;color:#fff;line-height:10px}:host .badge-container-primary .label,:host .badge-container-primary-ai .label,:host .badge-container-secondary .label,:host .badge-container-secondary-ai .label{font-size:12px;line-height:14px}:host .badge-container-primary .badge-icon:not(:last-child),:host .badge-container-primary-ai .badge-icon:not(:last-child),:host .badge-container-secondary .badge-icon:not(:last-child),:host .badge-container-secondary-ai .badge-icon:not(:last-child){margin-right:8px}:host .badge-container-primary-ai.no-label{padding:4px}:host .badge-container-secondary .point,:host .badge-container-secondary-ai .point{border-radius:50%;padding:4px;margin-right:8px}:host .badge-container-secondary .label,:host .badge-container-secondary-ai .label{color:#000!important;width:100%}:host .badge-container-secondary[theme=dark],:host .badge-container-secondary[theme=light],:host .badge-container-secondary-ai[theme=dark],:host .badge-container-secondary-ai[theme=light]{color:#242424}:host .badge-container-secondary .badge-icon:not(:last-child),:host .badge-container-secondary-ai .badge-icon:not(:last-child){margin-right:4px}:host .badge-container-notification{min-width:20px;height:20px;border-radius:50%;color:#fff;line-height:10px}:host .badge-container-notification .label{font-size:12px}:host .badge-container-notification[theme=dark],:host .badge-container-notification[theme=light]{background:#242424!important;color:#fff!important;border-color:1px solid #ffffff}:host .badge{width:100%!important;max-width:fit-content!important}:host .badge .label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}.flex-center,:host .badge-container-primary,:host .badge-container-primary-ai,:host .badge-container-secondary,:host .badge-container-secondary-ai,:host .badge-container-notification{display:flex;align-items:center;justify-content:center}.background-colors[color=red],:host [color=red].badge-container-primary,:host [color=red].badge-container-primary-ai,:host .badge-container-secondary [color=red].point,:host .badge-container-secondary-ai [color=red].point,:host [color=red].badge-container-notification{background:#cb7b7a}.background-colors[color=grey-medium],:host [color=grey-medium].badge-container-primary,:host [color=grey-medium].badge-container-primary-ai,:host .badge-container-secondary [color=grey-medium].point,:host .badge-container-secondary-ai [color=grey-medium].point,:host [color=grey-medium].badge-container-notification{background:#e0e0e0;color:#000}.background-colors[color=teal],:host [color=teal].badge-container-primary,:host [color=teal].badge-container-primary-ai,:host .badge-container-secondary [color=teal].point,:host .badge-container-secondary-ai [color=teal].point,:host [color=teal].badge-container-notification{background:#46a997}.background-colors[color=yellow],:host [color=yellow].badge-container-primary,:host [color=yellow].badge-container-primary-ai,:host .badge-container-secondary [color=yellow].point,:host .badge-container-secondary-ai [color=yellow].point,:host [color=yellow].badge-container-notification{background:#cca45f}.background-colors[color=petrol],:host [color=petrol].badge-container-primary,:host [color=petrol].badge-container-primary-ai,:host .badge-container-secondary [color=petrol].point,:host .badge-container-secondary-ai [color=petrol].point,:host [color=petrol].badge-container-notification{background:#276678}.background-colors[color=teal-60w],:host [color=teal-60w].badge-container-primary,:host [color=teal-60w].badge-container-primary-ai,:host .badge-container-secondary [color=teal-60w].point,:host .badge-container-secondary-ai [color=teal-60w].point,:host [color=teal-60w].badge-container-notification{background:#b5ddd5;color:#000}.background-colors[color=petrol-90w],:host [color=petrol-90w].badge-container-primary,:host [color=petrol-90w].badge-container-primary-ai,:host .badge-container-secondary [color=petrol-90w].point,:host .badge-container-secondary-ai [color=petrol-90w].point,:host [color=petrol-90w].badge-container-notification{background:#e9f0f1;color:#000}.background-colors[color=petrol-60w],:host [color=petrol-60w].badge-container-primary,:host [color=petrol-60w].badge-container-primary-ai,:host .badge-container-secondary [color=petrol-60w].point,:host .badge-container-secondary-ai [color=petrol-60w].point,:host [color=petrol-60w].badge-container-notification{background:#a9c2c9;color:#000}.background-colors[color=grey-dark],:host [color=grey-dark].badge-container-primary,:host [color=grey-dark].badge-container-primary-ai,:host .badge-container-secondary [color=grey-dark].point,:host .badge-container-secondary-ai [color=grey-dark].point,:host [color=grey-dark].badge-container-notification{background:#888}.background-colors[color=success],:host [color=success].badge-container-primary,:host [color=success].badge-container-primary-ai,:host .badge-container-secondary [color=success].point,:host .badge-container-secondary-ai [color=success].point,:host [color=success].badge-container-notification{background:#aae47a;color:#242424}.background-colors[color=warning],:host [color=warning].badge-container-primary,:host [color=warning].badge-container-primary-ai,:host .badge-container-secondary [color=warning].point,:host .badge-container-secondary-ai [color=warning].point,:host [color=warning].badge-container-notification{background:#ffe1b3;color:#242424}.background-colors[color=negative],:host [color=negative].badge-container-primary,:host [color=negative].badge-container-primary-ai,:host .badge-container-secondary [color=negative].point,:host .badge-container-secondary-ai [color=negative].point,:host [color=negative].badge-container-notification{background:#ffac9a;color:#242424}.background-colors[color=info],:host [color=info].badge-container-primary,:host [color=info].badge-container-primary-ai,:host .badge-container-secondary [color=info].point,:host .badge-container-secondary-ai [color=info].point,:host [color=info].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=brand],:host [color=brand].badge-container-primary,:host [color=brand].badge-container-primary-ai,:host .badge-container-secondary [color=brand].point,:host .badge-container-secondary-ai [color=brand].point,:host [color=brand].badge-container-notification{background:#ffe6fa;color:#242424}.background-colors[color=neutral],:host [color=neutral].badge-container-primary,:host [color=neutral].badge-container-primary-ai,:host .badge-container-secondary [color=neutral].point,:host .badge-container-secondary-ai [color=neutral].point,:host [color=neutral].badge-container-notification{background:#e9e9e9;color:#242424}.background-colors[color=blue-20],:host [color=blue-20].badge-container-primary,:host [color=blue-20].badge-container-primary-ai,:host .badge-container-secondary [color=blue-20].point,:host .badge-container-secondary-ai [color=blue-20].point,:host [color=blue-20].badge-container-notification{background:#99c1fe;color:#242424}.background-colors[color=blue-30],:host [color=blue-30].badge-container-primary,:host [color=blue-30].badge-container-primary-ai,:host .badge-container-secondary [color=blue-30].point,:host .badge-container-secondary-ai [color=blue-30].point,:host [color=blue-30].badge-container-notification{background:#277cfd;color:#fff}.background-colors[color=blue-40],:host [color=blue-40].badge-container-primary,:host [color=blue-40].badge-container-primary-ai,:host .badge-container-secondary [color=blue-40].point,:host .badge-container-secondary-ai [color=blue-40].point,:host [color=blue-40].badge-container-notification{background:#0165fc;color:#fff}.background-colors[color=pink-30],:host [color=pink-30].badge-container-primary,:host [color=pink-30].badge-container-primary-ai,:host .badge-container-secondary [color=pink-30].point,:host .badge-container-secondary-ai [color=pink-30].point,:host [color=pink-30].badge-container-notification{background:#ffb3ee;color:#242424}.background-colors[color=blue-10],:host [color=blue-10].badge-container-primary,:host [color=blue-10].badge-container-primary-ai,:host .badge-container-secondary [color=blue-10].point,:host .badge-container-secondary-ai [color=blue-10].point,:host [color=blue-10].badge-container-notification{background:#d9e8ff;color:#242424}.background-colors[color=grey-30],:host [color=grey-30].badge-container-primary,:host [color=grey-30].badge-container-primary-ai,:host .badge-container-secondary [color=grey-30].point,:host .badge-container-secondary-ai [color=grey-30].point,:host [color=grey-30].badge-container-notification{background:#d3d3d3;color:#242424}.background-colors[color=grey-10],:host [color=grey-10].badge-container-primary,:host [color=grey-10].badge-container-primary-ai,:host .badge-container-secondary [color=grey-10].point,:host .badge-container-secondary-ai [color=grey-10].point,:host [color=grey-10].badge-container-notification{background:#f4f4f4;color:#242424}\n"] }]
|
|
87
87
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
88
88
|
type: Optional
|
|
89
89
|
}, {
|
|
@@ -106,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
106
106
|
}], truncateLabel: [{
|
|
107
107
|
type: Input
|
|
108
108
|
}] } });
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGdvLWNhbm9weS11aS9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Rnby1jYW5vcHktdWkvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRW5FLE9BQU8sRUFFTCxjQUFjLEVBRWQsZ0JBQWdCLEVBRWhCLHFCQUFxQixHQUN0QixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRdkIsTUFBTSxPQUFPLGNBQWM7SUF1RXpCLFlBQzZFLGVBQWlDO1FBQWpDLG9CQUFlLEdBQWYsZUFBZSxDQUFrQjtRQXZFOUc7Ozs7V0FJRztRQUNNLFVBQUssR0FBRyxFQUFFLENBQUM7UUFFcEI7Ozs7V0FJRztRQUNNLFNBQUksR0FBYSxFQUFFLENBQUM7UUFFN0I7Ozs7V0FJRztRQUNNLFVBQUssR0FBZSxRQUFRLENBQUM7UUFFdEM7Ozs7V0FJRztRQUNNLFlBQU8sR0FBaUIsU0FBUyxDQUFDO1FBRTNDOzs7O1dBSUc7UUFDTSx3QkFBbUIsR0FBRyxDQUFDLENBQUM7UUFFakM7Ozs7OztXQU1HO1FBQ00scUJBQWdCLEdBQXFCLE9BQU8sQ0FBQztRQUV0RDs7OztXQUlHO1FBQ00saUJBQVksR0FBc0IsT0FBTyxDQUFDO1FBRTFDLGtCQUFhLEdBQUcsSUFBSSxDQUFDO1FBRXBCLGlCQUFZLEdBQUcsZ0JBQWdCLENBQUM7UUFDbEMsZUFBVSxHQUFhO1lBQzdCLGNBQWMsQ0FBQyxXQUFXO1lBQzFCLGNBQWMsQ0FBQyxVQUFVO1lBQ3pCLGNBQWMsQ0FBQyxRQUFRO1lBQ3ZCLGNBQWMsQ0FBQyxVQUFVO1lBQ3pCLHFCQUFxQixDQUFDLE9BQU87WUFDN0IscUJBQXFCLENBQUMsSUFBSTtZQUMxQixxQkFBcUIsQ0FBQyxLQUFLO1lBQzNCLHFCQUFxQixDQUFDLE9BQU87WUFDN0IscUJBQXFCLENBQUMsUUFBUTtZQUM5QixxQkFBcUIsQ0FBQyxPQUFPO1lBQzdCLHFCQUFxQixDQUFDLE9BQU87WUFDN0IscUJBQXFCLENBQUMsT0FBTztZQUM3QixxQkFBcUIsQ0FBQyxPQUFPO1NBQzlCLENBQUM7UUFLQSxJQUFJLGVBQWUsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxlQUFlLENBQUM7UUFDMUMsQ0FBQztJQUNILENBQUM7SUFFRCxJQUFjLFNBQVM7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQzVHLENBQUM7SUFFRCxJQUFjLGNBQWM7UUFDMUIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLEtBQUssU0FBUyxDQUFDO0lBQzdDLENBQUM7K0dBckZVLGNBQWMsa0JBd0VILG9DQUFvQzttR0F4RS9DLGNBQWMsOFFDakIzQiwyNUNBMkJBOzs0RkRWYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFVBQVU7OzBCQTRFakIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxvQ0FBb0M7eUNBbEVqRCxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csSUFBSTtzQkFBWixLQUFLO2dCQU9HLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBT0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQVNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFPRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uQ29sb3IsIEljb25OYW1lIH0gZnJvbSAnLi4vaWNvbi9pY29uLm1vZGVsJztcbmltcG9ydCB7XG4gIEJhZGdlQ29sb3IsXG4gIEJhZGdlQ29sb3JFbnVtLFxuICBCYWRnZVZhcmlhbnQsXG4gIEJhZGdlVmFyaWFudEVudW0sXG4gIFJlYnJhbmRCYWRnZUNvbG9yLFxuICBSZWJyYW5kQmFkZ2VDb2xvckVudW0sXG59IGZyb20gJy4vYmFkZ2UubW9kZWwnO1xuaW1wb3J0IHsgQXBwbGljYXRpb25UaGVtZSB9IGZyb20gJy4uLy4uL21vZGVscy9hcHBsaWNhdGlvbi10aGVtZS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3VpLWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIGxhYmVsIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgYmFkZ2UuXG4gICAqIEB0eXBlIHtzdHJpbmd9XG4gICAqIEBtZW1iZXJvZiBCYWRnZUNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbGFiZWwgPSAnJztcblxuICAvKipcbiAgICogVGhlIGljb24gbmFtZSB0byBiZSBkaXNwbGF5ZWQgb24gdGhlIGJhZGdlLlxuICAgKiBAdHlwZSB7SWNvbk5hbWV9XG4gICAqIEBtZW1iZXJvZiBCYWRnZUNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgaWNvbjogSWNvbk5hbWUgPSAnJztcblxuICAvKipcbiAgICogVGhlIGNvbG9yIG9mIHRoZSBiYWRnZS4gRGVmYXVsdHMgdG8gJ3BldHJvbCcuXG4gICAqIEB0eXBlIHtCYWRnZUNvbG9yfVxuICAgKiBAbWVtYmVyb2YgQmFkZ2VDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiBCYWRnZUNvbG9yID0gJ3BldHJvbCc7XG5cbiAgLyoqXG4gICAqIFRoZSB2YXJpYW50IG9mIHRoZSBiYWRnZS4gRGVmYXVsdHMgdG8gJ3ByaW1hcnknLlxuICAgKiBAdHlwZSB7QmFkZ2VWYXJpYW50fVxuICAgKiBAbWVtYmVyb2YgQmFkZ2VDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHZhcmlhbnQ6IEJhZGdlVmFyaWFudCA9ICdwcmltYXJ5JztcblxuICAvKipcbiAgICogVGhlIGFtb3VudCBvZiBub3RpZmljYXRpb25zIHRvIGJlIGRpc3BsYXllZCBvbiB0aGUgYmFkZ2UuXG4gICAqIEB0eXBlIHtudW1iZXJ9XG4gICAqIEBtZW1iZXJvZiBCYWRnZUNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgbm90aWZpY2F0aW9uc0Ftb3VudCA9IDA7XG5cbiAgLyoqXG4gICAqXG4gICAqIERlZmluZXMgdGhlIGFwcGxpY2F0aW9uIHRoZW1lXG4gICAqXG4gICAqIEB0eXBlIHtBcHBsaWNhdGlvblRoZW1lfVxuICAgKiBAbWVtYmVyb2YgQmFkZ2VDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIGFwcGxpY2F0aW9uVGhlbWU6IEFwcGxpY2F0aW9uVGhlbWUgPSAnbGlnaHQnO1xuXG4gIC8qKlxuICAgKiBUaGUgY29sb3Igb2YgdGhlIGJhZGdlIG9uIG5ldyB0aGVtZS4gRGVmYXVsdHMgdG8gJ2JyYW5kJy5cbiAgICogQHR5cGUge1JlYnJhbmRCYWRnZUNvbG9yfVxuICAgKiBAbWVtYmVyb2YgQmFkZ2VDb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHJlYnJhbmRDb2xvcjogUmVicmFuZEJhZGdlQ29sb3IgPSAnYnJhbmQnO1xuXG4gIEBJbnB1dCgpIHRydW5jYXRlTGFiZWwgPSB0cnVlO1xuXG4gIHByb3RlY3RlZCBiYWRnZVZhcmlhbnQgPSBCYWRnZVZhcmlhbnRFbnVtO1xuICBwcml2YXRlIGRhcmtDb2xvcnM6IHN0cmluZ1tdID0gW1xuICAgIEJhZGdlQ29sb3JFbnVtLkdSRVlfTUVESVVNLFxuICAgIEJhZGdlQ29sb3JFbnVtLlBFVFJPTF85MFcsXG4gICAgQmFkZ2VDb2xvckVudW0uVEVBTF82MFcsXG4gICAgQmFkZ2VDb2xvckVudW0uUEVUUk9MXzYwVyxcbiAgICBSZWJyYW5kQmFkZ2VDb2xvckVudW0uU1VDQ0VTUyxcbiAgICBSZWJyYW5kQmFkZ2VDb2xvckVudW0uSU5GTyxcbiAgICBSZWJyYW5kQmFkZ2VDb2xvckVudW0uQlJBTkQsXG4gICAgUmVicmFuZEJhZGdlQ29sb3JFbnVtLk5FVVRSQUwsXG4gICAgUmVicmFuZEJhZGdlQ29sb3JFbnVtLk5FR0FUSVZFLFxuICAgIFJlYnJhbmRCYWRnZUNvbG9yRW51bS5XQVJOSU5HLFxuICAgIFJlYnJhbmRCYWRnZUNvbG9yRW51bS5CTFVFXzIwLFxuICAgIFJlYnJhbmRCYWRnZUNvbG9yRW51bS5QSU5LXzMwLFxuICAgIFJlYnJhbmRCYWRnZUNvbG9yRW51bS5CTFVFXzEwLFxuICBdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoJ0NBTk9QWVVJX0RFRkFVTFRfQVBQTElDQVRJT05fVEhFTUUnKSBwcml2YXRlIHJlYWRvbmx5IGRlZmF1bHRBcHBUaGVtZTogQXBwbGljYXRpb25UaGVtZVxuICApIHtcbiAgICBpZiAoZGVmYXVsdEFwcFRoZW1lKSB7XG4gICAgICB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPSBkZWZhdWx0QXBwVGhlbWU7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGdldCBpY29uQ29sb3IoKTogSWNvbkNvbG9yIHtcbiAgICByZXR1cm4gdGhpcy5kYXJrQ29sb3JzLmluY2x1ZGVzKHRoaXMuaXNDbGFzc2ljVGhlbWUgPyB0aGlzLmNvbG9yIDogdGhpcy5yZWJyYW5kQ29sb3IpID8gJ2JsYWNrJyA6ICd3aGl0ZSc7XG4gIH1cblxuICBwcm90ZWN0ZWQgZ2V0IGlzQ2xhc3NpY1RoZW1lKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFwcGxpY2F0aW9uVGhlbWUgPT09ICdjbGFzc2ljJztcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwiJ2JhZGdlIGJhZGdlLWNvbnRhaW5lci0nICsgdmFyaWFudFwiXG4gICAgIFtjbGFzcy5uby1sYWJlbF09XCIhbGFiZWxcIlxuICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImxhYmVsXCJcbiAgICAgW2F0dHIudGhlbWVdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4gICAgIFthdHRyLmNvbG9yXT1cImlzQ2xhc3NpY1RoZW1lID8gY29sb3IgOiByZWJyYW5kQ29sb3JcIlxuICAgICBbbWF0VG9vbHRpcF09XCIobGFiZWwubGVuZ3RoID4gMjUpID8gbGFiZWwgOiAnJ1wiXG4gICAgIFttYXRUb29sdGlwQ2xhc3NdPVwiYXBwbGljYXRpb25UaGVtZVwiXG4+XG4gIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInZhcmlhbnRcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCJiYWRnZVZhcmlhbnQuUFJJTUFSWVwiPlxuICAgICAgPHVpLWljb24gKm5nSWY9XCJpY29uXCIgY2xhc3M9XCJiYWRnZS1pY29uXCIgW25hbWVdPVwiaWNvblwiIFtjb2xvcl09XCJpY29uQ29sb3JcIj48L3VpLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiYmFkZ2VWYXJpYW50LlBSSU1BUllfQUlcIj5cbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWlJY29uVHBsXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiYmFkZ2VWYXJpYW50LlNFQ09OREFSWV9BSVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJhaUljb25UcGxcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJiYWRnZVZhcmlhbnQuU0VDT05EQVJZXCIgY2xhc3M9XCJwb2ludFwiIFthdHRyLmNvbG9yXT1cImlzQ2xhc3NpY1RoZW1lID8gY29sb3IgOiByZWJyYW5kQ29sb3JcIj48L2Rpdj5cbiAgICA8ZGl2ICpuZ1N3aXRjaENhc2U9XCJiYWRnZVZhcmlhbnQuTk9USUZJQ0FUSU9OXCIgY2xhc3M9XCJudW1iZXItbm90aWZpY2F0aW9uXCI+e3sgbm90aWZpY2F0aW9uc0Ftb3VudCB9fTwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbiAgPGRpdiBjbGFzcz1cImxhYmVsXCIgKm5nSWY9XCJsYWJlbCAmJiB2YXJpYW50ICE9PSBiYWRnZVZhcmlhbnQuTk9USUZJQ0FUSU9OXCI+e3sgbGFiZWwubGVuZ3RoID4gMjUgJiYgdHJ1bmNhdGVMYWJlbCA/IChsYWJlbCB8IHNsaWNlIDogMCA6IDI1KSArICcuLi4nIDogbGFiZWwgfX08L2Rpdj5cbjwvZGl2PlxuXG48bmctdGVtcGxhdGUgI2FpSWNvblRwbD5cbiAgPHVpLWljb24gY2xhc3M9XCJiYWRnZS1pY29uXCIgW25hbWVdPVwiJ1NwYXJrbGUtaW4tbGluZSdcIiBbY29sb3JdPVwiJ2FpJ1wiPjwvdWktaWNvbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -30,7 +30,9 @@ export var RebrandBadgeColorEnum;
|
|
|
30
30
|
export var BadgeVariantEnum;
|
|
31
31
|
(function (BadgeVariantEnum) {
|
|
32
32
|
BadgeVariantEnum["PRIMARY"] = "primary";
|
|
33
|
+
BadgeVariantEnum["PRIMARY_AI"] = "primary-ai";
|
|
33
34
|
BadgeVariantEnum["SECONDARY"] = "secondary";
|
|
35
|
+
BadgeVariantEnum["SECONDARY_AI"] = "secondary-ai";
|
|
34
36
|
BadgeVariantEnum["NOTIFICATION"] = "notification";
|
|
35
37
|
})(BadgeVariantEnum || (BadgeVariantEnum = {}));
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90Z28tY2Fub3B5LXVpL2NvbXBvbmVudHMvYmFkZ2UvYmFkZ2UubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JBLE1BQU0sQ0FBTixJQUFZLGNBWVg7QUFaRCxXQUFZLGNBQWM7SUFDeEIsNkJBQVcsQ0FBQTtJQUNYLDZDQUEyQixDQUFBO0lBQzNCLCtCQUFhLENBQUE7SUFDYixtQ0FBaUIsQ0FBQTtJQUNqQixtQ0FBaUIsQ0FBQTtJQUNqQix1Q0FBcUIsQ0FBQTtJQUNyQiwyQ0FBeUIsQ0FBQTtJQUN6QiwyQ0FBeUIsQ0FBQTtJQUN6Qix5Q0FBdUIsQ0FBQTtJQUN2QixxQ0FBbUIsQ0FBQTtJQUNuQixxQ0FBbUIsQ0FBQTtBQUNyQixDQUFDLEVBWlcsY0FBYyxLQUFkLGNBQWMsUUFZekI7QUFnQkQsTUFBTSxDQUFOLElBQVkscUJBYVg7QUFiRCxXQUFZLHFCQUFxQjtJQUMvQiw0Q0FBbUIsQ0FBQTtJQUNuQiw0Q0FBbUIsQ0FBQTtJQUNuQiw4Q0FBcUIsQ0FBQTtJQUNyQixzQ0FBYSxDQUFBO0lBQ2Isd0NBQWUsQ0FBQTtJQUNmLDRDQUFtQixDQUFBO0lBQ25CLDRDQUFtQixDQUFBO0lBQ25CLDRDQUFtQixDQUFBO0lBQ25CLDRDQUFtQixDQUFBO0lBQ25CLDRDQUFtQixDQUFBO0lBQ25CLDRDQUFtQixDQUFBO0lBQ25CLDRDQUFtQixDQUFBO0FBQ3JCLENBQUMsRUFiVyxxQkFBcUIsS0FBckIscUJBQXFCLFFBYWhDO0FBRUQsTUFBTSxDQUFOLElBQVksZ0JBTVg7QUFORCxXQUFZLGdCQUFnQjtJQUMxQix1Q0FBbUIsQ0FBQTtJQUNuQiw2Q0FBeUIsQ0FBQTtJQUN6QiwyQ0FBdUIsQ0FBQTtJQUN2QixpREFBNkIsQ0FBQTtJQUM3QixpREFBNkIsQ0FBQTtBQUMvQixDQUFDLEVBTlcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQU0zQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIEJhZGdlVmFyaWFudCA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ25vdGlmaWNhdGlvbicgfCAncHJpbWFyeS1haScgfCAnc2Vjb25kYXJ5LWFpJztcbmV4cG9ydCB0eXBlIEJhZGdlQ29sb3IgPVxuICB8ICdyZWQnXG4gIHwgJ2dyZXktbWVkaXVtJ1xuICB8ICd0ZWFsJ1xuICB8ICd5ZWxsb3cnXG4gIHwgJ3BldHJvbCdcbiAgfCAndGVhbC02MHcnXG4gIHwgJ3BldHJvbC05MHcnXG4gIHwgJ3BldHJvbC02MHcnXG4gIHwgJ2dyZXktZGFyaydcbiAgfCAnYmx1ZS0yMCdcbiAgfCAnYmx1ZS00MCdcbiAgfCAncGluay0zMCdcbiAgfCAnYmx1ZS0xMCc7XG5cbmV4cG9ydCBlbnVtIEJhZGdlQ29sb3JFbnVtIHtcbiAgUkVEID0gJ3JlZCcsXG4gIEdSRVlfTUVESVVNID0gJ2dyZXktbWVkaXVtJyxcbiAgVEVBTCA9ICd0ZWFsJyxcbiAgWUVMTE9XID0gJ3llbGxvdycsXG4gIFBFVFJPTCA9ICdwZXRyb2wnLFxuICBURUFMXzYwVyA9ICd0ZWFsLTYwdycsXG4gIFBFVFJPTF85MFcgPSAncGV0cm9sLTkwdycsXG4gIFBFVFJPTF82MFcgPSAncGV0cm9sLTYwdycsXG4gIEdSRVlfREFSSyA9ICdncmV5LWRhcmsnLFxuICBCTFVFXzIwID0gJ2JsdWUtMjAnLFxuICBCTFVFXzQwID0gJ2JsdWUtNDAnLFxufVxuXG5leHBvcnQgdHlwZSBSZWJyYW5kQmFkZ2VDb2xvciA9XG4gIHwgJ3N1Y2Nlc3MnXG4gIHwgJ3dhcm5pbmcnXG4gIHwgJ25lZ2F0aXZlJ1xuICB8ICdpbmZvJ1xuICB8ICdicmFuZCdcbiAgfCAnbmV1dHJhbCdcbiAgfCAnYmx1ZS0yMCdcbiAgfCAnYmx1ZS00MCdcbiAgfCAncGluay0zMCdcbiAgfCAnYmx1ZS0xMCdcbiAgfCAnZ3JleS0xMCdcbiAgfCAnZ3JleS0zMCc7XG5cbmV4cG9ydCBlbnVtIFJlYnJhbmRCYWRnZUNvbG9yRW51bSB7XG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIFdBUk5JTkcgPSAnd2FybmluZycsXG4gIE5FR0FUSVZFID0gJ25lZ2F0aXZlJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQlJBTkQgPSAnYnJhbmQnLFxuICBORVVUUkFMID0gJ25ldXRyYWwnLFxuICBCTFVFXzQwID0gJ2JsdWUtNDAnLFxuICBCTFVFXzIwID0gJ2JsdWUtMjAnLFxuICBQSU5LXzMwID0gJ3BpbmstMzAnLFxuICBCTFVFXzEwID0gJ2JsdWUtMTAnLFxuICBHUkVZXzMwID0gJ2dyZXktMzAnLFxuICBHUkVZXzEwID0gJ2dyZXktMTAnLFxufVxuXG5leHBvcnQgZW51bSBCYWRnZVZhcmlhbnRFbnVtIHtcbiAgUFJJTUFSWSA9ICdwcmltYXJ5JyxcbiAgUFJJTUFSWV9BSSA9ICdwcmltYXJ5LWFpJyxcbiAgU0VDT05EQVJZID0gJ3NlY29uZGFyeScsXG4gIFNFQ09OREFSWV9BSSA9ICdzZWNvbmRhcnktYWknLFxuICBOT1RJRklDQVRJT04gPSAnbm90aWZpY2F0aW9uJyxcbn1cbiJdfQ==
|