@testgorilla/tgo-ui 8.13.0 → 8.15.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.
Files changed (78) hide show
  1. package/components/icon/index.d.ts +1 -1
  2. package/components/inline-field/index.d.ts +2 -2
  3. package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +7 -7
  4. package/fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs +7 -7
  5. package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +7 -7
  6. package/fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs +7 -7
  7. package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +7 -7
  8. package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs +10 -10
  9. package/fesm2022/testgorilla-tgo-ui-components-autocomplete-v2.mjs +15 -15
  10. package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +19 -19
  11. package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +10 -10
  12. package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +7 -7
  13. package/fesm2022/testgorilla-tgo-ui-components-breadcrumb.mjs +7 -7
  14. package/fesm2022/testgorilla-tgo-ui-components-button.mjs +7 -7
  15. package/fesm2022/testgorilla-tgo-ui-components-card.mjs +7 -7
  16. package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +10 -10
  17. package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +3 -3
  18. package/fesm2022/testgorilla-tgo-ui-components-core.mjs +42 -42
  19. package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +19 -19
  20. package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +24 -24
  21. package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +7 -7
  22. package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +7 -7
  23. package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +7 -7
  24. package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +7 -7
  25. package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs +7 -7
  26. package/fesm2022/testgorilla-tgo-ui-components-field.mjs +7 -7
  27. package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +10 -10
  28. package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +7 -7
  29. package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +7 -7
  30. package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +7 -7
  31. package/fesm2022/testgorilla-tgo-ui-components-icon.mjs +21 -15
  32. package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
  33. package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +7 -7
  34. package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +7 -7
  35. package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +3 -3
  36. package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +3 -3
  37. package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +7 -7
  38. package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +10 -10
  39. package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +7 -7
  40. package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +7 -7
  41. package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs +7 -7
  42. package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +7 -7
  43. package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +7 -7
  44. package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +10 -10
  45. package/fesm2022/testgorilla-tgo-ui-components-popover.mjs +6 -6
  46. package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs +7 -7
  47. package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +7 -7
  48. package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +7 -7
  49. package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +7 -7
  50. package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +11 -11
  51. package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +1 -1
  52. package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +3 -3
  53. package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +7 -7
  54. package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +7 -7
  55. package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +7 -7
  56. package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs +7 -7
  57. package/fesm2022/testgorilla-tgo-ui-components-side-navigation.mjs +7 -7
  58. package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +6 -6
  59. package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +10 -10
  60. package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs +3 -3
  61. package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +7 -7
  62. package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +10 -10
  63. package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +7 -7
  64. package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs +7 -7
  65. package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +17 -17
  66. package/fesm2022/testgorilla-tgo-ui-components-table.mjs +10 -10
  67. package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +10 -10
  68. package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +7 -7
  69. package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +7 -7
  70. package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +10 -10
  71. package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +17 -17
  72. package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +7 -7
  73. package/fesm2022/testgorilla-tgo-ui-components-write-with-ai.mjs +10 -10
  74. package/fesm2022/testgorilla-tgo-ui.mjs +7 -7
  75. package/mcp/catalog.json +1 -1
  76. package/package.json +26 -15
  77. package/projects/tgo-canopy-ui/assets/icons/rebrand/Thumb-average-filled.svg +4 -0
  78. package/projects/tgo-canopy-ui/assets/icons/rebrand/Thumb-average-in-line.svg +3 -0
@@ -84,8 +84,8 @@ class PasswordComponent {
84
84
  get allRequirementsMet() {
85
85
  return this.countPassed() === Object.keys(this.criteriaPassed).length && !!this.countPassed();
86
86
  }
87
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
88
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: PasswordComponent, isStandalone: false, selector: "ui-password-criteria", inputs: { showCriteria: "showCriteria", required: "required" }, outputs: { passwordChange: "passwordChange", allCriteriaPassed: "allCriteriaPassed" }, providers: [
87
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordComponent, deps: [{ token: i0.DestroyRef }], target: i0.ɵɵFactoryTarget.Component }); }
88
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PasswordComponent, isStandalone: false, selector: "ui-password-criteria", inputs: { showCriteria: "showCriteria", required: "required" }, outputs: { passwordChange: "passwordChange", allCriteriaPassed: "allCriteriaPassed" }, providers: [
89
89
  {
90
90
  provide: NG_VALUE_ACCESSOR,
91
91
  useExisting: forwardRef(() => PasswordComponent),
@@ -93,7 +93,7 @@ class PasswordComponent {
93
93
  },
94
94
  ], viewQueries: [{ propertyName: "requiredCriteria", first: true, predicate: ["requiredCriteria"], descendants: true }], ngImport: i0, template: "<div class=\"password-criteria-container\">\n <ui-field\n [applicationTheme]=\"'dark'\"\n [formControl]=\"formControl\"\n [ariaLabel]=\"requiredCriteria?.nativeElement?.innerText ?? ''\"\n [type]=\"'password'\"\n [placeholder]=\"('PASSWORD.PASSWORD_PLACEHOLDER' | uiTranslate | async) + (required ? ' *' : '')\"\n (keydown.enter)=\"showError = true\"\n (focusout)=\"showError = true\"\n ></ui-field>\n\n @if (showCriteria) {\n <div class=\"criteria-container\" #requiredCriteria>\n <div class=\"progress\">\n <ui-progress-bar\n [progress]=\"progressValue === 1 ? 0 : progressValue\"\n [applicationTheme]=\"'dark'\"\n ></ui-progress-bar>\n </div>\n @if (allRequirementsMet) {\n <span style=\"position: absolute; left: -9999px\" [attr.aria-live]=\"'polite'\">{{\n 'FIELD.ALL_PASSWORD_REQ_PASSED' | uiTranslate | async\n }}</span>\n }\n @for (criterion of criteria; track criterion) {\n <div\n class=\"criterion\"\n [attr.aria-live]=\"!allRequirementsMet ? 'polite' : ''\"\n [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n >\n <ui-icon\n [size]=\"'24'\"\n [color]=\"'rebrand-black'\"\n [name]=\"!criteriaPassed[criterion.key] && showError ? 'Info-in-line' : 'Check-round-in-line'\"\n applicationTheme=\"dark\"\n ></ui-icon>\n <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n <span style=\"position: absolute; left: -9999px\">{{\n (criteriaPassed[criterion.key] ? 'COMMON.PASSED' : 'COMMON.FAILED') | uiTranslate | async\n }}</span>\n </div>\n }\n </div>\n }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.password-criteria-container .criteria-container{margin-top:14px}.password-criteria-container .criteria-container .progress{margin-bottom:16px}.password-criteria-container .criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.password-criteria-container .criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.password-criteria-container .criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.password-criteria-container .criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.password-criteria-container .criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.password-criteria-container .criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.password-criteria-container .criteria-container .criterion.error span{color:#e02800}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i5.ProgressBarComponent, selector: "ui-progress-bar", inputs: ["companyColor", "progress", "mode", "buffer", "applicationTheme", "ariaLabel", "ariaDescribedBy", "showPercentage"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
95
95
  }
96
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordComponent, decorators: [{
96
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordComponent, decorators: [{
97
97
  type: Component,
98
98
  args: [{ selector: 'ui-password-criteria', providers: [
99
99
  {
@@ -116,20 +116,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImpo
116
116
  }] } });
117
117
 
118
118
  class PasswordComponentModule {
119
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
120
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: PasswordComponentModule, declarations: [PasswordComponent], imports: [CommonModule,
119
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
120
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: PasswordComponentModule, declarations: [PasswordComponent], imports: [CommonModule,
121
121
  FieldComponentModule,
122
122
  ReactiveFormsModule,
123
123
  IconComponentModule,
124
124
  ProgressBarComponentModule,
125
125
  UiTranslatePipe], exports: [PasswordComponent] }); }
126
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordComponentModule, imports: [CommonModule,
126
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordComponentModule, imports: [CommonModule,
127
127
  FieldComponentModule,
128
128
  ReactiveFormsModule,
129
129
  IconComponentModule,
130
130
  ProgressBarComponentModule] }); }
131
131
  }
132
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordComponentModule, decorators: [{
132
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordComponentModule, decorators: [{
133
133
  type: NgModule,
134
134
  args: [{
135
135
  declarations: [PasswordComponent],
@@ -81,10 +81,10 @@ class PasswordStrengthComponent {
81
81
  get checkIcon() {
82
82
  return this.applicationTheme === 'classic' ? 'Round-check' : 'Check-round-in-line';
83
83
  }
84
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordStrengthComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
85
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: PasswordStrengthComponent, isStandalone: false, selector: "ui-password-strength", inputs: { applicationTheme: "applicationTheme", password: "password" }, outputs: { validationCheck: "validationCheck" }, ngImport: i0, template: "<div class=\"criteria-container\">\n <div class=\"progress\">\n <ui-progress-bar\n [progress]=\"progressValue === 1 ? 0 : progressValue\"\n [applicationTheme]=\"applicationTheme\"\n ></ui-progress-bar>\n </div>\n\n @for (criterion of criteria; track criterion) {\n <div\n class=\"criterion\"\n [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n >\n <ui-icon\n [size]=\"'24'\"\n [color]=\"'rebrand-black'\"\n [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n [applicationTheme]=\"applicationTheme\"\n ></ui-icon>\n <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n </div>\n }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.criteria-container{margin-top:14px}.criteria-container .progress{margin-bottom:16px}.criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.criteria-container .criterion.error span{color:#e02800}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i3.ProgressBarComponent, selector: "ui-progress-bar", inputs: ["companyColor", "progress", "mode", "buffer", "applicationTheme", "ariaLabel", "ariaDescribedBy", "showPercentage"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }] }); }
84
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordStrengthComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
85
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PasswordStrengthComponent, isStandalone: false, selector: "ui-password-strength", inputs: { applicationTheme: "applicationTheme", password: "password" }, outputs: { validationCheck: "validationCheck" }, ngImport: i0, template: "<div class=\"criteria-container\">\n <div class=\"progress\">\n <ui-progress-bar\n [progress]=\"progressValue === 1 ? 0 : progressValue\"\n [applicationTheme]=\"applicationTheme\"\n ></ui-progress-bar>\n </div>\n\n @for (criterion of criteria; track criterion) {\n <div\n class=\"criterion\"\n [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n >\n <ui-icon\n [size]=\"'24'\"\n [color]=\"'rebrand-black'\"\n [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n [applicationTheme]=\"applicationTheme\"\n ></ui-icon>\n <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n </div>\n }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.criteria-container{margin-top:14px}.criteria-container .progress{margin-bottom:16px}.criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.criteria-container .criterion.error span{color:#e02800}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i3.ProgressBarComponent, selector: "ui-progress-bar", inputs: ["companyColor", "progress", "mode", "buffer", "applicationTheme", "ariaLabel", "ariaDescribedBy", "showPercentage"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }] }); }
86
86
  }
87
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordStrengthComponent, decorators: [{
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordStrengthComponent, decorators: [{
88
88
  type: Component,
89
89
  args: [{ selector: 'ui-password-strength', standalone: false, template: "<div class=\"criteria-container\">\n <div class=\"progress\">\n <ui-progress-bar\n [progress]=\"progressValue === 1 ? 0 : progressValue\"\n [applicationTheme]=\"applicationTheme\"\n ></ui-progress-bar>\n </div>\n\n @for (criterion of criteria; track criterion) {\n <div\n class=\"criterion\"\n [ngClass]=\"{ passed: criteriaPassed[criterion.key], error: !criteriaPassed[criterion.key] && showError }\"\n >\n <ui-icon\n [size]=\"'24'\"\n [color]=\"'rebrand-black'\"\n [name]=\"!criteriaPassed[criterion.key] ? infoIcon : checkIcon\"\n [applicationTheme]=\"applicationTheme\"\n ></ui-icon>\n <span>{{ criterion.translateKey | uiTranslate | async }}</span>\n </div>\n }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.criteria-container{margin-top:14px}.criteria-container .progress{margin-bottom:16px}.criteria-container .criterion{display:flex;flex-direction:row;align-items:center;gap:8px}.criteria-container .criterion ui-icon ::ng-deep svg{color:#e9e9e9}.criteria-container .criterion span{text-align:center;font-size:14px;line-height:23px;color:#242424}.criteria-container .criterion.passed ui-icon ::ng-deep svg{color:#242424}.criteria-container .criterion.passed span{color:#666;text-decoration:line-through}.criteria-container .criterion.error ui-icon ::ng-deep svg{color:#e02800}.criteria-container .criterion.error span{color:#e02800}\n"] }]
90
90
  }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -101,11 +101,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImpo
101
101
  }] } });
102
102
 
103
103
  class PasswordStrengthComponentModule {
104
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordStrengthComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
105
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: PasswordStrengthComponentModule, declarations: [PasswordStrengthComponent], imports: [CommonModule, IconComponentModule, ProgressBarComponentModule, UiTranslatePipe], exports: [PasswordStrengthComponent] }); }
106
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordStrengthComponentModule, imports: [CommonModule, IconComponentModule, ProgressBarComponentModule] }); }
104
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordStrengthComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
105
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: PasswordStrengthComponentModule, declarations: [PasswordStrengthComponent], imports: [CommonModule, IconComponentModule, ProgressBarComponentModule, UiTranslatePipe], exports: [PasswordStrengthComponent] }); }
106
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordStrengthComponentModule, imports: [CommonModule, IconComponentModule, ProgressBarComponentModule] }); }
107
107
  }
108
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PasswordStrengthComponentModule, decorators: [{
108
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PasswordStrengthComponentModule, decorators: [{
109
109
  type: NgModule,
110
110
  args: [{
111
111
  declarations: [PasswordStrengthComponent],
@@ -30,10 +30,10 @@ class JoinStringsPipe {
30
30
  transform(value, separator) {
31
31
  return value.filter(Boolean).join(separator ? separator : ' - ');
32
32
  }
33
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: JoinStringsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
34
- static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: JoinStringsPipe, isStandalone: false, name: "joinStrings" }); }
33
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: JoinStringsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
34
+ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: JoinStringsPipe, isStandalone: false, name: "joinStrings" }); }
35
35
  }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: JoinStringsPipe, decorators: [{
36
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: JoinStringsPipe, decorators: [{
37
37
  type: Pipe,
38
38
  args: [{
39
39
  name: 'joinStrings',
@@ -304,15 +304,15 @@ class PhoneInputComponent {
304
304
  ev.preventDefault();
305
305
  ev.stopPropagation();
306
306
  }
307
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PhoneInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i2.ErrorStateMatcher }, { token: i1.UntypedFormBuilder }, { token: i3.FocusMonitor }, { token: i0.ChangeDetectorRef }, { token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
308
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: PhoneInputComponent, isStandalone: false, selector: "ui-phone-input", inputs: { value: "value", countryList: "countryList", placeholder: "placeholder", disabled: "disabled", required: "required", applicationTheme: "applicationTheme", fullWidth: "fullWidth", errors: "errors", hideBuiltInErrors: "hideBuiltInErrors", hideLabelInErrors: "hideLabelInErrors" }, host: { properties: { "attr.disabled": "this.disabled", "attr.theme": "this.applicationTheme", "id": "this.id", "class.floated": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, providers: [
307
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PhoneInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i2.ErrorStateMatcher }, { token: i1.UntypedFormBuilder }, { token: i3.FocusMonitor }, { token: i0.ChangeDetectorRef }, { token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
308
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PhoneInputComponent, isStandalone: false, selector: "ui-phone-input", inputs: { value: "value", countryList: "countryList", placeholder: "placeholder", disabled: "disabled", required: "required", applicationTheme: "applicationTheme", fullWidth: "fullWidth", errors: "errors", hideBuiltInErrors: "hideBuiltInErrors", hideLabelInErrors: "hideLabelInErrors" }, host: { properties: { "attr.disabled": "this.disabled", "attr.theme": "this.applicationTheme", "id": "this.id", "class.floated": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" } }, providers: [
309
309
  {
310
310
  provide: MAT_AUTOCOMPLETE_DEFAULT_OPTIONS,
311
311
  useValue: { overlayPanelClass: 'phone-number-autocomplete' },
312
312
  },
313
313
  ], viewQueries: [{ propertyName: "input", first: true, predicate: MatInput, descendants: true, read: ElementRef, static: true }, { propertyName: "select", first: true, predicate: MatSelect, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<mat-form-field\n [formGroup]=\"form\"\n appearance=\"outline\"\n [color]=\"errorsLength || (ngControl?.errors && ngControl?.touched) ? 'warn' : 'accent'\"\n [ngClass]=\"{ disabled: form.disabled || disabled, 'full-width': fullWidth }\"\n>\n <mat-label\n >{{ 'COMMON.PHONE_NUMBER' | uiTranslate | async }}\n @if (required) {\n <span>*</span>\n }\n </mat-label>\n\n <div matPrefix class=\"country\">\n @if (selectedCountry) {\n <button class=\"selected-flag\" matPrefix>\n <img\n [height]=\"20\"\n [width]=\"24\"\n [attr.src]=\"countryFlagSrc + selectedCountry?.alpha2Code?.toLowerCase() + '.svg'\"\n [alt]=\"'Country flag ' + selectedCountry?.alpha2Code?.toLowerCase()\"\n />\n </button>\n }\n <mat-select\n #select\n (selectionChange)=\"onOptionsSelected($event.value)\"\n [value]=\"selectedCountry\"\n [disableOptionCentering]=\"true\"\n [panelClass]=\"'phone-number-select' + ' ' + applicationTheme\"\n [ngClass]=\"{ opened: select.panelOpen }\"\n >\n <mat-select-trigger>{{ selectedCountry?.callingCode }}</mat-select-trigger>\n <mat-option>\n <ngx-mat-select-search\n [formControl]=\"selectFilterCtrl\"\n ngDefaultControl\n placeholderLabel=\"\"\n noEntriesFoundLabel=\"\"\n >\n <ui-icon ngxMatSelectSearchClear size=\"24\" [name]=\"'Close-in-line'\"></ui-icon>\n </ngx-mat-select-search>\n </mat-option>\n @for (country of countries$ | async; track filteredCountryTrackByMethod($index, country)) {\n <mat-option [value]=\"country\">\n <div class=\"country-option\">\n <img\n [height]=\"20\"\n [width]=\"24\"\n [attr.src]=\"countryFlagSrc + country?.alpha2Code?.toLowerCase()! + '.svg'\"\n [alt]=\"'Country flag ' + country?.alpha2Code?.toLowerCase()!\"\n />\n <small>{{ $any([country?.name, '(' + country?.callingCode + ')']) | joinStrings: ' ' }}</small>\n </div>\n </mat-option>\n }\n </mat-select>\n </div>\n\n <input\n (input)=\"onInput(form.get('phone_number')!.value)\"\n formControlName=\"phone_number\"\n (click)=\"disableClick($event)\"\n [ngStyle]=\"{ opacity: disabled ? 0.5 : 1 }\"\n [required]=\"required\"\n matInput\n type=\"text\"\n />\n\n @if (errorsLength || (ngControl?.errors | hasValidationError)) {\n <mat-hint class=\"error\">\n @if (errorsLength) {\n @for (error of _errors; track trackByFn($index, error)) {\n <div class=\"errors\">\n <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n <span [innerHTML]=\"error\"></span>\n </div>\n }\n }\n @if (ngControl && !hideBuiltInErrors) {\n <ui-validation-error\n [ngControl]=\"ngControl\"\n [label]=\"hideLabelInErrors ? null : ('COMMON.PHONE_NUMBER' | uiTranslate | async)\"\n ></ui-validation-error>\n }\n </mat-hint>\n }\n</mat-form-field>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;align-items:center}:host .selected-flag{display:flex;position:relative;margin-right:1rem;align-items:center}:host mat-spinner{padding:0 20px}:host .country{cursor:pointer!important;display:flex;align-items:center;margin:-8px 12px 0 16px}:host .country button{margin:0 8px 0 0;background:transparent;border:unset;padding:0}:host ::ng-deep .mat-mdc-select-trigger{display:flex;gap:8px}:host mat-select{flex:0}:host .mat-mdc-form-field{min-width:320px}:host .mat-mdc-form-field.full-width{width:100%}:host .mat-mdc-form-field.disabled ::ng-deep *{border-color:#d3d3d3;color:#d3d3d3;pointer-events:none}:host .mat-mdc-form-field.disabled ::ng-deep * .mat-mdc-select-arrow{opacity:.1}:host[theme=dark] mat-select ::ng-deep .mat-mdc-select-arrow,:host[theme=light] mat-select ::ng-deep .mat-mdc-select-arrow{background:url(\"data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.025L6 11.025L7.4 9.625L12 14.225L16.6 9.625L18 11.025L12 17.025Z' fill='%23333333'/%3E%3C/svg%3E\");background-size:cover;width:16px;height:16px}:host[theme=dark] mat-select ::ng-deep .mat-mdc-select-arrow svg,:host[theme=light] mat-select ::ng-deep .mat-mdc-select-arrow svg{display:none}:host[theme=dark] mat-select.opened ::ng-deep .mat-mdc-select-arrow,:host[theme=light] mat-select.opened ::ng-deep .mat-mdc-select-arrow{background:url(\"data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.6249L18 15.6249L16.6 17.0249L12 12.4249L7.4 17.0249L6 15.6249L12 9.6249Z' fill='%23333333'/%3E%3C/svg%3E\");background-size:cover;width:16px;height:16px}::ng-deep .mat-form-field-appearance-outline mat-select .mat-select-arrow-wrapper{transform:none}::ng-deep .mat-select-panel.phone-number-select{margin-top:36px;margin-left:45px}::ng-deep .mat-select-search-inner{box-shadow:none!important;height:48px;background-color:#fff!important;border-bottom:none!important}::ng-deep .mat-select-search-inner .mat-select-search-inner-row{width:100%}::ng-deep .mat-select-search-inner button.mat-select-search-clear{right:35px}::ng-deep .mat-select-search-inner button.mat-select-search-clear mat-icon{font-size:20px}@media screen and (min-width:599px){::ng-deep .mat-select-panel.phone-number-select{margin-left:-33px;min-width:510px}::ng-deep .mat-select-search-inner{min-width:calc(100% + 33px)!important}}ngx-mat-select-search ::ng-deep button .mat-mdc-button-persistent-ripple,ngx-mat-select-search ::ng-deep button .mat-ripple,ngx-mat-select-search ::ng-deep button .mat-mdc-button-ripple{display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i5.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti", "recreateValuesArray"], outputs: ["toggleAll"] }, { kind: "directive", type: i7.MatSelectSearchClearDirective, selector: "[ngxMatSelectSearchClear]" }, { kind: "component", type: i8.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i9.ValidationErrorComponent, selector: "ui-validation-error", inputs: ["ngControl", "touchedOn", "errorMessage", "label", "applicationTheme", "customErrors"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i10.UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: i10.HasValidationErrorPipe, name: "hasValidationError" }, { kind: "pipe", type: JoinStringsPipe, name: "joinStrings" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
314
314
  }
315
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PhoneInputComponent, decorators: [{
315
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PhoneInputComponent, decorators: [{
316
316
  type: Component,
317
317
  args: [{ selector: 'ui-phone-input', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
318
318
  {
@@ -372,8 +372,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImpo
372
372
  }] } });
373
373
 
374
374
  class PhoneInputComponentModule {
375
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PhoneInputComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
376
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: PhoneInputComponentModule, declarations: [PhoneInputComponent, JoinStringsPipe], imports: [CommonModule,
375
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PhoneInputComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
376
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: PhoneInputComponentModule, declarations: [PhoneInputComponent, JoinStringsPipe], imports: [CommonModule,
377
377
  MatProgressSpinnerModule,
378
378
  ReactiveFormsModule,
379
379
  MatSelectModule,
@@ -385,7 +385,7 @@ class PhoneInputComponentModule {
385
385
  UiTranslatePipe,
386
386
  ValidationErrorModule,
387
387
  HasValidationErrorPipe], exports: [PhoneInputComponent] }); }
388
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PhoneInputComponentModule, imports: [CommonModule,
388
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PhoneInputComponentModule, imports: [CommonModule,
389
389
  MatProgressSpinnerModule,
390
390
  ReactiveFormsModule,
391
391
  MatSelectModule,
@@ -396,7 +396,7 @@ class PhoneInputComponentModule {
396
396
  SpinnerComponentModule,
397
397
  ValidationErrorModule] }); }
398
398
  }
399
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PhoneInputComponentModule, decorators: [{
399
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PhoneInputComponentModule, decorators: [{
400
400
  type: NgModule,
401
401
  args: [{
402
402
  declarations: [PhoneInputComponent, JoinStringsPipe],
@@ -12,10 +12,10 @@ class PopoverComponent {
12
12
  this.ctx = input({}, ...(ngDevMode ? [{ debugName: "ctx" }] : []));
13
13
  this.popoverCard = input(true, ...(ngDevMode ? [{ debugName: "popoverCard" }] : []));
14
14
  }
15
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: PopoverComponent, isStandalone: true, selector: "ui-popover", inputs: { templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null }, ctx: { classPropertyName: "ctx", publicName: "ctx", isSignal: true, isRequired: false, transformFunction: null }, popoverCard: { classPropertyName: "popoverCard", publicName: "popoverCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (templateRef()) {\n @if (popoverCard()) {\n <ui-card>\n <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n </ui-card>\n } @else {\n <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n }\n}\n", styles: [":host{display:block;pointer-events:auto;animation:popover-enter .15s ease-out}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CardComponentModule }, { kind: "component", type: i1.CardComponent, selector: "ui-card", inputs: ["size", "sizeVariant", "variant", "applicationTheme", "errors", "errorsSize", "selected", "allowSelect", "allowFocus"], outputs: ["cardSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
15
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PopoverComponent, isStandalone: true, selector: "ui-popover", inputs: { templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null }, ctx: { classPropertyName: "ctx", publicName: "ctx", isSignal: true, isRequired: false, transformFunction: null }, popoverCard: { classPropertyName: "popoverCard", publicName: "popoverCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (templateRef()) {\n @if (popoverCard()) {\n <ui-card>\n <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n </ui-card>\n } @else {\n <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n }\n}\n", styles: [":host{display:block;pointer-events:auto;animation:popover-enter .15s ease-out}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: CardComponentModule }, { kind: "component", type: i1.CardComponent, selector: "ui-card", inputs: ["size", "sizeVariant", "variant", "applicationTheme", "errors", "errorsSize", "selected", "allowSelect", "allowFocus"], outputs: ["cardSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
17
17
  }
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PopoverComponent, decorators: [{
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverComponent, decorators: [{
19
19
  type: Component,
20
20
  args: [{ selector: 'ui-popover', standalone: true, imports: [NgTemplateOutlet, CardComponentModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (templateRef()) {\n @if (popoverCard()) {\n <ui-card>\n <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n </ui-card>\n } @else {\n <ng-container *ngTemplateOutlet=\"templateRef(); context: ctx()\"></ng-container>\n }\n}\n", styles: [":host{display:block;pointer-events:auto;animation:popover-enter .15s ease-out}@keyframes popover-enter{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}\n"] }]
21
21
  }], propDecorators: { templateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateRef", required: false }] }], ctx: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctx", required: false }] }], popoverCard: [{ type: i0.Input, args: [{ isSignal: true, alias: "popoverCard", required: false }] }] } });
@@ -124,10 +124,10 @@ class PopoverDirective {
124
124
  this.close();
125
125
  this.overlayRef?.dispose();
126
126
  }
127
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
128
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.20", type: PopoverDirective, isStandalone: true, selector: "[uiPopover]", inputs: { uiPopover: { classPropertyName: "uiPopover", publicName: "uiPopover", isSignal: true, isRequired: true, transformFunction: null }, popoverOffset: { classPropertyName: "popoverOffset", publicName: "popoverOffset", isSignal: true, isRequired: false, transformFunction: null }, popoverAlign: { classPropertyName: "popoverAlign", publicName: "popoverAlign", isSignal: true, isRequired: false, transformFunction: null }, popoverOpen: { classPropertyName: "popoverOpen", publicName: "popoverOpen", isSignal: true, isRequired: false, transformFunction: null }, popoverCard: { classPropertyName: "popoverCard", publicName: "popoverCard", isSignal: true, isRequired: false, transformFunction: null }, uiPopoverDisabled: { classPropertyName: "uiPopoverDisabled", publicName: "uiPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
127
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
128
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.25", type: PopoverDirective, isStandalone: true, selector: "[uiPopover]", inputs: { uiPopover: { classPropertyName: "uiPopover", publicName: "uiPopover", isSignal: true, isRequired: true, transformFunction: null }, popoverOffset: { classPropertyName: "popoverOffset", publicName: "popoverOffset", isSignal: true, isRequired: false, transformFunction: null }, popoverAlign: { classPropertyName: "popoverAlign", publicName: "popoverAlign", isSignal: true, isRequired: false, transformFunction: null }, popoverOpen: { classPropertyName: "popoverOpen", publicName: "popoverOpen", isSignal: true, isRequired: false, transformFunction: null }, popoverCard: { classPropertyName: "popoverCard", publicName: "popoverCard", isSignal: true, isRequired: false, transformFunction: null }, uiPopoverDisabled: { classPropertyName: "uiPopoverDisabled", publicName: "uiPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
129
129
  }
130
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PopoverDirective, decorators: [{
130
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverDirective, decorators: [{
131
131
  type: Directive,
132
132
  args: [{
133
133
  selector: '[uiPopover]',
@@ -73,10 +73,10 @@ class ProgressBarComponent {
73
73
  this.companyColor = this.applicationTheme === 'classic' ? '#46A997' : '#D410AA';
74
74
  }
75
75
  }
76
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: ProgressBarComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
77
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: ProgressBarComponent, isStandalone: false, selector: "ui-progress-bar", inputs: { companyColor: "companyColor", progress: "progress", mode: "mode", buffer: "buffer", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", showPercentage: "showPercentage" }, host: { properties: { "style.--color": "this.companyColor" } }, ngImport: i0, template: "@if (showPercentage) {\n <div class=\"percentage\">{{ progress }}%</div>\n}\n\n<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-live]=\"'polite'\"\n [attr.aria-describedby]=\"'describedBy'\"\n>\n</mat-progress-bar>\n@if (mode === 'indeterminate') {\n <div style=\"position: absolute; left: -9999px\" role=\"alert\">\n {{ 'COMMON.LOADING' | uiTranslate | async }}\n </div>\n}\n<div style=\"display: none\" id=\"describedBy\">\n {{ ariaDescribedBy }}\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;flex-direction:row;gap:8px;align-items:center}:host .percentage{color:#666;font-size:14px}.mat-mdc-progress-bar.progress-bar{--mdc-linear-progress-active-indicator-color: var(--color);--mdc-linear-progress-track-color: var(--color);--mdc-linear-progress-active-indicator-height: 8px;--mdc-linear-progress-track-height: 8px;--mat-progress-bar-active-indicator-color: var(--color);--mat-progress-bar-active-indicator-height: 8px;--mat-progress-bar-track-height: 8px;height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"1\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:60% 8px!important;border-bottom-right-radius:60% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"2\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:35% 8px!important;border-bottom-right-radius:35% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"3\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:30% 8px!important;border-bottom-right-radius:30% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"4\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:20% 8px!important;border-bottom-right-radius:20% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"5\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:15% 8px!important;border-bottom-right-radius:15% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"6\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"7\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"8\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"9\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"10\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"11\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:10% 8px!important;border-bottom-right-radius:10% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"12\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"13\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:7% 8px!important;border-bottom-right-radius:7% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"14\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"15\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:6% 8px!important;border-bottom-right-radius:6% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"16\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:5% 8px!important;border-bottom-right-radius:5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"17\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"18\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"19\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"20\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"21\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"22\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"23\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:4% 8px!important;border-bottom-right-radius:4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"24\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"25\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"26\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"27\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:3% 8px!important;border-bottom-right-radius:3% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"28\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"29\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"30\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"31\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"32\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"33\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.5% 8px!important;border-bottom-right-radius:2.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"34\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"35\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"36\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"37\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"38\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"39\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"40\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"41\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.2% 8px!important;border-bottom-right-radius:2.2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"42\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"43\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"44\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"45\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"46\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"47\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"48\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"49\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"50\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"51\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"52\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"53\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2% 8px!important;border-bottom-right-radius:2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"54\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"55\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"56\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"57\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"58\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"59\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"60\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"61\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"62\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"63\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"64\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.5% 8px!important;border-bottom-right-radius:1.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"65\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"66\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"67\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"68\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"69\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.4% 8px!important;border-bottom-right-radius:1.4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"70\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"71\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"72\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"73\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"74\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.2% 8px!important;border-bottom-right-radius:1.2% 8px!important}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0;height:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px;border-top-right-radius:1% 8px!important;border-bottom-right-radius:1% 8px!important}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-dots,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-dots{display:none}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-bar,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e9e9e9}\n"], dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
76
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
77
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ProgressBarComponent, isStandalone: false, selector: "ui-progress-bar", inputs: { companyColor: "companyColor", progress: "progress", mode: "mode", buffer: "buffer", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaDescribedBy: "ariaDescribedBy", showPercentage: "showPercentage" }, host: { properties: { "style.--color": "this.companyColor" } }, ngImport: i0, template: "@if (showPercentage) {\n <div class=\"percentage\">{{ progress }}%</div>\n}\n\n<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-live]=\"'polite'\"\n [attr.aria-describedby]=\"'describedBy'\"\n>\n</mat-progress-bar>\n@if (mode === 'indeterminate') {\n <div style=\"position: absolute; left: -9999px\" role=\"alert\">\n {{ 'COMMON.LOADING' | uiTranslate | async }}\n </div>\n}\n<div style=\"display: none\" id=\"describedBy\">\n {{ ariaDescribedBy }}\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;flex-direction:row;gap:8px;align-items:center}:host .percentage{color:#666;font-size:14px}.mat-mdc-progress-bar.progress-bar{--mdc-linear-progress-active-indicator-color: var(--color);--mdc-linear-progress-track-color: var(--color);--mdc-linear-progress-active-indicator-height: 8px;--mdc-linear-progress-track-height: 8px;--mat-progress-bar-active-indicator-color: var(--color);--mat-progress-bar-active-indicator-height: 8px;--mat-progress-bar-track-height: 8px;height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"1\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:60% 8px!important;border-bottom-right-radius:60% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"2\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:35% 8px!important;border-bottom-right-radius:35% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"3\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:30% 8px!important;border-bottom-right-radius:30% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"4\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:20% 8px!important;border-bottom-right-radius:20% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"5\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:15% 8px!important;border-bottom-right-radius:15% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"6\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"7\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"8\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"9\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"10\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"11\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:10% 8px!important;border-bottom-right-radius:10% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"12\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"13\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:7% 8px!important;border-bottom-right-radius:7% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"14\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"15\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:6% 8px!important;border-bottom-right-radius:6% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"16\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:5% 8px!important;border-bottom-right-radius:5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"17\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"18\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"19\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"20\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"21\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"22\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"23\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:4% 8px!important;border-bottom-right-radius:4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"24\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"25\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"26\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"27\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:3% 8px!important;border-bottom-right-radius:3% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"28\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"29\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"30\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"31\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"32\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"33\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.5% 8px!important;border-bottom-right-radius:2.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"34\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"35\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"36\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"37\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"38\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"39\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"40\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"41\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.2% 8px!important;border-bottom-right-radius:2.2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"42\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"43\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"44\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"45\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"46\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"47\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"48\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"49\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"50\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"51\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"52\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"53\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2% 8px!important;border-bottom-right-radius:2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"54\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"55\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"56\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"57\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"58\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"59\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"60\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"61\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"62\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"63\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"64\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.5% 8px!important;border-bottom-right-radius:1.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"65\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"66\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"67\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"68\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"69\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.4% 8px!important;border-bottom-right-radius:1.4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"70\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"71\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"72\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"73\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"74\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.2% 8px!important;border-bottom-right-radius:1.2% 8px!important}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0;height:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px;border-top-right-radius:1% 8px!important;border-bottom-right-radius:1% 8px!important}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-dots,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-dots{display:none}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-bar,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e9e9e9}\n"], dependencies: [{ kind: "component", type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
78
78
  }
79
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: ProgressBarComponent, decorators: [{
79
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponent, decorators: [{
80
80
  type: Component,
81
81
  args: [{ selector: 'ui-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (showPercentage) {\n <div class=\"percentage\">{{ progress }}%</div>\n}\n\n<mat-progress-bar\n [mode]=\"mode\"\n [value]=\"progress\"\n [bufferValue]=\"buffer\"\n title=\"progress-bar\"\n class=\"progress-bar\"\n [attr.theme]=\"applicationTheme\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-live]=\"'polite'\"\n [attr.aria-describedby]=\"'describedBy'\"\n>\n</mat-progress-bar>\n@if (mode === 'indeterminate') {\n <div style=\"position: absolute; left: -9999px\" role=\"alert\">\n {{ 'COMMON.LOADING' | uiTranslate | async }}\n </div>\n}\n<div style=\"display: none\" id=\"describedBy\">\n {{ ariaDescribedBy }}\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{display:flex;flex-direction:row;gap:8px;align-items:center}:host .percentage{color:#666;font-size:14px}.mat-mdc-progress-bar.progress-bar{--mdc-linear-progress-active-indicator-color: var(--color);--mdc-linear-progress-track-color: var(--color);--mdc-linear-progress-active-indicator-height: 8px;--mdc-linear-progress-track-height: 8px;--mat-progress-bar-active-indicator-color: var(--color);--mat-progress-bar-active-indicator-height: 8px;--mat-progress-bar-track-height: 8px;height:8px;border-radius:8px}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"1\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:60% 8px!important;border-bottom-right-radius:60% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"2\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:35% 8px!important;border-bottom-right-radius:35% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"3\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:30% 8px!important;border-bottom-right-radius:30% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"4\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:20% 8px!important;border-bottom-right-radius:20% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"5\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:15% 8px!important;border-bottom-right-radius:15% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"6\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"7\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"8\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"9\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"10\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"11\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:10% 8px!important;border-bottom-right-radius:10% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"12\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"13\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:7% 8px!important;border-bottom-right-radius:7% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"14\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"15\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:6% 8px!important;border-bottom-right-radius:6% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"16\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:5% 8px!important;border-bottom-right-radius:5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"17\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"18\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"19\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"20\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"21\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"22\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"23\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:4% 8px!important;border-bottom-right-radius:4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"24\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"25\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"26\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"27\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:3% 8px!important;border-bottom-right-radius:3% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"28\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"29\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"30\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"31\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"32\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"33\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.5% 8px!important;border-bottom-right-radius:2.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"34\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"35\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"36\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"37\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"38\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"39\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"40\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"41\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2.2% 8px!important;border-bottom-right-radius:2.2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"42\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"43\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"44\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"45\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"46\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"47\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"48\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"49\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"50\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"51\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"52\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"53\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:2% 8px!important;border-bottom-right-radius:2% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"54\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"55\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"56\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"57\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"58\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"59\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"60\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"61\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"62\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"63\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"64\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.5% 8px!important;border-bottom-right-radius:1.5% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"65\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"66\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"67\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"68\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"69\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.4% 8px!important;border-bottom-right-radius:1.4% 8px!important}.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"70\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"71\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"72\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"73\"] ::ng-deep .mdc-linear-progress__bar-inner,.mat-mdc-progress-bar.progress-bar[aria-valuenow=\"74\"] ::ng-deep .mdc-linear-progress__bar-inner{border-top-right-radius:1.2% 8px!important;border-bottom-right-radius:1.2% 8px!important}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e0e0e0;height:8px}.mat-mdc-progress-bar.progress-bar ::ng-deep .mdc-linear-progress__bar-inner{border-top-width:8px;border-top-right-radius:1% 8px!important;border-bottom-right-radius:1% 8px!important}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-dots,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-dots{display:none}.mat-mdc-progress-bar.progress-bar[theme=dark] ::ng-deep .mdc-linear-progress__buffer-bar,.mat-mdc-progress-bar.progress-bar[theme=light] ::ng-deep .mdc-linear-progress__buffer-bar{background-color:#e9e9e9}\n"] }]
82
82
  }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -106,11 +106,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImpo
106
106
  }] } });
107
107
 
108
108
  class ProgressBarComponentModule {
109
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: ProgressBarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
110
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: ProgressBarComponentModule, declarations: [ProgressBarComponent], imports: [CommonModule, MatProgressBarModule, UiTranslatePipe], exports: [ProgressBarComponent] }); }
111
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: ProgressBarComponentModule, imports: [CommonModule, MatProgressBarModule] }); }
109
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
110
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponentModule, declarations: [ProgressBarComponent], imports: [CommonModule, MatProgressBarModule, UiTranslatePipe], exports: [ProgressBarComponent] }); }
111
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponentModule, imports: [CommonModule, MatProgressBarModule] }); }
112
112
  }
113
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: ProgressBarComponentModule, decorators: [{
113
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ProgressBarComponentModule, decorators: [{
114
114
  type: NgModule,
115
115
  args: [{
116
116
  declarations: [ProgressBarComponent],
@@ -299,8 +299,8 @@ class PromptComponent {
299
299
  this.onChange({ text: this.promptTextValue() || '', files: this.promptFilesList() });
300
300
  this.onTouch();
301
301
  }
302
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
303
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: PromptComponent, isStandalone: false, selector: "ui-prompt", inputs: { tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, actionTag: { classPropertyName: "actionTag", publicName: "actionTag", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, supportedFileTypes: { classPropertyName: "supportedFileTypes", publicName: "supportedFileTypes", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, showSendButton: { classPropertyName: "showSendButton", publicName: "showSendButton", isSignal: true, isRequired: false, transformFunction: null }, sendButtonDisabled: { classPropertyName: "sendButtonDisabled", publicName: "sendButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, enableFileUpload: { classPropertyName: "enableFileUpload", publicName: "enableFileUpload", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, dropdownItems: { classPropertyName: "dropdownItems", publicName: "dropdownItems", isSignal: true, isRequired: false, transformFunction: null }, dropdownHeading: { classPropertyName: "dropdownHeading", publicName: "dropdownHeading", isSignal: true, isRequired: false, transformFunction: null }, showDropdownClose: { classPropertyName: "showDropdownClose", publicName: "showDropdownClose", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { promptData: "promptData", actionTagFileSelected: "actionTagFileSelected", dropdownItemSelected: "dropdownItemSelected", dropdownClosed: "dropdownClosed" }, providers: [
302
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
303
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PromptComponent, isStandalone: false, selector: "ui-prompt", inputs: { tags: { classPropertyName: "tags", publicName: "tags", isSignal: true, isRequired: false, transformFunction: null }, actionTag: { classPropertyName: "actionTag", publicName: "actionTag", isSignal: true, isRequired: false, transformFunction: null }, maxCharacters: { classPropertyName: "maxCharacters", publicName: "maxCharacters", isSignal: true, isRequired: false, transformFunction: null }, supportedFileTypes: { classPropertyName: "supportedFileTypes", publicName: "supportedFileTypes", isSignal: true, isRequired: false, transformFunction: null }, autoClear: { classPropertyName: "autoClear", publicName: "autoClear", isSignal: true, isRequired: false, transformFunction: null }, showSendButton: { classPropertyName: "showSendButton", publicName: "showSendButton", isSignal: true, isRequired: false, transformFunction: null }, sendButtonDisabled: { classPropertyName: "sendButtonDisabled", publicName: "sendButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, enableFileUpload: { classPropertyName: "enableFileUpload", publicName: "enableFileUpload", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, dropdownItems: { classPropertyName: "dropdownItems", publicName: "dropdownItems", isSignal: true, isRequired: false, transformFunction: null }, dropdownHeading: { classPropertyName: "dropdownHeading", publicName: "dropdownHeading", isSignal: true, isRequired: false, transformFunction: null }, showDropdownClose: { classPropertyName: "showDropdownClose", publicName: "showDropdownClose", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, outputs: { promptData: "promptData", actionTagFileSelected: "actionTagFileSelected", dropdownItemSelected: "dropdownItemSelected", dropdownClosed: "dropdownClosed" }, providers: [
304
304
  UiTranslatePipe,
305
305
  {
306
306
  provide: NG_VALUE_ACCESSOR,
@@ -309,7 +309,7 @@ class PromptComponent {
309
309
  },
310
310
  ], viewQueries: [{ propertyName: "fileDrop", first: true, predicate: ["fileDropRef"], descendants: true, isSignal: true }, { propertyName: "tagDropdown", first: true, predicate: ["tagDropdown"], descendants: true, isSignal: true }, { propertyName: "fieldComponentRef", first: true, predicate: ["textarea"], descendants: true, isSignal: true }, { propertyName: "promptContainer", first: true, predicate: ["promptContainerRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container>\n <div\n class=\"prompt-container\"\n [class.has-error]=\"!!errorMessage()\"\n [class.disabled]=\"isLocked()\"\n [attr.aria-disabled]=\"isLocked()\"\n [attr.aria-busy]=\"loading() ? 'true' : null\"\n cdkOverlayOrigin\n #promptOrigin=\"cdkOverlayOrigin\"\n #promptContainerRef\n [ngClass]=\"{ 'prompt-container-focused': isHighlighted() && !loading() }\"\n >\n @if (loading()) {\n <div class=\"prompt-loading\" aria-hidden=\"true\">\n <ui-skeleton [theme]=\"{ width: '100%', height: '20px', margin: '0' }\"></ui-skeleton>\n <ui-skeleton [theme]=\"{ width: '30%', height: '20px', margin: '0' }\"></ui-skeleton>\n </div>\n }\n <div class=\"prompt-autocomplete\" [hidden]=\"loading()\">\n <textarea tabindex=\"-1\" class=\"ghost\" id=\"autocomplete\" [value]=\"autocompleteSuggestion()\" readonly></textarea>\n\n @let showIcon = !isFieldFocused() && !textarea.value;\n @if (showIcon) {\n <ui-icon\n class=\"prompt-icon\"\n [color]=\"'inherit'\"\n [class.hovered]=\"isFieldHovered()\"\n [name]=\"'Sparkle-in-line'\"\n ></ui-icon>\n }\n <ui-field\n #textarea\n class=\"prompt-text\"\n [class.show-icon]=\"showIcon\"\n role=\"input\"\n [showBottomContent]=\"false\"\n [borderless]=\"true\"\n [type]=\"'multi-line'\"\n [autosizableTextarea]=\"true\"\n [maxCharacters]=\"maxCharacters()\"\n [placeholder]=\"showIcon ? placeholder() || ('PROMPT.ASK_ANYTHING' | uiTranslate | async)! : ''\"\n [value]=\"promptTextValue() || ''\"\n [hasTextAreaCounter]=\"false\"\n [disabled]=\"disabled\"\n (mouseenter)=\"isFieldHovered.set(true)\"\n (mouseleave)=\"isFieldHovered.set(false)\"\n (focusin)=\"isFieldFocused.set(true)\"\n (fieldBlur)=\"onFieldBlur()\"\n (keydown.tab)=\"onTextareaTab($event)\"\n ></ui-field>\n </div>\n <div class=\"prompt-footer flex-container\">\n <div class=\"flex-container\">\n @if (actionTag(); as at) {\n <ui-tag\n [label]=\"at.label\"\n [icon]=\"at.icon ?? 'Plus'\"\n [ariaLabel]=\"at.ariaLabel ?? at.label\"\n [isDisabled]=\"isLocked() || !!at.disabled\"\n (press)=\"onActionTagPress()\"\n ></ui-tag>\n } @else if (enableFileUpload()) {\n <ui-button\n [variant]=\"'icon-button'\"\n [tooltip]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n [tooltipPosition]=\"'above'\"\n [ariaLabel]=\"('PROMPT.ADD_FILES' | uiTranslate | async)!\"\n [iconName]=\"'Plus'\"\n [disabled]=\"isLocked()\"\n (click)=\"fileDrop()?.nativeElement?.click()\"\n ></ui-button>\n\n @if (promptFilesList().length) {\n <div class=\"menu\">\n <ui-badge\n [notificationsAmount]=\"promptFilesList().length\"\n [variant]=\"'notification'\"\n class=\"menu-badge\"\n ></ui-badge>\n <ui-overflow-menu\n [matTooltip]=\"('PROMPT.FILES' | uiTranslate | async)!\"\n [matTooltipPosition]=\"'above'\"\n [buttonSize]=\"'medium'\"\n [iconTrigger]=\"'Document'\"\n [buttonVariant]=\"'ghost'\"\n [buttons]=\"fileListMenuConfig()\"\n [isDynamicMenu]=\"true\"\n [withRemovableOption]=\"true\"\n (selectItem)=\"selectedMenuOption($event)\"\n ></ui-overflow-menu>\n </div>\n }\n }\n\n @if (actionTag() || enableFileUpload()) {\n <input\n [tabIndex]=\"-1\"\n class=\"form-control\"\n #fileDropRef\n type=\"file\"\n id=\"file-upload\"\n [accept]=\"fileInputAccept()\"\n [disabled]=\"isLocked()\"\n (change)=\"onFileSelected($event)\"\n />\n }\n </div>\n\n @if (tags()?.length && !promptTextValue()) {\n <div class=\"flex-container carousel\">\n <div class=\"tag-container flex-container\" role=\"list\" #tagsScrollContainer>\n @for (tag of tagsVisible(); track tag) {\n <ui-tag\n [label]=\"tag.label\"\n role=\"listitem\"\n [ariaLabel]=\"tag.label\"\n [isDisabled]=\"isLocked()\"\n (click)=\"selectTag(tag, $event)\"\n (keyup.enter)=\"selectTag(tag, $event)\"\n (keyup.space)=\"selectTag(tag, $event)\"\n ></ui-tag>\n }\n\n @if (tagsInDropdown().length) {\n <ui-button\n class=\"view-more\"\n variant=\"text-inline\"\n [label]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n [ariaLabel]=\"('PROMPT.VIEW_MORE' | uiTranslate | async)!\"\n [size]=\"'medium'\"\n [disabled]=\"isLocked()\"\n (click)=\"toggleDropdown()\"\n (keydown.enter)=\"focusTagDropdown()\"\n cdkOverlayOrigin\n #dropdownTrigger=\"cdkOverlayOrigin\"\n ></ui-button>\n }\n </div>\n\n <div class=\"flex-container\">\n <ui-button\n [variant]=\"'icon-button'\"\n [size]=\"'small'\"\n [ariaLabel]=\"'Scroll left button'\"\n [iconName]=\"'Arrow-chevron-left-in-line'\"\n [disabled]=\"isLocked() || tagsScrollContainer.scrollLeft === 0\"\n (click)=\"tagsScrollContainer.scrollBy({ left: -100, behavior: 'smooth' })\"\n ></ui-button>\n <ui-button\n [variant]=\"'icon-button'\"\n [size]=\"'small'\"\n [iconName]=\"'Arrow-chevron-right-in-line'\"\n [ariaLabel]=\"'Scroll right button'\"\n [disabled]=\"\n isLocked() ||\n tagsScrollContainer.scrollLeft + tagsScrollContainer.clientWidth >= tagsScrollContainer.scrollWidth\n \"\n (click)=\"tagsScrollContainer.scrollBy({ left: 100, behavior: 'smooth' })\"\n ></ui-button>\n </div>\n </div>\n }\n\n @if (showSendButton()) {\n <ui-button\n class=\"send-button\"\n [variant]=\"'secondary'\"\n [iconName]=\"'Arrow-up-in-line'\"\n [tooltip]=\"('COMMON.SEND' | uiTranslate | async)!\"\n [ariaLabel]=\"('COMMON.SEND' | uiTranslate | async)!\"\n [tooltipPosition]=\"'above'\"\n [size]=\"'medium'\"\n [disabled]=\"isLocked() || sendButtonDisabled() || (!promptTextValue() && !promptFilesList().length)\"\n (click)=\"sendPromptData()\"\n ></ui-button>\n }\n </div>\n </div>\n\n @if (errorMessage()) {\n <div class=\"prompt-error\">\n <ui-icon [name]=\"'Error'\" color=\"red\"></ui-icon>\n <span>{{ errorMessage() }}</span>\n </div>\n }\n\n <!-- Dropdown for hidden tags -->\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n [cdkConnectedOverlayOpen]=\"isDropdownOpened() && !isLocked()\"\n [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n (overlayOutsideClick)=\"dropdownOutsideClick()\"\n >\n <div class=\"dropdown-container\" role=\"list\" #tagDropdown tabindex=\"0\">\n @for (tag of tagsInDropdown(); track tag) {\n <div\n class=\"dropdown-tag\"\n tabindex=\"0\"\n [attr.aria-label]=\"tag.label\"\n role=\"listitem\"\n (click)=\"selectTag(tag, $event)\"\n (keyup.enter)=\"selectTag(tag, $event)\"\n (keyup.space)=\"selectTag(tag, $event)\"\n >\n {{ tag.label }}\n </div>\n }\n </div>\n </ng-template>\n\n <!-- Built-in items dropdown (UI-877) \u2014 opens on focus, typing filters by label -->\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"promptOrigin\"\n [cdkConnectedOverlayOpen]=\"itemsDropdownVisible()\"\n [cdkConnectedOverlayPositions]=\"dropdownPositions\"\n [cdkConnectedOverlayWidth]=\"promptContainerRef?.offsetWidth || 0\"\n (overlayOutsideClick)=\"itemsDropdownOutsideClick($event)\"\n >\n <div class=\"dropdown-container custom-dropdown-container\" (mousedown)=\"$event.preventDefault()\">\n @if (dropdownHeading() || showDropdownClose()) {\n <div class=\"dropdown-header\">\n @if (dropdownHeading()) {\n <span class=\"dropdown-heading\">{{ dropdownHeading() }}</span>\n }\n @if (showDropdownClose()) {\n <ui-button\n class=\"dropdown-close\"\n [variant]=\"'icon-button'\"\n [size]=\"'small'\"\n [iconName]=\"'Close-in-line'\"\n [tooltip]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n [tooltipPosition]=\"'above'\"\n [ariaLabel]=\"('COMMON.CLOSE' | uiTranslate | async)!\"\n (click)=\"closeItemsDropdown()\"\n ></ui-button>\n }\n </div>\n }\n <div role=\"list\">\n @for (item of filteredDropdownItems(); track item.id) {\n <div\n class=\"dropdown-tag dropdown-item\"\n tabindex=\"0\"\n role=\"listitem\"\n [attr.aria-label]=\"item.label\"\n (click)=\"selectDropdownItem(item, $event)\"\n (keydown.enter)=\"selectDropdownItem(item, $event)\"\n (keydown.space)=\"selectDropdownItem(item, $event)\"\n >\n @if (item.icon) {\n <ui-icon class=\"dropdown-item-icon\" [name]=\"item.icon\" [color]=\"'inherit'\"></ui-icon>\n }\n <span class=\"dropdown-item-label\">{{ item.label }}</span>\n <ui-icon class=\"dropdown-item-chevron\" [name]=\"'Arrow-chevron-right-in-line'\" [color]=\"'inherit'\"></ui-icon>\n </div>\n }\n </div>\n </div>\n </ng-template>\n</ng-container>\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 ::ng-deep ui-field.prompt-text>mat-form-field{vertical-align:top}:host ::ng-deep ui-field.prompt-text .mat-mdc-text-field-wrapper{border-radius:10px!important}:host ::ng-deep ui-field.prompt-text .mat-mdc-form-field.keyboard-focused .mat-mdc-text-field-wrapper:after{outline:2px solid black}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper{background:transparent}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{padding-bottom:0!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea{max-height:220px!important}:host ::ng-deep .ui-field .mat-mdc-form-field.multi-line-textarea.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper textarea:focus{border:2px solid black}:host ::ng-deep ui-button.send-button .rounded-icon .mdc-button{width:48px!important;height:48px!important}:host ::ng-deep ui-overflow-menu button.mat-mdc-unelevated-button.ghost.light-theme.only-icon{border:none}.prompt-container{border:1px solid #919191;border-radius:10px;background-color:#fff}.prompt-container-focused{border:1px solid black;outline:1px solid black}.prompt-container.disabled{border:1px solid #d3d3d3}.prompt-container.disabled.prompt-container-focused{outline:none}.prompt-container.disabled .prompt-icon{color:#d3d3d3}ui-field.show-icon{padding-left:24px}.prompt-icon{position:absolute;top:14px;left:16px;color:#666}.prompt-icon.hovered{color:#000}.dropdown-container{width:100%}.custom-dropdown-container{overflow:hidden;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 16px #00000014}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.dropdown-heading{font-weight:700}.dropdown-close{margin-left:auto}.dropdown-item{display:flex;gap:12px;align-items:center}.dropdown-item-icon,.dropdown-item-chevron{flex-shrink:0}.dropdown-item-label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dropdown-tag{padding:16px;background-color:#fff}.dropdown-tag:hover,.dropdown-tag:focus{background-color:#fff2fc;cursor:pointer}.carousel{flex-grow:1;min-width:0}.tag-container{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin:0 8px}.tag-container::-webkit-scrollbar{display:none}#file-upload{display:none}.prompt-footer,.flex-container{display:flex;flex-flow:row nowrap;align-items:center}.prompt-footer{justify-content:space-between;padding:8px 16px}@media(max-width:600px){.prompt-footer{padding:8px}}@media(max-width:320px){.prompt-footer{padding:8px}}.menu{display:flex;flex-flow:column nowrap;position:relative}.menu .menu-badge{position:absolute;right:0;z-index:1000}.view-more{margin-left:4px;white-space:nowrap}.view-more ::ng-deep button.mat-mdc-unelevated-button .label{white-space:nowrap}.prompt-container{position:relative}.prompt-container.has-error{border:1px solid #e02800;outline:1px solid #e02800}.prompt-error{margin-top:4px;align-items:center;display:flex;color:#e02800;font-size:12px;line-height:16px}.prompt-error ui-icon{margin-right:4px}.prompt-loading{display:flex;flex-direction:column;gap:4px;padding:12px 16px 0}.prompt-loading ui-skeleton{height:20px}.ghost{position:absolute;top:0;left:0;bottom:16px;color:#888;border:none;pointer-events:none;background:transparent;width:100%;padding:12px 16px;font-size:inherit;line-height:22px;letter-spacing:inherit;font-weight:inherit;font-family:ModernGothic,sans-serif;resize:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.FieldComponent, selector: "ui-field", inputs: ["fullWidth", "fullHeight", "label", "labelHtml", "labelIcon", "fieldName", "placeholder", "id", "value", "badgeVariant", "errors", "disabled", "required", "readOnly", "hintMessage", "type", "updateOnBlur", "allowOnlyDigits", "isAutocompleteOff", "allowNegative", "showBottomContent", "applicationTheme", "ariaLabel", "loading", "isValid", "maxCharacters", "trimOnBlur", "trimOnSubmit", "maxRows", "hasTextAreaCounter", "hideBuiltInErrors", "hideLabelInErrors", "max", "min", "textareaHeight", "borderless", "autosizableTextarea", "isAIVariant", "ariaLabelledby", "ariaDescribedby", "hasError"], outputs: ["validateEvent", "fieldBlur"] }, { kind: "component", type: i3.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "component", type: i4.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: i5.TagComponent, selector: "ui-tag", inputs: ["label", "icon", "allowClose", "readOnly", "isSelected", "showIconWhenSelected", "isDisabled", "applicationTheme", "ariaLabel", "ariaRequired", "showBadge", "notificationsAmount"], outputs: ["isSelectedChange", "close", "press"] }, { kind: "component", type: i6.BadgeComponent, selector: "ui-badge", inputs: ["label", "staticLabel", "icon", "iconColor", "trailingIcon", "trailingIconColor", "color", "variant", "notificationsAmount", "applicationTheme", "rebrandColor", "truncateLabel", "enableAnimation"] }, { kind: "directive", type: i7.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i7.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i9.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i10.SkeletonComponent, selector: "ui-skeleton", inputs: ["count", "theme", "appearance", "isAiTheme", "applicationTheme"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i11.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
311
311
  }
312
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PromptComponent, decorators: [{
312
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptComponent, decorators: [{
313
313
  type: Component,
314
314
  args: [{ selector: 'ui-prompt', providers: [
315
315
  UiTranslatePipe,
@@ -325,8 +325,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImpo
325
325
  }], promptData: [{ type: i0.Output, args: ["promptData"] }], actionTagFileSelected: [{ type: i0.Output, args: ["actionTagFileSelected"] }], dropdownItemSelected: [{ type: i0.Output, args: ["dropdownItemSelected"] }], dropdownClosed: [{ type: i0.Output, args: ["dropdownClosed"] }], fileDrop: [{ type: i0.ViewChild, args: ['fileDropRef', { isSignal: true }] }], tagDropdown: [{ type: i0.ViewChild, args: ['tagDropdown', { isSignal: true }] }], fieldComponentRef: [{ type: i0.ViewChild, args: ['textarea', { isSignal: true }] }], promptContainer: [{ type: i0.ViewChild, args: ['promptContainerRef', { isSignal: true }] }] } });
326
326
 
327
327
  class PromptModule {
328
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
329
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.20", ngImport: i0, type: PromptModule, declarations: [PromptComponent], imports: [CommonModule,
328
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
329
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: PromptModule, declarations: [PromptComponent], imports: [CommonModule,
330
330
  FieldComponentModule,
331
331
  ButtonComponentModule,
332
332
  OverflowMenuComponentModule,
@@ -341,7 +341,7 @@ class PromptModule {
341
341
  UiTranslatePipe,
342
342
  IconComponentModule,
343
343
  SkeletonComponent], exports: [PromptComponent] }); }
344
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PromptModule, imports: [CommonModule,
344
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptModule, imports: [CommonModule,
345
345
  FieldComponentModule,
346
346
  ButtonComponentModule,
347
347
  OverflowMenuComponentModule,
@@ -352,7 +352,7 @@ class PromptModule {
352
352
  IconComponentModule,
353
353
  SkeletonComponent] }); }
354
354
  }
355
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: PromptModule, decorators: [{
355
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PromptModule, decorators: [{
356
356
  type: NgModule,
357
357
  args: [{
358
358
  declarations: [PromptComponent],