@apipass/inputs 0.2.15 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/ace-editor/component.d.ts +52 -52
  2. package/ace-editor/directive.d.ts +39 -39
  3. package/assets/css/buttons.scss +118 -118
  4. package/assets/css/colors.scss +34 -34
  5. package/assets/css/fonts.scss +24 -24
  6. package/assets/css/inputs.scss +197 -197
  7. package/assets/css/pt_sans.scss +143 -143
  8. package/assets/css/spacing.scss +28 -28
  9. package/assets/css/texts.scss +18 -18
  10. package/custom-select/custom-select-item.d.ts +5 -5
  11. package/custom-select/custom-select.component.d.ts +51 -51
  12. package/debounce-model-directive/debouceInput.directive.d.ts +14 -14
  13. package/{esm2015/ace-editor/component.js → esm2020/ace-editor/component.mjs} +199 -204
  14. package/{esm2015/ace-editor/directive.js → esm2020/ace-editor/directive.mjs} +150 -150
  15. package/{esm2015/apipass-inputs.js → esm2020/apipass-inputs.mjs} +4 -4
  16. package/{esm2015/custom-select/custom-select-item.js → esm2020/custom-select/custom-select-item.mjs} +7 -7
  17. package/esm2020/custom-select/custom-select.component.mjs +204 -0
  18. package/esm2020/debounce-model-directive/debouceInput.directive.mjs +31 -0
  19. package/esm2020/field/field.component.mjs +51 -0
  20. package/esm2020/input-avatar/input-avatar.component.mjs +92 -0
  21. package/esm2020/input-boolean/input-boolean.component.mjs +56 -0
  22. package/esm2020/input-file/input-file.component.mjs +82 -0
  23. package/esm2020/input-number/input-number.component.mjs +62 -0
  24. package/esm2020/input-password/input-password.component.mjs +96 -0
  25. package/esm2020/input-text/input-text.component.mjs +62 -0
  26. package/esm2020/inputs.module.mjs +149 -0
  27. package/{esm2015/public-api.js → esm2020/public-api.mjs} +17 -17
  28. package/{esm2015/select-box/mat-select-infinite-scroll.directive.js → esm2020/select-box/mat-select-infinite-scroll.directive.mjs} +86 -86
  29. package/esm2020/select-box/select-box.component.mjs +220 -0
  30. package/esm2020/select-enum/select-enum.component.mjs +48 -0
  31. package/esm2020/select-interpolation/select-interpolation.component.mjs +169 -0
  32. package/{esm2015/value-acessor-base.js → esm2020/value-acessor-base.mjs} +31 -31
  33. package/fesm2015/apipass-inputs.mjs +1704 -0
  34. package/fesm2015/apipass-inputs.mjs.map +1 -0
  35. package/fesm2020/apipass-inputs.mjs +1697 -0
  36. package/fesm2020/apipass-inputs.mjs.map +1 -0
  37. package/field/field.component.d.ts +15 -15
  38. package/{apipass-inputs.d.ts → index.d.ts} +5 -5
  39. package/input-avatar/input-avatar.component.d.ts +29 -29
  40. package/input-boolean/input-boolean.component.d.ts +15 -15
  41. package/input-file/input-file.component.d.ts +31 -31
  42. package/input-number/input-number.component.d.ts +17 -17
  43. package/input-password/input-password.component.d.ts +29 -29
  44. package/input-text/input-text.component.d.ts +17 -17
  45. package/inputs.module.d.ts +36 -36
  46. package/package.json +38 -29
  47. package/public-api.d.ts +16 -16
  48. package/select-box/mat-select-infinite-scroll.directive.d.ts +26 -26
  49. package/select-box/select-box.component.d.ts +57 -57
  50. package/select-enum/select-enum.component.d.ts +12 -12
  51. package/select-interpolation/select-interpolation.component.d.ts +44 -44
  52. package/value-acessor-base.d.ts +13 -13
  53. package/bundles/apipass-inputs.umd.js +0 -3060
  54. package/bundles/apipass-inputs.umd.js.map +0 -1
  55. package/bundles/apipass-inputs.umd.min.js +0 -16
  56. package/bundles/apipass-inputs.umd.min.js.map +0 -1
  57. package/esm2015/custom-select/custom-select.component.js +0 -310
  58. package/esm2015/debounce-model-directive/debouceInput.directive.js +0 -31
  59. package/esm2015/field/field.component.js +0 -92
  60. package/esm2015/input-avatar/input-avatar.component.js +0 -167
  61. package/esm2015/input-boolean/input-boolean.component.js +0 -77
  62. package/esm2015/input-file/input-file.component.js +0 -133
  63. package/esm2015/input-number/input-number.component.js +0 -118
  64. package/esm2015/input-password/input-password.component.js +0 -159
  65. package/esm2015/input-text/input-text.component.js +0 -118
  66. package/esm2015/inputs.module.js +0 -155
  67. package/esm2015/select-box/select-box.component.js +0 -367
  68. package/esm2015/select-enum/select-enum.component.js +0 -95
  69. package/esm2015/select-interpolation/select-interpolation.component.js +0 -248
  70. package/fesm2015/apipass-inputs.js +0 -2434
  71. package/fesm2015/apipass-inputs.js.map +0 -1
package/fesm2020/apipass-inputs.mjs ADDED
@@ -0,0 +1,1697 @@
1
+ import * as i0 from '@angular/core';
2
+ import { forwardRef, Component, ViewEncapsulation, Input, EventEmitter, ChangeDetectionStrategy, Output, ViewChild, Directive, ElementRef, HostBinding, HostListener, NgModule } from '@angular/core';
3
+ import * as i2 from '@angular/forms';
4
+ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
5
+ import * as i1 from '@angular/common';
6
+ import { CommonModule } from '@angular/common';
7
+ import * as i3 from '@angular/material/form-field';
8
+ import { MatFormFieldModule } from '@angular/material/form-field';
9
+ import * as i1$1 from '@angular/material/select';
10
+ import { MatSelectModule } from '@angular/material/select';
11
+ import * as i5 from '@angular/material/core';
12
+ import * as i6 from '@apipass/pipes';
13
+ import { PipeModule } from '@apipass/pipes';
14
+ import * as i4 from '@angular/material/input';
15
+ import { MatInputModule } from '@angular/material/input';
16
+ import * as i5$2 from '@angular/material/icon';
17
+ import { MatIconModule } from '@angular/material/icon';
18
+ import * as i3$1 from '@angular/material/tooltip';
19
+ import { MatTooltipModule } from '@angular/material/tooltip';
20
+ import * as lodash from 'lodash';
21
+ import * as i5$1 from '@angular-material-extensions/password-strength';
22
+ import { MatPasswordStrengthModule } from '@angular-material-extensions/password-strength';
23
+ import * as i2$1 from '@apipass/icons';
24
+ import { IconsModule } from '@apipass/icons';
25
+ import { Subject, fromEvent } from 'rxjs';
26
+ import { debounceTime, distinctUntilChanged, takeUntil, tap, skip } from 'rxjs/operators';
27
+ import * as i3$2 from '@ng-select/ng-select';
28
+ import { NgSelectModule } from '@ng-select/ng-select';
29
+ import * as i1$2 from '@angular/cdk/overlay';
30
+ import { OverlayModule } from '@angular/cdk/overlay';
31
+ import * as i6$1 from 'ngx-drag-drop';
32
+ import { DndModule } from 'ngx-drag-drop';
33
+ import * as i1$4 from '@angular/router';
34
+ import { RouterModule } from '@angular/router';
35
+ import 'brace';
36
+ import 'brace/theme/monokai';
37
+ import * as i1$3 from '@apipass/buttons';
38
+ import { ButtonsModule } from '@apipass/buttons';
39
+
40
+ class ValueAccessorBase {
41
+ constructor() {
42
+ this.onChange = () => { };
43
+ this.onTouched = () => { };
44
+ }
45
+ get value() {
46
+ return this.innerValue;
47
+ }
48
+ set value(value) {
49
+ value = this.changeValue(value);
50
+ this.innerValue = value;
51
+ this.onChange(value);
52
+ this.onTouched();
53
+ }
54
+ changeValue(value) {
55
+ return value;
56
+ }
57
+ writeValue(value) {
58
+ this.innerValue = value;
59
+ }
60
+ registerOnChange(fn) {
61
+ this.onChange = fn;
62
+ }
63
+ registerOnTouched(fn) {
64
+ this.onTouched = fn;
65
+ }
66
+ touch() {
67
+ this.onTouched.forEach((f) => f());
68
+ }
69
+ }
70
+
71
+ class SelectEnumComponent extends ValueAccessorBase {
72
+ constructor() {
73
+ super(...arguments);
74
+ this.placeholder = 'Selecione';
75
+ this.enabledSearch = true;
76
+ this.disabled = false;
77
+ this.search = '';
78
+ }
79
+ onKeyDown(event) {
80
+ if (event.which === 32) {
81
+ event.target.value += ' ';
82
+ }
83
+ event.stopPropagation();
84
+ }
85
+ }
86
+ SelectEnumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SelectEnumComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
87
+ SelectEnumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: SelectEnumComponent, selector: "select-enum", inputs: { placeholder: "placeholder", enabledSearch: "enabledSearch", data: "data", disabled: "disabled" }, providers: [{
88
+ provide: NG_VALUE_ACCESSOR,
89
+ useExisting: forwardRef(() => SelectEnumComponent),
90
+ multi: true
91
+ }], usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"apipass-select apipass-select-enum\" appearance=\"fill\">\r\n <mat-select [(ngModel)]=\"value\" [disabled]=\"disabled\" (click)=\"search = ''\" [placeholder]=\"placeholder\">\r\n <mat-option class=\"mat-select-input\" *ngIf=\"enabledSearch\" (keydown)=\"onKeyDown($event)\" disabled=\"disabled\">\r\n <input class=\"form-control\" type=\"text\" [(ngModel)]=\"search\" autocomplete=\"off\" />\r\n </mat-option>\r\n <mat-option *ngFor=\"let enumData of data | enum | selectEnumFilter: search\" [value]=\"enumData.key\">{{ enumData.value }}</mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i1$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i6.SelectEnumFilterPipe, name: "selectEnumFilter" }, { kind: "pipe", type: i6.EnumPipe, name: "enum" }], encapsulation: i0.ViewEncapsulation.None });
92
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SelectEnumComponent, decorators: [{
93
+ type: Component,
94
+ args: [{ selector: 'select-enum', providers: [{
95
+ provide: NG_VALUE_ACCESSOR,
96
+ useExisting: forwardRef(() => SelectEnumComponent),
97
+ multi: true
98
+ }], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"apipass-select apipass-select-enum\" appearance=\"fill\">\r\n <mat-select [(ngModel)]=\"value\" [disabled]=\"disabled\" (click)=\"search = ''\" [placeholder]=\"placeholder\">\r\n <mat-option class=\"mat-select-input\" *ngIf=\"enabledSearch\" (keydown)=\"onKeyDown($event)\" disabled=\"disabled\">\r\n <input class=\"form-control\" type=\"text\" [(ngModel)]=\"search\" autocomplete=\"off\" />\r\n </mat-option>\r\n <mat-option *ngFor=\"let enumData of data | enum | selectEnumFilter: search\" [value]=\"enumData.key\">{{ enumData.value }}</mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}\n"] }]
99
+ }], propDecorators: { placeholder: [{
100
+ type: Input
101
+ }], enabledSearch: [{
102
+ type: Input
103
+ }], data: [{
104
+ type: Input
105
+ }], disabled: [{
106
+ type: Input
107
+ }] } });
108
+
109
+ class InputPasswordComponent extends ValueAccessorBase {
110
+ constructor() {
111
+ super();
112
+ this.label = '';
113
+ this.disabled = false;
114
+ this.showPasswordRuleDetails = false;
115
+ this.showPasswordLengthDetails = false;
116
+ this.enableLengthRule = false;
117
+ this.enableLowerCaseLetterRule = false;
118
+ this.enableUpperCaseLetterRule = false;
119
+ this.enableDigitRule = false;
120
+ this.enableSpecialCharRule = false;
121
+ this.minLength = 0;
122
+ this.maxLength = 200;
123
+ this.strengthToValid = 100;
124
+ this.lowerCaseCriteriaMsg = 'Your password must have a lowercase letter';
125
+ this.upperCaseCriteriaMsg = 'Your password must have an uppercase letter';
126
+ this.digitsCriteriaMsg = 'Your password must have a number';
127
+ this.specialCharsCriteriaMsg = 'Your password must have a special character';
128
+ this.minCharsCriteriaMsg = `Your password must be at least ${this.minLength} characters`;
129
+ this.onValidPassword = new EventEmitter();
130
+ }
131
+ onKeyDown(event) {
132
+ if (event.which === 32) {
133
+ event.target.value += ' ';
134
+ }
135
+ event.stopPropagation();
136
+ }
137
+ onStrengthChanged(strength) {
138
+ this.onValidPassword.emit(strength >= this.getStrength());
139
+ }
140
+ getStrength() {
141
+ return lodash.inRange(this.strengthToValid, 0, 100) ? this.strengthToValid : 100;
142
+ }
143
+ }
144
+ InputPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
145
+ InputPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputPasswordComponent, selector: "input-password", inputs: { label: "label", disabled: "disabled", showPasswordRuleDetails: "showPasswordRuleDetails", showPasswordLengthDetails: "showPasswordLengthDetails", enableLengthRule: "enableLengthRule", enableLowerCaseLetterRule: "enableLowerCaseLetterRule", enableUpperCaseLetterRule: "enableUpperCaseLetterRule", enableDigitRule: "enableDigitRule", enableSpecialCharRule: "enableSpecialCharRule", minLength: "minLength", maxLength: "maxLength", strengthToValid: "strengthToValid", lowerCaseCriteriaMsg: "lowerCaseCriteriaMsg", upperCaseCriteriaMsg: "upperCaseCriteriaMsg", digitsCriteriaMsg: "digitsCriteriaMsg", specialCharsCriteriaMsg: "specialCharsCriteriaMsg", minCharsCriteriaMsg: "minCharsCriteriaMsg" }, outputs: { onValidPassword: "onValidPassword" }, providers: [{
146
+ provide: NG_VALUE_ACCESSOR,
147
+ useExisting: forwardRef(() => InputPasswordComponent),
148
+ multi: true
149
+ }], usesInheritance: true, ngImport: i0, template: "<mat-form-field\r\n class=\"apipass-input-password apipass-input-text\"\r\n [color]=\"passwordComponent.color\"\r\n [ngClass]=\"{'label-input': label}\"\r\n appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <input matInput #password\r\n [type]=\"toggle.type\"\r\n [disabled]=\"disabled\"\r\n [maxLength]=\"maxLength\"\r\n [minlength]=\"minLength\"\r\n class=\"apipass-input\"\r\n required\r\n [(ngModel)]=\"value\" />\r\n <mat-pass-toggle-visibility #toggle matSuffix></mat-pass-toggle-visibility>\r\n <mat-hint align=\"end\" aria-live=\"polite\" *ngIf=\"showPasswordLengthDetails\">\r\n {{password.value.length}} / {{passwordComponent.max}}\r\n </mat-hint>\r\n</mat-form-field>\r\n\r\n<mat-password-strength\r\n class=\"green\"\r\n #passwordComponent\r\n (onStrengthChanged)=\"onStrengthChanged($event)\"\r\n [enableLengthRule]=\"enableLengthRule\"\r\n [min]=\"minLength\" [max]=\"maxLength\"\r\n [enableLowerCaseLetterRule]=\"enableLowerCaseLetterRule\"\r\n [enableUpperCaseLetterRule]=\"enableUpperCaseLetterRule\"\r\n [enableDigitRule]=\"enableDigitRule\"\r\n [enableSpecialCharRule]=\"enableSpecialCharRule\"\r\n [password]=\"password.value\">\r\n</mat-password-strength>\r\n\r\n<mat-password-strength-info\r\n *ngIf=\"showPasswordRuleDetails\"\r\n [lowerCaseCriteriaMsg]=\"lowerCaseCriteriaMsg\"\r\n [upperCaseCriteriaMsg]=\"upperCaseCriteriaMsg\"\r\n [digitsCriteriaMsg]=\"digitsCriteriaMsg\"\r\n [specialCharsCriteriaMsg]=\"specialCharsCriteriaMsg\"\r\n [minCharsCriteriaMsg]=\"minCharsCriteriaMsg\"\r\n [passwordComponent]=\"passwordComponent\">\r\n</mat-password-strength-info>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-password mat-pass-toggle-visibility{color:var(--color-primary);cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$1.MatPasswordStrengthComponent, selector: "mat-password-strength", inputs: ["password", "externalError", "enableLengthRule", "enableLowerCaseLetterRule", "enableUpperCaseLetterRule", "enableDigitRule", "enableSpecialCharRule", "min", "max", "customValidator", "warnThreshold", "accentThreshold"], outputs: ["onStrengthChanged"], exportAs: ["matPasswordStrength"] }, { kind: "component", type: i5$1.MatPasswordStrengthInfoComponent, selector: "mat-password-strength-info", inputs: ["passwordComponent", "enableScoreInfo", "lowerCaseCriteriaMsg", "upperCaseCriteriaMsg", "digitsCriteriaMsg", "specialCharsCriteriaMsg", "customCharsCriteriaMsg", "minCharsCriteriaMsg", "matIconDone", "matIconError"], exportAs: ["matPasswordStrengthInfo"] }, { kind: "component", type: i5$1.MatPassToggleVisibilityComponent, selector: "mat-pass-toggle-visibility", inputs: ["isVisible", "tabindex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
150
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputPasswordComponent, decorators: [{
151
+ type: Component,
152
+ args: [{ selector: 'input-password', providers: [{
153
+ provide: NG_VALUE_ACCESSOR,
154
+ useExisting: forwardRef(() => InputPasswordComponent),
155
+ multi: true
156
+ }], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<mat-form-field\r\n class=\"apipass-input-password apipass-input-text\"\r\n [color]=\"passwordComponent.color\"\r\n [ngClass]=\"{'label-input': label}\"\r\n appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <input matInput #password\r\n [type]=\"toggle.type\"\r\n [disabled]=\"disabled\"\r\n [maxLength]=\"maxLength\"\r\n [minlength]=\"minLength\"\r\n class=\"apipass-input\"\r\n required\r\n [(ngModel)]=\"value\" />\r\n <mat-pass-toggle-visibility #toggle matSuffix></mat-pass-toggle-visibility>\r\n <mat-hint align=\"end\" aria-live=\"polite\" *ngIf=\"showPasswordLengthDetails\">\r\n {{password.value.length}} / {{passwordComponent.max}}\r\n </mat-hint>\r\n</mat-form-field>\r\n\r\n<mat-password-strength\r\n class=\"green\"\r\n #passwordComponent\r\n (onStrengthChanged)=\"onStrengthChanged($event)\"\r\n [enableLengthRule]=\"enableLengthRule\"\r\n [min]=\"minLength\" [max]=\"maxLength\"\r\n [enableLowerCaseLetterRule]=\"enableLowerCaseLetterRule\"\r\n [enableUpperCaseLetterRule]=\"enableUpperCaseLetterRule\"\r\n [enableDigitRule]=\"enableDigitRule\"\r\n [enableSpecialCharRule]=\"enableSpecialCharRule\"\r\n [password]=\"password.value\">\r\n</mat-password-strength>\r\n\r\n<mat-password-strength-info\r\n *ngIf=\"showPasswordRuleDetails\"\r\n [lowerCaseCriteriaMsg]=\"lowerCaseCriteriaMsg\"\r\n [upperCaseCriteriaMsg]=\"upperCaseCriteriaMsg\"\r\n [digitsCriteriaMsg]=\"digitsCriteriaMsg\"\r\n [specialCharsCriteriaMsg]=\"specialCharsCriteriaMsg\"\r\n [minCharsCriteriaMsg]=\"minCharsCriteriaMsg\"\r\n [passwordComponent]=\"passwordComponent\">\r\n</mat-password-strength-info>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-password mat-pass-toggle-visibility{color:var(--color-primary);cursor:pointer}\n"] }]
157
+ }], ctorParameters: function () { return []; }, propDecorators: { label: [{
158
+ type: Input
159
+ }], disabled: [{
160
+ type: Input
161
+ }], showPasswordRuleDetails: [{
162
+ type: Input
163
+ }], showPasswordLengthDetails: [{
164
+ type: Input
165
+ }], enableLengthRule: [{
166
+ type: Input
167
+ }], enableLowerCaseLetterRule: [{
168
+ type: Input
169
+ }], enableUpperCaseLetterRule: [{
170
+ type: Input
171
+ }], enableDigitRule: [{
172
+ type: Input
173
+ }], enableSpecialCharRule: [{
174
+ type: Input
175
+ }], minLength: [{
176
+ type: Input
177
+ }], maxLength: [{
178
+ type: Input
179
+ }], strengthToValid: [{
180
+ type: Input
181
+ }], lowerCaseCriteriaMsg: [{
182
+ type: Input
183
+ }], upperCaseCriteriaMsg: [{
184
+ type: Input
185
+ }], digitsCriteriaMsg: [{
186
+ type: Input
187
+ }], specialCharsCriteriaMsg: [{
188
+ type: Input
189
+ }], minCharsCriteriaMsg: [{
190
+ type: Input
191
+ }], onValidPassword: [{
192
+ type: Output
193
+ }] } });
194
+
195
+ class InputTextComponent extends ValueAccessorBase {
196
+ constructor() {
197
+ super(...arguments);
198
+ this.label = '';
199
+ this.disabled = false;
200
+ this.iconSuffix = '';
201
+ this.iconPrefix = '';
202
+ this.autoComplete = 'on';
203
+ this.suffixIconClick = new EventEmitter();
204
+ this.prefixIconClick = new EventEmitter();
205
+ }
206
+ onKeyDown(event) {
207
+ if (event.which === 32) {
208
+ event.target.value += ' ';
209
+ }
210
+ event.stopPropagation();
211
+ }
212
+ prefixClick() {
213
+ this.prefixIconClick.emit(true);
214
+ }
215
+ suffixClick() {
216
+ this.suffixIconClick.emit(true);
217
+ }
218
+ }
219
+ InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
220
+ InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputTextComponent, selector: "input-text", inputs: { label: "label", disabled: "disabled", iconSuffix: "iconSuffix", iconPrefix: "iconPrefix", autoComplete: "autoComplete" }, outputs: { suffixIconClick: "suffixIconClick", prefixIconClick: "prefixIconClick" }, providers: [{
221
+ provide: NG_VALUE_ACCESSOR,
222
+ useExisting: forwardRef(() => InputTextComponent),
223
+ multi: true
224
+ }], usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"apipass-input-text label-input\" appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-icon class=\"mat-icon-prefix\" matPrefix *ngIf=\"iconPrefix\" (click)=\"prefixClick()\">{{iconPrefix}}</mat-icon>\r\n <input matInput type=\"text\" class=\"input-text\" [(ngModel)]=\"value\" [disabled]=\"disabled\" [autocomplete]=\"autoComplete\" />\r\n <mat-icon class=\"mat-icon-suffix\" matSuffix *ngIf=\"iconSuffix\" (click)=\"suffixClick()\">{{iconSuffix}}</mat-icon>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-text .mat-icon-suffix{margin-right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
225
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputTextComponent, decorators: [{
226
+ type: Component,
227
+ args: [{ selector: 'input-text', providers: [{
228
+ provide: NG_VALUE_ACCESSOR,
229
+ useExisting: forwardRef(() => InputTextComponent),
230
+ multi: true
231
+ }], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"apipass-input-text label-input\" appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-icon class=\"mat-icon-prefix\" matPrefix *ngIf=\"iconPrefix\" (click)=\"prefixClick()\">{{iconPrefix}}</mat-icon>\r\n <input matInput type=\"text\" class=\"input-text\" [(ngModel)]=\"value\" [disabled]=\"disabled\" [autocomplete]=\"autoComplete\" />\r\n <mat-icon class=\"mat-icon-suffix\" matSuffix *ngIf=\"iconSuffix\" (click)=\"suffixClick()\">{{iconSuffix}}</mat-icon>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-text .mat-icon-suffix{margin-right:0}\n"] }]
232
+ }], propDecorators: { label: [{
233
+ type: Input
234
+ }], disabled: [{
235
+ type: Input
236
+ }], iconSuffix: [{
237
+ type: Input
238
+ }], iconPrefix: [{
239
+ type: Input
240
+ }], autoComplete: [{
241
+ type: Input
242
+ }], suffixIconClick: [{
243
+ type: Output
244
+ }], prefixIconClick: [{
245
+ type: Output
246
+ }] } });
247
+
248
+ class InputAvatarComponent {
249
+ constructor() {
250
+ this.avatarFormData = new FormData();
251
+ this.avatarUrl = 'assets/images/no-image.png';
252
+ this.imageAlt = 'Avatar';
253
+ this.imageTitle = '';
254
+ this.canRemove = false;
255
+ this.removeTitle = '';
256
+ this.canUpload = false;
257
+ this.uploadTitle = '';
258
+ this.canModify = false;
259
+ this.modifyTitle = '';
260
+ this.imageBorderRadius = '50%';
261
+ this.width = '65px';
262
+ this.height = '65px';
263
+ this.iconFontSize = '16px';
264
+ this.onFileChanged = new EventEmitter();
265
+ }
266
+ hasImage() {
267
+ return this.avatarUrl !== 'assets/images/no-image.png';
268
+ }
269
+ canAction() {
270
+ return this.canRemove || this.canModify || this.canUpload;
271
+ }
272
+ fileChange(event) {
273
+ const fileList = event.target.files;
274
+ if (fileList.length > 0) {
275
+ const file = fileList[0];
276
+ this.avatarFormData = new FormData();
277
+ this.avatarFormData.append('file', file, file.name);
278
+ if (!file.type.match(/image\/*/)) {
279
+ return;
280
+ }
281
+ const reader = new FileReader();
282
+ reader.readAsDataURL(fileList[0]);
283
+ reader.onload = () => {
284
+ this.avatarUrl = reader.result;
285
+ this.emitChangeEvent();
286
+ };
287
+ }
288
+ }
289
+ removeClick() {
290
+ this.avatarFormData = new FormData();
291
+ this.avatarUrl = 'assets/images/no-image.png';
292
+ this.emitChangeEvent();
293
+ }
294
+ emitChangeEvent() {
295
+ this.onFileChanged.emit({ avatarUrl: this.avatarUrl, avatarFormData: this.avatarFormData });
296
+ }
297
+ }
298
+ InputAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
299
+ InputAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputAvatarComponent, selector: "input-avatar", inputs: { avatarFormData: "avatarFormData", avatarUrl: "avatarUrl", imageAlt: "imageAlt", imageTitle: "imageTitle", canRemove: "canRemove", removeTitle: "removeTitle", canUpload: "canUpload", uploadTitle: "uploadTitle", canModify: "canModify", modifyTitle: "modifyTitle", imageBorderRadius: "imageBorderRadius", width: "width", height: "height", iconFontSize: "iconFontSize" }, outputs: { onFileChanged: "onFileChanged" }, ngImport: i0, template: "<div class=\"input-avatar\" [ngStyle]=\"{'width': width, 'height': height}\">\r\n <img loading=\"lazy\" [src]=\"avatarUrl\" [alt]=\"imageAlt\" [matTooltip]=\"imageTitle\"\r\n [ngStyle]=\"{'width': width, 'height': 'auto', 'max-height': '100%', 'border-radius': imageBorderRadius}\"/>\r\n <div class=\"image-backdrop\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\"></div>\r\n <div class=\"image-actions\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\">\r\n <icon *ngIf=\"!hasImage() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasImage() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n <icon *ngIf=\"hasImage() && canRemove\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"removeTitle\"\r\n (click)=\"removeClick(); actionFile.value = '';\"\r\n [type]=\"'remove'\"\r\n [name]=\"'fas fa-trash-alt'\"></icon>\r\n </div>\r\n <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n</div>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.input-avatar{display:flex;align-items:center}.input-avatar .image-backdrop{display:none;position:absolute;background:#FFF;opacity:.6}.input-avatar .image-actions{display:none;position:absolute;justify-content:space-evenly;align-items:center}.input-avatar .image-actions icon{cursor:pointer}.input-avatar:hover .image-backdrop,.input-avatar:hover .image-actions{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
300
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputAvatarComponent, decorators: [{
301
+ type: Component,
302
+ args: [{ selector: 'input-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"input-avatar\" [ngStyle]=\"{'width': width, 'height': height}\">\r\n <img loading=\"lazy\" [src]=\"avatarUrl\" [alt]=\"imageAlt\" [matTooltip]=\"imageTitle\"\r\n [ngStyle]=\"{'width': width, 'height': 'auto', 'max-height': '100%', 'border-radius': imageBorderRadius}\"/>\r\n <div class=\"image-backdrop\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\"></div>\r\n <div class=\"image-actions\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\">\r\n <icon *ngIf=\"!hasImage() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasImage() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n <icon *ngIf=\"hasImage() && canRemove\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"removeTitle\"\r\n (click)=\"removeClick(); actionFile.value = '';\"\r\n [type]=\"'remove'\"\r\n [name]=\"'fas fa-trash-alt'\"></icon>\r\n </div>\r\n <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n</div>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.input-avatar{display:flex;align-items:center}.input-avatar .image-backdrop{display:none;position:absolute;background:#FFF;opacity:.6}.input-avatar .image-actions{display:none;position:absolute;justify-content:space-evenly;align-items:center}.input-avatar .image-actions icon{cursor:pointer}.input-avatar:hover .image-backdrop,.input-avatar:hover .image-actions{display:flex}\n"] }]
303
+ }], propDecorators: { avatarFormData: [{
304
+ type: Input
305
+ }], avatarUrl: [{
306
+ type: Input
307
+ }], imageAlt: [{
308
+ type: Input
309
+ }], imageTitle: [{
310
+ type: Input
311
+ }], canRemove: [{
312
+ type: Input
313
+ }], removeTitle: [{
314
+ type: Input
315
+ }], canUpload: [{
316
+ type: Input
317
+ }], uploadTitle: [{
318
+ type: Input
319
+ }], canModify: [{
320
+ type: Input
321
+ }], modifyTitle: [{
322
+ type: Input
323
+ }], imageBorderRadius: [{
324
+ type: Input
325
+ }], width: [{
326
+ type: Input
327
+ }], height: [{
328
+ type: Input
329
+ }], iconFontSize: [{
330
+ type: Input
331
+ }], onFileChanged: [{
332
+ type: Output
333
+ }] } });
334
+
335
+ class FieldComponent {
336
+ constructor() {
337
+ /**
338
+ * Texto para label do Input
339
+ */
340
+ this.label = '';
341
+ }
342
+ }
343
+ FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: FieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
344
+ FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: FieldComponent, selector: "app-field", inputs: { label: "label", state: "state" }, ngImport: i0, template: `
345
+ <div [ngClass]="{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}">
346
+ <label class="label-text" *ngIf="label">{{ label }}</label>
347
+
348
+ <!-- Input, textarea or select -->
349
+ <ng-content></ng-content>
350
+
351
+ <span *ngIf="state && !state.valid && !state.pristine && state.touched && state.errors" class="help-block text-danger">
352
+ <span *ngIf="state.hasError('required')">Este campo é obrigatório</span>
353
+ <span *ngIf="!state.hasError('required') && state.hasError('validateEmail')">E-mail inválido</span>
354
+ <span *ngIf="!state.hasError('required') && state.hasError('minlength')">Tamanho mínimo inválido</span>
355
+ </span>
356
+ </div>
357
+ `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
358
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: FieldComponent, decorators: [{
359
+ type: Component,
360
+ args: [{
361
+ selector: 'app-field',
362
+ template: `
363
+ <div [ngClass]="{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}">
364
+ <label class="label-text" *ngIf="label">{{ label }}</label>
365
+
366
+ <!-- Input, textarea or select -->
367
+ <ng-content></ng-content>
368
+
369
+ <span *ngIf="state && !state.valid && !state.pristine && state.touched && state.errors" class="help-block text-danger">
370
+ <span *ngIf="state.hasError('required')">Este campo é obrigatório</span>
371
+ <span *ngIf="!state.hasError('required') && state.hasError('validateEmail')">E-mail inválido</span>
372
+ <span *ngIf="!state.hasError('required') && state.hasError('minlength')">Tamanho mínimo inválido</span>
373
+ </span>
374
+ </div>
375
+ `
376
+ }]
377
+ }], propDecorators: { label: [{
378
+ type: Input
379
+ }], state: [{
380
+ type: Input
381
+ }] } });
382
+
383
+ class SelectBoxComponent extends ValueAccessorBase {
384
+ constructor() {
385
+ super(...arguments);
386
+ this.placeholder = 'Select Item';
387
+ this.searchPlaceHolder = 'Search';
388
+ this.clearText = 'Clear';
389
+ this.notFoundText = 'No Items Found';
390
+ this.enabledSearch = true;
391
+ this.data = [];
392
+ this.disabled = false;
393
+ this.bindImageUrl = '';
394
+ this.bindKey = '';
395
+ this.bindValue = '';
396
+ this.limitItens = 30;
397
+ this.showAddNewItem = false;
398
+ this.addNewItemText = 'Add New Item';
399
+ this.addNewItemIcon = '';
400
+ this.addNewItemClickCloseSelect = false;
401
+ this.closeOnBodyScroll = false;
402
+ this.initializing = false;
403
+ this.loadingText = 'Loading...';
404
+ this.onOpenSelectBox = new EventEmitter();
405
+ this.onCloseSelectBox = new EventEmitter();
406
+ this.onSelectChange = new EventEmitter();
407
+ this.onSelectClear = new EventEmitter();
408
+ this.onAddNewItemClick = new EventEmitter();
409
+ this.visibleItens = [];
410
+ this.loading = false;
411
+ this.inputFilter = new Subject();
412
+ this.lastSearchTerm = '';
413
+ this.onBodyScroll = (event) => {
414
+ if (this.closeOnBodyScroll && this.ngSelectComponent?.isOpen) {
415
+ const isScrollingInScrollHost = event.target.className?.indexOf('ng-dropdown-panel-items') > -1;
416
+ if (isScrollingInScrollHost) {
417
+ return;
418
+ }
419
+ this.ngSelectComponent.close();
420
+ }
421
+ };
422
+ }
423
+ ngOnInit() {
424
+ this.onSearch();
425
+ if (this.closeOnBodyScroll) {
426
+ window.addEventListener('scroll', this.onBodyScroll, true);
427
+ }
428
+ }
429
+ ngOnDestroy() {
430
+ if (this.closeOnBodyScroll) {
431
+ window.removeEventListener('scroll', this.onBodyScroll, true);
432
+ }
433
+ }
434
+ onSearch() {
435
+ this.inputFilter.pipe(debounceTime(200), distinctUntilChanged()).subscribe(searchString => {
436
+ this.loading = true;
437
+ this.lastSearchTerm = searchString;
438
+ if (searchString && this.data) {
439
+ this.visibleItens = this.data.filter(item => item[this.bindValue]?.toString().toLowerCase().includes(searchString.toLowerCase())).slice(0, this.limitItens);
440
+ }
441
+ else if (this.data) {
442
+ this.visibleItens = this.data.slice(0, this.limitItens);
443
+ }
444
+ else {
445
+ this.visibleItens = [];
446
+ }
447
+ setTimeout(() => this.loading = false, 300);
448
+ });
449
+ }
450
+ // @ts-ignore
451
+ onScroll({ end }) {
452
+ const data = this.lastSearchTerm ? this.data.filter(item => item[this.bindValue]?.toString().toLowerCase().includes(this.lastSearchTerm.toLowerCase())) : this.data;
453
+ if (this.loading || data.length <= this.visibleItens.length) {
454
+ return;
455
+ }
456
+ if (end + 5 >= this.visibleItens.length) {
457
+ this.fetchMore();
458
+ }
459
+ }
460
+ onScrollToEnd() {
461
+ if (this.loading) {
462
+ return;
463
+ }
464
+ this.fetchMore();
465
+ }
466
+ fetchMore() {
467
+ this.loading = true;
468
+ const len = this.visibleItens.length;
469
+ const more = this.lastSearchTerm ?
470
+ this.data.filter(item => item[this.bindValue]?.toString().toLowerCase().includes(this.lastSearchTerm.toLowerCase())).slice(len, this.limitItens + len) : this.data.slice(len, this.limitItens + len);
471
+ this.visibleItens = this.visibleItens.concat(more);
472
+ this.loading = false;
473
+ }
474
+ onKeyDown(event) {
475
+ if (event.which === 32) {
476
+ event.target.value += ' ';
477
+ }
478
+ event.stopPropagation();
479
+ }
480
+ onSelectionChange(event) {
481
+ this.findSelectedItem(this.value);
482
+ this.onSelectChange.emit(this.selectedItem);
483
+ }
484
+ openSelectBox($event) {
485
+ this.visibleItens = [];
486
+ if (this.data) {
487
+ this.visibleItens = this.data.slice(0, this.limitItens);
488
+ }
489
+ this.onOpenSelectBox.next();
490
+ }
491
+ compareFn(a, b) {
492
+ return a[this.bindKey] === b[this.bindKey];
493
+ }
494
+ onClear() {
495
+ this.onSelectClear.next();
496
+ }
497
+ onClose($event) {
498
+ this.onCloseSelectBox.next();
499
+ }
500
+ onAddNewItem() {
501
+ if (this.addNewItemClickCloseSelect) {
502
+ this.ngSelectComponent?.close();
503
+ }
504
+ this.onAddNewItemClick.next();
505
+ }
506
+ writeValue(value) {
507
+ super.writeValue(value);
508
+ if (value) {
509
+ this.findSelectedItem(value);
510
+ }
511
+ }
512
+ findSelectedItem(value) {
513
+ if (this.selectProperty) {
514
+ this.selectedItem = this.data?.find(el => el[this.bindKey] === value);
515
+ }
516
+ else if (value) {
517
+ this.selectedItem = this.data?.find(el => el[this.bindKey] === value[this.bindKey]);
518
+ }
519
+ else {
520
+ this.selectedItem = null;
521
+ }
522
+ }
523
+ }
524
+ SelectBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
525
+ SelectBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: SelectBoxComponent, selector: "select-box", inputs: { placeholder: "placeholder", searchPlaceHolder: "searchPlaceHolder", clearText: "clearText", notFoundText: "notFoundText", enabledSearch: "enabledSearch", data: "data", disabled: "disabled", selectedItem: "selectedItem", selectProperty: "selectProperty", bindImageUrl: "bindImageUrl", bindKey: "bindKey", bindValue: "bindValue", limitItens: "limitItens", showAddNewItem: "showAddNewItem", addNewItemText: "addNewItemText", addNewItemIcon: "addNewItemIcon", addNewItemClickCloseSelect: "addNewItemClickCloseSelect", closeOnBodyScroll: "closeOnBodyScroll", initializing: "initializing", loadingText: "loadingText" }, outputs: { onOpenSelectBox: "onOpenSelectBox", onCloseSelectBox: "onCloseSelectBox", onSelectChange: "onSelectChange", onSelectClear: "onSelectClear", onAddNewItemClick: "onAddNewItemClick" }, providers: [{
526
+ provide: NG_VALUE_ACCESSOR,
527
+ useExisting: forwardRef(() => SelectBoxComponent),
528
+ multi: true
529
+ }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: ["ngSelectComponent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-select #ngSelectComponent\r\n [(ngModel)]=\"value\"\r\n [items]=\"visibleItens\"\r\n [virtualScroll]=\"true\"\r\n [loading]=\"loading || initializing\"\r\n [loadingText]=\"loadingText\"\r\n [placeholder]=\"placeholder\"\r\n [clearAllText]=\"clearText\"\r\n [searchable]=\"enabledSearch\"\r\n [typeToSearchText]=\"searchPlaceHolder\"\r\n (open)=\"openSelectBox($event)\"\r\n (close)=\"onClose($event)\"\r\n (clear)=\"onClear()\"\r\n [notFoundText]=\"notFoundText\"\r\n [disabled]=\"disabled\"\r\n appendTo=\"body\"\r\n (scroll)=\"onScroll($event)\"\r\n (scrollToEnd)=\"onScrollToEnd()\"\r\n (change)=\"onSelectionChange($event)\"\r\n [typeahead]=\"inputFilter\"\r\n [ngClass]=\"{'apipass-select-image' : bindImageUrl, 'apipass-select': !bindImageUrl}\"\r\n [compareWith]=\"compareFn\"\r\n [bindValue]=\"selectProperty\">\r\n\r\n <ng-template *ngIf=\"selectProperty && selectedItem && selectedItem[bindKey] && selectedItem[bindValue]\" ng-label-tmp let-item=\"item\">\r\n <div class=\"image\" style=\"width: 40px;height: 40px; margin-right: 10px;\"\r\n *ngIf=\"selectedItem && selectedItem[bindKey] && selectedItem[bindValue] && bindImageUrl\">\r\n <img loading=\"lazy\"\r\n [src]=\"selectedItem[bindImageUrl] || './assets/images/no-image.png'\"\r\n [alt]=\"selectedItem[bindValue]\"\r\n [matTooltip]=\"selectedItem[bindValue]\"\r\n style=\"width: auto;max-width: 40px;height: 40px;\"\r\n />\r\n </div>\r\n <span class=\"select-text-element\" *ngIf=\"selectedItem && selectedItem[bindKey] && selectedItem[bindValue]\">{{selectedItem[bindValue]}}</span>\r\n </ng-template>\r\n\r\n <ng-template *ngIf=\"!selectProperty && value && value[bindKey] && value[bindValue]\" ng-label-tmp let-item=\"item\">\r\n <div class=\"image\" style=\"width: 40px;height: 40px; margin-right: 10px;\"\r\n *ngIf=\"value && value[bindKey] && value[bindValue] && bindImageUrl\">\r\n <img loading=\"lazy\"\r\n [src]=\"value[bindImageUrl] || './assets/images/no-image.png'\"\r\n [alt]=\"value[bindValue]\"\r\n [matTooltip]=\"value[bindValue]\"\r\n style=\"width: auto;max-width: 40px;height: 40px;\"\r\n />\r\n </div>\r\n <span class=\"select-text-element\" *ngIf=\"value && value[bindKey] && value[bindValue]\">{{value[bindValue]}}</span>\r\n </ng-template>\r\n\r\n <ng-template ng-header-tmp *ngIf=\"this.showAddNewItem\">\r\n <div class=\"add-new-item-option\" style=\"display: flex; align-items: center; cursor: pointer;\" (click)=\"onAddNewItem()\">\r\n <icon style=\"margin-right: 5px\" *ngIf=\"addNewItemIcon\" [title]=\"addNewItemText\" [name]=\"addNewItemIcon\" [size]=\"20\"></icon>\r\n <span class=\"add-new-item-text\" style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\"\r\n *ngIf=\"addNewItemText\">{{addNewItemText}}</span>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\r\n <div class=\"image\" style=\"width: 40px;height: 40px; margin-right: 10px;\" *ngIf=\"bindImageUrl\">\r\n <img loading=\"lazy\"\r\n [src]=\"item[bindImageUrl] || './assets/images/no-image.png'\"\r\n [alt]=\"item[bindValue]\"\r\n [matTooltip]=\"item[bindValue]\"\r\n style=\"width: auto;max-width: 40px;height: 40px;\"\r\n />\r\n </div>\r\n <span class=\"select-text-element\"\r\n style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">{{item[bindValue]}}</span>\r\n </ng-template>\r\n\r\n</ng-select>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-select-image.ng-select.ng-select-opened>.ng-select-container,.apipass-select.ng-select.ng-select-opened>.ng-select-container{height:51px;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.apipass-select-image.ng-select-disabled .ng-select-container,.apipass-select.ng-select-disabled .ng-select-container{background-color:#ccc!important;cursor:no-drop!important;color:#777!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow,.apipass-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow{border-color:#777 transparent transparent!important;color:#777!important;cursor:no-drop!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value,.apipass-select.ng-select-disabled .ng-select-container .ng-value,.apipass-select-image.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{cursor:no-drop!important}.apipass-select-image .select-text-element,.apipass-select .select-text-element{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #DDD;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;align-items:center!important}.apipass-select .ng-select-container,.apipass-select-image .ng-select-container{min-height:51px}.ng-select .ng-select-container:hover{box-shadow:0 1px #0000000f}.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select .ng-select-container .ng-value-container .ng-value{display:flex!important;align-items:center!important}.apipass-select .ng-select-container .ng-value-container,.apipass-select-image .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select .ng-select-container .ng-value-container .ng-value,.apipass-select-image .ng-select-container .ng-value-container .ng-value{display:flex!important;align-items:center!important}.apipass-select .ng-select-container .ng-value-container .ng-input,.apipass-select-image .ng-select-container .ng-value-container .ng-input{padding-top:0!important;top:auto!important}.apipass-select .ng-select-container .ng-value-container .ng-input input,.apipass-select-image .ng-select-container .ng-value-container .ng-input input{margin-top:-5px!important;padding-top:17px!important;padding-bottom:17px!important}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:14px;color:#0009}.apipass-select .ng-select-container,.apipass-select-image .ng-select-container{height:51px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6;display:flex!important;align-items:center!important}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px;display:flex!important;align-items:center!important}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px;display:flex!important;align-items:center!important}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#0009}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#DDD transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #DDD;box-shadow:0 1px #0000000f;left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:#0000008a;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{display:flex!important;align-items:center!important;background-color:#fff;color:#000000de;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i3$2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i3$2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i3$2.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "component", type: i2$1.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
530
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SelectBoxComponent, decorators: [{
531
+ type: Component,
532
+ args: [{ selector: 'select-box', providers: [{
533
+ provide: NG_VALUE_ACCESSOR,
534
+ useExisting: forwardRef(() => SelectBoxComponent),
535
+ multi: true
536
+ }], encapsulation: ViewEncapsulation.None, template: "<ng-select #ngSelectComponent\r\n [(ngModel)]=\"value\"\r\n [items]=\"visibleItens\"\r\n [virtualScroll]=\"true\"\r\n [loading]=\"loading || initializing\"\r\n [loadingText]=\"loadingText\"\r\n [placeholder]=\"placeholder\"\r\n [clearAllText]=\"clearText\"\r\n [searchable]=\"enabledSearch\"\r\n [typeToSearchText]=\"searchPlaceHolder\"\r\n (open)=\"openSelectBox($event)\"\r\n (close)=\"onClose($event)\"\r\n (clear)=\"onClear()\"\r\n [notFoundText]=\"notFoundText\"\r\n [disabled]=\"disabled\"\r\n appendTo=\"body\"\r\n (scroll)=\"onScroll($event)\"\r\n (scrollToEnd)=\"onScrollToEnd()\"\r\n (change)=\"onSelectionChange($event)\"\r\n [typeahead]=\"inputFilter\"\r\n [ngClass]=\"{'apipass-select-image' : bindImageUrl, 'apipass-select': !bindImageUrl}\"\r\n [compareWith]=\"compareFn\"\r\n [bindValue]=\"selectProperty\">\r\n\r\n <ng-template *ngIf=\"selectProperty && selectedItem && selectedItem[bindKey] && selectedItem[bindValue]\" ng-label-tmp let-item=\"item\">\r\n <div class=\"image\" style=\"width: 40px;height: 40px; margin-right: 10px;\"\r\n *ngIf=\"selectedItem && selectedItem[bindKey] && selectedItem[bindValue] && bindImageUrl\">\r\n <img loading=\"lazy\"\r\n [src]=\"selectedItem[bindImageUrl] || './assets/images/no-image.png'\"\r\n [alt]=\"selectedItem[bindValue]\"\r\n [matTooltip]=\"selectedItem[bindValue]\"\r\n style=\"width: auto;max-width: 40px;height: 40px;\"\r\n />\r\n </div>\r\n <span class=\"select-text-element\" *ngIf=\"selectedItem && selectedItem[bindKey] && selectedItem[bindValue]\">{{selectedItem[bindValue]}}</span>\r\n </ng-template>\r\n\r\n <ng-template *ngIf=\"!selectProperty && value && value[bindKey] && value[bindValue]\" ng-label-tmp let-item=\"item\">\r\n <div class=\"image\" style=\"width: 40px;height: 40px; margin-right: 10px;\"\r\n *ngIf=\"value && value[bindKey] && value[bindValue] && bindImageUrl\">\r\n <img loading=\"lazy\"\r\n [src]=\"value[bindImageUrl] || './assets/images/no-image.png'\"\r\n [alt]=\"value[bindValue]\"\r\n [matTooltip]=\"value[bindValue]\"\r\n style=\"width: auto;max-width: 40px;height: 40px;\"\r\n />\r\n </div>\r\n <span class=\"select-text-element\" *ngIf=\"value && value[bindKey] && value[bindValue]\">{{value[bindValue]}}</span>\r\n </ng-template>\r\n\r\n <ng-template ng-header-tmp *ngIf=\"this.showAddNewItem\">\r\n <div class=\"add-new-item-option\" style=\"display: flex; align-items: center; cursor: pointer;\" (click)=\"onAddNewItem()\">\r\n <icon style=\"margin-right: 5px\" *ngIf=\"addNewItemIcon\" [title]=\"addNewItemText\" [name]=\"addNewItemIcon\" [size]=\"20\"></icon>\r\n <span class=\"add-new-item-text\" style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\"\r\n *ngIf=\"addNewItemText\">{{addNewItemText}}</span>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\r\n <div class=\"image\" style=\"width: 40px;height: 40px; margin-right: 10px;\" *ngIf=\"bindImageUrl\">\r\n <img loading=\"lazy\"\r\n [src]=\"item[bindImageUrl] || './assets/images/no-image.png'\"\r\n [alt]=\"item[bindValue]\"\r\n [matTooltip]=\"item[bindValue]\"\r\n style=\"width: auto;max-width: 40px;height: 40px;\"\r\n />\r\n </div>\r\n <span class=\"select-text-element\"\r\n style=\"white-space: nowrap;overflow: hidden;text-overflow: ellipsis;\">{{item[bindValue]}}</span>\r\n </ng-template>\r\n\r\n</ng-select>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-select-image.ng-select.ng-select-opened>.ng-select-container,.apipass-select.ng-select.ng-select-opened>.ng-select-container{height:51px;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.apipass-select-image.ng-select-disabled .ng-select-container,.apipass-select.ng-select-disabled .ng-select-container{background-color:#ccc!important;cursor:no-drop!important;color:#777!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow,.apipass-select.ng-select-disabled .ng-select-container .ng-arrow-wrapper .ng-arrow{border-color:#777 transparent transparent!important;color:#777!important;cursor:no-drop!important}.apipass-select-image.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value,.apipass-select.ng-select-disabled .ng-select-container .ng-value,.apipass-select-image.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select.ng-select-disabled .ng-select-container .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{cursor:no-drop!important}.apipass-select-image .select-text-element,.apipass-select .select-text-element{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #DDD;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px #00000013,0 0 0 3px #007eff1a}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;align-items:center!important}.apipass-select .ng-select-container,.apipass-select-image .ng-select-container{min-height:51px}.ng-select .ng-select-container:hover{box-shadow:0 1px #0000000f}.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select .ng-select-container .ng-value-container .ng-value{display:flex!important;align-items:center!important}.apipass-select .ng-select-container .ng-value-container,.apipass-select-image .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select .ng-select-container .ng-value-container .ng-value,.apipass-select-image .ng-select-container .ng-value-container .ng-value{display:flex!important;align-items:center!important}.apipass-select .ng-select-container .ng-value-container .ng-input,.apipass-select-image .ng-select-container .ng-value-container .ng-input{padding-top:0!important;top:auto!important}.apipass-select .ng-select-container .ng-value-container .ng-input input,.apipass-select-image .ng-select-container .ng-value-container .ng-input input{margin-top:-5px!important;padding-top:17px!important;padding-bottom:17px!important}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:14px;color:#0009}.apipass-select .ng-select-container,.apipass-select-image .ng-select-container{height:51px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6;display:flex!important;align-items:center!important}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px;display:flex!important;align-items:center!important}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px;display:flex!important;align-items:center!important}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#0009}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#DDD transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #DDD;box-shadow:0 1px #0000000f;left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:#0000008a;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{display:flex!important;align-items:center!important;background-color:#fff;color:#000000de;padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}\n"] }]
537
+ }], propDecorators: { placeholder: [{
538
+ type: Input
539
+ }], searchPlaceHolder: [{
540
+ type: Input
541
+ }], clearText: [{
542
+ type: Input
543
+ }], notFoundText: [{
544
+ type: Input
545
+ }], enabledSearch: [{
546
+ type: Input
547
+ }], data: [{
548
+ type: Input
549
+ }], disabled: [{
550
+ type: Input
551
+ }], selectedItem: [{
552
+ type: Input
553
+ }], selectProperty: [{
554
+ type: Input
555
+ }], bindImageUrl: [{
556
+ type: Input
557
+ }], bindKey: [{
558
+ type: Input
559
+ }], bindValue: [{
560
+ type: Input
561
+ }], limitItens: [{
562
+ type: Input
563
+ }], showAddNewItem: [{
564
+ type: Input
565
+ }], addNewItemText: [{
566
+ type: Input
567
+ }], addNewItemIcon: [{
568
+ type: Input
569
+ }], addNewItemClickCloseSelect: [{
570
+ type: Input
571
+ }], closeOnBodyScroll: [{
572
+ type: Input
573
+ }], initializing: [{
574
+ type: Input
575
+ }], loadingText: [{
576
+ type: Input
577
+ }], onOpenSelectBox: [{
578
+ type: Output
579
+ }], onCloseSelectBox: [{
580
+ type: Output
581
+ }], onSelectChange: [{
582
+ type: Output
583
+ }], onSelectClear: [{
584
+ type: Output
585
+ }], onAddNewItemClick: [{
586
+ type: Output
587
+ }], ngSelectComponent: [{
588
+ type: ViewChild,
589
+ args: ['ngSelectComponent']
590
+ }] } });
591
+
592
+ /** The height of the select items in `em` units. */
593
+ const SELECT_ITEM_HEIGHT_EM = 3;
594
+ class MatSelectInfiniteScrollDirective {
595
+ constructor(matSelect, ngZone) {
596
+ this.matSelect = matSelect;
597
+ this.ngZone = ngZone;
598
+ this.threshold = '15%';
599
+ this.debounceTime = 150;
600
+ this.infiniteScroll = new EventEmitter();
601
+ this.thrPx = 0;
602
+ this.thrPc = 0;
603
+ this.singleOptionHeight = SELECT_ITEM_HEIGHT_EM;
604
+ this.destroyed$ = new Subject();
605
+ }
606
+ ngOnInit() {
607
+ this.evaluateThreshold();
608
+ }
609
+ ngAfterViewInit() {
610
+ this.matSelect.openedChange.pipe(takeUntil(this.destroyed$)).subscribe((opened) => {
611
+ if (opened) {
612
+ this.panel = this.matSelect.panel.nativeElement;
613
+ this.singleOptionHeight = this.getSelectItemHeightPx();
614
+ this.registerScrollListener();
615
+ }
616
+ });
617
+ }
618
+ ngOnDestroy() {
619
+ this.destroyed$.next(true);
620
+ this.destroyed$.complete();
621
+ }
622
+ evaluateThreshold() {
623
+ if (this.threshold.lastIndexOf('%') > -1) {
624
+ this.thrPx = 0;
625
+ this.thrPc = (parseFloat(this.threshold) / 100);
626
+ }
627
+ else {
628
+ this.thrPx = parseFloat(this.threshold);
629
+ this.thrPc = 0;
630
+ }
631
+ }
632
+ registerScrollListener() {
633
+ fromEvent(this.panel, 'scroll').pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime), tap((event) => {
634
+ this.handleScrollEvent(event);
635
+ })).subscribe();
636
+ }
637
+ handleScrollEvent(event) {
638
+ this.ngZone.runOutsideAngular(() => {
639
+ if (this.complete) {
640
+ return;
641
+ }
642
+ const countOfRenderedOptions = this.matSelect.options.length;
643
+ const infiniteScrollDistance = this.singleOptionHeight * countOfRenderedOptions;
644
+ const threshold = this.thrPc !== 0 ? (infiniteScrollDistance * this.thrPc) : this.thrPx;
645
+ const scrolledDistance = this.panel.clientHeight + event.target.scrollTop;
646
+ if ((scrolledDistance + threshold) >= infiniteScrollDistance) {
647
+ this.ngZone.run(() => this.infiniteScroll.emit());
648
+ }
649
+ });
650
+ }
651
+ getSelectItemHeightPx() {
652
+ return parseFloat(getComputedStyle(this.panel).fontSize) * SELECT_ITEM_HEIGHT_EM;
653
+ }
654
+ }
655
+ MatSelectInfiniteScrollDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: MatSelectInfiniteScrollDirective, deps: [{ token: i1$1.MatSelect }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
656
+ MatSelectInfiniteScrollDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: MatSelectInfiniteScrollDirective, selector: "[msInfiniteScroll]", inputs: { threshold: "threshold", debounceTime: "debounceTime", complete: "complete" }, outputs: { infiniteScroll: "infiniteScroll" }, ngImport: i0 });
657
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: MatSelectInfiniteScrollDirective, decorators: [{
658
+ type: Directive,
659
+ args: [{
660
+ selector: '[msInfiniteScroll]'
661
+ }]
662
+ }], ctorParameters: function () { return [{ type: i1$1.MatSelect }, { type: i0.NgZone }]; }, propDecorators: { threshold: [{
663
+ type: Input
664
+ }], debounceTime: [{
665
+ type: Input
666
+ }], complete: [{
667
+ type: Input
668
+ }], infiniteScroll: [{
669
+ type: Output
670
+ }] } });
671
+
672
+ class CustomSelectItem {
673
+ constructor(id, text) {
674
+ this.id = id;
675
+ this.text = text;
676
+ }
677
+ }
678
+
679
+ class CustomSelectComponent {
680
+ constructor(sso) {
681
+ this.sso = sso;
682
+ this.disabled = false;
683
+ this.items = [];
684
+ this.allowTyping = false;
685
+ this.allowRemove = false;
686
+ this.allowAddItem = true;
687
+ this.addItemLabel = 'Add New Item';
688
+ this.placeHolder = 'Select';
689
+ this.findPlaceHolder = 'Find item';
690
+ this.searchText = '';
691
+ this.onSelect = new EventEmitter();
692
+ this.onUnSelect = new EventEmitter();
693
+ this.onAddItem = new EventEmitter();
694
+ this.opened = false;
695
+ this.edited = false;
696
+ this.tabindex = '0';
697
+ this.onTouchedCallback = () => {
698
+ };
699
+ this.onChangeCallback = () => {
700
+ };
701
+ this.scrollStrategy = this.sso.block();
702
+ }
703
+ onBlur(target) {
704
+ if (this.allowTyping) {
705
+ if (this.value) {
706
+ if (this.edited) {
707
+ this.writeValue(this.value);
708
+ this.selectedItem = new CustomSelectItem(this.value, this.value);
709
+ this.onSelect.next(this.selectedItem);
710
+ }
711
+ }
712
+ else {
713
+ this.writeValue(undefined);
714
+ this.onSelect.next(undefined);
715
+ }
716
+ }
717
+ if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
718
+ return;
719
+ }
720
+ this.setTriggerRect();
721
+ this.opened = false;
722
+ }
723
+ ngAfterViewInit() {
724
+ setTimeout(() => {
725
+ this.setTriggerRect();
726
+ }, 300);
727
+ }
728
+ setTriggerRect() {
729
+ setTimeout(() => {
730
+ this._triggerRect = this.trigger?.nativeElement.getBoundingClientRect();
731
+ });
732
+ }
733
+ selectItem(item) {
734
+ this.opened = false;
735
+ this.selectedItem = item;
736
+ this.edited = false;
737
+ this.selectedModelValue = item.text;
738
+ this.value = item.text;
739
+ this.searchText = '';
740
+ this.onSelect.next(item);
741
+ }
742
+ addItem() {
743
+ this.opened = false;
744
+ this.searchText = '';
745
+ this.onAddItem.next();
746
+ }
747
+ keyPress() {
748
+ this.setTriggerRect();
749
+ if (this.allowTyping) {
750
+ this.opened = false;
751
+ this.edited = true;
752
+ this.selectedModelValue = this.value;
753
+ this.searchText = '';
754
+ }
755
+ else {
756
+ this.edited = false;
757
+ return false;
758
+ }
759
+ }
760
+ clicked() {
761
+ this.setTriggerRect();
762
+ this.opened = true;
763
+ this.searchText = '';
764
+ }
765
+ get value() {
766
+ return this.innerValue;
767
+ }
768
+ set value(value) {
769
+ this.innerValue = value;
770
+ this.onChangeCallback(value);
771
+ this.onSelect.next(value);
772
+ }
773
+ writeValue(value) {
774
+ if (value !== this.innerValue) {
775
+ if (!this.selectedItem || !this.selectedItem.text || !value) {
776
+ this.selectedItem = new CustomSelectItem(null, value);
777
+ }
778
+ this.innerValue = value;
779
+ this.selectedModelValue = value;
780
+ }
781
+ }
782
+ registerOnChange(fn) {
783
+ this.onChangeCallback = fn;
784
+ }
785
+ registerOnTouched(fn) {
786
+ this.onTouchedCallback = fn;
787
+ }
788
+ setDisabledState(isDisabled) {
789
+ this.disabled = isDisabled;
790
+ }
791
+ arrowClick(event) {
792
+ event.stopPropagation();
793
+ this.setTriggerRect();
794
+ if (this.opened) {
795
+ this.opened = false;
796
+ }
797
+ else {
798
+ this.opened = true;
799
+ this.searchText = '';
800
+ this.input?.nativeElement.focus();
801
+ }
802
+ }
803
+ removeClick(event) {
804
+ event.stopPropagation();
805
+ this.opened = false;
806
+ this.searchText = '';
807
+ this.innerValue = null;
808
+ this.onUnSelect.next();
809
+ }
810
+ onDrop($event) {
811
+ this.searchText = '';
812
+ if (!this.value) {
813
+ this.value = '';
814
+ }
815
+ this.value += `{{${$event.data}}}`;
816
+ this.edited = true;
817
+ this.onBlur(undefined);
818
+ }
819
+ }
820
+ CustomSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CustomSelectComponent, deps: [{ token: i1$2.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Component });
821
+ CustomSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: CustomSelectComponent, selector: "custom-select", inputs: { disabled: "disabled", items: "items", allowTyping: "allowTyping", allowRemove: "allowRemove", allowAddItem: "allowAddItem", addItemLabel: "addItemLabel", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder", searchText: "searchText" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onAddItem: "onAddItem" }, host: { listeners: { "blur": "onBlur($event.target)" }, properties: { "attr.tabindex": "this.tabindex" } }, providers: [{
822
+ provide: NG_VALUE_ACCESSOR,
823
+ useExisting: forwardRef(() => CustomSelectComponent),
824
+ multi: true
825
+ }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"custom-select-input\" #trigger>\r\n <mat-form-field cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"custom-select-component\" [ngClass]=\"{'select-open' : opened}\" appearance=\"fill\" autocomplete=\"off\">\r\n <input matInput #input\r\n [placeholder]=\"placeHolder\"\r\n (focus)=\"opened = true\"\r\n (blur)=\"onBlur($event)\"\r\n [(ngModel)]=\"value\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [disabled]=\"disabled\"\r\n (keyup)=keyPress()\r\n (click)=\"clicked()\"\r\n dndDropzone\r\n (dndDrop)=\"onDrop($event)\"\r\n autocomplete=\"off\"\r\n />\r\n <span *ngIf=\"allowRemove\" title=\"Remover\" class=\"remove-icon\" (click)=\"removeClick($event)\">\r\n <i class=\"fa fa-times\"></i>\r\n </span>\r\n <span class=\"open-icon\" (click)=\"arrowClick($event)\">\r\n <i class=\"fas\" [ngClass]=\"{'fa-caret-down' : !opened, 'fa-caret-up' : opened}\"></i>\r\n </span>\r\n </mat-form-field>\r\n</div>\r\n<div class=\"custom-select-component\">\r\n\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayPanelClass]=\"'custom-select-overlay-panel'\"\r\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"origin\"\r\n [cdkConnectedOverlayOpen]=\"opened\"\r\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width!\">\r\n <ul class=\"ul-ac\">\r\n <li class=\"li-search search-input-item\">\r\n <mat-form-field class=\"apipass-input-text search-input-item\" appearance=\"fill\">\r\n <input matInput class=\"search-input-item\"\r\n [placeholder]=\"findPlaceHolder\"\r\n [(ngModel)]=\"searchText\"\r\n (blur)=\"onBlur($event)\"\r\n aria-autocomplete=\"none\"\r\n autocomplete=\"off\"\r\n />\r\n </mat-form-field>\r\n </li>\r\n\r\n <li class=\"clickable\" *ngFor=\"let i of items | selectFilter:searchText:'text'\"\r\n (click)=\"selectItem(i)\"\r\n (mousedown)=\"selectItem(i)\">\r\n {{i.text}}\r\n </li>\r\n\r\n <li *ngIf=\"allowAddItem\" class=\"li-add\" (mousedown)=\"addItem()\" (click)=\"addItem()\">\r\n <span class=\"fa fa-plus-circle\"></span>\r\n <span>{{addItemLabel}}</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</div>\r\n", styles: ["::ng-deep .custom-select-overlay-panel,.custom-select-input,.custom-select-component{cursor:pointer}::ng-deep .custom-select-overlay-panel input,.custom-select-input input,.custom-select-component input{background:#FFF!important;height:37px}::ng-deep .custom-select-overlay-panel .ul-ac,.custom-select-input .ul-ac,.custom-select-component .ul-ac{max-height:16rem;overflow:auto;background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;padding:0;width:100%;position:relative;margin-top:-1px}::ng-deep .custom-select-overlay-panel .ul-ac li,.custom-select-input .ul-ac li,.custom-select-component .ul-ac li{text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px;font-size:12px}::ng-deep .custom-select-overlay-panel .ul-ac li:hover,.custom-select-input .ul-ac li:hover,.custom-select-component .ul-ac li:hover{background:#bbbcbc}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex,.custom-select-input .ul-ac li .mat-form-field-flex,.custom-select-component .ul-ac li .mat-form-field-flex{height:37px!important}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input,.custom-select-input .ul-ac li .mat-form-field-flex input,.custom-select-component .ul-ac li .mat-form-field-flex input{height:auto}::ng-deep .custom-select-overlay-panel .ul-ac .li-add,.custom-select-input .ul-ac .li-add,.custom-select-component .ul-ac .li-add{border-top:1px solid lightgray}::ng-deep .custom-select-overlay-panel .ul-ac .li-add .fa,.custom-select-input .ul-ac .li-add .fa,.custom-select-component .ul-ac .li-add .fa{padding-right:5px;color:#ff8f17}::ng-deep .custom-select-overlay-panel .selected,.custom-select-input .selected,.custom-select-component .selected{background-color:#898a8a!important}::ng-deep .custom-select-overlay-panel .selected .fa,.custom-select-input .selected .fa,.custom-select-component .selected .fa{color:#fff!important}::ng-deep .custom-select-overlay-panel .remove-icon i,.custom-select-input .remove-icon i,.custom-select-component .remove-icon i{color:red;margin-right:10px}::ng-deep .custom-select-overlay-panel .open-icon,.custom-select-input .open-icon,.custom-select-component .open-icon{cursor:pointer}::ng-deep .custom-select-overlay-panel .open-icon i,.custom-select-input .open-icon i,.custom-select-component .open-icon i{color:#0000008a}::ng-deep .custom-select-overlay-panel .li-search,.custom-select-input .li-search,.custom-select-component .li-search{cursor:default!important;border-bottom:1px solid #CCC!important}::ng-deep .custom-select-overlay-panel .li-search:hover,.custom-select-input .li-search:hover,.custom-select-component .li-search:hover{background:#FFF!important}::ng-deep .custom-select-overlay-panel .select-open .mat-form-field-flex,.custom-select-input .select-open .mat-form-field-flex,.custom-select-component .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6$1.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }, { kind: "directive", type: i1$2.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"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i6.SelectFilterPipe, name: "selectFilter" }] });
826
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CustomSelectComponent, decorators: [{
827
+ type: Component,
828
+ args: [{ selector: 'custom-select', providers: [{
829
+ provide: NG_VALUE_ACCESSOR,
830
+ useExisting: forwardRef(() => CustomSelectComponent),
831
+ multi: true
832
+ }], template: "<div class=\"custom-select-input\" #trigger>\r\n <mat-form-field cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"custom-select-component\" [ngClass]=\"{'select-open' : opened}\" appearance=\"fill\" autocomplete=\"off\">\r\n <input matInput #input\r\n [placeholder]=\"placeHolder\"\r\n (focus)=\"opened = true\"\r\n (blur)=\"onBlur($event)\"\r\n [(ngModel)]=\"value\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [disabled]=\"disabled\"\r\n (keyup)=keyPress()\r\n (click)=\"clicked()\"\r\n dndDropzone\r\n (dndDrop)=\"onDrop($event)\"\r\n autocomplete=\"off\"\r\n />\r\n <span *ngIf=\"allowRemove\" title=\"Remover\" class=\"remove-icon\" (click)=\"removeClick($event)\">\r\n <i class=\"fa fa-times\"></i>\r\n </span>\r\n <span class=\"open-icon\" (click)=\"arrowClick($event)\">\r\n <i class=\"fas\" [ngClass]=\"{'fa-caret-down' : !opened, 'fa-caret-up' : opened}\"></i>\r\n </span>\r\n </mat-form-field>\r\n</div>\r\n<div class=\"custom-select-component\">\r\n\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayPanelClass]=\"'custom-select-overlay-panel'\"\r\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"origin\"\r\n [cdkConnectedOverlayOpen]=\"opened\"\r\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width!\">\r\n <ul class=\"ul-ac\">\r\n <li class=\"li-search search-input-item\">\r\n <mat-form-field class=\"apipass-input-text search-input-item\" appearance=\"fill\">\r\n <input matInput class=\"search-input-item\"\r\n [placeholder]=\"findPlaceHolder\"\r\n [(ngModel)]=\"searchText\"\r\n (blur)=\"onBlur($event)\"\r\n aria-autocomplete=\"none\"\r\n autocomplete=\"off\"\r\n />\r\n </mat-form-field>\r\n </li>\r\n\r\n <li class=\"clickable\" *ngFor=\"let i of items | selectFilter:searchText:'text'\"\r\n (click)=\"selectItem(i)\"\r\n (mousedown)=\"selectItem(i)\">\r\n {{i.text}}\r\n </li>\r\n\r\n <li *ngIf=\"allowAddItem\" class=\"li-add\" (mousedown)=\"addItem()\" (click)=\"addItem()\">\r\n <span class=\"fa fa-plus-circle\"></span>\r\n <span>{{addItemLabel}}</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</div>\r\n", styles: ["::ng-deep .custom-select-overlay-panel,.custom-select-input,.custom-select-component{cursor:pointer}::ng-deep .custom-select-overlay-panel input,.custom-select-input input,.custom-select-component input{background:#FFF!important;height:37px}::ng-deep .custom-select-overlay-panel .ul-ac,.custom-select-input .ul-ac,.custom-select-component .ul-ac{max-height:16rem;overflow:auto;background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;padding:0;width:100%;position:relative;margin-top:-1px}::ng-deep .custom-select-overlay-panel .ul-ac li,.custom-select-input .ul-ac li,.custom-select-component .ul-ac li{text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px;font-size:12px}::ng-deep .custom-select-overlay-panel .ul-ac li:hover,.custom-select-input .ul-ac li:hover,.custom-select-component .ul-ac li:hover{background:#bbbcbc}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex,.custom-select-input .ul-ac li .mat-form-field-flex,.custom-select-component .ul-ac li .mat-form-field-flex{height:37px!important}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input,.custom-select-input .ul-ac li .mat-form-field-flex input,.custom-select-component .ul-ac li .mat-form-field-flex input{height:auto}::ng-deep .custom-select-overlay-panel .ul-ac .li-add,.custom-select-input .ul-ac .li-add,.custom-select-component .ul-ac .li-add{border-top:1px solid lightgray}::ng-deep .custom-select-overlay-panel .ul-ac .li-add .fa,.custom-select-input .ul-ac .li-add .fa,.custom-select-component .ul-ac .li-add .fa{padding-right:5px;color:#ff8f17}::ng-deep .custom-select-overlay-panel .selected,.custom-select-input .selected,.custom-select-component .selected{background-color:#898a8a!important}::ng-deep .custom-select-overlay-panel .selected .fa,.custom-select-input .selected .fa,.custom-select-component .selected .fa{color:#fff!important}::ng-deep .custom-select-overlay-panel .remove-icon i,.custom-select-input .remove-icon i,.custom-select-component .remove-icon i{color:red;margin-right:10px}::ng-deep .custom-select-overlay-panel .open-icon,.custom-select-input .open-icon,.custom-select-component .open-icon{cursor:pointer}::ng-deep .custom-select-overlay-panel .open-icon i,.custom-select-input .open-icon i,.custom-select-component .open-icon i{color:#0000008a}::ng-deep .custom-select-overlay-panel .li-search,.custom-select-input .li-search,.custom-select-component .li-search{cursor:default!important;border-bottom:1px solid #CCC!important}::ng-deep .custom-select-overlay-panel .li-search:hover,.custom-select-input .li-search:hover,.custom-select-component .li-search:hover{background:#FFF!important}::ng-deep .custom-select-overlay-panel .select-open .mat-form-field-flex,.custom-select-input .select-open .mat-form-field-flex,.custom-select-component .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}\n"] }]
833
+ }], ctorParameters: function () { return [{ type: i1$2.ScrollStrategyOptions }]; }, propDecorators: { disabled: [{
834
+ type: Input
835
+ }], items: [{
836
+ type: Input
837
+ }], allowTyping: [{
838
+ type: Input
839
+ }], allowRemove: [{
840
+ type: Input
841
+ }], allowAddItem: [{
842
+ type: Input
843
+ }], addItemLabel: [{
844
+ type: Input
845
+ }], placeHolder: [{
846
+ type: Input
847
+ }], findPlaceHolder: [{
848
+ type: Input
849
+ }], searchText: [{
850
+ type: Input
851
+ }], onSelect: [{
852
+ type: Output
853
+ }], onUnSelect: [{
854
+ type: Output
855
+ }], onAddItem: [{
856
+ type: Output
857
+ }], trigger: [{
858
+ type: ViewChild,
859
+ args: ['trigger']
860
+ }], input: [{
861
+ type: ViewChild,
862
+ args: ['input', { read: ElementRef }]
863
+ }], tabindex: [{
864
+ type: HostBinding,
865
+ args: ['attr.tabindex']
866
+ }], onBlur: [{
867
+ type: HostListener,
868
+ args: ['blur', ['$event.target']]
869
+ }] } });
870
+
871
+ class InputFileComponent {
872
+ constructor() {
873
+ this.fileFormData = new FormData();
874
+ this.canRemove = false;
875
+ this.canUpload = false;
876
+ this.uploadTitle = '';
877
+ this.canModify = false;
878
+ this.modifyTitle = '';
879
+ this.iconFontSize = '16px';
880
+ this.emptyFileLabel = '';
881
+ this.fileTypes = [];
882
+ this.onFileChanged = new EventEmitter();
883
+ this.onInvalidFileType = new EventEmitter();
884
+ this.fileUrl = false;
885
+ }
886
+ hasFile() {
887
+ return this.fileUrl;
888
+ }
889
+ canAction() {
890
+ return this.canRemove || this.canModify || this.canUpload;
891
+ }
892
+ fileChange(event) {
893
+ const fileList = event.target.files;
894
+ if (fileList.length > 0) {
895
+ const file = fileList[0];
896
+ this.fileName = file.name;
897
+ if (!this.isFileTypeSupported(file.type)) {
898
+ this.onInvalidFileType.emit({ fileName: this.fileName, typesSupported: this.fileTypes, typeInvalid: file.type });
899
+ return;
900
+ }
901
+ this.fileFormData = new FormData();
902
+ this.fileFormData.append('file', file, file.name);
903
+ const reader = new FileReader();
904
+ reader.readAsDataURL(fileList[0]);
905
+ reader.onload = (loadEvent) => {
906
+ this.fileUrl = true;
907
+ this.emitChangeEvent();
908
+ };
909
+ }
910
+ }
911
+ isFileTypeSupported(fileType) {
912
+ return !this.fileTypes || this.fileTypes.includes(fileType);
913
+ }
914
+ emitChangeEvent() {
915
+ this.onFileChanged.emit({ fileUrl: this.fileUrl, fileFormData: this.fileFormData });
916
+ }
917
+ }
918
+ InputFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
919
+ InputFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputFileComponent, selector: "input-file", inputs: { fileFormData: "fileFormData", fileName: "fileName", canRemove: "canRemove", canUpload: "canUpload", uploadTitle: "uploadTitle", canModify: "canModify", modifyTitle: "modifyTitle", iconFontSize: "iconFontSize", emptyFileLabel: "emptyFileLabel", fileTypes: "fileTypes" }, outputs: { onFileChanged: "onFileChanged", onInvalidFileType: "onInvalidFileType" }, ngImport: i0, template: " <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n <div class=\"input-file\">\r\n <div class=\"file-name\" *ngIf=\"fileName || emptyFileLabel\" >\r\n {{fileName || emptyFileLabel}}\r\n </div>\r\n <div class=\"file-actions\">\r\n <icon *ngIf=\"!hasFile() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasFile() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n </div>\r\n </div>\r\n", styles: [".input-file{width:100%;display:flex;align-items:center;justify-content:flex-start}.input-file .file-name{width:100%;color:var(--color-primary);white-space:nowrap}.input-file .file-actions{display:flex;justify-content:flex-end;align-items:center;padding-left:5px}.input-file .file-actions icon{margin-left:5px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }], encapsulation: i0.ViewEncapsulation.None });
920
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputFileComponent, decorators: [{
921
+ type: Component,
922
+ args: [{ selector: 'input-file', encapsulation: ViewEncapsulation.None, template: " <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n <div class=\"input-file\">\r\n <div class=\"file-name\" *ngIf=\"fileName || emptyFileLabel\" >\r\n {{fileName || emptyFileLabel}}\r\n </div>\r\n <div class=\"file-actions\">\r\n <icon *ngIf=\"!hasFile() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasFile() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n </div>\r\n </div>\r\n", styles: [".input-file{width:100%;display:flex;align-items:center;justify-content:flex-start}.input-file .file-name{width:100%;color:var(--color-primary);white-space:nowrap}.input-file .file-actions{display:flex;justify-content:flex-end;align-items:center;padding-left:5px}.input-file .file-actions icon{margin-left:5px;cursor:pointer}\n"] }]
923
+ }], propDecorators: { fileFormData: [{
924
+ type: Input
925
+ }], fileName: [{
926
+ type: Input
927
+ }], canRemove: [{
928
+ type: Input
929
+ }], canUpload: [{
930
+ type: Input
931
+ }], uploadTitle: [{
932
+ type: Input
933
+ }], canModify: [{
934
+ type: Input
935
+ }], modifyTitle: [{
936
+ type: Input
937
+ }], iconFontSize: [{
938
+ type: Input
939
+ }], emptyFileLabel: [{
940
+ type: Input
941
+ }], fileTypes: [{
942
+ type: Input
943
+ }], onFileChanged: [{
944
+ type: Output
945
+ }], onInvalidFileType: [{
946
+ type: Output
947
+ }] } });
948
+
949
+ /* tslint:disable */
950
+ class AceEditorComponent {
951
+ constructor(elementRef, zone) {
952
+ this.zone = zone;
953
+ this.textChanged = new EventEmitter();
954
+ this.textChange = new EventEmitter();
955
+ this.style = {};
956
+ // @ts-ignore
957
+ this._options = {};
958
+ // @ts-ignore
959
+ this._theme = 'monokai';
960
+ // @ts-ignore
961
+ this._mode = 'html';
962
+ // @ts-ignore
963
+ this._autoUpdateContent = true;
964
+ // @ts-ignore
965
+ this._durationBeforeCallback = 0;
966
+ // @ts-ignore
967
+ this._text = '';
968
+ this._onChange = (_) => {
969
+ };
970
+ this._onTouched = () => {
971
+ };
972
+ const el = elementRef.nativeElement;
973
+ this.zone.runOutsideAngular(() => {
974
+ this._editor = ace['edit'](el);
975
+ });
976
+ this._editor.$blockScrolling = Infinity;
977
+ }
978
+ ngOnInit() {
979
+ this.init();
980
+ this.initEvents();
981
+ }
982
+ ngOnDestroy() {
983
+ this._editor.destroy();
984
+ }
985
+ init() {
986
+ this.setOptions(this._options || {});
987
+ this.setTheme(this._theme);
988
+ this.setMode(this._mode);
989
+ this.setReadOnly(this._readOnly);
990
+ }
991
+ initEvents() {
992
+ this._editor.on('change', () => this.updateText());
993
+ this._editor.on('paste', () => this.updateText());
994
+ }
995
+ updateText() {
996
+ const newVal = this._editor.getValue();
997
+ if (newVal === this.oldText) {
998
+ return;
999
+ }
1000
+ if (!this._durationBeforeCallback) {
1001
+ this._text = newVal;
1002
+ this.zone.run(() => {
1003
+ this.textChange.emit(newVal);
1004
+ this.textChanged.emit(newVal);
1005
+ });
1006
+ this._onChange(newVal);
1007
+ }
1008
+ else {
1009
+ if (this.timeoutSaving) {
1010
+ clearTimeout(this.timeoutSaving);
1011
+ }
1012
+ this.timeoutSaving = setTimeout(() => {
1013
+ this._text = newVal;
1014
+ this.zone.run(() => {
1015
+ this.textChange.emit(newVal);
1016
+ this.textChanged.emit(newVal);
1017
+ });
1018
+ this.timeoutSaving = null;
1019
+ }, this._durationBeforeCallback);
1020
+ }
1021
+ this.oldText = newVal;
1022
+ }
1023
+ set options(options) {
1024
+ this.setOptions(options);
1025
+ }
1026
+ setOptions(options) {
1027
+ this._options = options;
1028
+ this._editor.setOptions(options || {});
1029
+ }
1030
+ set readOnly(readOnly) {
1031
+ this.setReadOnly(readOnly);
1032
+ }
1033
+ setReadOnly(readOnly) {
1034
+ this._readOnly = readOnly;
1035
+ this._editor.setReadOnly(readOnly);
1036
+ }
1037
+ set theme(theme) {
1038
+ this.setTheme(theme);
1039
+ }
1040
+ setTheme(theme) {
1041
+ this._theme = theme;
1042
+ this._editor.setTheme(`ace/theme/${theme}`);
1043
+ }
1044
+ set mode(mode) {
1045
+ this.setMode(mode);
1046
+ }
1047
+ setMode(mode) {
1048
+ this._mode = mode;
1049
+ if (typeof this._mode === 'object') {
1050
+ this._editor.getSession().setMode(this._mode);
1051
+ }
1052
+ else {
1053
+ this._editor.getSession().setMode(`ace/mode/${this._mode}`);
1054
+ }
1055
+ }
1056
+ // @ts-ignore
1057
+ get value() {
1058
+ return this.text;
1059
+ }
1060
+ // @ts-ignore
1061
+ set value(value) {
1062
+ this.setText(value);
1063
+ }
1064
+ writeValue(value) {
1065
+ this.setText(value);
1066
+ }
1067
+ registerOnChange(fn) {
1068
+ this._onChange = fn;
1069
+ }
1070
+ registerOnTouched(fn) {
1071
+ this._onTouched = fn;
1072
+ }
1073
+ get text() {
1074
+ return this._text;
1075
+ }
1076
+ set text(text) {
1077
+ this.setText(text);
1078
+ }
1079
+ setText(text) {
1080
+ if (text === null || text === undefined) {
1081
+ text = '';
1082
+ }
1083
+ if (this._text !== text && this._autoUpdateContent) {
1084
+ this._text = text;
1085
+ this._editor.setValue(text);
1086
+ this._onChange(text);
1087
+ this._editor.clearSelection();
1088
+ }
1089
+ }
1090
+ set autoUpdateContent(status) {
1091
+ this.setAutoUpdateContent(status);
1092
+ }
1093
+ setAutoUpdateContent(status) {
1094
+ this._autoUpdateContent = status;
1095
+ }
1096
+ set durationBeforeCallback(num) {
1097
+ this.setDurationBeforeCallback(num);
1098
+ }
1099
+ setDurationBeforeCallback(num) {
1100
+ this._durationBeforeCallback = num;
1101
+ }
1102
+ getEditor() {
1103
+ return this._editor;
1104
+ }
1105
+ }
1106
+ AceEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: AceEditorComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
1107
+ AceEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: AceEditorComponent, selector: "ace-editor", inputs: { style: "style", options: "options", readOnly: "readOnly", theme: "theme", mode: "mode", value: "value", text: "text", autoUpdateContent: "autoUpdateContent", durationBeforeCallback: "durationBeforeCallback" }, outputs: { textChanged: "textChanged", textChange: "textChange" }, providers: [{
1108
+ provide: NG_VALUE_ACCESSOR,
1109
+ useExisting: forwardRef(() => AceEditorComponent),
1110
+ multi: true
1111
+ }], ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:100%}\n"] });
1112
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: AceEditorComponent, decorators: [{
1113
+ type: Component,
1114
+ args: [{ selector: 'ace-editor', template: '', providers: [{
1115
+ provide: NG_VALUE_ACCESSOR,
1116
+ useExisting: forwardRef(() => AceEditorComponent),
1117
+ multi: true
1118
+ }], styles: [":host{display:block;width:100%}\n"] }]
1119
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { textChanged: [{
1120
+ type: Output
1121
+ }], textChange: [{
1122
+ type: Output
1123
+ }], style: [{
1124
+ type: Input
1125
+ }], options: [{
1126
+ type: Input
1127
+ }], readOnly: [{
1128
+ type: Input
1129
+ }], theme: [{
1130
+ type: Input
1131
+ }], mode: [{
1132
+ type: Input
1133
+ }], value: [{
1134
+ type: Input
1135
+ }], text: [{
1136
+ type: Input
1137
+ }], autoUpdateContent: [{
1138
+ type: Input
1139
+ }], durationBeforeCallback: [{
1140
+ type: Input
1141
+ }] } });
1142
+
1143
+ /* tslint:disable */
1144
+ class AceEditorDirective {
1145
+ constructor(elementRef, zone) {
1146
+ this.zone = zone;
1147
+ this.textChanged = new EventEmitter();
1148
+ this.textChange = new EventEmitter();
1149
+ this._options = {};
1150
+ this._readOnly = false;
1151
+ this._theme = 'monokai';
1152
+ this._mode = 'html';
1153
+ this._autoUpdateContent = true;
1154
+ this._durationBeforeCallback = 0;
1155
+ this._text = '';
1156
+ const el = elementRef.nativeElement;
1157
+ this.zone.runOutsideAngular(() => {
1158
+ this.editor = ace['edit'](el);
1159
+ });
1160
+ this.editor.$blockScrolling = Infinity;
1161
+ }
1162
+ ngOnInit() {
1163
+ this.init();
1164
+ this.initEvents();
1165
+ }
1166
+ ngOnDestroy() {
1167
+ this.editor.destroy();
1168
+ }
1169
+ init() {
1170
+ this.editor.setOptions(this._options || {});
1171
+ this.editor.setTheme(`ace/theme/${this._theme}`);
1172
+ this.setMode(this._mode);
1173
+ this.editor.setReadOnly(this._readOnly);
1174
+ }
1175
+ initEvents() {
1176
+ this.editor.on('change', () => this.updateText());
1177
+ this.editor.on('paste', () => this.updateText());
1178
+ }
1179
+ updateText() {
1180
+ const newVal = this.editor.getValue();
1181
+ if (newVal === this.oldText) {
1182
+ return;
1183
+ }
1184
+ if (!this._durationBeforeCallback) {
1185
+ this._text = newVal;
1186
+ this.zone.run(() => {
1187
+ this.textChange.emit(newVal);
1188
+ this.textChanged.emit(newVal);
1189
+ });
1190
+ }
1191
+ else {
1192
+ if (this.timeoutSaving != null) {
1193
+ clearTimeout(this.timeoutSaving);
1194
+ }
1195
+ this.timeoutSaving = setTimeout(() => {
1196
+ this._text = newVal;
1197
+ this.zone.run(() => {
1198
+ this.textChange.emit(newVal);
1199
+ this.textChanged.emit(newVal);
1200
+ });
1201
+ this.timeoutSaving = null;
1202
+ }, this._durationBeforeCallback);
1203
+ }
1204
+ this.oldText = newVal;
1205
+ }
1206
+ set options(options) {
1207
+ this._options = options;
1208
+ this.editor.setOptions(options || {});
1209
+ }
1210
+ set readOnly(readOnly) {
1211
+ this._readOnly = readOnly;
1212
+ this.editor.setReadOnly(readOnly);
1213
+ }
1214
+ set theme(theme) {
1215
+ this._theme = theme;
1216
+ this.editor.setTheme(`ace/theme/${theme}`);
1217
+ }
1218
+ set mode(mode) {
1219
+ this.setMode(mode);
1220
+ }
1221
+ setMode(mode) {
1222
+ this._mode = mode;
1223
+ if (typeof this._mode === 'object') {
1224
+ this.editor.getSession().setMode(this._mode);
1225
+ }
1226
+ else {
1227
+ this.editor.getSession().setMode(`ace/mode/${this._mode}`);
1228
+ }
1229
+ }
1230
+ // @ts-ignore
1231
+ get text() {
1232
+ return this._text;
1233
+ }
1234
+ set text(text) {
1235
+ this.setText(text);
1236
+ }
1237
+ setText(text) {
1238
+ if (this._text !== text) {
1239
+ if (text === null || text === undefined) {
1240
+ text = '';
1241
+ }
1242
+ if (this._autoUpdateContent) {
1243
+ this._text = text;
1244
+ this.editor.setValue(text);
1245
+ this.editor.clearSelection();
1246
+ }
1247
+ }
1248
+ }
1249
+ set autoUpdateContent(status) {
1250
+ this._autoUpdateContent = status;
1251
+ }
1252
+ set durationBeforeCallback(num) {
1253
+ this.setDurationBeforeCallback(num);
1254
+ }
1255
+ setDurationBeforeCallback(num) {
1256
+ this._durationBeforeCallback = num;
1257
+ }
1258
+ get aceEditor() {
1259
+ return this.editor;
1260
+ }
1261
+ }
1262
+ AceEditorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: AceEditorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
1263
+ AceEditorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: AceEditorDirective, selector: "[ace-editor]", inputs: { options: "options", readOnly: "readOnly", theme: "theme", mode: "mode", text: "text", autoUpdateContent: "autoUpdateContent", durationBeforeCallback: "durationBeforeCallback" }, outputs: { textChanged: "textChanged", textChange: "textChange" }, ngImport: i0 });
1264
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: AceEditorDirective, decorators: [{
1265
+ type: Directive,
1266
+ args: [{
1267
+ selector: '[ace-editor]'
1268
+ }]
1269
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { textChanged: [{
1270
+ type: Output
1271
+ }], textChange: [{
1272
+ type: Output
1273
+ }], options: [{
1274
+ type: Input
1275
+ }], readOnly: [{
1276
+ type: Input
1277
+ }], theme: [{
1278
+ type: Input
1279
+ }], mode: [{
1280
+ type: Input
1281
+ }], text: [{
1282
+ type: Input
1283
+ }], autoUpdateContent: [{
1284
+ type: Input
1285
+ }], durationBeforeCallback: [{
1286
+ type: Input
1287
+ }] } });
1288
+
1289
+ class InputNumberComponent extends ValueAccessorBase {
1290
+ constructor() {
1291
+ super(...arguments);
1292
+ this.label = '';
1293
+ this.disabled = false;
1294
+ this.iconSuffix = '';
1295
+ this.iconPrefix = '';
1296
+ this.autoComplete = 'on';
1297
+ this.suffixIconClick = new EventEmitter();
1298
+ this.prefixIconClick = new EventEmitter();
1299
+ }
1300
+ onKeyDown(event) {
1301
+ if (event.which === 32) {
1302
+ event.target.value += ' ';
1303
+ }
1304
+ event.stopPropagation();
1305
+ }
1306
+ prefixClick() {
1307
+ this.prefixIconClick.emit(true);
1308
+ }
1309
+ suffixClick() {
1310
+ this.suffixIconClick.emit(true);
1311
+ }
1312
+ }
1313
+ InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1314
+ InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputNumberComponent, selector: "input-number", inputs: { label: "label", disabled: "disabled", iconSuffix: "iconSuffix", iconPrefix: "iconPrefix", autoComplete: "autoComplete" }, outputs: { suffixIconClick: "suffixIconClick", prefixIconClick: "prefixIconClick" }, providers: [{
1315
+ provide: NG_VALUE_ACCESSOR,
1316
+ useExisting: forwardRef(() => InputNumberComponent),
1317
+ multi: true
1318
+ }], usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"apipass-input-text label-input\" appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-icon class=\"mat-icon-prefix\" matPrefix *ngIf=\"iconPrefix\" (click)=\"prefixClick()\">{{iconPrefix}}</mat-icon>\r\n <input matInput type=\"number\" class=\"input-text\" [(ngModel)]=\"value\" [disabled]=\"disabled\" [autocomplete]=\"autoComplete\" />\r\n <mat-icon class=\"mat-icon-suffix\" matSuffix *ngIf=\"iconSuffix\" (click)=\"suffixClick()\">{{iconSuffix}}</mat-icon>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-text .mat-icon-suffix{margin-left:5px}.apipass-input-text .mat-icon-prefix{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
1319
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputNumberComponent, decorators: [{
1320
+ type: Component,
1321
+ args: [{ selector: 'input-number', providers: [{
1322
+ provide: NG_VALUE_ACCESSOR,
1323
+ useExisting: forwardRef(() => InputNumberComponent),
1324
+ multi: true
1325
+ }], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"apipass-input-text label-input\" appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-icon class=\"mat-icon-prefix\" matPrefix *ngIf=\"iconPrefix\" (click)=\"prefixClick()\">{{iconPrefix}}</mat-icon>\r\n <input matInput type=\"number\" class=\"input-text\" [(ngModel)]=\"value\" [disabled]=\"disabled\" [autocomplete]=\"autoComplete\" />\r\n <mat-icon class=\"mat-icon-suffix\" matSuffix *ngIf=\"iconSuffix\" (click)=\"suffixClick()\">{{iconSuffix}}</mat-icon>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-input-underline,.mat-form-field-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mat-form-field-flex{border:none!important}.no-border .mat-form-field-flex input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%}.apipass-input-text .mat-form-field-flex{padding:10px!important}.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.apipass-date-filter .mat-form-field-wrapper{padding:0!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{padding:2px 5px 2px 2px!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%}.custom-select-component .mat-form-field-flex{padding:1px 10px!important}.apipass-select{width:100%}.apipass-select .mat-form-field-flex{padding:10px 5px 10px 10px!important}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-form-field-flex{padding:7px 10px!important}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-text .mat-icon-suffix{margin-left:5px}.apipass-input-text .mat-icon-prefix{margin-right:5px}\n"] }]
1326
+ }], propDecorators: { label: [{
1327
+ type: Input
1328
+ }], disabled: [{
1329
+ type: Input
1330
+ }], iconSuffix: [{
1331
+ type: Input
1332
+ }], iconPrefix: [{
1333
+ type: Input
1334
+ }], autoComplete: [{
1335
+ type: Input
1336
+ }], suffixIconClick: [{
1337
+ type: Output
1338
+ }], prefixIconClick: [{
1339
+ type: Output
1340
+ }] } });
1341
+
1342
+ class InputBooleanComponent extends ValueAccessorBase {
1343
+ constructor() {
1344
+ super(...arguments);
1345
+ this.trueLabel = '';
1346
+ this.trueIconPrefix = '';
1347
+ this.trueIconSuffix = '';
1348
+ this.falseLabel = '';
1349
+ this.falseIconPrefix = '';
1350
+ this.falseIconSuffix = '';
1351
+ this.disabled = false;
1352
+ }
1353
+ trueClick() {
1354
+ if (!this.disabled && !this.value) {
1355
+ this.value = true;
1356
+ }
1357
+ }
1358
+ falseClick() {
1359
+ if (!this.disabled && this.value) {
1360
+ this.value = false;
1361
+ }
1362
+ }
1363
+ }
1364
+ InputBooleanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputBooleanComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
1365
+ InputBooleanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputBooleanComponent, selector: "input-boolean", inputs: { trueLabel: "trueLabel", trueIconPrefix: "trueIconPrefix", trueIconSuffix: "trueIconSuffix", falseLabel: "falseLabel", falseIconPrefix: "falseIconPrefix", falseIconSuffix: "falseIconSuffix", disabled: "disabled" }, providers: [{
1366
+ provide: NG_VALUE_ACCESSOR,
1367
+ useExisting: forwardRef(() => InputBooleanComponent),
1368
+ multi: true
1369
+ }], usesInheritance: true, ngImport: i0, template: "<div class=\"input-boolean\">\r\n\r\n <primary-button class=\"btn-true\"\r\n [selected]=\"this.value === true\"\r\n [label]=\"trueLabel\"\r\n [icon]=\"trueIconPrefix\"\r\n [suffixIcon]=\"trueIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"trueClick()\">\r\n </primary-button>\r\n\r\n <primary-button class=\"btn-false\"\r\n [selected]=\"this.value === false || this.value === undefined\"\r\n [label]=\"falseLabel\"\r\n [icon]=\"falseIconPrefix\"\r\n [suffixIcon]=\"falseIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"falseClick()\">\r\n </primary-button>\r\n\r\n</div>\r\n", styles: [".input-boolean{width:100%;display:flex;flex-wrap:wrap}.input-boolean primary-button:first-child{margin-right:5px}.input-boolean primary-button button:not(.selected){background:#FFF;color:var(--color-fonts-tertiary);border:1px solid var(--color-fonts-tertiary);cursor:pointer}.input-boolean primary-button button:not(.selected):hover{color:#fff}.input-boolean primary-button button:not(.selected).mat-button-disabled{color:var(--color-fonts-tertiary)!important;pointer-events:none!important;cursor:default!important}.input-boolean primary-button button.selected{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary);pointer-events:none;cursor:default}.input-boolean primary-button button.selected:hover{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary)}.input-boolean primary-button button.selected.mat-button-disabled{background:var(--color-fonts-tertiary);color:#fff!important;pointer-events:none!important;cursor:default!important}\n"], dependencies: [{ kind: "component", type: i1$3.PrimaryButtonComponent, selector: "primary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }], encapsulation: i0.ViewEncapsulation.None });
1370
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputBooleanComponent, decorators: [{
1371
+ type: Component,
1372
+ args: [{ selector: 'input-boolean', providers: [{
1373
+ provide: NG_VALUE_ACCESSOR,
1374
+ useExisting: forwardRef(() => InputBooleanComponent),
1375
+ multi: true
1376
+ }], encapsulation: ViewEncapsulation.None, template: "<div class=\"input-boolean\">\r\n\r\n <primary-button class=\"btn-true\"\r\n [selected]=\"this.value === true\"\r\n [label]=\"trueLabel\"\r\n [icon]=\"trueIconPrefix\"\r\n [suffixIcon]=\"trueIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"trueClick()\">\r\n </primary-button>\r\n\r\n <primary-button class=\"btn-false\"\r\n [selected]=\"this.value === false || this.value === undefined\"\r\n [label]=\"falseLabel\"\r\n [icon]=\"falseIconPrefix\"\r\n [suffixIcon]=\"falseIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"falseClick()\">\r\n </primary-button>\r\n\r\n</div>\r\n", styles: [".input-boolean{width:100%;display:flex;flex-wrap:wrap}.input-boolean primary-button:first-child{margin-right:5px}.input-boolean primary-button button:not(.selected){background:#FFF;color:var(--color-fonts-tertiary);border:1px solid var(--color-fonts-tertiary);cursor:pointer}.input-boolean primary-button button:not(.selected):hover{color:#fff}.input-boolean primary-button button:not(.selected).mat-button-disabled{color:var(--color-fonts-tertiary)!important;pointer-events:none!important;cursor:default!important}.input-boolean primary-button button.selected{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary);pointer-events:none;cursor:default}.input-boolean primary-button button.selected:hover{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary)}.input-boolean primary-button button.selected.mat-button-disabled{background:var(--color-fonts-tertiary);color:#fff!important;pointer-events:none!important;cursor:default!important}\n"] }]
1377
+ }], propDecorators: { trueLabel: [{
1378
+ type: Input
1379
+ }], trueIconPrefix: [{
1380
+ type: Input
1381
+ }], trueIconSuffix: [{
1382
+ type: Input
1383
+ }], falseLabel: [{
1384
+ type: Input
1385
+ }], falseIconPrefix: [{
1386
+ type: Input
1387
+ }], falseIconSuffix: [{
1388
+ type: Input
1389
+ }], disabled: [{
1390
+ type: Input
1391
+ }] } });
1392
+
1393
+ class DebouceInputDirective {
1394
+ constructor(ngModel) {
1395
+ this.ngModel = ngModel;
1396
+ this.debounceTime = 500;
1397
+ this.onDebounceTriggered = new EventEmitter();
1398
+ this.subscription = this.ngModel.control.valueChanges.pipe(skip(1), distinctUntilChanged(), debounceTime(this.debounceTime)).subscribe((value) => this.onDebounceTriggered.emit(value));
1399
+ }
1400
+ ngOnDestroy() {
1401
+ if (this.subscription) {
1402
+ this.subscription.unsubscribe();
1403
+ }
1404
+ }
1405
+ }
1406
+ DebouceInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: DebouceInputDirective, deps: [{ token: i2.NgModel }], target: i0.ɵɵFactoryTarget.Directive });
1407
+ DebouceInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: DebouceInputDirective, selector: "[debounceInput]", inputs: { debounceTime: "debounceTime" }, outputs: { onDebounceTriggered: "onDebounceTriggered" }, ngImport: i0 });
1408
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: DebouceInputDirective, decorators: [{
1409
+ type: Directive,
1410
+ args: [{
1411
+ selector: '[debounceInput]',
1412
+ }]
1413
+ }], ctorParameters: function () { return [{ type: i2.NgModel }]; }, propDecorators: { debounceTime: [{
1414
+ type: Input
1415
+ }], onDebounceTriggered: [{
1416
+ type: Output
1417
+ }] } });
1418
+
1419
+ class SelectInterpolationComponent {
1420
+ constructor(sso) {
1421
+ this.sso = sso;
1422
+ this.edited = false;
1423
+ this.selectedItemLabel = '';
1424
+ this.searchText = '';
1425
+ this.opened = false;
1426
+ this.disabled = false;
1427
+ this.items = [];
1428
+ this.placeHolder = 'Select';
1429
+ this.findPlaceHolder = 'Find item';
1430
+ this.onSelect = new EventEmitter();
1431
+ this.tabindex = '0';
1432
+ this.onTouchedCallback = () => {
1433
+ };
1434
+ this.onChangeCallback = () => {
1435
+ };
1436
+ this.scrollStrategy = this.sso.block();
1437
+ }
1438
+ onBlur(target) {
1439
+ if (this.selectedItemLabel) {
1440
+ if (this.edited) {
1441
+ this.writeValue(this.selectedItemLabel);
1442
+ this.selectedItem = new CustomSelectItem(this.selectedItemLabel, this.selectedItemLabel);
1443
+ this.onSelect.next(this.selectedItem);
1444
+ }
1445
+ }
1446
+ else {
1447
+ this.writeValue(undefined);
1448
+ this.onSelect.next(undefined);
1449
+ }
1450
+ if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
1451
+ return;
1452
+ }
1453
+ this.setTriggerRect();
1454
+ this.opened = false;
1455
+ }
1456
+ ngAfterViewInit() {
1457
+ setTimeout(() => {
1458
+ this.setInitialState();
1459
+ this.setTriggerRect();
1460
+ }, 300);
1461
+ }
1462
+ setInitialState() {
1463
+ setTimeout(() => {
1464
+ if (this.value && this.items) {
1465
+ const selectedItem = this.items.find(item => item.id === this.value);
1466
+ this.selectedItemLabel = selectedItem?.text || this.value;
1467
+ }
1468
+ });
1469
+ }
1470
+ setTriggerRect() {
1471
+ setTimeout(() => {
1472
+ this._triggerRect = this.trigger?.nativeElement.getBoundingClientRect();
1473
+ });
1474
+ }
1475
+ selectItem(item) {
1476
+ this.opened = false;
1477
+ this.edited = false;
1478
+ this.selectedItem = item;
1479
+ this.value = item.id;
1480
+ this.selectedItemLabel = item.text;
1481
+ this.searchText = '';
1482
+ this.onSelect.next(item);
1483
+ }
1484
+ keyPress() {
1485
+ this.setTriggerRect();
1486
+ this.opened = false;
1487
+ this.edited = true;
1488
+ this.searchText = '';
1489
+ }
1490
+ clicked() {
1491
+ this.setTriggerRect();
1492
+ this.opened = true;
1493
+ this.searchText = '';
1494
+ }
1495
+ get value() {
1496
+ return this.innerValue;
1497
+ }
1498
+ set value(value) {
1499
+ this.innerValue = value;
1500
+ this.onChangeCallback(value);
1501
+ }
1502
+ writeValue(value) {
1503
+ if (value !== this.value) {
1504
+ this.value = value;
1505
+ }
1506
+ }
1507
+ registerOnChange(fn) {
1508
+ this.onChangeCallback = fn;
1509
+ }
1510
+ registerOnTouched(fn) {
1511
+ this.onTouchedCallback = fn;
1512
+ }
1513
+ setDisabledState(isDisabled) {
1514
+ this.disabled = isDisabled;
1515
+ }
1516
+ arrowClick(event) {
1517
+ event.stopPropagation();
1518
+ this.setTriggerRect();
1519
+ if (this.opened) {
1520
+ this.opened = false;
1521
+ }
1522
+ else {
1523
+ this.opened = true;
1524
+ this.searchText = '';
1525
+ this.input?.nativeElement.focus();
1526
+ }
1527
+ }
1528
+ onDrop($event) {
1529
+ this.searchText = '';
1530
+ if (!this.value) {
1531
+ this.value = '';
1532
+ }
1533
+ this.edited = true;
1534
+ this.value += `{{${$event.data}}}`;
1535
+ this.selectedItemLabel = this.value;
1536
+ this.onBlur(undefined);
1537
+ }
1538
+ }
1539
+ SelectInterpolationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SelectInterpolationComponent, deps: [{ token: i1$2.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Component });
1540
+ SelectInterpolationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: SelectInterpolationComponent, selector: "select-interpolation", inputs: { disabled: "disabled", items: "items", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder" }, outputs: { onSelect: "onSelect" }, host: { listeners: { "blur": "onBlur($event.target)" }, properties: { "attr.tabindex": "this.tabindex" } }, providers: [{
1541
+ provide: NG_VALUE_ACCESSOR,
1542
+ useExisting: forwardRef(() => SelectInterpolationComponent),
1543
+ multi: true
1544
+ }], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"custom-select-input\" #trigger>\r\n <mat-form-field cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"custom-select-component\" [ngClass]=\"{'select-open' : opened}\" appearance=\"fill\" autocomplete=\"off\">\r\n <input matInput #input\r\n [placeholder]=\"placeHolder\"\r\n (focus)=\"opened = true\"\r\n (blur)=\"onBlur($event)\"\r\n [(ngModel)]=\"selectedItemLabel\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [disabled]=\"disabled\"\r\n (keyup)=keyPress()\r\n (click)=\"clicked()\"\r\n dndDropzone\r\n (dndDrop)=\"onDrop($event)\"\r\n autocomplete=\"off\"\r\n />\r\n <span class=\"open-icon\" (click)=\"arrowClick($event)\">\r\n <i class=\"fas\" [ngClass]=\"{'fa-caret-down' : !opened, 'fa-caret-up' : opened}\"></i>\r\n </span>\r\n </mat-form-field>\r\n</div>\r\n<div class=\"custom-select-component\">\r\n\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayPanelClass]=\"'custom-select-overlay-panel'\"\r\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"origin\"\r\n [cdkConnectedOverlayOpen]=\"opened\"\r\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width!\">\r\n <ul class=\"ul-ac\">\r\n <li class=\"li-search search-input-item\">\r\n <mat-form-field class=\"apipass-input-text search-input-item\" appearance=\"fill\">\r\n <input matInput class=\"search-input-item\"\r\n [placeholder]=\"findPlaceHolder\"\r\n [(ngModel)]=\"searchText\"\r\n (blur)=\"onBlur($event)\"\r\n aria-autocomplete=\"none\"\r\n autocomplete=\"off\"\r\n />\r\n </mat-form-field>\r\n </li>\r\n\r\n <li class=\"clickable\" *ngFor=\"let i of items | selectFilter:searchText:'text'\"\r\n (click)=\"selectItem(i)\"\r\n (mousedown)=\"selectItem(i)\">\r\n {{i.text}}\r\n </li>\r\n\r\n </ul>\r\n </ng-template>\r\n</div>\r\n", styles: ["::ng-deep .custom-select-overlay-panel,.custom-select-input,.custom-select-component{cursor:pointer}::ng-deep .custom-select-overlay-panel input,.custom-select-input input,.custom-select-component input{background:#FFF!important;height:48px}::ng-deep .custom-select-overlay-panel .ul-ac,.custom-select-input .ul-ac,.custom-select-component .ul-ac{max-height:16rem;overflow:auto;background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;padding:0;width:100%;position:relative;margin-top:-1px}::ng-deep .custom-select-overlay-panel .ul-ac li,.custom-select-input .ul-ac li,.custom-select-component .ul-ac li{text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px;font-size:12px}::ng-deep .custom-select-overlay-panel .ul-ac li:hover,.custom-select-input .ul-ac li:hover,.custom-select-component .ul-ac li:hover{background:#bbbcbc}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex,.custom-select-input .ul-ac li .mat-form-field-flex,.custom-select-component .ul-ac li .mat-form-field-flex{height:37px!important}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input,.custom-select-input .ul-ac li .mat-form-field-flex input,.custom-select-component .ul-ac li .mat-form-field-flex input{height:auto}::ng-deep .custom-select-overlay-panel .selected,.custom-select-input .selected,.custom-select-component .selected{background-color:#898a8a!important}::ng-deep .custom-select-overlay-panel .selected .fa,.custom-select-input .selected .fa,.custom-select-component .selected .fa{color:#fff!important}::ng-deep .custom-select-overlay-panel .remove-icon i,.custom-select-input .remove-icon i,.custom-select-component .remove-icon i{color:red;margin-right:10px}::ng-deep .custom-select-overlay-panel .open-icon,.custom-select-input .open-icon,.custom-select-component .open-icon{cursor:pointer}::ng-deep .custom-select-overlay-panel .open-icon i,.custom-select-input .open-icon i,.custom-select-component .open-icon i{color:#0000008a}::ng-deep .custom-select-overlay-panel .li-search,.custom-select-input .li-search,.custom-select-component .li-search{cursor:default!important;border-bottom:1px solid #CCC!important}::ng-deep .custom-select-overlay-panel .li-search:hover,.custom-select-input .li-search:hover,.custom-select-component .li-search:hover{background:#FFF!important}::ng-deep .custom-select-overlay-panel .select-open .mat-form-field-flex,.custom-select-input .select-open .mat-form-field-flex,.custom-select-component .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6$1.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }, { kind: "directive", type: i1$2.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"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1$2.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i6.SelectFilterPipe, name: "selectFilter" }] });
1545
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: SelectInterpolationComponent, decorators: [{
1546
+ type: Component,
1547
+ args: [{ selector: 'select-interpolation', providers: [{
1548
+ provide: NG_VALUE_ACCESSOR,
1549
+ useExisting: forwardRef(() => SelectInterpolationComponent),
1550
+ multi: true
1551
+ }], template: "<div class=\"custom-select-input\" #trigger>\r\n <mat-form-field cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"custom-select-component\" [ngClass]=\"{'select-open' : opened}\" appearance=\"fill\" autocomplete=\"off\">\r\n <input matInput #input\r\n [placeholder]=\"placeHolder\"\r\n (focus)=\"opened = true\"\r\n (blur)=\"onBlur($event)\"\r\n [(ngModel)]=\"selectedItemLabel\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [disabled]=\"disabled\"\r\n (keyup)=keyPress()\r\n (click)=\"clicked()\"\r\n dndDropzone\r\n (dndDrop)=\"onDrop($event)\"\r\n autocomplete=\"off\"\r\n />\r\n <span class=\"open-icon\" (click)=\"arrowClick($event)\">\r\n <i class=\"fas\" [ngClass]=\"{'fa-caret-down' : !opened, 'fa-caret-up' : opened}\"></i>\r\n </span>\r\n </mat-form-field>\r\n</div>\r\n<div class=\"custom-select-component\">\r\n\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayPanelClass]=\"'custom-select-overlay-panel'\"\r\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"origin\"\r\n [cdkConnectedOverlayOpen]=\"opened\"\r\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width!\">\r\n <ul class=\"ul-ac\">\r\n <li class=\"li-search search-input-item\">\r\n <mat-form-field class=\"apipass-input-text search-input-item\" appearance=\"fill\">\r\n <input matInput class=\"search-input-item\"\r\n [placeholder]=\"findPlaceHolder\"\r\n [(ngModel)]=\"searchText\"\r\n (blur)=\"onBlur($event)\"\r\n aria-autocomplete=\"none\"\r\n autocomplete=\"off\"\r\n />\r\n </mat-form-field>\r\n </li>\r\n\r\n <li class=\"clickable\" *ngFor=\"let i of items | selectFilter:searchText:'text'\"\r\n (click)=\"selectItem(i)\"\r\n (mousedown)=\"selectItem(i)\">\r\n {{i.text}}\r\n </li>\r\n\r\n </ul>\r\n </ng-template>\r\n</div>\r\n", styles: ["::ng-deep .custom-select-overlay-panel,.custom-select-input,.custom-select-component{cursor:pointer}::ng-deep .custom-select-overlay-panel input,.custom-select-input input,.custom-select-component input{background:#FFF!important;height:48px}::ng-deep .custom-select-overlay-panel .ul-ac,.custom-select-input .ul-ac,.custom-select-component .ul-ac{max-height:16rem;overflow:auto;background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;padding:0;width:100%;position:relative;margin-top:-1px}::ng-deep .custom-select-overlay-panel .ul-ac li,.custom-select-input .ul-ac li,.custom-select-component .ul-ac li{text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px;font-size:12px}::ng-deep .custom-select-overlay-panel .ul-ac li:hover,.custom-select-input .ul-ac li:hover,.custom-select-component .ul-ac li:hover{background:#bbbcbc}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex,.custom-select-input .ul-ac li .mat-form-field-flex,.custom-select-component .ul-ac li .mat-form-field-flex{height:37px!important}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input,.custom-select-input .ul-ac li .mat-form-field-flex input,.custom-select-component .ul-ac li .mat-form-field-flex input{height:auto}::ng-deep .custom-select-overlay-panel .selected,.custom-select-input .selected,.custom-select-component .selected{background-color:#898a8a!important}::ng-deep .custom-select-overlay-panel .selected .fa,.custom-select-input .selected .fa,.custom-select-component .selected .fa{color:#fff!important}::ng-deep .custom-select-overlay-panel .remove-icon i,.custom-select-input .remove-icon i,.custom-select-component .remove-icon i{color:red;margin-right:10px}::ng-deep .custom-select-overlay-panel .open-icon,.custom-select-input .open-icon,.custom-select-component .open-icon{cursor:pointer}::ng-deep .custom-select-overlay-panel .open-icon i,.custom-select-input .open-icon i,.custom-select-component .open-icon i{color:#0000008a}::ng-deep .custom-select-overlay-panel .li-search,.custom-select-input .li-search,.custom-select-component .li-search{cursor:default!important;border-bottom:1px solid #CCC!important}::ng-deep .custom-select-overlay-panel .li-search:hover,.custom-select-input .li-search:hover,.custom-select-component .li-search:hover{background:#FFF!important}::ng-deep .custom-select-overlay-panel .select-open .mat-form-field-flex,.custom-select-input .select-open .mat-form-field-flex,.custom-select-component .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}\n"] }]
1552
+ }], ctorParameters: function () { return [{ type: i1$2.ScrollStrategyOptions }]; }, propDecorators: { disabled: [{
1553
+ type: Input
1554
+ }], items: [{
1555
+ type: Input
1556
+ }], placeHolder: [{
1557
+ type: Input
1558
+ }], findPlaceHolder: [{
1559
+ type: Input
1560
+ }], onSelect: [{
1561
+ type: Output
1562
+ }], trigger: [{
1563
+ type: ViewChild,
1564
+ args: ['trigger']
1565
+ }], input: [{
1566
+ type: ViewChild,
1567
+ args: ['input', { read: ElementRef }]
1568
+ }], tabindex: [{
1569
+ type: HostBinding,
1570
+ args: ['attr.tabindex']
1571
+ }], onBlur: [{
1572
+ type: HostListener,
1573
+ args: ['blur', ['$event.target']]
1574
+ }] } });
1575
+
1576
+ class InputsModule {
1577
+ }
1578
+ InputsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1579
+ InputsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.3", ngImport: i0, type: InputsModule, declarations: [MatSelectInfiniteScrollDirective,
1580
+ SelectBoxComponent,
1581
+ SelectEnumComponent,
1582
+ InputTextComponent,
1583
+ InputNumberComponent,
1584
+ InputBooleanComponent,
1585
+ InputPasswordComponent,
1586
+ InputAvatarComponent,
1587
+ InputFileComponent,
1588
+ CustomSelectComponent,
1589
+ SelectInterpolationComponent,
1590
+ FieldComponent,
1591
+ AceEditorComponent,
1592
+ AceEditorDirective,
1593
+ DebouceInputDirective], imports: [i1$4.RouterModule, CommonModule,
1594
+ FormsModule,
1595
+ MatFormFieldModule,
1596
+ MatInputModule,
1597
+ MatPasswordStrengthModule,
1598
+ MatSelectModule,
1599
+ NgSelectModule,
1600
+ PipeModule,
1601
+ MatIconModule,
1602
+ IconsModule,
1603
+ MatTooltipModule,
1604
+ DndModule,
1605
+ ButtonsModule,
1606
+ OverlayModule], exports: [SelectBoxComponent,
1607
+ SelectEnumComponent,
1608
+ InputTextComponent,
1609
+ InputNumberComponent,
1610
+ InputBooleanComponent,
1611
+ InputPasswordComponent,
1612
+ InputAvatarComponent,
1613
+ InputFileComponent,
1614
+ CustomSelectComponent,
1615
+ SelectInterpolationComponent,
1616
+ FieldComponent,
1617
+ AceEditorComponent,
1618
+ AceEditorDirective,
1619
+ DebouceInputDirective] });
1620
+ InputsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputsModule, imports: [RouterModule.forChild([]),
1621
+ CommonModule,
1622
+ FormsModule,
1623
+ MatFormFieldModule,
1624
+ MatInputModule,
1625
+ MatPasswordStrengthModule,
1626
+ MatSelectModule,
1627
+ NgSelectModule,
1628
+ PipeModule,
1629
+ MatIconModule,
1630
+ IconsModule,
1631
+ MatTooltipModule,
1632
+ DndModule,
1633
+ ButtonsModule,
1634
+ OverlayModule] });
1635
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputsModule, decorators: [{
1636
+ type: NgModule,
1637
+ args: [{
1638
+ imports: [
1639
+ RouterModule.forChild([]),
1640
+ CommonModule,
1641
+ FormsModule,
1642
+ MatFormFieldModule,
1643
+ MatInputModule,
1644
+ MatPasswordStrengthModule,
1645
+ MatSelectModule,
1646
+ NgSelectModule,
1647
+ PipeModule,
1648
+ MatIconModule,
1649
+ IconsModule,
1650
+ MatTooltipModule,
1651
+ DndModule,
1652
+ ButtonsModule,
1653
+ OverlayModule,
1654
+ ],
1655
+ declarations: [
1656
+ MatSelectInfiniteScrollDirective,
1657
+ SelectBoxComponent,
1658
+ SelectEnumComponent,
1659
+ InputTextComponent,
1660
+ InputNumberComponent,
1661
+ InputBooleanComponent,
1662
+ InputPasswordComponent,
1663
+ InputAvatarComponent,
1664
+ InputFileComponent,
1665
+ CustomSelectComponent,
1666
+ SelectInterpolationComponent,
1667
+ FieldComponent,
1668
+ AceEditorComponent,
1669
+ AceEditorDirective,
1670
+ DebouceInputDirective
1671
+ ],
1672
+ exports: [
1673
+ SelectBoxComponent,
1674
+ SelectEnumComponent,
1675
+ InputTextComponent,
1676
+ InputNumberComponent,
1677
+ InputBooleanComponent,
1678
+ InputPasswordComponent,
1679
+ InputAvatarComponent,
1680
+ InputFileComponent,
1681
+ CustomSelectComponent,
1682
+ SelectInterpolationComponent,
1683
+ FieldComponent,
1684
+ AceEditorComponent,
1685
+ AceEditorDirective,
1686
+ DebouceInputDirective
1687
+ ],
1688
+ providers: [],
1689
+ }]
1690
+ }] });
1691
+
1692
+ /**
1693
+ * Generated bundle index. Do not edit.
1694
+ */
1695
+
1696
+ export { AceEditorComponent, AceEditorDirective, CustomSelectComponent, CustomSelectItem, DebouceInputDirective, FieldComponent, InputAvatarComponent, InputBooleanComponent, InputFileComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputsModule, SelectBoxComponent, SelectEnumComponent, SelectInterpolationComponent };
1697
+ //# sourceMappingURL=apipass-inputs.mjs.map