@testgorilla/tgo-ui 2.99.1 → 3.0.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/alert-banner/alert-banner.component.d.ts +9 -1
- package/components/autocomplete/autocomplete.component.d.ts +21 -4
- package/components/autocomplete/autocomplete.component.module.d.ts +2 -1
- package/components/avatar/avatar.component.module.d.ts +2 -1
- package/components/button/button.component.d.ts +14 -3
- package/components/button/button.model.d.ts +2 -2
- package/components/card/card.component.d.ts +16 -4
- package/components/checkbox/checkbox.component.d.ts +15 -4
- package/components/checklist/checklist.model.d.ts +1 -0
- package/components/confirm-dialog/confirm-dialog.component.d.ts +11 -2
- package/components/confirm-dialog/confirm-dialog.model.d.ts +8 -0
- package/components/datepicker/{DateAdapter.d.ts → date-adapter.d.ts} +6 -2
- package/components/datepicker/datepicker.component.d.ts +4 -4
- package/components/dialog/dialog.component.d.ts +10 -1
- package/components/dialog/dialog.model.d.ts +12 -0
- package/components/dialog/dialog.service.d.ts +3 -2
- package/components/dropdown/dropdown.component.d.ts +12 -2
- package/components/empty-state/empty-state.component.d.ts +38 -1
- package/components/field/field.component.d.ts +39 -9
- package/components/file-upload/file-upload.component.d.ts +19 -2
- package/components/filter-button/filter-button.component.d.ts +140 -0
- package/components/filter-button/filter-button.component.module.d.ts +18 -0
- package/components/filter-button/filter-button.model.d.ts +13 -0
- package/components/gaussian-chart/gaussian-chart.component.d.ts +75 -0
- package/components/gaussian-chart/gaussian-chart.module.d.ts +13 -0
- package/components/icon/icon.config.d.ts +1 -1
- package/components/logo/logo.component.d.ts +1 -1
- package/components/multi-input/multi-input.component.d.ts +14 -7
- package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +5 -3
- package/components/navbar/navbar.component.d.ts +11 -4
- package/components/page-header/page-header.component.d.ts +1 -1
- package/components/password-criteria/password.component.d.ts +3 -1
- package/components/radio-button/radio-button.component.d.ts +11 -1
- package/components/scale/scale.component.d.ts +1 -0
- package/components/side-panel/side-panel.service.d.ts +2 -2
- package/components/slider/slider.component.d.ts +19 -8
- package/components/slider/slider.component.module.d.ts +1 -8
- package/components/spider-chart/spider-chart.component.d.ts +2 -0
- package/components/spider-chart/spider-chart.module.d.ts +3 -2
- package/components/spinner/spinner.component.d.ts +7 -1
- package/components/step/step.component.d.ts +12 -4
- package/components/stepper/stepper.component.d.ts +11 -3
- package/components/table/table.component.d.ts +30 -7
- package/components/table/table.component.module.d.ts +1 -1
- package/components/table/table.model.d.ts +13 -4
- package/components/tabs/tab.directive.d.ts +2 -1
- package/components/tabs/tabs.component.d.ts +3 -0
- package/components/tabs/tabs.component.module.d.ts +2 -1
- package/components/tabs/tabs.model.d.ts +2 -0
- package/components/universal-skills-report/universal-skills-report.component.d.ts +7 -7
- package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.d.ts +47 -0
- package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.d.ts +16 -0
- package/{components/deprecated-table/directives → directives}/dynamic-component.directive.d.ts +9 -2
- package/esm2022/assets/i18n/da-dk.json +62 -1
- package/esm2022/assets/i18n/de.json +62 -1
- package/esm2022/assets/i18n/en.json +664 -10
- package/esm2022/assets/i18n/es.json +62 -1
- package/esm2022/assets/i18n/fr.json +62 -1
- package/esm2022/assets/i18n/it-it.json +62 -1
- package/esm2022/assets/i18n/ja-jp.json +62 -1
- package/esm2022/assets/i18n/nb-no.json +62 -1
- package/esm2022/assets/i18n/nl.json +62 -1
- package/esm2022/assets/i18n/pl-pl.json +62 -1
- package/esm2022/assets/i18n/pt-br.json +62 -1
- package/esm2022/assets/i18n/sv-se.json +62 -1
- package/esm2022/components/accordion/accordion.component.mjs +5 -5
- package/esm2022/components/accordion/accordion.component.module.mjs +4 -4
- package/esm2022/components/alert-banner/alert-banner.component.mjs +15 -5
- package/esm2022/components/alert-banner/alert-banner.component.module.mjs +4 -4
- package/esm2022/components/autocomplete/autocomplete.component.mjs +113 -21
- package/esm2022/components/autocomplete/autocomplete.component.module.mjs +11 -7
- package/esm2022/components/autocomplete/includes.pipe.mjs +3 -3
- package/esm2022/components/autocomplete/prevent-input.directive.mjs +3 -3
- package/esm2022/components/autocomplete/transform-Item.pipe.mjs +3 -3
- package/esm2022/components/avatar/avatar.component.mjs +7 -6
- package/esm2022/components/avatar/avatar.component.module.mjs +7 -6
- package/esm2022/components/badge/badge.component.mjs +4 -4
- package/esm2022/components/badge/badge.component.module.mjs +4 -4
- package/esm2022/components/button/button.component.mjs +44 -20
- package/esm2022/components/button/button.component.module.mjs +4 -4
- package/esm2022/components/button/button.model.mjs +1 -1
- package/esm2022/components/card/card.component.mjs +38 -7
- package/esm2022/components/card/card.component.module.mjs +4 -4
- package/esm2022/components/checkbox/checkbox.component.mjs +35 -11
- package/esm2022/components/checkbox/checkbox.component.module.mjs +4 -4
- package/esm2022/components/checkbox/focus-visible.directive.mjs +3 -3
- package/esm2022/components/checklist/checklist.component.mjs +6 -6
- package/esm2022/components/checklist/checklist.model.mjs +1 -1
- package/esm2022/components/confirm-dialog/confirm-dialog.component.mjs +18 -6
- package/esm2022/components/confirm-dialog/confirm-dialog.component.module.mjs +4 -4
- package/esm2022/components/confirm-dialog/confirm-dialog.model.mjs +1 -1
- package/esm2022/components/datepicker/date-adapter.mjs +39 -0
- package/esm2022/components/datepicker/datepicker.component.mjs +15 -17
- package/esm2022/components/datepicker/datepicker.component.module.mjs +4 -4
- package/esm2022/components/datepicker/datepicker.service.mjs +3 -3
- package/esm2022/components/datepicker/no-date-format.directive.mjs +6 -6
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.mjs +3 -3
- package/esm2022/components/deprecated-paginator/deprecated-paginator.component.module.mjs +4 -4
- package/esm2022/components/dialog/dialog.component.mjs +21 -8
- package/esm2022/components/dialog/dialog.component.module.mjs +4 -4
- package/esm2022/components/dialog/dialog.model.mjs +2 -0
- package/esm2022/components/dialog/dialog.service.mjs +6 -5
- package/esm2022/components/divider/divider.component.mjs +3 -3
- package/esm2022/components/divider/divider.component.module.mjs +4 -4
- package/esm2022/components/dropdown/dropdown.component.mjs +28 -9
- package/esm2022/components/dropdown/dropdown.component.module.mjs +4 -4
- package/esm2022/components/elevation-shadow/elevation-shadow.component.mjs +3 -3
- package/esm2022/components/elevation-shadow/elevation-shadow.component.module.mjs +4 -4
- package/esm2022/components/empty-state/empty-state.component.mjs +53 -5
- package/esm2022/components/empty-state/empty-state.component.module.mjs +4 -4
- package/esm2022/components/field/field.component.mjs +53 -29
- package/esm2022/components/field/field.component.module.mjs +4 -4
- package/esm2022/components/file-upload/file-upload.component.mjs +46 -32
- package/esm2022/components/file-upload/file-upload.component.module.mjs +4 -4
- package/esm2022/components/filter-button/filter-button.component.mjs +255 -0
- package/esm2022/components/filter-button/filter-button.component.module.mjs +58 -0
- package/esm2022/components/filter-button/filter-button.model.mjs +2 -0
- package/esm2022/components/gaussian-chart/gaussian-chart.component.mjs +246 -0
- package/esm2022/components/gaussian-chart/gaussian-chart.module.mjs +42 -0
- package/esm2022/components/icon/icon.component.mjs +5 -5
- package/esm2022/components/icon/icon.component.module.mjs +4 -4
- package/esm2022/components/icon/icon.config.mjs +27 -1
- package/esm2022/components/icon-label/icon-label.component.mjs +3 -3
- package/esm2022/components/icon-label/icon-label.component.module.mjs +4 -4
- package/esm2022/components/logo/logo.component.mjs +4 -4
- package/esm2022/components/logo/logo.component.module.mjs +4 -4
- package/esm2022/components/media-card/media-card.component.mjs +5 -5
- package/esm2022/components/multi-input/multi-input.component.mjs +37 -24
- package/esm2022/components/multi-input/multi-input.component.module.mjs +4 -4
- package/esm2022/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.mjs +13 -9
- package/esm2022/components/navbar/navbar.component.mjs +17 -14
- package/esm2022/components/navbar/navbar.component.module.mjs +4 -4
- package/esm2022/components/overflow-menu/overflow-menu.component.mjs +4 -4
- package/esm2022/components/overflow-menu/overflow-menu.component.module.mjs +4 -4
- package/esm2022/components/page-header/page-header.component.mjs +5 -5
- package/esm2022/components/page-header/page-header.component.module.mjs +4 -4
- package/esm2022/components/paginator/paginator.component.mjs +3 -3
- package/esm2022/components/paginator/paginator.component.module.mjs +4 -4
- package/esm2022/components/password-criteria/password.component.mjs +13 -7
- package/esm2022/components/password-criteria/password.component.module.mjs +4 -4
- package/esm2022/components/password-strength/password-strength.component.mjs +3 -3
- package/esm2022/components/password-strength/password-strength.component.module.mjs +4 -4
- package/esm2022/components/phone-input/join-strings.pipe.mjs +3 -3
- package/esm2022/components/phone-input/phone-input.component.mjs +4 -4
- package/esm2022/components/phone-input/phone-input.component.module.mjs +4 -4
- package/esm2022/components/progress-bar/progress-bar.component.mjs +4 -4
- package/esm2022/components/progress-bar/progress-bar.component.module.mjs +4 -4
- package/esm2022/components/radial-progress/radial-progress.component.mjs +3 -3
- package/esm2022/components/radial-progress/radial-progress.component.module.mjs +4 -4
- package/esm2022/components/radio-button/radio-button.component.mjs +19 -5
- package/esm2022/components/radio-button/radio-button.component.module.mjs +4 -4
- package/esm2022/components/rating/half-star.pipe.mjs +3 -3
- package/esm2022/components/rating/rating.component.mjs +3 -3
- package/esm2022/components/rating/rating.component.module.mjs +4 -4
- package/esm2022/components/scale/scale.component.mjs +18 -6
- package/esm2022/components/scale/scale.component.module.mjs +4 -4
- package/esm2022/components/segmented-bar/segmented-bar.component.mjs +3 -3
- package/esm2022/components/segmented-bar/segmented-bar.component.module.mjs +4 -4
- package/esm2022/components/segmented-button/segmented-button.component.mjs +6 -6
- package/esm2022/components/segmented-button/segmented-button.component.module.mjs +4 -4
- package/esm2022/components/side-panel/side-panel.component.mjs +6 -6
- package/esm2022/components/side-panel/side-panel.service.mjs +9 -8
- package/esm2022/components/side-sheet/side-sheet.component.mjs +3 -3
- package/esm2022/components/side-sheet/side-sheet.component.module.mjs +4 -4
- package/esm2022/components/side-sheet/side-sheet.service.mjs +3 -3
- package/esm2022/components/skeleton/skeleton.component.mjs +3 -3
- package/esm2022/components/slider/slider.component.mjs +70 -12
- package/esm2022/components/slider/slider.component.module.mjs +6 -33
- package/esm2022/components/slider/slider.model.mjs +1 -1
- package/esm2022/components/snackbar/snackbar.component.mjs +4 -4
- package/esm2022/components/snackbar/snackbar.component.module.mjs +4 -4
- package/esm2022/components/snackbar/snackbar.service.mjs +3 -3
- package/esm2022/components/spider-chart/spider-chart.component.mjs +25 -7
- package/esm2022/components/spider-chart/spider-chart.module.mjs +8 -5
- package/esm2022/components/spinner/spinner.component.mjs +15 -6
- package/esm2022/components/spinner/spinner.module.mjs +4 -4
- package/esm2022/components/step/step.component.mjs +52 -12
- package/esm2022/components/step/step.component.module.mjs +4 -4
- package/esm2022/components/stepper/stepper.component.mjs +52 -18
- package/esm2022/components/stepper/stepper.component.module.mjs +4 -4
- package/esm2022/components/table/sentence-case.pipe.mjs +3 -3
- package/esm2022/components/table/table.component.mjs +104 -57
- package/esm2022/components/table/table.component.module.mjs +6 -6
- package/esm2022/components/table/table.model.mjs +13 -1
- package/esm2022/components/tabs/tab.directive.mjs +7 -4
- package/esm2022/components/tabs/tabs.component.mjs +38 -9
- package/esm2022/components/tabs/tabs.component.module.mjs +7 -6
- package/esm2022/components/tabs/tabs.model.mjs +1 -1
- package/esm2022/components/tag/tag.component.mjs +3 -3
- package/esm2022/components/tag/tag.component.module.mjs +4 -4
- package/esm2022/components/toggle/toggle.component.mjs +4 -4
- package/esm2022/components/toggle/toggle.component.module.mjs +4 -4
- package/esm2022/components/tooltip/tooltip-template.directive.mjs +14 -12
- package/esm2022/components/tooltip/tooltip.component.mjs +3 -3
- package/esm2022/components/tooltip/tooltip.component.module.mjs +4 -4
- package/esm2022/components/universal-skills-report/universal-skills-report.component.mjs +29 -64
- package/esm2022/components/universal-skills-report/universal-skills-report.component.module.mjs +4 -4
- package/esm2022/components/universal-skills-spider-charts/universal-skills-spider-charts.component.mjs +109 -0
- package/esm2022/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.mjs +52 -0
- package/esm2022/components/validation-error/validation-error.component.mjs +3 -3
- package/esm2022/components/validation-error/validation-error.module.mjs +4 -4
- package/esm2022/directives/digits-only.directive.mjs +3 -3
- package/esm2022/directives/drag-drop.directive.mjs +3 -3
- package/esm2022/directives/dynamic-component.directive.mjs +40 -0
- package/esm2022/directives/ellipse-text.directive.mjs +3 -3
- package/esm2022/directives/select-text.directive.mjs +3 -3
- package/esm2022/directives/step-line-element.directive.mjs +3 -3
- package/esm2022/models/universal-skills-report.model.mjs +33 -0
- package/esm2022/pipes/data-property-getter.mjs +3 -3
- package/esm2022/pipes/has-validation-error.pipe.mjs +3 -3
- package/esm2022/pipes/memoize-func.pipe.mjs +3 -3
- package/esm2022/pipes/name-initials.pipe.mjs +3 -3
- package/esm2022/pipes/ui-ordinal-suffix.pipe.mjs +3 -3
- package/esm2022/pipes/ui-translate.pipe.mjs +3 -3
- package/esm2022/public-api.mjs +17 -6
- package/esm2022/services/icons.service.mjs +3 -3
- package/esm2022/services/universal-skills.service.mjs +85 -0
- package/esm2022/utils/autocomplete-utils.mjs +15 -3
- package/esm2022/utils/localization/language.service.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui.mjs +3878 -1246
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/models/universal-skills-report.model.d.ts +44 -0
- package/package.json +17 -15
- package/projects/tgo-canopy-ui/assets/i18n/da-dk.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/de.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/en.json +665 -10
- package/projects/tgo-canopy-ui/assets/i18n/es.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/fr.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/it-it.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/ja-jp.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/nb-no.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/nl.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/pl-pl.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/pt-br.json +62 -1
- package/projects/tgo-canopy-ui/assets/i18n/sv-se.json +62 -1
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Analytics-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Analytics-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Failed-to-load-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Failed-to-load-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/History-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/History-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Star-filled.svg +5 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Star-in-line.svg +5 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Tag-filled.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Tag-in-line.svg +3 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/TestGorilla-Pink-filled.svg +11 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/TestGorilla-Pink-in-line.svg +11 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Verified-badge-filled.svg +23 -0
- package/projects/tgo-canopy-ui/assets/icons/rebrand/Verified-badge-in-line.svg +23 -0
- package/projects/tgo-canopy-ui/theme/_input.scss +1 -0
- package/projects/tgo-canopy-ui/theme/_palette.scss +9 -9
- package/projects/tgo-canopy-ui/theme/_tooltip.scss +12 -8
- package/projects/tgo-canopy-ui/theme/_typography.scss +4 -0
- package/projects/tgo-canopy-ui/theme/_variables.scss +3 -3
- package/public-api.d.ts +11 -4
- package/services/universal-skills.service.d.ts +13 -0
- package/utils/autocomplete-utils.d.ts +2 -2
- package/components/deprecated-table/deprecated-table.component.d.ts +0 -91
- package/components/deprecated-table/deprecated-table.component.module.d.ts +0 -14
- package/components/deprecated-table/deprecated-table.model.d.ts +0 -45
- package/components/universal-skills-report/universal-skills-report.model.d.ts +0 -33
- package/esm2022/components/datepicker/DateAdapter.mjs +0 -30
- package/esm2022/components/deprecated-table/deprecated-table.component.mjs +0 -158
- package/esm2022/components/deprecated-table/deprecated-table.component.module.mjs +0 -43
- package/esm2022/components/deprecated-table/deprecated-table.model.mjs +0 -13
- package/esm2022/components/deprecated-table/directives/dynamic-component.directive.mjs +0 -40
- package/esm2022/components/universal-skills-report/universal-skills-report.model.mjs +0 -19
|
@@ -90,6 +90,14 @@ export declare class AlertBannerComponent implements OnInit {
|
|
|
90
90
|
* @memberof AlertBannerComponent
|
|
91
91
|
*/
|
|
92
92
|
closeButtonTooltip: string;
|
|
93
|
+
/**
|
|
94
|
+
* Shows icon
|
|
95
|
+
*
|
|
96
|
+
* @type {boolean}
|
|
97
|
+
* @default true
|
|
98
|
+
* @memberof AlertBannerComponent
|
|
99
|
+
*/
|
|
100
|
+
hasIcon: boolean;
|
|
93
101
|
/**
|
|
94
102
|
* A string representing the ARIA requirement for accessibility.
|
|
95
103
|
* This attribute is used to indicate whether an input field is required for form submission.
|
|
@@ -111,5 +119,5 @@ export declare class AlertBannerComponent implements OnInit {
|
|
|
111
119
|
ngOnInit(): void;
|
|
112
120
|
dismissClick(): void;
|
|
113
121
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, [{ optional: true; }, null]>;
|
|
114
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "alertVariant": { "alias": "alertVariant"; "required": false; }; "message": { "alias": "message"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "secondaryAlerts": { "alias": "secondaryAlerts"; "required": false; }; }, {}, never, never, false, never>;
|
|
122
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "alertVariant": { "alias": "alertVariant"; "required": false; }; "message": { "alias": "message"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "secondaryAlerts": { "alias": "secondaryAlerts"; "required": false; }; }, {}, never, never, false, never>;
|
|
115
123
|
}
|
|
@@ -3,7 +3,7 @@ import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, Even
|
|
|
3
3
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
4
4
|
import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
|
|
5
5
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
-
import { ReplaySubject } from 'rxjs';
|
|
6
|
+
import { BehaviorSubject, ReplaySubject, Subscription } from 'rxjs';
|
|
7
7
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
8
8
|
import { AutocompleteUtils } from '../../utils/autocomplete-utils';
|
|
9
9
|
import { Autocomplete, AutocompleteSize, AutocompleteType, DropdownVariation } from './autocomplete.model';
|
|
@@ -24,7 +24,11 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
24
24
|
* @description The list of items to display in the autocomplete.
|
|
25
25
|
* @memberof AutocompleteComponent
|
|
26
26
|
*/
|
|
27
|
-
itemsList: any[]
|
|
27
|
+
itemsList: any[] | {
|
|
28
|
+
groupName: string;
|
|
29
|
+
items: any[];
|
|
30
|
+
isGroup: boolean;
|
|
31
|
+
}[];
|
|
28
32
|
/**
|
|
29
33
|
* @property suggestionsList
|
|
30
34
|
* @description The list of suggestions to display in the autocomplete.
|
|
@@ -215,14 +219,20 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
215
219
|
* @memberof AutocompleteComponent
|
|
216
220
|
*/
|
|
217
221
|
maxItemSelected: number;
|
|
222
|
+
isDynamicFilteringEnabled: boolean;
|
|
223
|
+
dynamicFilterLoading: boolean;
|
|
224
|
+
dynamicFilteredList: any[] | null;
|
|
225
|
+
infiniteScroll: boolean;
|
|
226
|
+
hasMoreOptionsForInfiniteScroll: boolean;
|
|
218
227
|
selectionChange: EventEmitter<any>;
|
|
219
228
|
searchTextChange: EventEmitter<string>;
|
|
220
229
|
blur: EventEmitter<void>;
|
|
221
230
|
focus: EventEmitter<void>;
|
|
231
|
+
scrollViewportBottomReached: EventEmitter<void>;
|
|
222
232
|
formFieldElement: ElementRef<HTMLElement>;
|
|
223
233
|
tagContainer: ElementRef<HTMLElement>;
|
|
224
234
|
autocomplete: MatAutocompleteTrigger;
|
|
225
|
-
|
|
235
|
+
set cdkVirtualScrollViewport(viewport: CdkVirtualScrollViewport);
|
|
226
236
|
matAutocomplete: MatAutocomplete;
|
|
227
237
|
matInput: ElementRef<HTMLInputElement>;
|
|
228
238
|
protected safeErrors: SafeHtml[];
|
|
@@ -237,8 +247,11 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
237
247
|
protected firstTagMaxWidth: number;
|
|
238
248
|
protected inputValueSearch$: ReplaySubject<string>;
|
|
239
249
|
protected userInput$: ReplaySubject<string>;
|
|
250
|
+
protected dynamicFilteredList$: BehaviorSubject<any[] | null>;
|
|
240
251
|
protected filteredItemsList$: import("rxjs").Observable<any>;
|
|
241
252
|
protected filteredSuggestionList$: import("rxjs").Observable<any>;
|
|
253
|
+
protected savedVirtualScrollViewport: CdkVirtualScrollViewport;
|
|
254
|
+
protected savedVirtualScrollSubscription: Subscription;
|
|
242
255
|
scrollEvent: (event: any) => void;
|
|
243
256
|
protected searchResult$: import("rxjs").Observable<boolean>;
|
|
244
257
|
protected translationContext: string;
|
|
@@ -246,7 +259,9 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
246
259
|
private readonly isPlatform;
|
|
247
260
|
private observer;
|
|
248
261
|
protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
|
|
262
|
+
protected inputValueInitialized: boolean;
|
|
249
263
|
constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, platformId: any, el: ElementRef, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
|
|
264
|
+
ngOnInit(): void;
|
|
250
265
|
/**
|
|
251
266
|
* Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
|
|
252
267
|
* to display validation errors that might happen (e.g. required)
|
|
@@ -261,6 +276,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
261
276
|
registerOnTouched(fn: any): void;
|
|
262
277
|
setDisabledState(isDisabled: boolean): void;
|
|
263
278
|
writeValue(value: any): void;
|
|
279
|
+
protected get isGrouped(): boolean;
|
|
264
280
|
protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
|
|
265
281
|
protected onOptionRemoved(option: any): void;
|
|
266
282
|
protected onInputChange(event: Event): void;
|
|
@@ -270,6 +286,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
270
286
|
protected onFocus(): void;
|
|
271
287
|
private checkOverlap;
|
|
272
288
|
private onUpdate;
|
|
289
|
+
private updateControlMaxLengthValidity;
|
|
273
290
|
private initValue;
|
|
274
291
|
private addNewValue;
|
|
275
292
|
protected get isDropdown(): boolean;
|
|
@@ -284,6 +301,6 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
|
|
|
284
301
|
protected get hasObjectValue(): boolean;
|
|
285
302
|
onKeydown($event: KeyboardEvent): void;
|
|
286
303
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null, null, null, null]>;
|
|
287
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "exactMatchSelect": { "alias": "exactMatchSelect"; "required": false; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; }, never, never, false, never>;
|
|
304
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "exactMatchSelect": { "alias": "exactMatchSelect"; "required": false; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; }; "isDynamicFilteringEnabled": { "alias": "isDynamicFilteringEnabled"; "required": false; }; "dynamicFilterLoading": { "alias": "dynamicFilterLoading"; "required": false; }; "dynamicFilteredList": { "alias": "dynamicFilteredList"; "required": false; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; }; "hasMoreOptionsForInfiniteScroll": { "alias": "hasMoreOptionsForInfiniteScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; "scrollViewportBottomReached": "scrollViewportBottomReached"; }, never, never, false, never>;
|
|
288
305
|
static ngAcceptInputType_virtualScroll: unknown;
|
|
289
306
|
}
|
|
@@ -16,8 +16,9 @@ import * as i14 from "../validation-error/validation-error.module";
|
|
|
16
16
|
import * as i15 from "../../pipes/has-validation-error.pipe";
|
|
17
17
|
import * as i16 from "@angular/cdk/scrolling";
|
|
18
18
|
import * as i17 from "./prevent-input.directive";
|
|
19
|
+
import * as i18 from "../spinner/spinner.module";
|
|
19
20
|
export declare class AutocompleteComponentModule {
|
|
20
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponentModule, never>;
|
|
21
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof i1.AutocompleteComponent, typeof i2.TransformItemPipe, typeof i3.IncludesPipe, typeof i4.SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe, typeof i14.ValidationErrorModule, typeof i15.HasValidationErrorPipe, typeof i16.CdkVirtualForOf, typeof i16.CdkVirtualScrollViewport, typeof i16.CdkFixedSizeVirtualScroll, typeof i17.PreventInputDirective], [typeof i1.AutocompleteComponent]>;
|
|
22
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof i1.AutocompleteComponent, typeof i2.TransformItemPipe, typeof i3.IncludesPipe, typeof i4.SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe, typeof i14.ValidationErrorModule, typeof i15.HasValidationErrorPipe, typeof i16.CdkVirtualForOf, typeof i16.CdkVirtualScrollViewport, typeof i16.CdkFixedSizeVirtualScroll, typeof i17.PreventInputDirective, typeof i18.SpinnerComponentModule], [typeof i1.AutocompleteComponent]>;
|
|
22
23
|
static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteComponentModule>;
|
|
23
24
|
}
|
|
@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
|
|
|
5
5
|
import * as i4 from "../icon/icon.component.module";
|
|
6
6
|
import * as i5 from "@angular/material/tooltip";
|
|
7
7
|
import * as i6 from "../button/button.component.module";
|
|
8
|
+
import * as i7 from "../../pipes/ui-translate.pipe";
|
|
8
9
|
export declare class AvatarComponentModule {
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponentModule, never>;
|
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarComponentModule, [typeof i1.AvatarComponent, typeof i2.NameInitialsPipe], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.MatTooltipModule, typeof i6.ButtonComponentModule], [typeof i1.AvatarComponent]>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarComponentModule, [typeof i1.AvatarComponent, typeof i2.NameInitialsPipe], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.MatTooltipModule, typeof i6.ButtonComponentModule, typeof i7.UiTranslatePipe], [typeof i1.AvatarComponent]>;
|
|
11
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<AvatarComponentModule>;
|
|
12
13
|
}
|
|
@@ -4,6 +4,7 @@ import { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonS
|
|
|
4
4
|
import { MatButton } from '@angular/material/button';
|
|
5
5
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
6
6
|
import { TooltipPosition } from '@angular/material/tooltip';
|
|
7
|
+
import { FocusOrigin } from "@angular/cdk/a11y";
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
9
10
|
private readonly defaultAppTheme;
|
|
@@ -48,7 +49,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
48
49
|
* @type {IconName}
|
|
49
50
|
* @memberof ButtonComponent
|
|
50
51
|
*/
|
|
51
|
-
iconName: IconName;
|
|
52
|
+
iconName: IconName | undefined;
|
|
52
53
|
/**
|
|
53
54
|
* Indicator if the button should be disabled
|
|
54
55
|
*
|
|
@@ -174,6 +175,12 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
174
175
|
* @memberof ButtonComponent
|
|
175
176
|
*/
|
|
176
177
|
preventDefault: boolean;
|
|
178
|
+
/**
|
|
179
|
+
* Ghost variant with white background
|
|
180
|
+
* @type {boolean}
|
|
181
|
+
* @memberof ButtonComponent
|
|
182
|
+
*/
|
|
183
|
+
hasBackground: boolean;
|
|
177
184
|
/**
|
|
178
185
|
* Sets tooltip position
|
|
179
186
|
*
|
|
@@ -181,6 +188,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
181
188
|
* @memberof ButtonComponent
|
|
182
189
|
*/
|
|
183
190
|
tooltipPosition: TooltipPosition;
|
|
191
|
+
role: string;
|
|
184
192
|
buttonClickEvent: EventEmitter<Event>;
|
|
185
193
|
buttonHoverEvent: EventEmitter<Event>;
|
|
186
194
|
buttonElement: MatButton;
|
|
@@ -197,6 +205,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
197
205
|
isFilledIcon: boolean;
|
|
198
206
|
coloredIcons: string[];
|
|
199
207
|
labelEllipsis: boolean;
|
|
208
|
+
icon: IconName;
|
|
200
209
|
get typeIncluded(): boolean;
|
|
201
210
|
constructor(defaultAppTheme: ApplicationTheme);
|
|
202
211
|
ngOnInit(): void;
|
|
@@ -211,13 +220,15 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
|
|
|
211
220
|
showButtonLink(): boolean;
|
|
212
221
|
setIconButtonSize(): IconButtonSize;
|
|
213
222
|
onPressed(ev: Event): void;
|
|
214
|
-
focus(): void;
|
|
223
|
+
focus(origin?: FocusOrigin): void;
|
|
215
224
|
get getCompanyColor(): string;
|
|
216
225
|
get shouldChangeFilledStatus(): boolean;
|
|
217
226
|
onKeydown(event: KeyboardEvent): void;
|
|
218
227
|
onKeyup(event: KeyboardEvent): void;
|
|
219
228
|
onLabelEllipsisChange(state: boolean): void;
|
|
229
|
+
getIconName(iconName: string, defaultValue: string): IconName;
|
|
220
230
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{ optional: true; }]>;
|
|
221
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "preventDefault": { "alias": "preventDefault"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
|
|
231
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "preventDefault": { "alias": "preventDefault"; "required": false; }; "hasBackground": { "alias": "hasBackground"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
|
|
222
232
|
static ngAcceptInputType_preventDefault: unknown;
|
|
233
|
+
static ngAcceptInputType_hasBackground: unknown;
|
|
223
234
|
}
|
|
@@ -8,7 +8,7 @@ export type ButtonType = 'button' | 'submit' | 'reset';
|
|
|
8
8
|
export type ButtonState = 'hover' | 'pressed' | 'disabled' | 'default';
|
|
9
9
|
export interface ButtonBadgeConfig {
|
|
10
10
|
badgeType: BadgeVariant | null;
|
|
11
|
-
badgeLabel
|
|
11
|
+
badgeLabel?: string;
|
|
12
12
|
badgeNotificationAmount: number;
|
|
13
|
-
rebrandColor
|
|
13
|
+
rebrandColor?: RebrandBadgeColor;
|
|
14
14
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { OnChanges, OnInit } from '@angular/core';
|
|
2
|
-
import { CardSize, CardVariant } from './card.model';
|
|
3
|
-
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
1
|
+
import { EventEmitter, OnChanges, OnInit } from '@angular/core';
|
|
4
2
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
+
import { CardSize, CardVariant } from './card.model';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class CardComponent implements OnChanges, OnInit {
|
|
7
7
|
private readonly defaultAppTheme;
|
|
@@ -42,6 +42,17 @@ export declare class CardComponent implements OnChanges, OnInit {
|
|
|
42
42
|
* @memberof CardComponent
|
|
43
43
|
*/
|
|
44
44
|
selected: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Marks card as readonly. Defaults "false".
|
|
47
|
+
*
|
|
48
|
+
* @type {CardVariant}
|
|
49
|
+
* @memberof CardComponent
|
|
50
|
+
*/
|
|
51
|
+
allowSelect: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Emits when card is being selected
|
|
54
|
+
*/
|
|
55
|
+
cardSelected: EventEmitter<boolean>;
|
|
45
56
|
safeErrors: SafeHtml[];
|
|
46
57
|
classes: string;
|
|
47
58
|
constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
|
|
@@ -49,6 +60,7 @@ export declare class CardComponent implements OnChanges, OnInit {
|
|
|
49
60
|
ngOnInit(): void;
|
|
50
61
|
get cardVariant(): CardVariant;
|
|
51
62
|
get isSelected(): boolean;
|
|
63
|
+
selectCard(): void;
|
|
52
64
|
static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }, null]>;
|
|
53
|
-
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; }; }, {}, never, ["*"], false, never>;
|
|
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>;
|
|
54
66
|
}
|
|
@@ -2,11 +2,11 @@ import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, Ng
|
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
|
|
4
4
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
5
|
-
import { MatTooltip } from
|
|
5
|
+
import { MatTooltip } from '@angular/material/tooltip';
|
|
6
6
|
import { Alignment } from '../../models/checkbox.model';
|
|
7
|
-
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
7
|
+
import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
-
export declare class CheckboxComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit, OnDestroy {
|
|
9
|
+
export declare class CheckboxComponent implements OnInit, FocusableOption, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit, OnDestroy {
|
|
10
10
|
private readonly defaultAppTheme;
|
|
11
11
|
private cdr;
|
|
12
12
|
ngControl: NgControl;
|
|
@@ -137,6 +137,15 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
137
137
|
* @memberof CheckboxComponent
|
|
138
138
|
*/
|
|
139
139
|
alignment: Alignment;
|
|
140
|
+
/**
|
|
141
|
+
* Sets the tab index for the checkbox component.
|
|
142
|
+
* This determines the order in which elements receive focus when the user navigates through them using the Tab key.
|
|
143
|
+
* Default value is 0.
|
|
144
|
+
*
|
|
145
|
+
* @type {number}
|
|
146
|
+
* @memberof CheckboxComponent
|
|
147
|
+
*/
|
|
148
|
+
tabIndex: number;
|
|
140
149
|
/**
|
|
141
150
|
* Event emitted when the checkbox's checked value changes.
|
|
142
151
|
*
|
|
@@ -165,6 +174,7 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
165
174
|
*/
|
|
166
175
|
ngDoCheck(): void;
|
|
167
176
|
ngAfterViewInit(): void;
|
|
177
|
+
focusAction(origin: FocusOrigin): void;
|
|
168
178
|
ngOnDestroy(): void;
|
|
169
179
|
emitChange(event: MatCheckboxChange): void;
|
|
170
180
|
ngOnInit(): void;
|
|
@@ -177,6 +187,7 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
|
|
|
177
187
|
onLabelEllipsisChange(isEllipsis: boolean): void;
|
|
178
188
|
onFocus(showTooltip: boolean): void;
|
|
179
189
|
private setCompanyColor;
|
|
190
|
+
focus(): void;
|
|
180
191
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null]>;
|
|
181
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
|
|
192
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "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; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
|
|
182
193
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { MatDialogRef } from '@angular/material/dialog';
|
|
2
|
-
import { ConfirmDialogData } from './confirm-dialog.model';
|
|
3
|
-
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
2
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
+
import { ConfirmDialogData } from './confirm-dialog.model';
|
|
5
|
+
import { ButtonColor } from '../button/button.model';
|
|
6
|
+
import { IconName } from '../icon/icon.model';
|
|
5
7
|
import * as i0 from "@angular/core";
|
|
6
8
|
export declare class ConfirmDialogComponent {
|
|
7
9
|
private readonly defaultAppTheme;
|
|
@@ -15,6 +17,13 @@ export declare class ConfirmDialogComponent {
|
|
|
15
17
|
lang: import("@testgorilla/tgo-ui").Language;
|
|
16
18
|
confirmMessageHtml: SafeHtml | undefined;
|
|
17
19
|
showCloseButton: boolean;
|
|
20
|
+
showSecondaryButton: boolean;
|
|
21
|
+
color: string | null;
|
|
22
|
+
primaryButtonType: ButtonColor;
|
|
23
|
+
secondaryButtonType: ButtonColor;
|
|
24
|
+
primaryButtonIconName: IconName | undefined;
|
|
25
|
+
primaryButtonDataTestId: string;
|
|
26
|
+
secondaryButtonDataTestId: string;
|
|
18
27
|
/**
|
|
19
28
|
*
|
|
20
29
|
* Defines the application theme
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { Language } from '../../utils/localization/language.model';
|
|
2
|
+
import { ButtonColor } from '../button/button.model';
|
|
3
|
+
import { IconName } from '../icon/icon.model';
|
|
2
4
|
export interface ConfirmDialogData {
|
|
3
5
|
message: string;
|
|
4
6
|
confirmButtonText?: string;
|
|
@@ -8,4 +10,10 @@ export interface ConfirmDialogData {
|
|
|
8
10
|
language?: Language;
|
|
9
11
|
messageHtml?: string;
|
|
10
12
|
showCloseButton?: boolean;
|
|
13
|
+
showSecondaryButton?: boolean;
|
|
14
|
+
primaryButtonType?: ButtonColor;
|
|
15
|
+
secondaryButtonType?: ButtonColor;
|
|
16
|
+
primaryButtonIconName?: IconName;
|
|
17
|
+
primaryButtonDataTestId?: string;
|
|
18
|
+
secondaryButtonDataTestId?: string;
|
|
11
19
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { NativeDateAdapter } from
|
|
1
|
+
import { NativeDateAdapter } from '@angular/material/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
2
3
|
export declare const UI_DATE_FORMATS: {
|
|
3
4
|
parse: {
|
|
4
5
|
dateInput: {
|
|
@@ -26,5 +27,8 @@ export declare const UI_DATE_FORMATS: {
|
|
|
26
27
|
};
|
|
27
28
|
export declare class UiDateAdapter extends NativeDateAdapter {
|
|
28
29
|
#private;
|
|
29
|
-
|
|
30
|
+
constructor();
|
|
31
|
+
format(date: Date): string;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<UiDateAdapter, never>;
|
|
33
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<UiDateAdapter>;
|
|
30
34
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ChangeDetectorRef, DoCheck, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, DoCheck, EventEmitter, OnChanges, SimpleChanges, OnInit } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, FormControl, FormGroup, NgControl } from '@angular/forms';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import { MatDatepicker } from '@angular/material/datepicker';
|
|
5
5
|
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
6
|
-
import { DatepickerService } from
|
|
6
|
+
import { DatepickerService } from './datepicker.service';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
export declare class DatepickerComponent implements OnChanges, ControlValueAccessor, DoCheck {
|
|
8
|
+
export declare class DatepickerComponent implements OnChanges, ControlValueAccessor, DoCheck, OnInit {
|
|
9
9
|
private readonly defaultAppTheme;
|
|
10
10
|
private cdr;
|
|
11
11
|
private sanitizer;
|
|
@@ -46,7 +46,7 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
|
|
|
46
46
|
* @type {string}
|
|
47
47
|
* @memberof DatepickerComponent
|
|
48
48
|
*/
|
|
49
|
-
value?: Date
|
|
49
|
+
value?: Array<Date | null> | Date;
|
|
50
50
|
_errors: SafeHtml[];
|
|
51
51
|
/**
|
|
52
52
|
* Input field errors
|
|
@@ -3,6 +3,7 @@ import { MatDialogRef } from '@angular/material/dialog';
|
|
|
3
3
|
import { ButtonColor } from '../button/button.model';
|
|
4
4
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
5
5
|
import { ButtonComponent } from '../button/button.component';
|
|
6
|
+
import { IconName } from '../icon/icon.model';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit {
|
|
8
9
|
private readonly defaultAppTheme;
|
|
@@ -38,6 +39,12 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
38
39
|
* @memberof DialogComponent
|
|
39
40
|
*/
|
|
40
41
|
primaryButtonLabel?: string | undefined;
|
|
42
|
+
/**
|
|
43
|
+
* Primary button icon name
|
|
44
|
+
*
|
|
45
|
+
* @memberof DialogComponent
|
|
46
|
+
*/
|
|
47
|
+
primaryButtonIconName?: IconName | '';
|
|
41
48
|
/**
|
|
42
49
|
* Secondary button type
|
|
43
50
|
*
|
|
@@ -134,6 +141,8 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
134
141
|
});
|
|
135
142
|
disableButtons: boolean;
|
|
136
143
|
protected readonly translationContext = "DIALOG.";
|
|
144
|
+
customHeader?: any;
|
|
145
|
+
get hasCustomHeader(): boolean;
|
|
137
146
|
ngOnInit(): void;
|
|
138
147
|
ngOnChanges(changes: SimpleChanges): void;
|
|
139
148
|
ngAfterViewInit(): void;
|
|
@@ -143,5 +152,5 @@ export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit
|
|
|
143
152
|
onSecondaryButtonClick(event: Event): void;
|
|
144
153
|
onPrimaryButtonClick(event: Event): void;
|
|
145
154
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, null, null]>;
|
|
146
|
-
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; }; "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"; },
|
|
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>;
|
|
147
156
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DialogSize } from "./dialog.service";
|
|
2
|
+
import { MatDialogConfig } from "@angular/material/dialog";
|
|
3
|
+
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
+
export interface DialogConfig {
|
|
5
|
+
applicationTheme?: ApplicationTheme;
|
|
6
|
+
size?: DialogSize;
|
|
7
|
+
panelClass?: string;
|
|
8
|
+
extraData?: any;
|
|
9
|
+
backdropClass?: string;
|
|
10
|
+
keyboardOpen?: boolean;
|
|
11
|
+
config?: MatDialogConfig;
|
|
12
|
+
}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { ComponentType } from '@angular/cdk/portal';
|
|
2
|
-
import { MatDialog,
|
|
2
|
+
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
|
+
import { DialogConfig } from "./dialog.model";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export type DialogSize = 'small' | 'large';
|
|
6
7
|
export declare class DialogService {
|
|
7
8
|
private matDialog;
|
|
8
9
|
private readonly defaultAppTheme;
|
|
9
10
|
constructor(matDialog: MatDialog, defaultAppTheme: ApplicationTheme);
|
|
10
|
-
open(dialogComponent: ComponentType<any>,
|
|
11
|
+
open(dialogComponent: ComponentType<any>, dialogConfig?: DialogConfig): MatDialogRef<any>;
|
|
11
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, [null, { optional: true; }]>;
|
|
12
13
|
static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
|
|
13
14
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, NgZone, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, NgZone, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { FloatLabelType } from '@angular/material/form-field';
|
|
4
4
|
import { OptionType } from './dropdown.model';
|
|
@@ -15,6 +15,7 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
15
15
|
private readonly destroyRef;
|
|
16
16
|
private readonly ngZone;
|
|
17
17
|
class: string;
|
|
18
|
+
findValueByValueField: (item: any) => boolean;
|
|
18
19
|
/**
|
|
19
20
|
* Text content will be applied to the input element if present.
|
|
20
21
|
*
|
|
@@ -146,9 +147,18 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
146
147
|
* @memberof DropdownComponent
|
|
147
148
|
*/
|
|
148
149
|
companyColor: string;
|
|
150
|
+
/**
|
|
151
|
+
* Class to be applied to the panel.
|
|
152
|
+
* @type {string}
|
|
153
|
+
* @memberof DropdownComponent
|
|
154
|
+
*/
|
|
155
|
+
panelClass: string;
|
|
149
156
|
closed: EventEmitter<void>;
|
|
150
157
|
opened: EventEmitter<void>;
|
|
151
158
|
matSelect: MatSelect;
|
|
159
|
+
customOptionTemplate: TemplateRef<any> | null;
|
|
160
|
+
customSelectedOptionTemplate: TemplateRef<any> | null;
|
|
161
|
+
onTabPress(): void;
|
|
152
162
|
/**
|
|
153
163
|
* @ignore
|
|
154
164
|
*/
|
|
@@ -185,5 +195,5 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
|
|
|
185
195
|
setStyleVariable(): void;
|
|
186
196
|
onKeydown($event: KeyboardEvent): void;
|
|
187
197
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null, null]>;
|
|
188
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; },
|
|
198
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, ["customOptionTemplate", "customSelectedOptionTemplate"], never, false, never>;
|
|
189
199
|
}
|
|
@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { IconName } from '../icon/icon.model';
|
|
3
3
|
import { ApplicationTheme } from '../../models/application-theme.model';
|
|
4
4
|
import { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';
|
|
5
|
+
import { ButtonIconPosition } from '../button/button.model';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class EmptyStateComponent {
|
|
7
8
|
private readonly defaultAppTheme;
|
|
@@ -53,6 +54,18 @@ export declare class EmptyStateComponent {
|
|
|
53
54
|
* @memberof EmptyStateComponent
|
|
54
55
|
*/
|
|
55
56
|
primaryButtonVariant: ButtonVariant;
|
|
57
|
+
/**
|
|
58
|
+
* @description Name of ui-icon for primary button
|
|
59
|
+
* @type {IconName}
|
|
60
|
+
* @memberof EmptyStateComponent
|
|
61
|
+
*/
|
|
62
|
+
primaryButtonIconName: IconName;
|
|
63
|
+
/**
|
|
64
|
+
* @description Position of ui-icon for primary button
|
|
65
|
+
* @type {ButtonIconPosition}
|
|
66
|
+
* @memberof EmptyStateComponent
|
|
67
|
+
*/
|
|
68
|
+
primaryButtonIconPosition: ButtonIconPosition;
|
|
56
69
|
/**
|
|
57
70
|
* @description Displays secondary button if passed.
|
|
58
71
|
* @type {string}
|
|
@@ -65,6 +78,18 @@ export declare class EmptyStateComponent {
|
|
|
65
78
|
* @memberof EmptyStateComponent
|
|
66
79
|
*/
|
|
67
80
|
secondaryButtonVariant: ButtonVariant;
|
|
81
|
+
/**
|
|
82
|
+
* @description Name of ui-icon for secondary button
|
|
83
|
+
* @type {IconName}
|
|
84
|
+
* @memberof EmptyStateComponent
|
|
85
|
+
*/
|
|
86
|
+
secondaryButtonIconName: IconName;
|
|
87
|
+
/**
|
|
88
|
+
* @description Position of ui-icon for secondary button
|
|
89
|
+
* @type {ButtonIconPosition}
|
|
90
|
+
* @memberof EmptyStateComponent
|
|
91
|
+
*/
|
|
92
|
+
secondaryButtonIconPosition: ButtonIconPosition;
|
|
68
93
|
/**
|
|
69
94
|
* @description Displays tertiary button if passed.
|
|
70
95
|
* @type {string}
|
|
@@ -77,6 +102,18 @@ export declare class EmptyStateComponent {
|
|
|
77
102
|
* @memberof EmptyStateComponent
|
|
78
103
|
*/
|
|
79
104
|
tertiaryButtonVariant: ButtonVariant;
|
|
105
|
+
/**
|
|
106
|
+
* @description Name of ui-icon for tertiary button
|
|
107
|
+
* @type {IconName}
|
|
108
|
+
* @memberof EmptyStateComponent
|
|
109
|
+
*/
|
|
110
|
+
tertiaryButtonIconName: IconName;
|
|
111
|
+
/**
|
|
112
|
+
* @description Position of ui-icon for tertiary button
|
|
113
|
+
* @type {ButtonIconPosition}
|
|
114
|
+
* @memberof EmptyStateComponent
|
|
115
|
+
*/
|
|
116
|
+
tertiaryButtonIconPosition: ButtonIconPosition;
|
|
80
117
|
/**
|
|
81
118
|
*
|
|
82
119
|
* Defines the application theme
|
|
@@ -114,5 +151,5 @@ export declare class EmptyStateComponent {
|
|
|
114
151
|
onTertiaryButtonClick(event: Event): void;
|
|
115
152
|
getVariant(variant: ButtonVariant): "primary" | "secondary" | "ghost";
|
|
116
153
|
static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, [{ optional: true; }]>;
|
|
117
|
-
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; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "secondaryButtonVariant": { "alias": "secondaryButtonVariant"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; "tertiaryButtonVariant": { "alias": "tertiaryButtonVariant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
|
|
154
|
+
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>;
|
|
118
155
|
}
|