@testgorilla/tgo-ui 3.13.10 → 3.14.1
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/donut-chart/donut-chart.component.d.ts +2 -2
- package/components/field/field.component.d.ts +2 -1
- package/components/inline-field/inline-field.component.d.ts +2 -2
- package/components/overflow-menu/overflow-menu.component.d.ts +3 -1
- package/components/prompt/prompt.component.d.ts +54 -0
- package/components/prompt/prompt.model.d.ts +9 -0
- package/components/prompt/prompt.module.d.ts +19 -0
- package/components/radio-button/radio-button.component.d.ts +7 -1
- package/components/skeleton/skeleton.component.d.ts +1 -1
- package/esm2022/assets/i18n/en.json +6 -0
- package/esm2022/components/breadcrumb/breadcrumb.component.mjs +1 -1
- package/esm2022/components/field/field.component.mjs +6 -3
- package/esm2022/components/filter-button/filter-button.component.mjs +1 -1
- package/esm2022/components/inline-field/inline-field.component.mjs +1 -1
- package/esm2022/components/multi-input/multi-input.component.mjs +1 -1
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +7 -3
- package/esm2022/components/password-criteria/password.component.mjs +1 -1
- package/esm2022/components/prompt/prompt.component.mjs +187 -0
- package/esm2022/components/prompt/prompt.model.mjs +2 -0
- package/esm2022/components/prompt/prompt.module.mjs +62 -0
- package/esm2022/components/radio-button/radio-button.component.mjs +12 -4
- package/esm2022/public-api.mjs +5 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +1308 -1066
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/projects/tgo-canopy-ui/assets/i18n/en.json +7 -0
- package/public-api.d.ts +3 -0
|
@@ -21,13 +21,13 @@ export declare class DonutChartComponent {
|
|
|
21
21
|
id: string;
|
|
22
22
|
afterDatasetDraw: (chart: any) => void;
|
|
23
23
|
};
|
|
24
|
-
donutChartPlugins: (
|
|
24
|
+
donutChartPlugins: ({
|
|
25
25
|
id: string;
|
|
26
26
|
beforeDraw: (chart: any) => void;
|
|
27
27
|
} | {
|
|
28
28
|
id: string;
|
|
29
29
|
afterDatasetDraw: (chart: any) => void;
|
|
30
|
-
})[];
|
|
30
|
+
} | import("chart.js").Plugin<keyof import("chart.js").ChartTypeRegistry, import("chart.js/dist/types/basic").AnyObject>)[];
|
|
31
31
|
donutChartOptions: ChartOptions<'doughnut'>;
|
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<DonutChartComponent, never>;
|
|
33
33
|
static ɵcmp: i0.ɵɵComponentDeclaration<DonutChartComponent, "ui-donut-chart", never, { "donutChartData": { "alias": "donutChartData"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
|
|
@@ -281,6 +281,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
281
281
|
* @memberof FieldComponent
|
|
282
282
|
*/
|
|
283
283
|
borderless: boolean;
|
|
284
|
+
autosizableTextarea: boolean;
|
|
284
285
|
/**
|
|
285
286
|
* Indicates if this field is filled by AI
|
|
286
287
|
*
|
|
@@ -371,5 +372,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
|
|
|
371
372
|
focus(): void;
|
|
372
373
|
refocusPasswordButton(btn: any): void;
|
|
373
374
|
static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;
|
|
374
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHtml": { "alias": "labelHtml"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "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; }; "isAutocompleteOff": { "alias": "isAutocompleteOff"; "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; }; "isAIVariant": { "alias": "isAIVariant"; "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>;
|
|
375
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelHtml": { "alias": "labelHtml"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "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; }; "isAutocompleteOff": { "alias": "isAutocompleteOff"; "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; }; "autosizableTextarea": { "alias": "autosizableTextarea"; "required": false; }; "isAIVariant": { "alias": "isAIVariant"; "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>;
|
|
375
376
|
}
|
|
@@ -109,14 +109,14 @@ export declare class InlineFieldComponent implements OnInit, ControlValueAccesso
|
|
|
109
109
|
state: import("@angular/core").Signal<InlineFieldState>;
|
|
110
110
|
saveButtonConfig: import("@angular/core").Signal<{
|
|
111
111
|
label: string;
|
|
112
|
-
iconName: "
|
|
112
|
+
iconName: "Device-rotate-in-line" | "Archive-filled" | "Archive-in-line" | "Add-in-line" | "Add-filled" | "Arrow-chevron-down-filled" | "Arrow-chevron-down-in-line" | "Arrow-chevron-left-filled" | "Arrow-chevron-left-in-line" | "Arrow-chevron-right-filled" | "Arrow-chevron-right-in-line" | "Arrow-chevron-up-filled" | "Arrow-chevron-up-in-line" | "Arrow-down-filled" | "Arrow-down-in-line" | "Arrow-up-filled" | "Arrow-up-in-line" | "Assessment-filled" | "Assessment-in-line" | "Attach-filled" | "Attach-in-line" | "Attempts-filled" | "Attempts-in-line" | "Book-filled" | "Book-in-line" | "Calendar-filled" | "Calendar-in-line" | "Candidates-filled" | "Candidates-in-line" | "Chat-filled" | "Chat-in-line" | "Check-filled" | "Check-in-line" | "Check-small-in-line" | "Check-small-filled" | "Check-round-filled" | "Check-round-in-line" | "Circle-filled" | "Circle-in-line" | "Clone-filled" | "Clone-in-line" | "Close-filled" | "Close-in-line" | "Code-filled" | "Code-in-line" | "Company-filled" | "Company-in-line" | "Copy-filled" | "Copy-in-line" | "Credit-filled" | "Credit-in-line" | "Credit-card-filled" | "Credit-card-in-line" | "Delete-filled" | "Delete-in-line" | "Devices-filled" | "Devices-in-line" | "Document-filled" | "Document-in-line" | "Dot-filled" | "Dot-in-line" | "Download-filled" | "Download-in-line" | "Edit-filled" | "Edit-in-line" | "Edit-text-filled" | "Edit-text-in-line" | "Employee-filled" | "Employee-in-line" | "Error-filled" | "Error-in-line" | "Essay-filled" | "Essay-in-line" | "Experience-filled" | "Experience-in-line" | "Facebook-filled" | "Facebook-in-line" | "Fast-forward-filled" | "Fast-forward-in-line" | "Fast-rewind-filled" | "Fast-rewind-in-line" | "Filter-filled" | "Filter-in-line" | "Fire-filled" | "Fire-in-line" | "Flag-filled" | "Flag-in-line" | "Folder-filled" | "Folder-in-line" | "Full-screen-filled" | "Full-screen-in-line" | "Gender-male-filled" | "Gender-male-in-line" | "Gender-female-filled" | "Gender-female-in-line" | "Gift-filled" | "Gift-in-line" | "Google-filled" | "Google-in-line" | "Grab-filled" | "Grab-in-line" | "Help-filled" | "Help-in-line" | "Hide-filled" | "Hide-in-line" | "Image-filled" | "Image-in-line" | "Info-filled" | "Info-in-line" | "Instagram-filled" | "Instagram-in-line" | "Integration-filled" | "Integration-in-line" | "Invite-filled" | "Invite-in-line" | "Language-filled" | "Language-in-line" | "Layout-filled" | "Layout-in-line" | "Learn-filled" | "Learn-in-line" | "Level-filled" | "Level-in-line" | "Light-bulb-filled" | "Light-bulb-in-line" | "Link-filled" | "Link-in-line" | "Linkedin-filled" | "Linkedin-in-line" | "Localization-filled" | "Localization-in-line" | "Location-filled" | "Location-in-line" | "Lock-filled" | "Lock-in-line" | "Logout-filled" | "Logout-in-line" | "Medal-filled" | "Medal-in-line" | "Menu-burger-filled" | "Menu-burger-in-line" | "Menu-close-filled" | "Menu-close-in-line" | "Menu-ellipsis-filled" | "Menu-ellipsis-in-line" | "Menu-open-filled" | "Menu-open-in-line" | "Mic-filled" | "Mic-in-line" | "Microsoft-filled" | "Microsoft-in-line" | "Minimize-filled" | "Minimize-in-line" | "Minus-filled" | "Minus-in-line" | "Mouse-filled" | "Mouse-in-line" | "Multi-choice-filled" | "Multi-choice-in-line" | "Notification-bell-filled" | "Notification-bell-in-line" | "Open-lock-filled" | "Open-lock-in-line" | "Open-in-new-filled" | "Open-in-new-in-line" | "Password-filled" | "Password-in-line" | "Path-filled" | "Path-in-line" | "Pause-filled" | "Pause-in-line" | "Pin-marker-filled" | "Pin-marker-in-line" | "Plan-billing-filled" | "Plan-billing-in-line" | "Play-filled" | "Play-in-line" | "Plus-filled" | "Plus-in-line" | "Premium-filled" | "Premium-in-line" | "Premium-circle-in-line" | "Question-count-filled" | "Question-count-in-line" | "Question-filled" | "Question-in-line" | "Record-filled" | "Record-in-line" | "Reject-filled" | "Refer-in-line" | "Refer-filled" | "Reject-in-line" | "Reset-filled" | "Reset-in-line" | "Review-emoji-1-filled" | "Review-emoji-1-in-line" | "Review-emoji-2-filled" | "Review-emoji-2-in-line" | "Review-emoji-3-filled" | "Review-emoji-3-in-line" | "Review-emoji-4-filled" | "Review-emoji-4-in-line" | "Review-emoji-5-filled" | "Review-emoji-5-in-line" | "Review-filled" | "Review-half-star-filled" | "Review-half-star-in-line" | "Review-in-line" | "Review-star-filled" | "Review-star-in-line" | "Search-filled" | "Search-in-line" | "Secure-filled" | "Secure-in-line" | "Send-filled" | "Send-in-line" | "Settings-filled" | "Settings-in-line" | "Share-filled" | "Share-in-line" | "Skip-next-filled" | "Skip-next-in-line" | "Skip-previous-filled" | "Skip-previous-in-line" | "Sparkle-filled" | "Sparkle-in-line" | "Speedometer-filled" | "Speedometer-in-line" | "Star-filled" | "Star-in-line" | "Stop-filled" | "Stop-in-line" | "Switch-filled" | "Switch-in-line" | "Sync-filled" | "Sync-in-line" | "Tag-filled" | "Tag-in-line" | "Team-filled" | "Team-in-line" | "Test-filled" | "Test-in-line" | "Thumb-down-in-line" | "Thumb-down-filled" | "Thumb-up-in-line" | "Thumb-up-filled" | "Timer-filled" | "Timer-in-line" | "Trophy-filled" | "Trophy-in-line" | "Type-filled" | "Type-in-line" | "Unarchive-filled" | "Unarchive-in-line" | "Unlock-filled" | "Unlock-in-line" | "Upgrade-filled" | "Upgrade-in-line" | "Upload-filled" | "Upload-in-line" | "User-access-filled" | "User-access-in-line" | "User-add-filled" | "User-add-in-line" | "User-profile-filled" | "User-profile-in-line" | "Video-filled" | "Video-in-line" | "View-filled" | "View-in-line" | "Volume-filled" | "Volume-in-line" | "Warning-filled" | "Warning-in-line" | "Validated-filled" | "Validated-in-line" | "Verified-badge-filled" | "Verified-badge-in-line" | "Zoom-in-filled" | "Zoom-in-in-line" | "Zoom-out-filled" | "Zoom-out-in-line" | "Analytics-filled" | "Analytics-in-line" | "Failed-to-load-filled" | "Failed-to-load-in-line" | "History-filled" | "History-in-line" | "TestGorilla-filled" | "TestGorilla-in-line" | "TestGorilla-Pink-filled" | "TestGorilla-Pink-in-line" | "Pencil-to-gorilla-in-line" | "Pencil-to-gorilla-filled" | "Switch-tab-in-line" | "Switch-tab-filled" | "Close-round-in-line" | "Close-round-filled" | "Add" | "Archive" | "Arrow_down" | "Arrow_left" | "Arrow_right" | "Arrow_up" | "Assessment" | "Attempts" | "Book" | "Calendar" | "Candidates" | "Chat-notifications" | "Chat" | "Check" | "Clone" | "Close" | "Code" | "Company" | "Copy" | "Custom-questions" | "Delete" | "Devices" | "Document" | "Dot" | "Download" | "Edit" | "Email-message" | "Empty-placeholder" | "Error" | "Essay" | "Eye-hide" | "Eye-view" | "Feedback-1" | "Feedback-2" | "Feedback-3" | "Feedback-4" | "Feedback-5" | "File-attach" | "File-upload" | "Filter" | "Flag" | "Folder" | "Format-add-file" | "Format-add-table" | "Format-align-L" | "Format-align-R" | "Format-align-center" | "Format-align-justify" | "Format-bold" | "Format-code-active" | "Format-code-block" | "Format-edit-table" | "Format-format" | "Format-function" | "Format-italics" | "Format-list-bulleted" | "Format-list-numbered" | "Format-picker" | "Format-quote" | "Format-subscript" | "Format-superscript" | "Format-text-direction-L" | "Format-text-direction-R" | "Format-text-size" | "Format-underline" | "Format-variable" | "Full-screen" | "Gender-female" | "Gender-male" | "Help-2" | "Help" | "Image" | "Info" | "Integration" | "Language" | "Layout" | "Learn" | "Level" | "Light-bulb" | "Link" | "Loading-spinner" | "Localisation" | "Location" | "Lock" | "Log-out" | "Menu-burger" | "Menu-close" | "Menu-ellipsis" | "Menu-open" | "Microphone" | "Microsoft" | "Minus" | "Mouse-cursor" | "Mouse-grab-cursor" | "Mouse" | "Multi-choice" | "Notifications" | "Password" | "Path" | "Pin-marker" | "Plan-billing" | "Plus" | "Premium" | "Promotion" | "Question-count" | "Refer" | "Reset" | "Review" | "Round-check-filled" | "Round-check" | "Search" | "Secure-checkout" | "Send" | "Settings" | "Social-facebook" | "Social-instagram" | "Social-linkedin" | "Sorting-down-1" | "Sorting-down" | "Speedometer" | "Star-half" | "Star-outline" | "Support" | "Sync" | "Team" | "Test" | "Thunder" | "Timer" | "Trophy" | "Type" | "Unarchive" | "Unlock" | "Upgrade" | "Upload" | "User-access" | "User-add" | "User-invite" | "User-profile" | "User-reject" | "User-switch" | "Video-pause" | "Video-play" | "Video-record" | "Video" | "Volume" | "Warning" | "Zoom-in" | "Zoom-out" | "Fire" | "Gift" | "Grab" | "Share" | "Sparkles" | "Video-stop" | "Minimize" | "Employee" | "Money-bag" | "Suitcase" | "Google" | "Fast-forward" | "Fast-rewind" | "Skip-next" | "Skip-previous" | "TestGorilla" | "Switch-tab";
|
|
113
113
|
variant: "secondary-inverted";
|
|
114
114
|
size: "small";
|
|
115
115
|
disabled: boolean;
|
|
116
116
|
}>;
|
|
117
117
|
cancelButtonConfig: import("@angular/core").Signal<{
|
|
118
118
|
label: string;
|
|
119
|
-
iconName: "
|
|
119
|
+
iconName: "Device-rotate-in-line" | "Archive-filled" | "Archive-in-line" | "Add-in-line" | "Add-filled" | "Arrow-chevron-down-filled" | "Arrow-chevron-down-in-line" | "Arrow-chevron-left-filled" | "Arrow-chevron-left-in-line" | "Arrow-chevron-right-filled" | "Arrow-chevron-right-in-line" | "Arrow-chevron-up-filled" | "Arrow-chevron-up-in-line" | "Arrow-down-filled" | "Arrow-down-in-line" | "Arrow-up-filled" | "Arrow-up-in-line" | "Assessment-filled" | "Assessment-in-line" | "Attach-filled" | "Attach-in-line" | "Attempts-filled" | "Attempts-in-line" | "Book-filled" | "Book-in-line" | "Calendar-filled" | "Calendar-in-line" | "Candidates-filled" | "Candidates-in-line" | "Chat-filled" | "Chat-in-line" | "Check-filled" | "Check-in-line" | "Check-small-in-line" | "Check-small-filled" | "Check-round-filled" | "Check-round-in-line" | "Circle-filled" | "Circle-in-line" | "Clone-filled" | "Clone-in-line" | "Close-filled" | "Close-in-line" | "Code-filled" | "Code-in-line" | "Company-filled" | "Company-in-line" | "Copy-filled" | "Copy-in-line" | "Credit-filled" | "Credit-in-line" | "Credit-card-filled" | "Credit-card-in-line" | "Delete-filled" | "Delete-in-line" | "Devices-filled" | "Devices-in-line" | "Document-filled" | "Document-in-line" | "Dot-filled" | "Dot-in-line" | "Download-filled" | "Download-in-line" | "Edit-filled" | "Edit-in-line" | "Edit-text-filled" | "Edit-text-in-line" | "Employee-filled" | "Employee-in-line" | "Error-filled" | "Error-in-line" | "Essay-filled" | "Essay-in-line" | "Experience-filled" | "Experience-in-line" | "Facebook-filled" | "Facebook-in-line" | "Fast-forward-filled" | "Fast-forward-in-line" | "Fast-rewind-filled" | "Fast-rewind-in-line" | "Filter-filled" | "Filter-in-line" | "Fire-filled" | "Fire-in-line" | "Flag-filled" | "Flag-in-line" | "Folder-filled" | "Folder-in-line" | "Full-screen-filled" | "Full-screen-in-line" | "Gender-male-filled" | "Gender-male-in-line" | "Gender-female-filled" | "Gender-female-in-line" | "Gift-filled" | "Gift-in-line" | "Google-filled" | "Google-in-line" | "Grab-filled" | "Grab-in-line" | "Help-filled" | "Help-in-line" | "Hide-filled" | "Hide-in-line" | "Image-filled" | "Image-in-line" | "Info-filled" | "Info-in-line" | "Instagram-filled" | "Instagram-in-line" | "Integration-filled" | "Integration-in-line" | "Invite-filled" | "Invite-in-line" | "Language-filled" | "Language-in-line" | "Layout-filled" | "Layout-in-line" | "Learn-filled" | "Learn-in-line" | "Level-filled" | "Level-in-line" | "Light-bulb-filled" | "Light-bulb-in-line" | "Link-filled" | "Link-in-line" | "Linkedin-filled" | "Linkedin-in-line" | "Localization-filled" | "Localization-in-line" | "Location-filled" | "Location-in-line" | "Lock-filled" | "Lock-in-line" | "Logout-filled" | "Logout-in-line" | "Medal-filled" | "Medal-in-line" | "Menu-burger-filled" | "Menu-burger-in-line" | "Menu-close-filled" | "Menu-close-in-line" | "Menu-ellipsis-filled" | "Menu-ellipsis-in-line" | "Menu-open-filled" | "Menu-open-in-line" | "Mic-filled" | "Mic-in-line" | "Microsoft-filled" | "Microsoft-in-line" | "Minimize-filled" | "Minimize-in-line" | "Minus-filled" | "Minus-in-line" | "Mouse-filled" | "Mouse-in-line" | "Multi-choice-filled" | "Multi-choice-in-line" | "Notification-bell-filled" | "Notification-bell-in-line" | "Open-lock-filled" | "Open-lock-in-line" | "Open-in-new-filled" | "Open-in-new-in-line" | "Password-filled" | "Password-in-line" | "Path-filled" | "Path-in-line" | "Pause-filled" | "Pause-in-line" | "Pin-marker-filled" | "Pin-marker-in-line" | "Plan-billing-filled" | "Plan-billing-in-line" | "Play-filled" | "Play-in-line" | "Plus-filled" | "Plus-in-line" | "Premium-filled" | "Premium-in-line" | "Premium-circle-in-line" | "Question-count-filled" | "Question-count-in-line" | "Question-filled" | "Question-in-line" | "Record-filled" | "Record-in-line" | "Reject-filled" | "Refer-in-line" | "Refer-filled" | "Reject-in-line" | "Reset-filled" | "Reset-in-line" | "Review-emoji-1-filled" | "Review-emoji-1-in-line" | "Review-emoji-2-filled" | "Review-emoji-2-in-line" | "Review-emoji-3-filled" | "Review-emoji-3-in-line" | "Review-emoji-4-filled" | "Review-emoji-4-in-line" | "Review-emoji-5-filled" | "Review-emoji-5-in-line" | "Review-filled" | "Review-half-star-filled" | "Review-half-star-in-line" | "Review-in-line" | "Review-star-filled" | "Review-star-in-line" | "Search-filled" | "Search-in-line" | "Secure-filled" | "Secure-in-line" | "Send-filled" | "Send-in-line" | "Settings-filled" | "Settings-in-line" | "Share-filled" | "Share-in-line" | "Skip-next-filled" | "Skip-next-in-line" | "Skip-previous-filled" | "Skip-previous-in-line" | "Sparkle-filled" | "Sparkle-in-line" | "Speedometer-filled" | "Speedometer-in-line" | "Star-filled" | "Star-in-line" | "Stop-filled" | "Stop-in-line" | "Switch-filled" | "Switch-in-line" | "Sync-filled" | "Sync-in-line" | "Tag-filled" | "Tag-in-line" | "Team-filled" | "Team-in-line" | "Test-filled" | "Test-in-line" | "Thumb-down-in-line" | "Thumb-down-filled" | "Thumb-up-in-line" | "Thumb-up-filled" | "Timer-filled" | "Timer-in-line" | "Trophy-filled" | "Trophy-in-line" | "Type-filled" | "Type-in-line" | "Unarchive-filled" | "Unarchive-in-line" | "Unlock-filled" | "Unlock-in-line" | "Upgrade-filled" | "Upgrade-in-line" | "Upload-filled" | "Upload-in-line" | "User-access-filled" | "User-access-in-line" | "User-add-filled" | "User-add-in-line" | "User-profile-filled" | "User-profile-in-line" | "Video-filled" | "Video-in-line" | "View-filled" | "View-in-line" | "Volume-filled" | "Volume-in-line" | "Warning-filled" | "Warning-in-line" | "Validated-filled" | "Validated-in-line" | "Verified-badge-filled" | "Verified-badge-in-line" | "Zoom-in-filled" | "Zoom-in-in-line" | "Zoom-out-filled" | "Zoom-out-in-line" | "Analytics-filled" | "Analytics-in-line" | "Failed-to-load-filled" | "Failed-to-load-in-line" | "History-filled" | "History-in-line" | "TestGorilla-filled" | "TestGorilla-in-line" | "TestGorilla-Pink-filled" | "TestGorilla-Pink-in-line" | "Pencil-to-gorilla-in-line" | "Pencil-to-gorilla-filled" | "Switch-tab-in-line" | "Switch-tab-filled" | "Close-round-in-line" | "Close-round-filled" | "Add" | "Archive" | "Arrow_down" | "Arrow_left" | "Arrow_right" | "Arrow_up" | "Assessment" | "Attempts" | "Book" | "Calendar" | "Candidates" | "Chat-notifications" | "Chat" | "Check" | "Clone" | "Close" | "Code" | "Company" | "Copy" | "Custom-questions" | "Delete" | "Devices" | "Document" | "Dot" | "Download" | "Edit" | "Email-message" | "Empty-placeholder" | "Error" | "Essay" | "Eye-hide" | "Eye-view" | "Feedback-1" | "Feedback-2" | "Feedback-3" | "Feedback-4" | "Feedback-5" | "File-attach" | "File-upload" | "Filter" | "Flag" | "Folder" | "Format-add-file" | "Format-add-table" | "Format-align-L" | "Format-align-R" | "Format-align-center" | "Format-align-justify" | "Format-bold" | "Format-code-active" | "Format-code-block" | "Format-edit-table" | "Format-format" | "Format-function" | "Format-italics" | "Format-list-bulleted" | "Format-list-numbered" | "Format-picker" | "Format-quote" | "Format-subscript" | "Format-superscript" | "Format-text-direction-L" | "Format-text-direction-R" | "Format-text-size" | "Format-underline" | "Format-variable" | "Full-screen" | "Gender-female" | "Gender-male" | "Help-2" | "Help" | "Image" | "Info" | "Integration" | "Language" | "Layout" | "Learn" | "Level" | "Light-bulb" | "Link" | "Loading-spinner" | "Localisation" | "Location" | "Lock" | "Log-out" | "Menu-burger" | "Menu-close" | "Menu-ellipsis" | "Menu-open" | "Microphone" | "Microsoft" | "Minus" | "Mouse-cursor" | "Mouse-grab-cursor" | "Mouse" | "Multi-choice" | "Notifications" | "Password" | "Path" | "Pin-marker" | "Plan-billing" | "Plus" | "Premium" | "Promotion" | "Question-count" | "Refer" | "Reset" | "Review" | "Round-check-filled" | "Round-check" | "Search" | "Secure-checkout" | "Send" | "Settings" | "Social-facebook" | "Social-instagram" | "Social-linkedin" | "Sorting-down-1" | "Sorting-down" | "Speedometer" | "Star-half" | "Star-outline" | "Support" | "Sync" | "Team" | "Test" | "Thunder" | "Timer" | "Trophy" | "Type" | "Unarchive" | "Unlock" | "Upgrade" | "Upload" | "User-access" | "User-add" | "User-invite" | "User-profile" | "User-reject" | "User-switch" | "Video-pause" | "Video-play" | "Video-record" | "Video" | "Volume" | "Warning" | "Zoom-in" | "Zoom-out" | "Fire" | "Gift" | "Grab" | "Share" | "Sparkles" | "Video-stop" | "Minimize" | "Employee" | "Money-bag" | "Suitcase" | "Google" | "Fast-forward" | "Fast-rewind" | "Skip-next" | "Skip-previous" | "TestGorilla" | "Switch-tab";
|
|
120
120
|
variant: "secondary-inverted";
|
|
121
121
|
size: "small";
|
|
122
122
|
disabled: boolean;
|
|
@@ -82,6 +82,7 @@ export declare class OverflowMenuComponent implements OnInit, OnChanges, AfterVi
|
|
|
82
82
|
buttonSize: ButtonSize;
|
|
83
83
|
menuConfig: MenuConfig;
|
|
84
84
|
isDynamicMenu: boolean;
|
|
85
|
+
withRemovableOption: boolean;
|
|
85
86
|
selectItem: EventEmitter<string>;
|
|
86
87
|
menuOpened: EventEmitter<void>;
|
|
87
88
|
menuClosed: EventEmitter<void>;
|
|
@@ -105,11 +106,12 @@ export declare class OverflowMenuComponent implements OnInit, OnChanges, AfterVi
|
|
|
105
106
|
onButtonBlur(button: OverflowMenuButtonModify): void;
|
|
106
107
|
onButtonClick(button: OverflowMenuButtonModify, $event: Event): void;
|
|
107
108
|
onSubmenuOpened(): void;
|
|
109
|
+
trackByButton: (_: number, btn: OverflowMenuButtonModify) => string | number;
|
|
108
110
|
onButtonHover(button: OverflowMenuButtonModify, state: boolean): void;
|
|
109
111
|
getMenu(index: any): MatMenu | null;
|
|
110
112
|
private reindex;
|
|
111
113
|
private resetSubmenus;
|
|
112
114
|
private createSubmenus;
|
|
113
115
|
static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponent, [{ optional: true; }, null, null]>;
|
|
114
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "describedby": { "alias": "describedby"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "menuConfig": { "alias": "menuConfig"; "required": false; }; "isDynamicMenu": { "alias": "isDynamicMenu"; "required": false; }; }, { "selectItem": "selectItem"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, ["[menu-content]"], false, never>;
|
|
116
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "describedby": { "alias": "describedby"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "menuConfig": { "alias": "menuConfig"; "required": false; }; "isDynamicMenu": { "alias": "isDynamicMenu"; "required": false; }; "withRemovableOption": { "alias": "withRemovableOption"; "required": false; }; }, { "selectItem": "selectItem"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, ["[menu-content]"], false, never>;
|
|
115
117
|
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
|
|
2
|
+
import { ConnectedPosition } from '@angular/cdk/overlay';
|
|
3
|
+
import { OverflowMenuButtonsType } from '../overflow-menu/overflow-menu.model';
|
|
4
|
+
import { FieldComponent } from '../field/field.component';
|
|
5
|
+
import { PromptData, PromptTag } from './prompt.model';
|
|
6
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class PromptComponent implements ControlValueAccessor, OnInit, AfterViewInit {
|
|
9
|
+
tags: import("@angular/core").InputSignal<PromptTag[]>;
|
|
10
|
+
maxCharacters: import("@angular/core").InputSignal<number>;
|
|
11
|
+
supportedFileTypes: import("@angular/core").InputSignal<string>;
|
|
12
|
+
autoClear: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
showSendButton: import("@angular/core").InputSignal<boolean>;
|
|
14
|
+
enableFileUpload: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
promptData: import("@angular/core").OutputEmitterRef<PromptData>;
|
|
16
|
+
promptFilesList: import("@angular/core").WritableSignal<File[]>;
|
|
17
|
+
promptTextValue: import("@angular/core").WritableSignal<string>;
|
|
18
|
+
fileListMenuConfig: import("@angular/core").WritableSignal<OverflowMenuButtonsType[]>;
|
|
19
|
+
tagsVisible: import("@angular/core").WritableSignal<PromptTag[]>;
|
|
20
|
+
tagsInDropdown: import("@angular/core").WritableSignal<PromptTag[]>;
|
|
21
|
+
autocompleteSuggestion: import("@angular/core").WritableSignal<string>;
|
|
22
|
+
isDropdownOpened: import("@angular/core").WritableSignal<boolean>;
|
|
23
|
+
isFieldHovered: import("@angular/core").WritableSignal<boolean>;
|
|
24
|
+
isFieldFocused: import("@angular/core").WritableSignal<boolean>;
|
|
25
|
+
isHighlighted: import("@angular/core").Signal<boolean>;
|
|
26
|
+
private destroyRef;
|
|
27
|
+
private translationPipe;
|
|
28
|
+
fileDrop: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
29
|
+
tagDropdown: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
|
|
30
|
+
fieldComponentRef: import("@angular/core").Signal<FieldComponent>;
|
|
31
|
+
readonly dropdownPositions: ConnectedPosition[];
|
|
32
|
+
ngOnInit(): void;
|
|
33
|
+
ngAfterViewInit(): void;
|
|
34
|
+
uploadFile(event: Event): Promise<void>;
|
|
35
|
+
sendPromptData(): void;
|
|
36
|
+
selectedMenuOption(menuOptionValue: string): void;
|
|
37
|
+
selectTag(tag: PromptTag, event: Event): void;
|
|
38
|
+
onTextareaTab(event: Event): void;
|
|
39
|
+
dropdownOutsideClick(): void;
|
|
40
|
+
toggleDropdown(): void;
|
|
41
|
+
focusTagDropdown(): void;
|
|
42
|
+
private syncInputChange;
|
|
43
|
+
private initTags;
|
|
44
|
+
private updateFileMenu;
|
|
45
|
+
private clearPromptData;
|
|
46
|
+
writeValue(value: PromptData): void;
|
|
47
|
+
private onChange;
|
|
48
|
+
private onTouch;
|
|
49
|
+
registerOnChange(fn: any): void;
|
|
50
|
+
registerOnTouched(fn: any): void;
|
|
51
|
+
private emitValue;
|
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PromptComponent, never>;
|
|
53
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PromptComponent, "ui-prompt", never, { "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "showSendButton": { "alias": "showSendButton"; "required": false; "isSignal": true; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; "isSignal": true; }; }, { "promptData": "promptData"; }, never, never, false, never>;
|
|
54
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./prompt.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "../field/field.component.module";
|
|
5
|
+
import * as i4 from "../button/button.component.module";
|
|
6
|
+
import * as i5 from "../overflow-menu/overflow-menu.component.module";
|
|
7
|
+
import * as i6 from "../tag/tag.component.module";
|
|
8
|
+
import * as i7 from "../badge/badge.component.module";
|
|
9
|
+
import * as i8 from "@angular/cdk/overlay";
|
|
10
|
+
import * as i9 from "../card/card.component.module";
|
|
11
|
+
import * as i10 from "@angular/cdk/text-field";
|
|
12
|
+
import * as i11 from "../tooltip/tooltip.component.module";
|
|
13
|
+
import * as i12 from "@angular/material/tooltip";
|
|
14
|
+
import * as i13 from "../../pipes/ui-translate.pipe";
|
|
15
|
+
export declare class PromptModule {
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PromptModule, never>;
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<PromptModule, [typeof i1.PromptComponent], [typeof i2.CommonModule, typeof i3.FieldComponentModule, typeof i4.ButtonComponentModule, typeof i5.OverflowMenuComponentModule, typeof i6.TagComponentModule, typeof i7.BadgeComponentModule, typeof i8.CdkOverlayOrigin, typeof i8.CdkConnectedOverlay, typeof i9.CardComponentModule, typeof i10.CdkTextareaAutosize, typeof i11.TooltipComponentModule, typeof i12.MatTooltip, typeof i13.UiTranslatePipe], [typeof i1.PromptComponent]>;
|
|
18
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<PromptModule>;
|
|
19
|
+
}
|
|
@@ -144,6 +144,12 @@ export declare class RadioButtonComponent implements OnInit, OnChanges, ControlV
|
|
|
144
144
|
* @memberof RadioButtonComponent
|
|
145
145
|
*/
|
|
146
146
|
tabIndex: number;
|
|
147
|
+
/**
|
|
148
|
+
* Show tooltip when label is truncated
|
|
149
|
+
* @type {boolean}
|
|
150
|
+
* @memberof RadioButtonComponent
|
|
151
|
+
*/
|
|
152
|
+
showTooltipOnEllipsis: boolean;
|
|
147
153
|
/**
|
|
148
154
|
* Event emitted when the checked state of the radio button changes.
|
|
149
155
|
*
|
|
@@ -178,5 +184,5 @@ export declare class RadioButtonComponent implements OnInit, OnChanges, ControlV
|
|
|
178
184
|
onFocus(showTooltip: boolean): void;
|
|
179
185
|
focus(): void;
|
|
180
186
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }, { optional: true; self: true; }, { optional: true; host: true; }, null, null, null, null]>;
|
|
181
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
|
|
187
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "showTooltipOnEllipsis": { "alias": "showTooltipOnEllipsis"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
|
|
182
188
|
}
|
|
@@ -19,7 +19,7 @@ export declare class SkeletonComponent {
|
|
|
19
19
|
applicationTheme: ApplicationTheme;
|
|
20
20
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
21
21
|
protected readonly theme$: BehaviorSubject<NgxSkeletonLoaderConfigTheme>;
|
|
22
|
-
protected readonly appearance$: BehaviorSubject<"" | "
|
|
22
|
+
protected readonly appearance$: BehaviorSubject<"" | "circle" | "line" | "custom-content">;
|
|
23
23
|
protected readonly currentTheme$: import("rxjs").Observable<NgxSkeletonLoaderConfigTheme>;
|
|
24
24
|
private getThemeWithDefaultValues;
|
|
25
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonComponent, [{ optional: true; }]>;
|
|
@@ -175,7 +175,7 @@ export class BreadcrumbComponent {
|
|
|
175
175
|
this.resizeObserver.observe(this.breadcrumbContainer.nativeElement);
|
|
176
176
|
}
|
|
177
177
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BreadcrumbComponent, selector: "ui-breadcrumb", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: true, isRequired: false, transformFunction: null }, includeBackButton: { classPropertyName: "includeBackButton", publicName: "includeBackButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, numberOfLoadingItems: { classPropertyName: "numberOfLoadingItems", publicName: "numberOfLoadingItems", isSignal: true, isRequired: false, transformFunction: null }, maxItemLength: { classPropertyName: "maxItemLength", publicName: "maxItemLength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectItem: "selectItem", backButtonClickEvent: "backButtonClickEvent" }, viewQueries: [{ propertyName: "breadcrumbContainer", first: true, predicate: ["breadcrumbContainer"], descendants: true }], ngImport: i0, template: "@if (!isLoading()) {\n <div class=\"breadcrumb\" [attr.theme]=\"applicationTheme()\" #breadcrumbContainer [class]=\"'breadcrumb-' + size()\">\n @if (includeBackButton()) {\n <ui-button\n [variant]=\"'icon-button'\"\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n [iconName]=\"'Arrow-chevron-left-filled'\"\n (buttonClickEvent)=\"backButtonClickEvent.emit($event)\"\n ></ui-button>\n }\n @if (isOverflowing()) {\n <ui-overflow-menu\n [applicationTheme]=\"applicationTheme()\"\n [contentTemplateRef]=\"overflowMenu\"\n [buttons]=\"overflowButtonItems()\"\n [matTooltip]=\"('COMMON.OPTIONS' | uiTranslate | async)!\"\n [matTooltipClass]=\"applicationTheme()\"\n [isDynamicMenu]=\"true\"\n (selectItem)=\"selectItem.emit($event)\"\n class=\"breadcrumb-overflow-menu\"\n ></ui-overflow-menu>\n <ui-icon name=\"Arrow-chevron-right-filled\" [applicationTheme]=\"applicationTheme()\" color=\"gray\"></ui-icon>\n }\n @for (item of visibleItems(); track item.value) {\n @if (!$last) {\n <span\n class=\"breadcrumb-item\"\n tabindex=\"0\"\n [matTooltip]=\"item.label.length > maxItemLength() ? item.label : ''\"\n [matTooltipClass]=\"applicationTheme()\"\n [attr.aria-label]=\"item.label\"\n (click)=\"selectItem.emit(item.value)\"\n (keydown.enter)=\"selectItem.emit(item.value)\"\n >\n {{ item.label | truncate: maxItemLength() : '...' }}\n </span>\n <ui-icon name=\"Arrow-chevron-right-filled\" [applicationTheme]=\"applicationTheme()\" color=\"gray\"></ui-icon>\n } @else {\n <strong\n class=\"breadcrumb-item-active\"\n tabindex=\"0\"\n [matTooltip]=\"shouldTruncateLastItem() ? item.label : ''\"\n [matTooltipClass]=\"applicationTheme()\"\n [class.breadcrumb-item-active-truncated]=\"shouldTruncateLastItem()\"\n [attr.aria-label]=\"item.label\"\n [attr.aria-current]=\"'page'\"\n (click)=\"selectItem.emit(item.value)\"\n (keydown.enter)=\"selectItem.emit(item.value)\"\n >\n {{ item.label }}\n </strong>\n }\n }\n </div>\n} @else {\n <div class=\"breadcrumb\">\n @for (i of loadingItems(); track $index) {\n <ui-skeleton count=\"1\" [theme]=\"{ width: '160px', margin: '10px 0 0' }\"></ui-skeleton>\n @if ($index !== numberOfLoadingItems() - 1) {\n <ui-icon name=\"Arrow-chevron-right-filled\" [applicationTheme]=\"applicationTheme()\" color=\"gray\"></ui-icon>\n }\n }\n </div>\n}\n<ng-template #overflowMenu>\n <div class=\"breadcrumb-item breadcrumb-overflow\" [class]=\"'breadcrumb-' + size()\">...</div>\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{min-width:0}:host .breadcrumb{display:flex;align-items:center;gap:4px;color:#666}:host .breadcrumb .breadcrumb-item{text-decoration:underline;cursor:pointer;transition:color .15s ease,transform .1s ease;white-space:nowrap}:host .breadcrumb .breadcrumb-item:hover{color:#919191}:host .breadcrumb .breadcrumb-item:active{transform:scale(.98);color:#919191}:host .breadcrumb .breadcrumb-item:focus-visible{outline:2px solid #242424;outline-offset:4px;border-radius:1px}:host .breadcrumb.breadcrumb-small{font-size:14px;line-height:22px}:host .breadcrumb.breadcrumb-medium{font-size:20px;line-height:26px}:host .breadcrumb.breadcrumb-large{font-size:32px;line-height:48px}:host .breadcrumb.breadcrumb-large .breadcrumb-item:focus-visible{outline-offset:8px}:host .breadcrumb.breadcrumb-large .breadcrumb-item-active{font-weight:900!important}:host .breadcrumb.breadcrumb-large .breadcrumb-item-active:focus-visible{outline-offset:8px}:host .breadcrumb .breadcrumb-item-active{color:#242424;white-space:nowrap}:host .breadcrumb .breadcrumb-item-active.breadcrumb-item-active-truncated{text-overflow:ellipsis;overflow:hidden}:host .breadcrumb .breadcrumb-item-active:focus-visible{outline:2px solid #242424;outline-offset:4px;border-radius:1px}:host .breadcrumb .breadcrumb-overflow-menu ::ng-deep .overflow-menu-container .mat-mdc-menu-trigger{min-width:0}:host .breadcrumb-overflow{cursor:pointer;color:#666}:host .breadcrumb-overflow:active{transform:scale(.98);color:#919191}:host .breadcrumb-overflow.breadcrumb-small{font-size:14px;line-height:22px}:host .breadcrumb-overflow.breadcrumb-medium{font-size:20px;line-height:26px}:host .breadcrumb-overflow.breadcrumb-large{font-size:32px;line-height:48px}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.OverflowMenuComponent, selector: "ui-overflow-menu", inputs: ["buttons", "iconTrigger", "menuLabel", "applicationTheme", "ariaLabel", "ariaRequired", "describedby", "contentTemplateRef", "buttonVariant", "buttonSize", "menuConfig", "isDynamicMenu"], outputs: ["selectItem", "menuOpened", "menuClosed"] }, { kind: "component", type: i4.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i5.SkeletonComponent, selector: "ui-skeleton", inputs: ["count", "theme", "appearance", "isAiTheme", "applicationTheme"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: i8.TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
178
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BreadcrumbComponent, selector: "ui-breadcrumb", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, applicationTheme: { classPropertyName: "applicationTheme", publicName: "applicationTheme", isSignal: true, isRequired: false, transformFunction: null }, includeBackButton: { classPropertyName: "includeBackButton", publicName: "includeBackButton", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, numberOfLoadingItems: { classPropertyName: "numberOfLoadingItems", publicName: "numberOfLoadingItems", isSignal: true, isRequired: false, transformFunction: null }, maxItemLength: { classPropertyName: "maxItemLength", publicName: "maxItemLength", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectItem: "selectItem", backButtonClickEvent: "backButtonClickEvent" }, viewQueries: [{ propertyName: "breadcrumbContainer", first: true, predicate: ["breadcrumbContainer"], descendants: true }], ngImport: i0, template: "@if (!isLoading()) {\n <div class=\"breadcrumb\" [attr.theme]=\"applicationTheme()\" #breadcrumbContainer [class]=\"'breadcrumb-' + size()\">\n @if (includeBackButton()) {\n <ui-button\n [variant]=\"'icon-button'\"\n [tooltip]=\"('COMMON.BACK' | uiTranslate | async)!\"\n [iconName]=\"'Arrow-chevron-left-filled'\"\n (buttonClickEvent)=\"backButtonClickEvent.emit($event)\"\n ></ui-button>\n }\n @if (isOverflowing()) {\n <ui-overflow-menu\n [applicationTheme]=\"applicationTheme()\"\n [contentTemplateRef]=\"overflowMenu\"\n [buttons]=\"overflowButtonItems()\"\n [matTooltip]=\"('COMMON.OPTIONS' | uiTranslate | async)!\"\n [matTooltipClass]=\"applicationTheme()\"\n [isDynamicMenu]=\"true\"\n (selectItem)=\"selectItem.emit($event)\"\n class=\"breadcrumb-overflow-menu\"\n ></ui-overflow-menu>\n <ui-icon name=\"Arrow-chevron-right-filled\" [applicationTheme]=\"applicationTheme()\" color=\"gray\"></ui-icon>\n }\n @for (item of visibleItems(); track item.value) {\n @if (!$last) {\n <span\n class=\"breadcrumb-item\"\n tabindex=\"0\"\n [matTooltip]=\"item.label.length > maxItemLength() ? item.label : ''\"\n [matTooltipClass]=\"applicationTheme()\"\n [attr.aria-label]=\"item.label\"\n (click)=\"selectItem.emit(item.value)\"\n (keydown.enter)=\"selectItem.emit(item.value)\"\n >\n {{ item.label | truncate: maxItemLength() : '...' }}\n </span>\n <ui-icon name=\"Arrow-chevron-right-filled\" [applicationTheme]=\"applicationTheme()\" color=\"gray\"></ui-icon>\n } @else {\n <strong\n class=\"breadcrumb-item-active\"\n tabindex=\"0\"\n [matTooltip]=\"shouldTruncateLastItem() ? item.label : ''\"\n [matTooltipClass]=\"applicationTheme()\"\n [class.breadcrumb-item-active-truncated]=\"shouldTruncateLastItem()\"\n [attr.aria-label]=\"item.label\"\n [attr.aria-current]=\"'page'\"\n (click)=\"selectItem.emit(item.value)\"\n (keydown.enter)=\"selectItem.emit(item.value)\"\n >\n {{ item.label }}\n </strong>\n }\n }\n </div>\n} @else {\n <div class=\"breadcrumb\">\n @for (i of loadingItems(); track $index) {\n <ui-skeleton count=\"1\" [theme]=\"{ width: '160px', margin: '10px 0 0' }\"></ui-skeleton>\n @if ($index !== numberOfLoadingItems() - 1) {\n <ui-icon name=\"Arrow-chevron-right-filled\" [applicationTheme]=\"applicationTheme()\" color=\"gray\"></ui-icon>\n }\n }\n </div>\n}\n<ng-template #overflowMenu>\n <div class=\"breadcrumb-item breadcrumb-overflow\" [class]=\"'breadcrumb-' + size()\">...</div>\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{min-width:0}:host .breadcrumb{display:flex;align-items:center;gap:4px;color:#666}:host .breadcrumb .breadcrumb-item{text-decoration:underline;cursor:pointer;transition:color .15s ease,transform .1s ease;white-space:nowrap}:host .breadcrumb .breadcrumb-item:hover{color:#919191}:host .breadcrumb .breadcrumb-item:active{transform:scale(.98);color:#919191}:host .breadcrumb .breadcrumb-item:focus-visible{outline:2px solid #242424;outline-offset:4px;border-radius:1px}:host .breadcrumb.breadcrumb-small{font-size:14px;line-height:22px}:host .breadcrumb.breadcrumb-medium{font-size:20px;line-height:26px}:host .breadcrumb.breadcrumb-large{font-size:32px;line-height:48px}:host .breadcrumb.breadcrumb-large .breadcrumb-item:focus-visible{outline-offset:8px}:host .breadcrumb.breadcrumb-large .breadcrumb-item-active{font-weight:900!important}:host .breadcrumb.breadcrumb-large .breadcrumb-item-active:focus-visible{outline-offset:8px}:host .breadcrumb .breadcrumb-item-active{color:#242424;white-space:nowrap}:host .breadcrumb .breadcrumb-item-active.breadcrumb-item-active-truncated{text-overflow:ellipsis;overflow:hidden}:host .breadcrumb .breadcrumb-item-active:focus-visible{outline:2px solid #242424;outline-offset:4px;border-radius:1px}:host .breadcrumb .breadcrumb-overflow-menu ::ng-deep .overflow-menu-container .mat-mdc-menu-trigger{min-width:0}:host .breadcrumb-overflow{cursor:pointer;color:#666}:host .breadcrumb-overflow:active{transform:scale(.98);color:#919191}:host .breadcrumb-overflow.breadcrumb-small{font-size:14px;line-height:22px}:host .breadcrumb-overflow.breadcrumb-medium{font-size:20px;line-height:26px}:host .breadcrumb-overflow.breadcrumb-large{font-size:32px;line-height:48px}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i3.OverflowMenuComponent, selector: "ui-overflow-menu", inputs: ["buttons", "iconTrigger", "menuLabel", "applicationTheme", "ariaLabel", "ariaRequired", "describedby", "contentTemplateRef", "buttonVariant", "buttonSize", "menuConfig", "isDynamicMenu", "withRemovableOption"], outputs: ["selectItem", "menuOpened", "menuClosed"] }, { kind: "component", type: i4.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i5.SkeletonComponent, selector: "ui-skeleton", inputs: ["count", "theme", "appearance", "isAiTheme", "applicationTheme"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: i8.TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
179
179
|
}
|
|
180
180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
181
181
|
type: Component,
|