@apipass/inputs 0.1.2 → 0.1.6-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/apipass-inputs.d.ts +5 -6
  2. package/assets/css/buttons.scss +112 -112
  3. package/assets/css/colors.scss +34 -34
  4. package/assets/css/fonts.scss +24 -24
  5. package/assets/css/inputs.scss +197 -197
  6. package/assets/css/pt_sans.scss +143 -143
  7. package/assets/css/spacing.scss +28 -28
  8. package/assets/css/texts.scss +18 -18
  9. package/bundles/apipass-inputs.umd.js +1855 -1011
  10. package/bundles/apipass-inputs.umd.js.map +1 -1
  11. package/bundles/apipass-inputs.umd.min.js +2 -2
  12. package/bundles/apipass-inputs.umd.min.js.map +1 -1
  13. package/custom-select/custom-select-item.d.ts +5 -5
  14. package/custom-select/custom-select.component.d.ts +41 -38
  15. package/esm2015/apipass-inputs.js +5 -7
  16. package/esm2015/custom-select/custom-select-item.js +7 -7
  17. package/esm2015/custom-select/custom-select.component.js +254 -147
  18. package/esm2015/field/field.component.js +94 -33
  19. package/esm2015/input-avatar/input-avatar.component.js +167 -77
  20. package/esm2015/input-file/input-file.component.js +133 -0
  21. package/esm2015/input-password/input-password.component.js +159 -75
  22. package/esm2015/input-text/input-text.component.js +118 -50
  23. package/esm2015/inputs.module.js +121 -68
  24. package/esm2015/public-api.js +11 -10
  25. package/esm2015/select-box/mat-select-infinite-scroll.directive.js +86 -83
  26. package/esm2015/select-box/select-box.component.js +227 -132
  27. package/esm2015/select-enum/select-enum.component.js +97 -38
  28. package/esm2015/value-acessor-base.js +31 -31
  29. package/fesm2015/apipass-inputs.js +1402 -696
  30. package/fesm2015/apipass-inputs.js.map +1 -1
  31. package/field/field.component.d.ts +15 -12
  32. package/input-avatar/input-avatar.component.d.ts +29 -26
  33. package/input-file/input-file.component.d.ts +31 -0
  34. package/input-password/input-password.component.d.ts +29 -26
  35. package/input-text/input-text.component.d.ts +17 -14
  36. package/inputs.module.d.ts +29 -2
  37. package/package.json +13 -11
  38. package/public-api.d.ts +10 -9
  39. package/select-box/mat-select-infinite-scroll.directive.d.ts +26 -23
  40. package/select-box/select-box.component.d.ts +43 -40
  41. package/select-enum/select-enum.component.d.ts +12 -9
  42. package/value-acessor-base.d.ts +13 -13
  43. package/apipass-inputs.metadata.json +0 -1
@@ -1,719 +1,1425 @@
1
- import { Component, forwardRef, ViewEncapsulation, Input, EventEmitter, ChangeDetectionStrategy, Output, ViewChild, Directive, NgZone, HostBinding, HostListener, NgModule } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
3
- import { CommonModule } from '@angular/common';
4
- import { MatFormFieldModule } from '@angular/material/form-field';
5
- import { MatInputModule } from '@angular/material/input';
1
+ import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵadvance, ɵɵproperty, ɵɵtext, ɵɵpipe, ɵɵtextInterpolate, ɵɵpipeBind1, ɵɵdefineComponent, ɵɵProvidersFeature, forwardRef, ɵɵInheritDefinitionFeature, ɵɵtemplate, ɵɵpipeBind2, ɵɵgetInheritedFactory, ɵsetClassMetadata, Component, ViewEncapsulation, Input, ɵɵreference, ɵɵtextInterpolate2, ɵɵelement, EventEmitter, ɵɵpureFunction1, ChangeDetectionStrategy, Output, ɵɵpureFunction3, ɵɵpureFunction2, ɵɵsanitizeUrl, ɵɵprojectionDef, ɵɵprojection, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ViewChild, ɵɵdirectiveInject, NgZone, ɵɵdefineDirective, Directive, ɵɵtextInterpolate1, ɵɵpipeBind3, ɵɵstaticViewQuery, ɵɵattribute, ɵɵpureFunction0, HostBinding, HostListener, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
2
+ import { NG_VALUE_ACCESSOR, NgControlStatus, NgModel, DefaultValueAccessor, RequiredValidator, MinLengthValidator, FormsModule } from '@angular/forms';
3
+ import { NgIf, NgForOf, NgClass, NgStyle, CommonModule } from '@angular/common';
4
+ import { MatFormField, MatSuffix, MatLabel, MatHint, MatFormFieldModule } from '@angular/material/form-field';
6
5
  import { MatSelect, MatSelectModule } from '@angular/material/select';
7
- import { MatIconModule } from '@angular/material/icon';
8
- import { MatTooltipModule } from '@angular/material/tooltip';
6
+ import { MatOption } from '@angular/material/core';
7
+ import { SelectEnumFilterPipe, EnumPipe, SelectFilterPipe, PipeModule } from '@apipass/pipes';
8
+ import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
9
+ import { MatInput, MatInputModule } from '@angular/material/input';
10
+ import { MatIcon, MatIconModule } from '@angular/material/icon';
11
+ import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
9
12
  import { inRange } from 'lodash';
13
+ import { MatPassToggleVisibilityComponent, MatPasswordStrengthComponent, MatPasswordStrengthInfoComponent, MatPasswordStrengthModule } from '@angular-material-extensions/password-strength';
14
+ import { IconComponent, IconsModule } from '@apipass/icons';
10
15
  import { Subject, fromEvent } from 'rxjs';
11
16
  import { debounceTime, distinctUntilChanged, takeUntil, tap } from 'rxjs/operators';
17
+ import { NgSelectComponent, ɵh, ɵf, NgSelectModule } from '@ng-select/ng-select';
12
18
  import { MatSelectFilterModule } from 'mat-select-filter';
13
- import { NgSelectModule } from '@ng-select/ng-select';
14
- import { DndModule } from 'ngx-drag-drop';
15
- import { IconsModule } from '@apipass/icons';
16
- import { PipeModule } from '@apipass/pipes';
17
- import { TranslateModule } from '@ngx-translate/core';
19
+ import { DndDropzoneDirective, DndModule } from 'ngx-drag-drop';
18
20
  import { RouterModule } from '@angular/router';
19
- import { MatPasswordStrengthModule } from '@angular-material-extensions/password-strength';
20
21
 
21
- class ValueAccessorBase {
22
- constructor() {
23
- this.onChange = () => { };
24
- this.onTouched = () => { };
25
- }
26
- get value() {
27
- return this.innerValue;
28
- }
29
- set value(value) {
30
- value = this.changeValue(value);
31
- this.innerValue = value;
32
- this.onChange(value);
33
- this.onTouched();
34
- }
35
- changeValue(value) {
36
- return value;
37
- }
38
- writeValue(value) {
39
- this.innerValue = value;
40
- }
41
- registerOnChange(fn) {
42
- this.onChange = fn;
43
- }
44
- registerOnTouched(fn) {
45
- this.onTouched = fn;
46
- }
47
- touch() {
48
- this.onTouched.forEach((f) => f());
49
- }
22
+ class ValueAccessorBase {
23
+ constructor() {
24
+ this.onChange = () => { };
25
+ this.onTouched = () => { };
26
+ }
27
+ get value() {
28
+ return this.innerValue;
29
+ }
30
+ set value(value) {
31
+ value = this.changeValue(value);
32
+ this.innerValue = value;
33
+ this.onChange(value);
34
+ this.onTouched();
35
+ }
36
+ changeValue(value) {
37
+ return value;
38
+ }
39
+ writeValue(value) {
40
+ this.innerValue = value;
41
+ }
42
+ registerOnChange(fn) {
43
+ this.onChange = fn;
44
+ }
45
+ registerOnTouched(fn) {
46
+ this.onTouched = fn;
47
+ }
48
+ touch() {
49
+ this.onTouched.forEach((f) => f());
50
+ }
50
51
  }
51
52
 
52
- class SelectEnumComponent extends ValueAccessorBase {
53
- constructor() {
54
- super(...arguments);
55
- this.placeholder = 'Selecione';
56
- this.enabledSearch = true;
57
- this.disabled = false;
58
- this.search = '';
59
- }
60
- onKeyDown(event) {
61
- if (event.which === 32) {
62
- event.target.value += ' ';
63
- }
64
- event.stopPropagation();
65
- }
66
- }
67
- SelectEnumComponent.decorators = [
68
- { type: Component, args: [{
69
- selector: 'select-enum',
70
- 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\" />\r\n </mat-option>\r\n <mat-option *ngFor=\"let enumData of data | enum | selectEnumFilter: search\" [value]=\"enumData.key\">{{enumData.value | translate}}</mat-option>\r\n </mat-select>\r\n</mat-form-field>\r\n",
71
- providers: [{
72
- provide: NG_VALUE_ACCESSOR,
73
- useExisting: forwardRef(() => SelectEnumComponent),
74
- multi: true
75
- }],
76
- encapsulation: ViewEncapsulation.None,
77
- styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}"]
78
- },] }
79
- ];
80
- SelectEnumComponent.propDecorators = {
81
- placeholder: [{ type: Input }],
82
- enabledSearch: [{ type: Input }],
83
- data: [{ type: Input }],
84
- disabled: [{ type: Input }]
85
- };
53
+ function SelectEnumComponent_mat_option_2_Template(rf, ctx) { if (rf & 1) {
54
+ const _r3 = ɵɵgetCurrentView();
55
+ ɵɵelementStart(0, "mat-option", 4);
56
+ ɵɵlistener("keydown", function SelectEnumComponent_mat_option_2_Template_mat_option_keydown_0_listener($event) { ɵɵrestoreView(_r3); const ctx_r2 = ɵɵnextContext(); return ctx_r2.onKeyDown($event); });
57
+ ɵɵelementStart(1, "input", 5);
58
+ ɵɵlistener("ngModelChange", function SelectEnumComponent_mat_option_2_Template_input_ngModelChange_1_listener($event) { ɵɵrestoreView(_r3); const ctx_r4 = ɵɵnextContext(); return ctx_r4.search = $event; });
59
+ ɵɵelementEnd();
60
+ ɵɵelementEnd();
61
+ } if (rf & 2) {
62
+ const ctx_r0 = ɵɵnextContext();
63
+ ɵɵadvance(1);
64
+ ɵɵproperty("ngModel", ctx_r0.search);
65
+ } }
66
+ function SelectEnumComponent_mat_option_3_Template(rf, ctx) { if (rf & 1) {
67
+ ɵɵelementStart(0, "mat-option", 6);
68
+ ɵɵtext(1);
69
+ ɵɵpipe(2, "translate");
70
+ ɵɵelementEnd();
71
+ } if (rf & 2) {
72
+ const enumData_r5 = ctx.$implicit;
73
+ ɵɵproperty("value", enumData_r5.key);
74
+ ɵɵadvance(1);
75
+ ɵɵtextInterpolate(ɵɵpipeBind1(2, 2, enumData_r5.value));
76
+ } }
77
+ class SelectEnumComponent extends ValueAccessorBase {
78
+ constructor() {
79
+ super(...arguments);
80
+ this.placeholder = 'Selecione';
81
+ this.enabledSearch = true;
82
+ this.disabled = false;
83
+ this.search = '';
84
+ }
85
+ onKeyDown(event) {
86
+ if (event.which === 32) {
87
+ event.target.value += ' ';
88
+ }
89
+ event.stopPropagation();
90
+ }
91
+ }
92
+ SelectEnumComponent.ɵfac = function SelectEnumComponent_Factory(t) { return ɵSelectEnumComponent_BaseFactory(t || SelectEnumComponent); };
93
+ SelectEnumComponent.ɵcmp = ɵɵdefineComponent({ type: SelectEnumComponent, selectors: [["select-enum"]], inputs: { placeholder: "placeholder", enabledSearch: "enabledSearch", data: "data", disabled: "disabled" }, features: [ɵɵProvidersFeature([{
94
+ provide: NG_VALUE_ACCESSOR,
95
+ useExisting: forwardRef(() => SelectEnumComponent),
96
+ multi: true
97
+ }]), ɵɵInheritDefinitionFeature], decls: 6, vars: 10, consts: [["appearance", "fill", 1, "apipass-select", "apipass-select-enum"], [3, "ngModel", "disabled", "placeholder", "ngModelChange", "click"], ["class", "mat-select-input", "disabled", "disabled", 3, "keydown", 4, "ngIf"], [3, "value", 4, "ngFor", "ngForOf"], ["disabled", "disabled", 1, "mat-select-input", 3, "keydown"], ["type", "text", 1, "form-control", 3, "ngModel", "ngModelChange"], [3, "value"]], template: function SelectEnumComponent_Template(rf, ctx) { if (rf & 1) {
98
+ ɵɵelementStart(0, "mat-form-field", 0);
99
+ ɵɵelementStart(1, "mat-select", 1);
100
+ ɵɵlistener("ngModelChange", function SelectEnumComponent_Template_mat_select_ngModelChange_1_listener($event) { return ctx.value = $event; })("click", function SelectEnumComponent_Template_mat_select_click_1_listener() { return ctx.search = ""; });
101
+ ɵɵtemplate(2, SelectEnumComponent_mat_option_2_Template, 2, 1, "mat-option", 2);
102
+ ɵɵtemplate(3, SelectEnumComponent_mat_option_3_Template, 3, 4, "mat-option", 3);
103
+ ɵɵpipe(4, "selectEnumFilter");
104
+ ɵɵpipe(5, "enum");
105
+ ɵɵelementEnd();
106
+ ɵɵelementEnd();
107
+ } if (rf & 2) {
108
+ ɵɵadvance(1);
109
+ ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled)("placeholder", ctx.placeholder);
110
+ ɵɵadvance(1);
111
+ ɵɵproperty("ngIf", ctx.enabledSearch);
112
+ ɵɵadvance(1);
113
+ ɵɵproperty("ngForOf", ɵɵpipeBind2(4, 5, ɵɵpipeBind1(5, 8, ctx.data), ctx.search));
114
+ } }, directives: [MatFormField, MatSelect, NgControlStatus, NgModel, NgIf, NgForOf, MatOption, DefaultValueAccessor], pipes: [SelectEnumFilterPipe, EnumPipe, TranslatePipe], styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}"], encapsulation: 2 });
115
+ const ɵSelectEnumComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SelectEnumComponent);
116
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(SelectEnumComponent, [{
117
+ type: Component,
118
+ args: [{
119
+ selector: 'select-enum',
120
+ templateUrl: 'select-enum.component.html',
121
+ styleUrls: ['select-enum.component.scss'],
122
+ providers: [{
123
+ provide: NG_VALUE_ACCESSOR,
124
+ useExisting: forwardRef(() => SelectEnumComponent),
125
+ multi: true
126
+ }],
127
+ encapsulation: ViewEncapsulation.None
128
+ }]
129
+ }], null, { placeholder: [{
130
+ type: Input
131
+ }], enabledSearch: [{
132
+ type: Input
133
+ }], data: [{
134
+ type: Input
135
+ }], disabled: [{
136
+ type: Input
137
+ }] }); })();
86
138
 
87
- class InputPasswordComponent extends ValueAccessorBase {
88
- constructor() {
89
- super();
90
- this.label = '';
91
- this.disabled = false;
92
- this.showPasswordRuleDetails = false;
93
- this.showPasswordLengthDetails = false;
94
- this.enableLengthRule = false;
95
- this.enableLowerCaseLetterRule = false;
96
- this.enableUpperCaseLetterRule = false;
97
- this.enableDigitRule = false;
98
- this.enableSpecialCharRule = false;
99
- this.minLength = 0;
100
- this.maxLength = 200;
101
- this.strengthToValid = 100;
102
- this.lowerCaseCriteriaMsg = 'Your password must have a lowercase letter';
103
- this.upperCaseCriteriaMsg = 'Your password must have an uppercase letter';
104
- this.digitsCriteriaMsg = 'Your password must have a number';
105
- this.specialCharsCriteriaMsg = 'Your password must have a special character';
106
- this.minCharsCriteriaMsg = `Your password must be at least ${this.minLength} characters`;
107
- this.onValidPassword = new EventEmitter();
108
- }
109
- onKeyDown(event) {
110
- if (event.which === 32) {
111
- event.target.value += ' ';
112
- }
113
- event.stopPropagation();
114
- }
115
- onStrengthChanged(strength) {
116
- this.onValidPassword.emit(strength >= this.getStrength());
117
- }
118
- getStrength() {
119
- return inRange(this.strengthToValid, 0, 100) ? this.strengthToValid : 100;
120
- }
121
- }
122
- InputPasswordComponent.decorators = [
123
- { type: Component, args: [{
124
- selector: 'input-password',
125
- 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",
126
- providers: [{
127
- provide: NG_VALUE_ACCESSOR,
128
- useExisting: forwardRef(() => InputPasswordComponent),
129
- multi: true
130
- }],
131
- changeDetection: ChangeDetectionStrategy.OnPush,
132
- encapsulation: ViewEncapsulation.None,
133
- styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-password mat-pass-toggle-visibility{color:var(--color-primary);cursor:pointer}"]
134
- },] }
135
- ];
136
- InputPasswordComponent.ctorParameters = () => [];
137
- InputPasswordComponent.propDecorators = {
138
- label: [{ type: Input }],
139
- disabled: [{ type: Input }],
140
- showPasswordRuleDetails: [{ type: Input }],
141
- showPasswordLengthDetails: [{ type: Input }],
142
- enableLengthRule: [{ type: Input }],
143
- enableLowerCaseLetterRule: [{ type: Input }],
144
- enableUpperCaseLetterRule: [{ type: Input }],
145
- enableDigitRule: [{ type: Input }],
146
- enableSpecialCharRule: [{ type: Input }],
147
- minLength: [{ type: Input }],
148
- maxLength: [{ type: Input }],
149
- strengthToValid: [{ type: Input }],
150
- lowerCaseCriteriaMsg: [{ type: Input }],
151
- upperCaseCriteriaMsg: [{ type: Input }],
152
- digitsCriteriaMsg: [{ type: Input }],
153
- specialCharsCriteriaMsg: [{ type: Input }],
154
- minCharsCriteriaMsg: [{ type: Input }],
155
- onValidPassword: [{ type: Output }]
156
- };
139
+ function InputPasswordComponent_mat_label_1_Template(rf, ctx) { if (rf & 1) {
140
+ ɵɵelementStart(0, "mat-label");
141
+ ɵɵtext(1);
142
+ ɵɵelementEnd();
143
+ } if (rf & 2) {
144
+ const ctx_r0 = ɵɵnextContext();
145
+ ɵɵadvance(1);
146
+ ɵɵtextInterpolate(ctx_r0.label);
147
+ } }
148
+ function InputPasswordComponent_mat_hint_6_Template(rf, ctx) { if (rf & 1) {
149
+ ɵɵelementStart(0, "mat-hint", 10);
150
+ ɵɵtext(1);
151
+ ɵɵelementEnd();
152
+ } if (rf & 2) {
153
+ ɵɵnextContext();
154
+ const _r1 = ɵɵreference(3);
155
+ const _r4 = ɵɵreference(8);
156
+ ɵɵadvance(1);
157
+ ɵɵtextInterpolate2(" ", _r1.value.length, " / ", _r4.max, " ");
158
+ } }
159
+ function InputPasswordComponent_mat_password_strength_info_9_Template(rf, ctx) { if (rf & 1) {
160
+ ɵɵelement(0, "mat-password-strength-info", 11);
161
+ } if (rf & 2) {
162
+ const ctx_r5 = ɵɵnextContext();
163
+ const _r4 = ɵɵreference(8);
164
+ ɵɵproperty("lowerCaseCriteriaMsg", ctx_r5.lowerCaseCriteriaMsg)("upperCaseCriteriaMsg", ctx_r5.upperCaseCriteriaMsg)("digitsCriteriaMsg", ctx_r5.digitsCriteriaMsg)("specialCharsCriteriaMsg", ctx_r5.specialCharsCriteriaMsg)("minCharsCriteriaMsg", ctx_r5.minCharsCriteriaMsg)("passwordComponent", _r4);
165
+ } }
166
+ const _c0 = function (a0) { return { "label-input": a0 }; };
167
+ class InputPasswordComponent extends ValueAccessorBase {
168
+ constructor() {
169
+ super();
170
+ this.label = '';
171
+ this.disabled = false;
172
+ this.showPasswordRuleDetails = false;
173
+ this.showPasswordLengthDetails = false;
174
+ this.enableLengthRule = false;
175
+ this.enableLowerCaseLetterRule = false;
176
+ this.enableUpperCaseLetterRule = false;
177
+ this.enableDigitRule = false;
178
+ this.enableSpecialCharRule = false;
179
+ this.minLength = 0;
180
+ this.maxLength = 200;
181
+ this.strengthToValid = 100;
182
+ this.lowerCaseCriteriaMsg = 'Your password must have a lowercase letter';
183
+ this.upperCaseCriteriaMsg = 'Your password must have an uppercase letter';
184
+ this.digitsCriteriaMsg = 'Your password must have a number';
185
+ this.specialCharsCriteriaMsg = 'Your password must have a special character';
186
+ this.minCharsCriteriaMsg = `Your password must be at least ${this.minLength} characters`;
187
+ this.onValidPassword = new EventEmitter();
188
+ }
189
+ onKeyDown(event) {
190
+ if (event.which === 32) {
191
+ event.target.value += ' ';
192
+ }
193
+ event.stopPropagation();
194
+ }
195
+ onStrengthChanged(strength) {
196
+ this.onValidPassword.emit(strength >= this.getStrength());
197
+ }
198
+ getStrength() {
199
+ return inRange(this.strengthToValid, 0, 100) ? this.strengthToValid : 100;
200
+ }
201
+ }
202
+ InputPasswordComponent.ɵfac = function InputPasswordComponent_Factory(t) { return new (t || InputPasswordComponent)(); };
203
+ InputPasswordComponent.ɵcmp = ɵɵdefineComponent({ type: InputPasswordComponent, selectors: [["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" }, features: [ɵɵProvidersFeature([{
204
+ provide: NG_VALUE_ACCESSOR,
205
+ useExisting: forwardRef(() => InputPasswordComponent),
206
+ multi: true
207
+ }]), ɵɵInheritDefinitionFeature], decls: 10, vars: 20, consts: [["appearance", "fill", 1, "apipass-input-password", "apipass-input-text", 3, "color", "ngClass"], [4, "ngIf"], ["matInput", "", "required", "", 1, "apipass-input", 3, "type", "disabled", "maxLength", "minlength", "ngModel", "ngModelChange"], ["password", ""], ["matSuffix", ""], ["toggle", ""], ["align", "end", "aria-live", "polite", 4, "ngIf"], [1, "green", 3, "enableLengthRule", "min", "max", "enableLowerCaseLetterRule", "enableUpperCaseLetterRule", "enableDigitRule", "enableSpecialCharRule", "password", "onStrengthChanged"], ["passwordComponent", ""], [3, "lowerCaseCriteriaMsg", "upperCaseCriteriaMsg", "digitsCriteriaMsg", "specialCharsCriteriaMsg", "minCharsCriteriaMsg", "passwordComponent", 4, "ngIf"], ["align", "end", "aria-live", "polite"], [3, "lowerCaseCriteriaMsg", "upperCaseCriteriaMsg", "digitsCriteriaMsg", "specialCharsCriteriaMsg", "minCharsCriteriaMsg", "passwordComponent"]], template: function InputPasswordComponent_Template(rf, ctx) { if (rf & 1) {
208
+ ɵɵelementStart(0, "mat-form-field", 0);
209
+ ɵɵtemplate(1, InputPasswordComponent_mat_label_1_Template, 2, 1, "mat-label", 1);
210
+ ɵɵelementStart(2, "input", 2, 3);
211
+ ɵɵlistener("ngModelChange", function InputPasswordComponent_Template_input_ngModelChange_2_listener($event) { return ctx.value = $event; });
212
+ ɵɵelementEnd();
213
+ ɵɵelement(4, "mat-pass-toggle-visibility", 4, 5);
214
+ ɵɵtemplate(6, InputPasswordComponent_mat_hint_6_Template, 2, 2, "mat-hint", 6);
215
+ ɵɵelementEnd();
216
+ ɵɵelementStart(7, "mat-password-strength", 7, 8);
217
+ ɵɵlistener("onStrengthChanged", function InputPasswordComponent_Template_mat_password_strength_onStrengthChanged_7_listener($event) { return ctx.onStrengthChanged($event); });
218
+ ɵɵelementEnd();
219
+ ɵɵtemplate(9, InputPasswordComponent_mat_password_strength_info_9_Template, 1, 6, "mat-password-strength-info", 9);
220
+ } if (rf & 2) {
221
+ const _r1 = ɵɵreference(3);
222
+ const _r2 = ɵɵreference(5);
223
+ const _r4 = ɵɵreference(8);
224
+ ɵɵproperty("color", _r4.color)("ngClass", ɵɵpureFunction1(18, _c0, ctx.label));
225
+ ɵɵadvance(1);
226
+ ɵɵproperty("ngIf", ctx.label);
227
+ ɵɵadvance(1);
228
+ ɵɵproperty("type", _r2.type)("disabled", ctx.disabled)("maxLength", ctx.maxLength)("minlength", ctx.minLength)("ngModel", ctx.value);
229
+ ɵɵadvance(4);
230
+ ɵɵproperty("ngIf", ctx.showPasswordLengthDetails);
231
+ ɵɵadvance(1);
232
+ ɵɵproperty("enableLengthRule", ctx.enableLengthRule)("min", ctx.minLength)("max", ctx.maxLength)("enableLowerCaseLetterRule", ctx.enableLowerCaseLetterRule)("enableUpperCaseLetterRule", ctx.enableUpperCaseLetterRule)("enableDigitRule", ctx.enableDigitRule)("enableSpecialCharRule", ctx.enableSpecialCharRule)("password", _r1.value);
233
+ ɵɵadvance(2);
234
+ ɵɵproperty("ngIf", ctx.showPasswordRuleDetails);
235
+ } }, directives: [MatFormField, NgClass, NgIf, MatInput, DefaultValueAccessor, RequiredValidator, MinLengthValidator, NgControlStatus, NgModel, MatPassToggleVisibilityComponent, MatSuffix, MatPasswordStrengthComponent, MatLabel, MatHint, MatPasswordStrengthInfoComponent], styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-password mat-pass-toggle-visibility{color:var(--color-primary);cursor:pointer}"], encapsulation: 2, changeDetection: 0 });
236
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(InputPasswordComponent, [{
237
+ type: Component,
238
+ args: [{
239
+ selector: 'input-password',
240
+ templateUrl: 'input-password.component.html',
241
+ styleUrls: ['input-password.component.scss'],
242
+ providers: [{
243
+ provide: NG_VALUE_ACCESSOR,
244
+ useExisting: forwardRef(() => InputPasswordComponent),
245
+ multi: true
246
+ }],
247
+ changeDetection: ChangeDetectionStrategy.OnPush,
248
+ encapsulation: ViewEncapsulation.None
249
+ }]
250
+ }], function () { return []; }, { label: [{
251
+ type: Input
252
+ }], disabled: [{
253
+ type: Input
254
+ }], showPasswordRuleDetails: [{
255
+ type: Input
256
+ }], showPasswordLengthDetails: [{
257
+ type: Input
258
+ }], enableLengthRule: [{
259
+ type: Input
260
+ }], enableLowerCaseLetterRule: [{
261
+ type: Input
262
+ }], enableUpperCaseLetterRule: [{
263
+ type: Input
264
+ }], enableDigitRule: [{
265
+ type: Input
266
+ }], enableSpecialCharRule: [{
267
+ type: Input
268
+ }], minLength: [{
269
+ type: Input
270
+ }], maxLength: [{
271
+ type: Input
272
+ }], strengthToValid: [{
273
+ type: Input
274
+ }], lowerCaseCriteriaMsg: [{
275
+ type: Input
276
+ }], upperCaseCriteriaMsg: [{
277
+ type: Input
278
+ }], digitsCriteriaMsg: [{
279
+ type: Input
280
+ }], specialCharsCriteriaMsg: [{
281
+ type: Input
282
+ }], minCharsCriteriaMsg: [{
283
+ type: Input
284
+ }], onValidPassword: [{
285
+ type: Output
286
+ }] }); })();
157
287
 
158
- class InputTextComponent extends ValueAccessorBase {
159
- constructor() {
160
- super(...arguments);
161
- this.label = '';
162
- this.disabled = false;
163
- this.iconSuffix = '';
164
- this.iconPrefix = '';
165
- this.autoComplete = 'on';
166
- this.suffixIconClick = new EventEmitter();
167
- this.prefixIconClick = new EventEmitter();
168
- }
169
- onKeyDown(event) {
170
- if (event.which === 32) {
171
- event.target.value += ' ';
172
- }
173
- event.stopPropagation();
174
- }
175
- prefixClick() {
176
- this.prefixIconClick.emit(true);
177
- }
178
- suffixClick() {
179
- this.suffixIconClick.emit(true);
180
- }
181
- }
182
- InputTextComponent.decorators = [
183
- { type: Component, args: [{
184
- selector: 'input-text',
185
- 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\" matSuffix *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",
186
- providers: [{
187
- provide: NG_VALUE_ACCESSOR,
188
- useExisting: forwardRef(() => InputTextComponent),
189
- multi: true
190
- }],
191
- encapsulation: ViewEncapsulation.None,
192
- styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-text .mat-icon-suffix{margin-right:-8px}"]
193
- },] }
194
- ];
195
- InputTextComponent.propDecorators = {
196
- label: [{ type: Input }],
197
- disabled: [{ type: Input }],
198
- iconSuffix: [{ type: Input }],
199
- iconPrefix: [{ type: Input }],
200
- autoComplete: [{ type: Input }],
201
- suffixIconClick: [{ type: Output }],
202
- prefixIconClick: [{ type: Output }]
203
- };
288
+ function InputTextComponent_mat_label_1_Template(rf, ctx) { if (rf & 1) {
289
+ ɵɵelementStart(0, "mat-label");
290
+ ɵɵtext(1);
291
+ ɵɵelementEnd();
292
+ } if (rf & 2) {
293
+ const ctx_r0 = ɵɵnextContext();
294
+ ɵɵadvance(1);
295
+ ɵɵtextInterpolate(ctx_r0.label);
296
+ } }
297
+ function InputTextComponent_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
298
+ const _r4 = ɵɵgetCurrentView();
299
+ ɵɵelementStart(0, "mat-icon", 5);
300
+ ɵɵlistener("click", function InputTextComponent_mat_icon_2_Template_mat_icon_click_0_listener() { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.prefixClick(); });
301
+ ɵɵtext(1);
302
+ ɵɵelementEnd();
303
+ } if (rf & 2) {
304
+ const ctx_r1 = ɵɵnextContext();
305
+ ɵɵadvance(1);
306
+ ɵɵtextInterpolate(ctx_r1.iconPrefix);
307
+ } }
308
+ function InputTextComponent_mat_icon_4_Template(rf, ctx) { if (rf & 1) {
309
+ const _r6 = ɵɵgetCurrentView();
310
+ ɵɵelementStart(0, "mat-icon", 6);
311
+ ɵɵlistener("click", function InputTextComponent_mat_icon_4_Template_mat_icon_click_0_listener() { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return ctx_r5.suffixClick(); });
312
+ ɵɵtext(1);
313
+ ɵɵelementEnd();
314
+ } if (rf & 2) {
315
+ const ctx_r2 = ɵɵnextContext();
316
+ ɵɵadvance(1);
317
+ ɵɵtextInterpolate(ctx_r2.iconSuffix);
318
+ } }
319
+ class InputTextComponent extends ValueAccessorBase {
320
+ constructor() {
321
+ super(...arguments);
322
+ this.label = '';
323
+ this.disabled = false;
324
+ this.iconSuffix = '';
325
+ this.iconPrefix = '';
326
+ this.autoComplete = 'on';
327
+ this.suffixIconClick = new EventEmitter();
328
+ this.prefixIconClick = new EventEmitter();
329
+ }
330
+ onKeyDown(event) {
331
+ if (event.which === 32) {
332
+ event.target.value += ' ';
333
+ }
334
+ event.stopPropagation();
335
+ }
336
+ prefixClick() {
337
+ this.prefixIconClick.emit(true);
338
+ }
339
+ suffixClick() {
340
+ this.suffixIconClick.emit(true);
341
+ }
342
+ }
343
+ InputTextComponent.ɵfac = function InputTextComponent_Factory(t) { return ɵInputTextComponent_BaseFactory(t || InputTextComponent); };
344
+ InputTextComponent.ɵcmp = ɵɵdefineComponent({ type: InputTextComponent, selectors: [["input-text"]], inputs: { label: "label", disabled: "disabled", iconSuffix: "iconSuffix", iconPrefix: "iconPrefix", autoComplete: "autoComplete" }, outputs: { suffixIconClick: "suffixIconClick", prefixIconClick: "prefixIconClick" }, features: [ɵɵProvidersFeature([{
345
+ provide: NG_VALUE_ACCESSOR,
346
+ useExisting: forwardRef(() => InputTextComponent),
347
+ multi: true
348
+ }]), ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["appearance", "fill", 1, "apipass-input-text", "label-input"], [4, "ngIf"], ["class", "mat-icon-prefix", "matSuffix", "", 3, "click", 4, "ngIf"], ["matInput", "", "type", "text", 1, "input-text", 3, "ngModel", "disabled", "autocomplete", "ngModelChange"], ["class", "mat-icon-suffix", "matSuffix", "", 3, "click", 4, "ngIf"], ["matSuffix", "", 1, "mat-icon-prefix", 3, "click"], ["matSuffix", "", 1, "mat-icon-suffix", 3, "click"]], template: function InputTextComponent_Template(rf, ctx) { if (rf & 1) {
349
+ ɵɵelementStart(0, "mat-form-field", 0);
350
+ ɵɵtemplate(1, InputTextComponent_mat_label_1_Template, 2, 1, "mat-label", 1);
351
+ ɵɵtemplate(2, InputTextComponent_mat_icon_2_Template, 2, 1, "mat-icon", 2);
352
+ ɵɵelementStart(3, "input", 3);
353
+ ɵɵlistener("ngModelChange", function InputTextComponent_Template_input_ngModelChange_3_listener($event) { return ctx.value = $event; });
354
+ ɵɵelementEnd();
355
+ ɵɵtemplate(4, InputTextComponent_mat_icon_4_Template, 2, 1, "mat-icon", 4);
356
+ ɵɵelementEnd();
357
+ } if (rf & 2) {
358
+ ɵɵadvance(1);
359
+ ɵɵproperty("ngIf", ctx.label);
360
+ ɵɵadvance(1);
361
+ ɵɵproperty("ngIf", ctx.iconPrefix);
362
+ ɵɵadvance(1);
363
+ ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled)("autocomplete", ctx.autoComplete);
364
+ ɵɵadvance(1);
365
+ ɵɵproperty("ngIf", ctx.iconSuffix);
366
+ } }, directives: [MatFormField, NgIf, MatInput, DefaultValueAccessor, NgControlStatus, NgModel, MatLabel, MatIcon, MatSuffix], styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.apipass-input-text .mat-icon-suffix{margin-right:-8px}"], encapsulation: 2 });
367
+ const ɵInputTextComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(InputTextComponent);
368
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(InputTextComponent, [{
369
+ type: Component,
370
+ args: [{
371
+ selector: 'input-text',
372
+ templateUrl: 'input-text.component.html',
373
+ styleUrls: ['input-text.component.scss'],
374
+ providers: [{
375
+ provide: NG_VALUE_ACCESSOR,
376
+ useExisting: forwardRef(() => InputTextComponent),
377
+ multi: true
378
+ }],
379
+ encapsulation: ViewEncapsulation.None
380
+ }]
381
+ }], null, { label: [{
382
+ type: Input
383
+ }], disabled: [{
384
+ type: Input
385
+ }], iconSuffix: [{
386
+ type: Input
387
+ }], iconPrefix: [{
388
+ type: Input
389
+ }], autoComplete: [{
390
+ type: Input
391
+ }], suffixIconClick: [{
392
+ type: Output
393
+ }], prefixIconClick: [{
394
+ type: Output
395
+ }] }); })();
204
396
 
205
- class InputAvatarComponent {
206
- constructor() {
207
- this.avatarFormData = new FormData();
208
- this.avatarUrl = 'assets/images/no-image.png';
209
- this.imageAlt = 'Avatar';
210
- this.imageTitle = '';
211
- this.canRemove = false;
212
- this.removeTitle = '';
213
- this.canUpload = false;
214
- this.uploadTitle = '';
215
- this.canModify = false;
216
- this.modifyTitle = '';
217
- this.imageBorderRadius = '50%';
218
- this.width = '65px';
219
- this.height = '65px';
220
- this.iconFontSize = '16px';
221
- this.onFileChanged = new EventEmitter();
222
- }
223
- hasImage() {
224
- return this.avatarUrl !== 'assets/images/no-image.png';
225
- }
226
- canAction() {
227
- return this.canRemove || this.canModify || this.canUpload;
228
- }
229
- fileChange(event) {
230
- const fileList = event.target.files;
231
- if (fileList.length > 0) {
232
- const file = fileList[0];
233
- this.avatarFormData = new FormData();
234
- this.avatarFormData.append('file', file, file.name);
235
- if (!file.type.match(/image\/*/)) {
236
- return;
237
- }
238
- const reader = new FileReader();
239
- reader.readAsDataURL(fileList[0]);
240
- reader.onload = () => {
241
- this.avatarUrl = reader.result;
242
- this.emitChangeEvent();
243
- };
244
- }
245
- }
246
- removeClick() {
247
- this.avatarFormData = new FormData();
248
- this.avatarUrl = 'assets/images/no-image.png';
249
- this.emitChangeEvent();
250
- }
251
- emitChangeEvent() {
252
- this.onFileChanged.emit({ avatarUrl: this.avatarUrl, avatarFormData: this.avatarFormData });
253
- }
254
- }
255
- InputAvatarComponent.decorators = [
256
- { type: Component, args: [{
257
- selector: 'input-avatar',
258
- 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 = null;\"\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",
259
- encapsulation: ViewEncapsulation.None,
260
- styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.input-avatar{align-items:center;display:flex}.input-avatar .image-backdrop{background:#fff;display:none;opacity:.6;position:absolute}.input-avatar .image-actions{align-items:center;display:none;justify-content:space-evenly;position:absolute}.input-avatar .image-actions icon{cursor:pointer}.input-avatar:hover .image-actions,.input-avatar:hover .image-backdrop{display:flex}"]
261
- },] }
262
- ];
263
- InputAvatarComponent.propDecorators = {
264
- avatarFormData: [{ type: Input }],
265
- avatarUrl: [{ type: Input }],
266
- imageAlt: [{ type: Input }],
267
- imageTitle: [{ type: Input }],
268
- canRemove: [{ type: Input }],
269
- removeTitle: [{ type: Input }],
270
- canUpload: [{ type: Input }],
271
- uploadTitle: [{ type: Input }],
272
- canModify: [{ type: Input }],
273
- modifyTitle: [{ type: Input }],
274
- imageBorderRadius: [{ type: Input }],
275
- width: [{ type: Input }],
276
- height: [{ type: Input }],
277
- iconFontSize: [{ type: Input }],
278
- onFileChanged: [{ type: Output }]
279
- };
397
+ const _c0$1 = function (a0, a1, a2) { return { "width": a0, "height": a1, "border-radius": a2 }; };
398
+ function InputAvatarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
399
+ ɵɵelement(0, "div", 6);
400
+ } if (rf & 2) {
401
+ const ctx_r0 = ɵɵnextContext();
402
+ ɵɵproperty("ngStyle", ɵɵpureFunction3(1, _c0$1, ctx_r0.width, ctx_r0.height, ctx_r0.imageBorderRadius));
403
+ } }
404
+ const _c1 = function (a0) { return { "font-size": a0 }; };
405
+ function InputAvatarComponent_div_3_icon_1_Template(rf, ctx) { if (rf & 1) {
406
+ const _r7 = ɵɵgetCurrentView();
407
+ ɵɵelementStart(0, "icon", 9);
408
+ ɵɵlistener("click", function InputAvatarComponent_div_3_icon_1_Template_icon_click_0_listener() { ɵɵrestoreView(_r7); ɵɵnextContext(2); const _r2 = ɵɵreference(5); _r2.click(); return _r2.value = null; });
409
+ ɵɵelementEnd();
410
+ } if (rf & 2) {
411
+ const ctx_r3 = ɵɵnextContext(2);
412
+ ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c1, ctx_r3.iconFontSize))("title", ctx_r3.uploadTitle)("type", "primary")("name", "fas fa-upload");
413
+ } }
414
+ function InputAvatarComponent_div_3_icon_2_Template(rf, ctx) { if (rf & 1) {
415
+ const _r9 = ɵɵgetCurrentView();
416
+ ɵɵelementStart(0, "icon", 9);
417
+ ɵɵlistener("click", function InputAvatarComponent_div_3_icon_2_Template_icon_click_0_listener() { ɵɵrestoreView(_r9); ɵɵnextContext(2); const _r2 = ɵɵreference(5); _r2.click(); return _r2.value = ""; });
418
+ ɵɵelementEnd();
419
+ } if (rf & 2) {
420
+ const ctx_r4 = ɵɵnextContext(2);
421
+ ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c1, ctx_r4.iconFontSize))("title", ctx_r4.modifyTitle)("type", "primary")("name", "fas fa-pencil-alt");
422
+ } }
423
+ function InputAvatarComponent_div_3_icon_3_Template(rf, ctx) { if (rf & 1) {
424
+ const _r11 = ɵɵgetCurrentView();
425
+ ɵɵelementStart(0, "icon", 9);
426
+ ɵɵlistener("click", function InputAvatarComponent_div_3_icon_3_Template_icon_click_0_listener() { ɵɵrestoreView(_r11); const ctx_r10 = ɵɵnextContext(2); const _r2 = ɵɵreference(5); ctx_r10.removeClick(); return _r2.value = ""; });
427
+ ɵɵelementEnd();
428
+ } if (rf & 2) {
429
+ const ctx_r5 = ɵɵnextContext(2);
430
+ ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c1, ctx_r5.iconFontSize))("title", ctx_r5.removeTitle)("type", "remove")("name", "fas fa-trash-alt");
431
+ } }
432
+ function InputAvatarComponent_div_3_Template(rf, ctx) { if (rf & 1) {
433
+ ɵɵelementStart(0, "div", 7);
434
+ ɵɵtemplate(1, InputAvatarComponent_div_3_icon_1_Template, 1, 6, "icon", 8);
435
+ ɵɵtemplate(2, InputAvatarComponent_div_3_icon_2_Template, 1, 6, "icon", 8);
436
+ ɵɵtemplate(3, InputAvatarComponent_div_3_icon_3_Template, 1, 6, "icon", 8);
437
+ ɵɵelementEnd();
438
+ } if (rf & 2) {
439
+ const ctx_r1 = ɵɵnextContext();
440
+ ɵɵproperty("ngStyle", ɵɵpureFunction3(4, _c0$1, ctx_r1.width, ctx_r1.height, ctx_r1.imageBorderRadius));
441
+ ɵɵadvance(1);
442
+ ɵɵproperty("ngIf", !ctx_r1.hasImage() && ctx_r1.canUpload);
443
+ ɵɵadvance(1);
444
+ ɵɵproperty("ngIf", ctx_r1.hasImage() && ctx_r1.canModify);
445
+ ɵɵadvance(1);
446
+ ɵɵproperty("ngIf", ctx_r1.hasImage() && ctx_r1.canRemove);
447
+ } }
448
+ const _c2 = function (a0, a1) { return { "width": a0, "height": a1 }; };
449
+ const _c3 = function (a0, a3) { return { "width": a0, "height": "auto", "max-height": "100%", "border-radius": a3 }; };
450
+ class InputAvatarComponent {
451
+ constructor() {
452
+ this.avatarFormData = new FormData();
453
+ this.avatarUrl = 'assets/images/no-image.png';
454
+ this.imageAlt = 'Avatar';
455
+ this.imageTitle = '';
456
+ this.canRemove = false;
457
+ this.removeTitle = '';
458
+ this.canUpload = false;
459
+ this.uploadTitle = '';
460
+ this.canModify = false;
461
+ this.modifyTitle = '';
462
+ this.imageBorderRadius = '50%';
463
+ this.width = '65px';
464
+ this.height = '65px';
465
+ this.iconFontSize = '16px';
466
+ this.onFileChanged = new EventEmitter();
467
+ }
468
+ hasImage() {
469
+ return this.avatarUrl !== 'assets/images/no-image.png';
470
+ }
471
+ canAction() {
472
+ return this.canRemove || this.canModify || this.canUpload;
473
+ }
474
+ fileChange(event) {
475
+ const fileList = event.target.files;
476
+ if (fileList.length > 0) {
477
+ const file = fileList[0];
478
+ this.avatarFormData = new FormData();
479
+ this.avatarFormData.append('file', file, file.name);
480
+ if (!file.type.match(/image\/*/)) {
481
+ return;
482
+ }
483
+ const reader = new FileReader();
484
+ reader.readAsDataURL(fileList[0]);
485
+ reader.onload = () => {
486
+ this.avatarUrl = reader.result;
487
+ this.emitChangeEvent();
488
+ };
489
+ }
490
+ }
491
+ removeClick() {
492
+ this.avatarFormData = new FormData();
493
+ this.avatarUrl = 'assets/images/no-image.png';
494
+ this.emitChangeEvent();
495
+ }
496
+ emitChangeEvent() {
497
+ this.onFileChanged.emit({ avatarUrl: this.avatarUrl, avatarFormData: this.avatarFormData });
498
+ }
499
+ }
500
+ InputAvatarComponent.ɵfac = function InputAvatarComponent_Factory(t) { return new (t || InputAvatarComponent)(); };
501
+ InputAvatarComponent.ɵcmp = ɵɵdefineComponent({ type: InputAvatarComponent, selectors: [["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" }, decls: 6, vars: 13, consts: [[1, "input-avatar", 3, "ngStyle"], ["loading", "lazy", 3, "src", "alt", "matTooltip", "ngStyle"], ["class", "image-backdrop", 3, "ngStyle", 4, "ngIf"], ["class", "image-actions", 3, "ngStyle", 4, "ngIf"], ["id", "action-icon", "type", "file", 2, "display", "none", 3, "change"], ["actionFile", ""], [1, "image-backdrop", 3, "ngStyle"], [1, "image-actions", 3, "ngStyle"], [3, "ngStyle", "title", "type", "name", "click", 4, "ngIf"], [3, "ngStyle", "title", "type", "name", "click"]], template: function InputAvatarComponent_Template(rf, ctx) { if (rf & 1) {
502
+ ɵɵelementStart(0, "div", 0);
503
+ ɵɵelement(1, "img", 1);
504
+ ɵɵtemplate(2, InputAvatarComponent_div_2_Template, 1, 5, "div", 2);
505
+ ɵɵtemplate(3, InputAvatarComponent_div_3_Template, 4, 8, "div", 3);
506
+ ɵɵelementStart(4, "input", 4, 5);
507
+ ɵɵlistener("change", function InputAvatarComponent_Template_input_change_4_listener($event) { return ctx.fileChange($event); });
508
+ ɵɵelementEnd();
509
+ ɵɵelementEnd();
510
+ } if (rf & 2) {
511
+ ɵɵproperty("ngStyle", ɵɵpureFunction2(7, _c2, ctx.width, ctx.height));
512
+ ɵɵadvance(1);
513
+ ɵɵproperty("src", ctx.avatarUrl, ɵɵsanitizeUrl)("alt", ctx.imageAlt)("matTooltip", ctx.imageTitle)("ngStyle", ɵɵpureFunction2(10, _c3, ctx.width, ctx.imageBorderRadius));
514
+ ɵɵadvance(1);
515
+ ɵɵproperty("ngIf", ctx.canAction());
516
+ ɵɵadvance(1);
517
+ ɵɵproperty("ngIf", ctx.canAction());
518
+ } }, directives: [NgStyle, MatTooltip, NgIf, IconComponent], styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.input-avatar{align-items:center;display:flex}.input-avatar .image-backdrop{background:#fff;display:none;opacity:.6;position:absolute}.input-avatar .image-actions{align-items:center;display:none;justify-content:space-evenly;position:absolute}.input-avatar .image-actions icon{cursor:pointer}.input-avatar:hover .image-actions,.input-avatar:hover .image-backdrop{display:flex}"], encapsulation: 2 });
519
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(InputAvatarComponent, [{
520
+ type: Component,
521
+ args: [{
522
+ selector: 'input-avatar',
523
+ templateUrl: 'input-avatar.component.html',
524
+ styleUrls: ['input-avatar.component.scss'],
525
+ encapsulation: ViewEncapsulation.None
526
+ }]
527
+ }], null, { avatarFormData: [{
528
+ type: Input
529
+ }], avatarUrl: [{
530
+ type: Input
531
+ }], imageAlt: [{
532
+ type: Input
533
+ }], imageTitle: [{
534
+ type: Input
535
+ }], canRemove: [{
536
+ type: Input
537
+ }], removeTitle: [{
538
+ type: Input
539
+ }], canUpload: [{
540
+ type: Input
541
+ }], uploadTitle: [{
542
+ type: Input
543
+ }], canModify: [{
544
+ type: Input
545
+ }], modifyTitle: [{
546
+ type: Input
547
+ }], imageBorderRadius: [{
548
+ type: Input
549
+ }], width: [{
550
+ type: Input
551
+ }], height: [{
552
+ type: Input
553
+ }], iconFontSize: [{
554
+ type: Input
555
+ }], onFileChanged: [{
556
+ type: Output
557
+ }] }); })();
280
558
 
281
- class FieldComponent {
282
- constructor() {
283
- /**
284
- * Texto para label do Input
285
- */
286
- this.label = '';
287
- }
288
- }
289
- FieldComponent.decorators = [
290
- { type: Component, args: [{
291
- selector: 'app-field',
292
- template: `
293
- <div [ngClass]="{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}">
294
- <label class="label-text" *ngIf="label">{{ label | translate }}</label>
295
-
296
- <!-- Input, textarea or select -->
297
- <ng-content></ng-content>
298
-
299
- <span *ngIf="state && !state.valid && !state.pristine && state.touched && state.errors" class="help-block text-danger">
300
- <span *ngIf="state.hasError('required')">Este campo é obrigatório</span>
301
- <span *ngIf="!state.hasError('required') && state.hasError('validateEmail')">E-mail inválido</span>
302
- <span *ngIf="!state.hasError('required') && state.hasError('minlength')">Tamanho mínimo inválido</span>
303
- </span>
304
- </div>
305
- `
306
- },] }
307
- ];
308
- FieldComponent.propDecorators = {
309
- label: [{ type: Input }],
310
- state: [{ type: Input }]
311
- };
559
+ function FieldComponent_label_1_Template(rf, ctx) { if (rf & 1) {
560
+ ɵɵelementStart(0, "label", 3);
561
+ ɵɵtext(1);
562
+ ɵɵpipe(2, "translate");
563
+ ɵɵelementEnd();
564
+ } if (rf & 2) {
565
+ const ctx_r0 = ɵɵnextContext();
566
+ ɵɵadvance(1);
567
+ ɵɵtextInterpolate(ɵɵpipeBind1(2, 1, ctx_r0.label));
568
+ } }
569
+ function FieldComponent_span_3_span_1_Template(rf, ctx) { if (rf & 1) {
570
+ ɵɵelementStart(0, "span");
571
+ ɵɵtext(1, "Este campo \u00E9 obrigat\u00F3rio");
572
+ ɵɵelementEnd();
573
+ } }
574
+ function FieldComponent_span_3_span_2_Template(rf, ctx) { if (rf & 1) {
575
+ ɵɵelementStart(0, "span");
576
+ ɵɵtext(1, "E-mail inv\u00E1lido");
577
+ ɵɵelementEnd();
578
+ } }
579
+ function FieldComponent_span_3_span_3_Template(rf, ctx) { if (rf & 1) {
580
+ ɵɵelementStart(0, "span");
581
+ ɵɵtext(1, "Tamanho m\u00EDnimo inv\u00E1lido");
582
+ ɵɵelementEnd();
583
+ } }
584
+ function FieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
585
+ ɵɵelementStart(0, "span", 4);
586
+ ɵɵtemplate(1, FieldComponent_span_3_span_1_Template, 2, 0, "span", 5);
587
+ ɵɵtemplate(2, FieldComponent_span_3_span_2_Template, 2, 0, "span", 5);
588
+ ɵɵtemplate(3, FieldComponent_span_3_span_3_Template, 2, 0, "span", 5);
589
+ ɵɵelementEnd();
590
+ } if (rf & 2) {
591
+ const ctx_r1 = ɵɵnextContext();
592
+ ɵɵadvance(1);
593
+ ɵɵproperty("ngIf", ctx_r1.state.hasError("required"));
594
+ ɵɵadvance(1);
595
+ ɵɵproperty("ngIf", !ctx_r1.state.hasError("required") && ctx_r1.state.hasError("validateEmail"));
596
+ ɵɵadvance(1);
597
+ ɵɵproperty("ngIf", !ctx_r1.state.hasError("required") && ctx_r1.state.hasError("minlength"));
598
+ } }
599
+ const _c0$2 = function (a0) { return { "has-error": a0 }; };
600
+ const _c1$1 = ["*"];
601
+ class FieldComponent {
602
+ constructor() {
603
+ /**
604
+ * Texto para label do Input
605
+ */
606
+ this.label = '';
607
+ }
608
+ }
609
+ FieldComponent.ɵfac = function FieldComponent_Factory(t) { return new (t || FieldComponent)(); };
610
+ FieldComponent.ɵcmp = ɵɵdefineComponent({ type: FieldComponent, selectors: [["app-field"]], inputs: { label: "label", state: "state" }, ngContentSelectors: _c1$1, decls: 4, vars: 5, consts: [[3, "ngClass"], ["class", "label-text", 4, "ngIf"], ["class", "help-block text-danger", 4, "ngIf"], [1, "label-text"], [1, "help-block", "text-danger"], [4, "ngIf"]], template: function FieldComponent_Template(rf, ctx) { if (rf & 1) {
611
+ ɵɵprojectionDef();
612
+ ɵɵelementStart(0, "div", 0);
613
+ ɵɵtemplate(1, FieldComponent_label_1_Template, 3, 3, "label", 1);
614
+ ɵɵprojection(2);
615
+ ɵɵtemplate(3, FieldComponent_span_3_Template, 4, 3, "span", 2);
616
+ ɵɵelementEnd();
617
+ } if (rf & 2) {
618
+ ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$2, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
619
+ ɵɵadvance(1);
620
+ ɵɵproperty("ngIf", ctx.label);
621
+ ɵɵadvance(2);
622
+ ɵɵproperty("ngIf", ctx.state && !ctx.state.valid && !ctx.state.pristine && ctx.state.touched && ctx.state.errors);
623
+ } }, directives: [NgClass, NgIf], pipes: [TranslatePipe], encapsulation: 2 });
624
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(FieldComponent, [{
625
+ type: Component,
626
+ args: [{
627
+ selector: 'app-field',
628
+ template: `
629
+ <div [ngClass]="{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}">
630
+ <label class="label-text" *ngIf="label">{{ label | translate }}</label>
312
631
 
313
- class SelectBoxComponent extends ValueAccessorBase {
314
- constructor() {
315
- super(...arguments);
316
- this.placeholder = 'Selecione';
317
- this.searchPlaceHolder = 'Buscar';
318
- this.clearText = 'Limpar';
319
- this.notFoundText = 'Nenhum item encontrado';
320
- this.enabledSearch = true;
321
- this.data = [];
322
- this.disabled = false;
323
- this.bindImageUrl = '';
324
- this.bindKey = '';
325
- this.bindValue = '';
326
- this.limitItens = 30;
327
- this.onOpenSelectBox = new EventEmitter();
328
- this.onCloseSelectBox = new EventEmitter();
329
- this.onSelectChange = new EventEmitter();
330
- this.onSelectClear = new EventEmitter();
331
- this.visibleItens = [];
332
- this.loading = false;
333
- this.inputFilter = new Subject();
334
- this.lastSearchTerm = '';
335
- }
336
- ngOnInit() {
337
- this.onSearch();
338
- }
339
- onSearch() {
340
- this.inputFilter.pipe(debounceTime(200), distinctUntilChanged()).subscribe(searchString => {
341
- this.loading = true;
342
- this.lastSearchTerm = searchString;
343
- if (searchString && this.data) {
344
- this.visibleItens = this.data.filter(item => { var _a; return (_a = item[this.bindValue]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchString.toLowerCase()); }).slice(0, this.limitItens);
345
- }
346
- else if (this.data) {
347
- this.visibleItens = this.data.slice(0, this.limitItens);
348
- }
349
- else {
350
- this.visibleItens = [];
351
- }
352
- setTimeout(() => this.loading = false, 300);
353
- });
354
- }
355
- // @ts-ignore
356
- onScroll({ end }) {
357
- if (this.loading || this.data.length <= this.visibleItens.length) {
358
- return;
359
- }
360
- if (end + 5 >= this.visibleItens.length) {
361
- this.fetchMore();
362
- }
363
- }
364
- onScrollToEnd() {
365
- if (this.loading) {
366
- return;
367
- }
368
- this.fetchMore();
369
- }
370
- fetchMore() {
371
- this.loading = true;
372
- const len = this.visibleItens.length;
373
- const more = this.lastSearchTerm ?
374
- this.data.filter(item => { var _a; return (_a = item[this.bindValue]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.lastSearchTerm.toLowerCase()); }).slice(len, this.limitItens + len) :
375
- this.data.slice(len, this.limitItens + len);
376
- this.visibleItens = this.visibleItens.concat(more);
377
- this.loading = false;
378
- }
379
- onKeyDown(event) {
380
- if (event.which === 32) {
381
- event.target.value += ' ';
382
- }
383
- event.stopPropagation();
384
- }
385
- onSelectionChange(event) {
386
- var _a;
387
- this.selectedItem = (_a = this.data) === null || _a === void 0 ? void 0 : _a.filter(el => el[this.bindKey] === this.value)[0];
388
- this.onSelectChange.emit(this.selectedItem);
389
- }
390
- openSelectBox($event) {
391
- this.visibleItens = [];
392
- if (this.data) {
393
- this.visibleItens = this.data.slice(0, this.limitItens);
394
- }
395
- this.onOpenSelectBox.next();
396
- }
397
- compareFn(a, b) {
398
- return a[this.bindKey] === b[this.bindKey];
399
- }
400
- onClear() {
401
- this.onSelectClear.next();
402
- }
403
- onClose($event) {
404
- this.onCloseSelectBox.next();
405
- }
406
- }
407
- SelectBoxComponent.decorators = [
408
- { type: Component, args: [{
409
- selector: 'select-box',
410
- template: "<ng-select #ngSelectComponent\r\n [(ngModel)]=\"value\"\r\n [items]=\"visibleItens\"\r\n [virtualScroll]=\"true\"\r\n [loading]=\"loading\"\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 >\r\n <ng-template ng-label-tmp let-item=\"item\" [ngIf]=\"value && value[bindKey] && value[bindValue]\">\r\n <div class=\"image\" style=\"width: 40px;height: 40px; margin-right: 10px;\" *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 <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</ng-select>\r\n",
411
- providers: [{
412
- provide: NG_VALUE_ACCESSOR,
413
- useExisting: forwardRef(() => SelectBoxComponent),
414
- multi: true
415
- }],
416
- encapsulation: ViewEncapsulation.None,
417
- styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.mat-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9;height:51px}.apipass-select-image.ng-select-disabled .ng-select-container,.apipass-select.ng-select-disabled .ng-select-container{background-color:#ccc!important;color:#777!important;cursor:no-drop!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-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select.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-value,.apipass-select.ng-select-disabled .ng-select-container .ng-value-container{cursor:no-drop!important}.apipass-select-image .select-text-element,.apipass-select .select-text-element{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{border-color:transparent transparent #ddd;border-width:0 5px 5px;top:-2px}.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-left-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.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{align-items:center!important;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{min-height:51px}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.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{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container,.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select-image .ng-select-container .ng-value-container .ng-value,.apipass-select .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input,.apipass-select .ng-select-container .ng-value-container .ng-input{padding-top:0!important;top:auto!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input input,.apipass-select .ng-select-container .ng-value-container .ng-input input{margin-top:-5px!important;padding-bottom:17px!important;padding-top:17px!important}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-left:0;padding-right:10px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.6);font-size:14px}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{height:51px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-left:50px;padding-right:10px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#f9f9f9;border:1px solid #e6e6e6;display:flex!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-left:7px;padding-top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:0;padding-right:7px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#ebf5ff;border-radius:2px;color:#333;display:flex!important;font-size:.9em;margin-bottom:5px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important;margin-left:5px;margin-right:0}.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-icon,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{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{padding-bottom:5px;padding-left:3px;top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:0;padding-right:3px}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.6)}.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{padding-right:5px;width:25px}[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 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-color:#e6e6e6;margin-top:-1px;top:100%}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ng-dropdown-panel.ng-select-top{border-bottom-color:#e6e6e6;border-top-left-radius:4px;border-top-right-radius:4px;bottom:100%;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px;border-top-right-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;color:rgba(0,0,0,.54);cursor:pointer;font-weight:500;padding:8px 10px;user-select:none}.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{align-items:center!important;background-color:#fff;color:rgba(0,0,0,.87);display:flex!important;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{background-color:#ebf5ff;color:#333}.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-left:0;padding-right:22px}.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}"]
418
- },] }
419
- ];
420
- SelectBoxComponent.propDecorators = {
421
- placeholder: [{ type: Input }],
422
- searchPlaceHolder: [{ type: Input }],
423
- clearText: [{ type: Input }],
424
- notFoundText: [{ type: Input }],
425
- enabledSearch: [{ type: Input }],
426
- data: [{ type: Input }],
427
- disabled: [{ type: Input }],
428
- selectedItem: [{ type: Input }],
429
- bindImageUrl: [{ type: Input }],
430
- bindKey: [{ type: Input }],
431
- bindValue: [{ type: Input }],
432
- limitItens: [{ type: Input }],
433
- onOpenSelectBox: [{ type: Output }],
434
- onCloseSelectBox: [{ type: Output }],
435
- onSelectChange: [{ type: Output }],
436
- onSelectClear: [{ type: Output }],
437
- ngSelectComponent: [{ type: ViewChild, args: ['ngSelectComponent',] }]
438
- };
632
+ <!-- Input, textarea or select -->
633
+ <ng-content></ng-content>
439
634
 
440
- /** The height of the select items in `em` units. */
441
- const SELECT_ITEM_HEIGHT_EM = 3;
442
- class MatSelectInfiniteScrollDirective {
443
- constructor(matSelect, ngZone) {
444
- this.matSelect = matSelect;
445
- this.ngZone = ngZone;
446
- this.threshold = '15%';
447
- this.debounceTime = 150;
448
- this.infiniteScroll = new EventEmitter();
449
- this.thrPx = 0;
450
- this.thrPc = 0;
451
- this.singleOptionHeight = SELECT_ITEM_HEIGHT_EM;
452
- this.destroyed$ = new Subject();
453
- }
454
- ngOnInit() {
455
- this.evaluateThreshold();
456
- }
457
- ngAfterViewInit() {
458
- this.matSelect.openedChange.pipe(takeUntil(this.destroyed$)).subscribe((opened) => {
459
- if (opened) {
460
- this.panel = this.matSelect.panel.nativeElement;
461
- this.singleOptionHeight = this.getSelectItemHeightPx();
462
- this.registerScrollListener();
463
- }
464
- });
465
- }
466
- ngOnDestroy() {
467
- this.destroyed$.next(true);
468
- this.destroyed$.complete();
469
- }
470
- evaluateThreshold() {
471
- if (this.threshold.lastIndexOf('%') > -1) {
472
- this.thrPx = 0;
473
- this.thrPc = (parseFloat(this.threshold) / 100);
474
- }
475
- else {
476
- this.thrPx = parseFloat(this.threshold);
477
- this.thrPc = 0;
478
- }
479
- }
480
- registerScrollListener() {
481
- fromEvent(this.panel, 'scroll').pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime), tap((event) => {
482
- this.handleScrollEvent(event);
483
- })).subscribe();
484
- }
485
- handleScrollEvent(event) {
486
- this.ngZone.runOutsideAngular(() => {
487
- if (this.complete) {
488
- return;
489
- }
490
- const countOfRenderedOptions = this.matSelect.options.length;
491
- const infiniteScrollDistance = this.singleOptionHeight * countOfRenderedOptions;
492
- const threshold = this.thrPc !== 0 ? (infiniteScrollDistance * this.thrPc) : this.thrPx;
493
- const scrolledDistance = this.panel.clientHeight + event.target.scrollTop;
494
- if ((scrolledDistance + threshold) >= infiniteScrollDistance) {
495
- this.ngZone.run(() => this.infiniteScroll.emit());
496
- }
497
- });
498
- }
499
- getSelectItemHeightPx() {
500
- return parseFloat(getComputedStyle(this.panel).fontSize) * SELECT_ITEM_HEIGHT_EM;
501
- }
502
- }
503
- MatSelectInfiniteScrollDirective.decorators = [
504
- { type: Directive, args: [{
505
- selector: '[msInfiniteScroll]'
506
- },] }
507
- ];
508
- MatSelectInfiniteScrollDirective.ctorParameters = () => [
509
- { type: MatSelect },
510
- { type: NgZone }
511
- ];
512
- MatSelectInfiniteScrollDirective.propDecorators = {
513
- threshold: [{ type: Input }],
514
- debounceTime: [{ type: Input }],
515
- complete: [{ type: Input }],
516
- infiniteScroll: [{ type: Output }]
517
- };
635
+ <span *ngIf="state && !state.valid && !state.pristine && state.touched && state.errors" class="help-block text-danger">
636
+ <span *ngIf="state.hasError('required')">Este campo é obrigatório</span>
637
+ <span *ngIf="!state.hasError('required') && state.hasError('validateEmail')">E-mail inválido</span>
638
+ <span *ngIf="!state.hasError('required') && state.hasError('minlength')">Tamanho mínimo inválido</span>
639
+ </span>
640
+ </div>
641
+ `
642
+ }]
643
+ }], null, { label: [{
644
+ type: Input
645
+ }], state: [{
646
+ type: Input
647
+ }] }); })();
518
648
 
519
- class CustomSelectItem {
520
- constructor(id, text) {
521
- this.id = id;
522
- this.text = text;
523
- }
649
+ const _c0$3 = ["ngSelectComponent"];
650
+ function SelectBoxComponent_ng_template_2_div_0_Template(rf, ctx) { if (rf & 1) {
651
+ ɵɵelementStart(0, "div", 6);
652
+ ɵɵelement(1, "img", 7);
653
+ ɵɵelementEnd();
654
+ } if (rf & 2) {
655
+ const ctx_r4 = ɵɵnextContext(2);
656
+ ɵɵadvance(1);
657
+ ɵɵproperty("src", ctx_r4.value[ctx_r4.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", ctx_r4.value[ctx_r4.bindValue])("matTooltip", ctx_r4.value[ctx_r4.bindValue]);
658
+ } }
659
+ function SelectBoxComponent_ng_template_2_span_1_Template(rf, ctx) { if (rf & 1) {
660
+ ɵɵelementStart(0, "span", 8);
661
+ ɵɵtext(1);
662
+ ɵɵelementEnd();
663
+ } if (rf & 2) {
664
+ const ctx_r5 = ɵɵnextContext(2);
665
+ ɵɵadvance(1);
666
+ ɵɵtextInterpolate(ctx_r5.value[ctx_r5.bindValue]);
667
+ } }
668
+ function SelectBoxComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
669
+ ɵɵtemplate(0, SelectBoxComponent_ng_template_2_div_0_Template, 2, 3, "div", 4);
670
+ ɵɵtemplate(1, SelectBoxComponent_ng_template_2_span_1_Template, 2, 1, "span", 5);
671
+ } if (rf & 2) {
672
+ const ctx_r1 = ɵɵnextContext();
673
+ ɵɵproperty("ngIf", ctx_r1.value && ctx_r1.value[ctx_r1.bindKey] && ctx_r1.value[ctx_r1.bindValue] && ctx_r1.bindImageUrl);
674
+ ɵɵadvance(1);
675
+ ɵɵproperty("ngIf", ctx_r1.value && ctx_r1.value[ctx_r1.bindKey] && ctx_r1.value[ctx_r1.bindValue]);
676
+ } }
677
+ function SelectBoxComponent_ng_template_3_div_0_Template(rf, ctx) { if (rf & 1) {
678
+ ɵɵelementStart(0, "div", 6);
679
+ ɵɵelement(1, "img", 7);
680
+ ɵɵelementEnd();
681
+ } if (rf & 2) {
682
+ const item_r6 = ɵɵnextContext().item;
683
+ const ctx_r8 = ɵɵnextContext();
684
+ ɵɵadvance(1);
685
+ ɵɵproperty("src", item_r6[ctx_r8.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", item_r6[ctx_r8.bindValue])("matTooltip", item_r6[ctx_r8.bindValue]);
686
+ } }
687
+ function SelectBoxComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
688
+ ɵɵtemplate(0, SelectBoxComponent_ng_template_3_div_0_Template, 2, 3, "div", 4);
689
+ ɵɵelementStart(1, "span", 9);
690
+ ɵɵtext(2);
691
+ ɵɵelementEnd();
692
+ } if (rf & 2) {
693
+ const item_r6 = ctx.item;
694
+ const ctx_r2 = ɵɵnextContext();
695
+ ɵɵproperty("ngIf", ctx_r2.bindImageUrl);
696
+ ɵɵadvance(2);
697
+ ɵɵtextInterpolate(item_r6[ctx_r2.bindValue]);
698
+ } }
699
+ const _c1$2 = function (a0, a1) { return { "apipass-select-image": a0, "apipass-select": a1 }; };
700
+ class SelectBoxComponent extends ValueAccessorBase {
701
+ constructor() {
702
+ super(...arguments);
703
+ this.placeholder = 'Selecione';
704
+ this.searchPlaceHolder = 'Buscar';
705
+ this.clearText = 'Limpar';
706
+ this.notFoundText = 'Nenhum item encontrado';
707
+ this.enabledSearch = true;
708
+ this.data = [];
709
+ this.disabled = false;
710
+ this.bindImageUrl = '';
711
+ this.bindKey = '';
712
+ this.bindValue = '';
713
+ this.limitItens = 30;
714
+ this.onOpenSelectBox = new EventEmitter();
715
+ this.onCloseSelectBox = new EventEmitter();
716
+ this.onSelectChange = new EventEmitter();
717
+ this.onSelectClear = new EventEmitter();
718
+ this.visibleItens = [];
719
+ this.loading = false;
720
+ this.inputFilter = new Subject();
721
+ this.lastSearchTerm = '';
722
+ }
723
+ ngOnInit() {
724
+ this.onSearch();
725
+ }
726
+ onSearch() {
727
+ this.inputFilter.pipe(debounceTime(200), distinctUntilChanged()).subscribe(searchString => {
728
+ this.loading = true;
729
+ this.lastSearchTerm = searchString;
730
+ if (searchString && this.data) {
731
+ this.visibleItens = this.data.filter(item => { var _a; return (_a = item[this.bindValue]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchString.toLowerCase()); }).slice(0, this.limitItens);
732
+ }
733
+ else if (this.data) {
734
+ this.visibleItens = this.data.slice(0, this.limitItens);
735
+ }
736
+ else {
737
+ this.visibleItens = [];
738
+ }
739
+ setTimeout(() => this.loading = false, 300);
740
+ });
741
+ }
742
+ // @ts-ignore
743
+ onScroll({ end }) {
744
+ if (this.loading || this.data.length <= this.visibleItens.length) {
745
+ return;
746
+ }
747
+ if (end + 5 >= this.visibleItens.length) {
748
+ this.fetchMore();
749
+ }
750
+ }
751
+ onScrollToEnd() {
752
+ if (this.loading) {
753
+ return;
754
+ }
755
+ this.fetchMore();
756
+ }
757
+ fetchMore() {
758
+ this.loading = true;
759
+ const len = this.visibleItens.length;
760
+ const more = this.lastSearchTerm ?
761
+ this.data.filter(item => { var _a; return (_a = item[this.bindValue]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.lastSearchTerm.toLowerCase()); }).slice(len, this.limitItens + len) :
762
+ this.data.slice(len, this.limitItens + len);
763
+ this.visibleItens = this.visibleItens.concat(more);
764
+ this.loading = false;
765
+ }
766
+ onKeyDown(event) {
767
+ if (event.which === 32) {
768
+ event.target.value += ' ';
769
+ }
770
+ event.stopPropagation();
771
+ }
772
+ onSelectionChange(event) {
773
+ var _a;
774
+ this.selectedItem = (_a = this.data) === null || _a === void 0 ? void 0 : _a.filter(el => el[this.bindKey] === this.value)[0];
775
+ this.onSelectChange.emit(this.selectedItem);
776
+ }
777
+ openSelectBox($event) {
778
+ this.visibleItens = [];
779
+ if (this.data) {
780
+ this.visibleItens = this.data.slice(0, this.limitItens);
781
+ }
782
+ this.onOpenSelectBox.next();
783
+ }
784
+ compareFn(a, b) {
785
+ return a[this.bindKey] === b[this.bindKey];
786
+ }
787
+ onClear() {
788
+ this.onSelectClear.next();
789
+ }
790
+ onClose($event) {
791
+ this.onCloseSelectBox.next();
792
+ }
524
793
  }
794
+ SelectBoxComponent.ɵfac = function SelectBoxComponent_Factory(t) { return ɵSelectBoxComponent_BaseFactory(t || SelectBoxComponent); };
795
+ SelectBoxComponent.ɵcmp = ɵɵdefineComponent({ type: SelectBoxComponent, selectors: [["select-box"]], viewQuery: function SelectBoxComponent_Query(rf, ctx) { if (rf & 1) {
796
+ ɵɵviewQuery(_c0$3, true);
797
+ } if (rf & 2) {
798
+ var _t;
799
+ ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.ngSelectComponent = _t.first);
800
+ } }, inputs: { placeholder: "placeholder", searchPlaceHolder: "searchPlaceHolder", clearText: "clearText", notFoundText: "notFoundText", enabledSearch: "enabledSearch", data: "data", disabled: "disabled", selectedItem: "selectedItem", bindImageUrl: "bindImageUrl", bindKey: "bindKey", bindValue: "bindValue", limitItens: "limitItens" }, outputs: { onOpenSelectBox: "onOpenSelectBox", onCloseSelectBox: "onCloseSelectBox", onSelectChange: "onSelectChange", onSelectClear: "onSelectClear" }, features: [ɵɵProvidersFeature([{
801
+ provide: NG_VALUE_ACCESSOR,
802
+ useExisting: forwardRef(() => SelectBoxComponent),
803
+ multi: true
804
+ }]), ɵɵInheritDefinitionFeature], decls: 4, vars: 17, consts: [["appendTo", "body", 3, "ngModel", "items", "virtualScroll", "loading", "placeholder", "clearAllText", "searchable", "typeToSearchText", "notFoundText", "disabled", "typeahead", "ngClass", "compareWith", "ngModelChange", "open", "close", "clear", "scroll", "scrollToEnd", "change"], ["ngSelectComponent", ""], ["ng-label-tmp", "", 3, "ngIf"], ["ng-option-tmp", ""], ["class", "image", "style", "width: 40px;height: 40px; margin-right: 10px;", 4, "ngIf"], ["class", "select-text-element", 4, "ngIf"], [1, "image", 2, "width", "40px", "height", "40px", "margin-right", "10px"], ["loading", "lazy", 2, "width", "auto", "max-width", "40px", "height", "40px", 3, "src", "alt", "matTooltip"], [1, "select-text-element"], [1, "select-text-element", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"]], template: function SelectBoxComponent_Template(rf, ctx) { if (rf & 1) {
805
+ ɵɵelementStart(0, "ng-select", 0, 1);
806
+ ɵɵlistener("ngModelChange", function SelectBoxComponent_Template_ng_select_ngModelChange_0_listener($event) { return ctx.value = $event; })("open", function SelectBoxComponent_Template_ng_select_open_0_listener($event) { return ctx.openSelectBox($event); })("close", function SelectBoxComponent_Template_ng_select_close_0_listener($event) { return ctx.onClose($event); })("clear", function SelectBoxComponent_Template_ng_select_clear_0_listener() { return ctx.onClear(); })("scroll", function SelectBoxComponent_Template_ng_select_scroll_0_listener($event) { return ctx.onScroll($event); })("scrollToEnd", function SelectBoxComponent_Template_ng_select_scrollToEnd_0_listener() { return ctx.onScrollToEnd(); })("change", function SelectBoxComponent_Template_ng_select_change_0_listener($event) { return ctx.onSelectionChange($event); });
807
+ ɵɵtemplate(2, SelectBoxComponent_ng_template_2_Template, 2, 2, "ng-template", 2);
808
+ ɵɵtemplate(3, SelectBoxComponent_ng_template_3_Template, 3, 2, "ng-template", 3);
809
+ ɵɵelementEnd();
810
+ } if (rf & 2) {
811
+ ɵɵproperty("ngModel", ctx.value)("items", ctx.visibleItens)("virtualScroll", true)("loading", ctx.loading)("placeholder", ctx.placeholder)("clearAllText", ctx.clearText)("searchable", ctx.enabledSearch)("typeToSearchText", ctx.searchPlaceHolder)("notFoundText", ctx.notFoundText)("disabled", ctx.disabled)("typeahead", ctx.inputFilter)("ngClass", ɵɵpureFunction2(14, _c1$2, ctx.bindImageUrl, !ctx.bindImageUrl))("compareWith", ctx.compareFn);
812
+ ɵɵadvance(2);
813
+ ɵɵproperty("ngIf", ctx.value && ctx.value[ctx.bindKey] && ctx.value[ctx.bindValue]);
814
+ } }, directives: [NgSelectComponent, NgControlStatus, NgModel, NgClass, ɵh, NgIf, ɵf, MatTooltip], styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}.mat-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9;height:51px}.apipass-select-image.ng-select-disabled .ng-select-container,.apipass-select.ng-select-disabled .ng-select-container{background-color:#ccc!important;color:#777!important;cursor:no-drop!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-select.ng-select-single .ng-select-container .ng-value-container .ng-input,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value,.apipass-select-image.ng-select-disabled .ng-select-container .ng-value-container,.apipass-select.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-value,.apipass-select.ng-select-disabled .ng-select-container .ng-value-container{cursor:no-drop!important}.apipass-select-image .select-text-element,.apipass-select .select-text-element{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{border-color:transparent transparent #ddd;border-width:0 5px 5px;top:-2px}.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-left-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-left-radius:0;border-top-right-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.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{align-items:center!important;background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{min-height:51px}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.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{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container,.apipass-select .ng-select-container .ng-value-container{align-items:center!important;padding-left:10px}.apipass-select-image .ng-select-container .ng-value-container .ng-value,.apipass-select .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input,.apipass-select .ng-select-container .ng-value-container .ng-input{padding-top:0!important;top:auto!important}.apipass-select-image .ng-select-container .ng-value-container .ng-input input,.apipass-select .ng-select-container .ng-value-container .ng-input input{margin-top:-5px!important;padding-bottom:17px!important;padding-top:17px!important}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-left:0;padding-right:10px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.6);font-size:14px}.apipass-select-image .ng-select-container,.apipass-select .ng-select-container{height:51px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:10px;padding-right:50px;top:5px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-left:50px;padding-right:10px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#f9f9f9;border:1px solid #e6e6e6;display:flex!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-left:7px;padding-top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:0;padding-right:7px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;background-color:#ebf5ff;border-radius:2px;color:#333;display:flex!important;font-size:.9em;margin-bottom:5px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{align-items:center!important;display:flex!important;margin-left:5px;margin-right:0}.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-icon,.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{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{padding-bottom:5px;padding-left:3px;top:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-left:0;padding-right:3px}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.6)}.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{padding-right:5px;width:25px}[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 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-color:#e6e6e6;margin-top:-1px;top:100%}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ng-dropdown-panel.ng-select-top{border-bottom-color:#e6e6e6;border-top-left-radius:4px;border-top-right-radius:4px;bottom:100%;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px;border-top-right-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;color:rgba(0,0,0,.54);cursor:pointer;font-weight:500;padding:8px 10px;user-select:none}.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{align-items:center!important;background-color:#fff;color:rgba(0,0,0,.87);display:flex!important;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{background-color:#ebf5ff;color:#333}.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-left:0;padding-right:22px}.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}"], encapsulation: 2 });
815
+ const ɵSelectBoxComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SelectBoxComponent);
816
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(SelectBoxComponent, [{
817
+ type: Component,
818
+ args: [{
819
+ selector: 'select-box',
820
+ templateUrl: 'select-box.component.html',
821
+ styleUrls: ['select-box.component.scss'],
822
+ providers: [{
823
+ provide: NG_VALUE_ACCESSOR,
824
+ useExisting: forwardRef(() => SelectBoxComponent),
825
+ multi: true
826
+ }],
827
+ encapsulation: ViewEncapsulation.None
828
+ }]
829
+ }], null, { placeholder: [{
830
+ type: Input
831
+ }], searchPlaceHolder: [{
832
+ type: Input
833
+ }], clearText: [{
834
+ type: Input
835
+ }], notFoundText: [{
836
+ type: Input
837
+ }], enabledSearch: [{
838
+ type: Input
839
+ }], data: [{
840
+ type: Input
841
+ }], disabled: [{
842
+ type: Input
843
+ }], selectedItem: [{
844
+ type: Input
845
+ }], bindImageUrl: [{
846
+ type: Input
847
+ }], bindKey: [{
848
+ type: Input
849
+ }], bindValue: [{
850
+ type: Input
851
+ }], limitItens: [{
852
+ type: Input
853
+ }], onOpenSelectBox: [{
854
+ type: Output
855
+ }], onCloseSelectBox: [{
856
+ type: Output
857
+ }], onSelectChange: [{
858
+ type: Output
859
+ }], onSelectClear: [{
860
+ type: Output
861
+ }], ngSelectComponent: [{
862
+ type: ViewChild,
863
+ args: ['ngSelectComponent']
864
+ }] }); })();
525
865
 
526
- class CustomSelectComponent {
527
- constructor() {
528
- this.disabled = false;
529
- this.items = [];
530
- this.allowTyping = false;
531
- this.allowRemove = false;
532
- this.placeHolder = 'Selecione';
533
- this.findPlaceHolder = 'Busque um item';
534
- this.searchText = '';
535
- this.onSelect = new EventEmitter();
536
- this.onUnSelect = new EventEmitter();
537
- this.onAddItem = new EventEmitter();
538
- this.opened = false;
539
- this.edited = false;
540
- this.tabindex = '0';
541
- this.onTouchedCallback = () => {
542
- };
543
- this.onChangeCallback = () => {
544
- };
545
- }
546
- onBlur(target) {
547
- if (this.allowTyping) {
548
- if (this.value) {
549
- if (this.edited) {
550
- this.writeValue(this.value);
551
- this.selectedItem = new CustomSelectItem(this.value, this.value);
552
- this.onSelect.next(this.selectedItem);
553
- }
554
- }
555
- else {
556
- this.writeValue(undefined);
557
- this.onSelect.next(undefined);
558
- }
559
- }
560
- if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
561
- return;
562
- }
563
- this.opened = false;
564
- }
565
- selectItem(item) {
566
- this.opened = false;
567
- this.selectedItem = item;
568
- this.edited = false;
569
- this.selectedModelValue = item.text;
570
- this.value = item.text;
571
- this.searchText = '';
572
- this.onSelect.next(item);
573
- }
574
- addItem() {
575
- this.opened = false;
576
- this.searchText = '';
577
- this.onAddItem.next();
578
- }
579
- keyPress() {
580
- if (this.allowTyping) {
581
- this.opened = false;
582
- this.edited = true;
583
- this.selectedModelValue = this.value;
584
- this.searchText = '';
585
- }
586
- else {
587
- this.edited = false;
588
- return false;
589
- }
590
- }
591
- clicked() {
592
- this.opened = true;
593
- this.searchText = '';
594
- }
595
- get value() {
596
- return this.innerValue;
597
- }
598
- set value(value) {
599
- this.innerValue = value;
600
- this.onChangeCallback(value);
601
- this.onSelect.next(value);
602
- }
603
- writeValue(value) {
604
- if (value !== this.innerValue) {
605
- if (!this.selectedItem || !this.selectedItem.text || !value) {
606
- this.selectedItem = new CustomSelectItem(null, value);
607
- }
608
- this.innerValue = value;
609
- this.selectedModelValue = value;
610
- }
611
- }
612
- registerOnChange(fn) {
613
- this.onChangeCallback = fn;
614
- }
615
- registerOnTouched(fn) {
616
- this.onTouchedCallback = fn;
617
- }
618
- setDisabledState(isDisabled) {
619
- this.disabled = isDisabled;
620
- }
621
- arrowClick() {
622
- var _a;
623
- this.opened = true;
624
- this.searchText = '';
625
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
626
- }
627
- removeClick(event) {
628
- event.stopPropagation();
629
- this.opened = false;
630
- this.searchText = '';
631
- this.innerValue = null;
632
- this.onUnSelect.next();
633
- }
634
- onDrop($event) {
635
- this.searchText = '';
636
- if (!this.value) {
637
- this.value = '';
638
- }
639
- this.value += `{{${$event.data}}}`;
640
- }
641
- }
642
- CustomSelectComponent.decorators = [
643
- { type: Component, args: [{
644
- selector: 'custom-select',
645
- template: "<mat-form-field 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()\">\r\n <i class=\"fa fa-caret-down\"></i>\r\n </span>\r\n</mat-form-field>\r\n<div class=\"custom-select-component\">\r\n <ul class=\"ul-ac\" *ngIf=\"opened && ((value && value.length !== 0) || items)\">\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 />\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 class=\"li-add\" (mousedown)=\"addItem()\" (click)=\"addItem()\">\r\n <span class=\"fa fa-plus-circle\"></span>\r\n <span>Adicionar novo item</span>\r\n </li>\r\n </ul>\r\n</div>\r\n",
646
- providers: [{
647
- provide: NG_VALUE_ACCESSOR,
648
- useExisting: forwardRef(() => CustomSelectComponent),
649
- multi: true
650
- }],
651
- styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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-form-field-underline,.mat-input-underline{display:none}.mat-form-field-appearance-fill .mat-form-field-flex{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix,.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-focused .mat-form-field-placeholder,.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label,.placeholder-primary .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary ::ng-deep .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label,.placeholder-bold .mat-form-field-placeholder,.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold ::ng-deep .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-date-filter .mat-form-field-wrapper,.apipass-input-text .mat-form-field-wrapper,.apipass-search-input-text .mat-form-field-wrapper,.apipass-select .mat-form-field-wrapper,.custom-select-component .mat-form-field-wrapper{padding:0!important}.apipass-date-filter .mat-icon-button,.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.apipass-select .mat-icon-button,.custom-select-component .mat-icon-button{height:auto!important;width:auto!important}.apipass-date-filter.label-input .mat-form-field-label-wrapper,.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-date-filter.label-input input,.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.apipass-select.label-input input,.custom-select-component.label-input input{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper,.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,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-form-field-flex{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!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-bottom:7px!important;padding-top: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{color:#777;cursor:pointer}.apipass-date-filter .mat-form-field-wrapper{padding-bottom:0!important}.custom-select-component{cursor:pointer}.custom-select-component input{background:#fff!important;height:37px}.custom-select-component .ul-ac{background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;margin-top:-1px;padding:0;position:absolute;width:calc(100% - 30px);z-index:7!important}.custom-select-component .ul-ac li{cursor:pointer;font-size:12px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-component .ul-ac li:hover{background:#bbbcbc}.custom-select-component .ul-ac .li-add{border-top:1px solid #d3d3d3}.custom-select-component .ul-ac .li-add .fa{color:#ff8f17;padding-right:5px}.custom-select-component .selected{background-color:#898a8a!important}.custom-select-component .selected .fa{color:#fff!important}.custom-select-component .remove-icon i{color:red;margin-right:10px}.custom-select-component .open-icon i{color:rgba(0,0,0,.54)}.custom-select-component .li-search{border-bottom:1px solid #ccc!important;cursor:default!important}.custom-select-component .li-search:hover{background:#fff!important}.select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}"]
652
- },] }
653
- ];
654
- CustomSelectComponent.propDecorators = {
655
- disabled: [{ type: Input }],
656
- items: [{ type: Input }],
657
- allowTyping: [{ type: Input }],
658
- allowRemove: [{ type: Input }],
659
- placeHolder: [{ type: Input }],
660
- findPlaceHolder: [{ type: Input }],
661
- searchText: [{ type: Input }],
662
- onSelect: [{ type: Output }],
663
- onUnSelect: [{ type: Output }],
664
- onAddItem: [{ type: Output }],
665
- input: [{ type: ViewChild, args: ['input', { static: true },] }],
666
- tabindex: [{ type: HostBinding, args: ['attr.tabindex',] }],
667
- onBlur: [{ type: HostListener, args: ['blur', ['$event.target'],] }]
668
- };
866
+ /** The height of the select items in `em` units. */
867
+ const SELECT_ITEM_HEIGHT_EM = 3;
868
+ class MatSelectInfiniteScrollDirective {
869
+ constructor(matSelect, ngZone) {
870
+ this.matSelect = matSelect;
871
+ this.ngZone = ngZone;
872
+ this.threshold = '15%';
873
+ this.debounceTime = 150;
874
+ this.infiniteScroll = new EventEmitter();
875
+ this.thrPx = 0;
876
+ this.thrPc = 0;
877
+ this.singleOptionHeight = SELECT_ITEM_HEIGHT_EM;
878
+ this.destroyed$ = new Subject();
879
+ }
880
+ ngOnInit() {
881
+ this.evaluateThreshold();
882
+ }
883
+ ngAfterViewInit() {
884
+ this.matSelect.openedChange.pipe(takeUntil(this.destroyed$)).subscribe((opened) => {
885
+ if (opened) {
886
+ this.panel = this.matSelect.panel.nativeElement;
887
+ this.singleOptionHeight = this.getSelectItemHeightPx();
888
+ this.registerScrollListener();
889
+ }
890
+ });
891
+ }
892
+ ngOnDestroy() {
893
+ this.destroyed$.next(true);
894
+ this.destroyed$.complete();
895
+ }
896
+ evaluateThreshold() {
897
+ if (this.threshold.lastIndexOf('%') > -1) {
898
+ this.thrPx = 0;
899
+ this.thrPc = (parseFloat(this.threshold) / 100);
900
+ }
901
+ else {
902
+ this.thrPx = parseFloat(this.threshold);
903
+ this.thrPc = 0;
904
+ }
905
+ }
906
+ registerScrollListener() {
907
+ fromEvent(this.panel, 'scroll').pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime), tap((event) => {
908
+ this.handleScrollEvent(event);
909
+ })).subscribe();
910
+ }
911
+ handleScrollEvent(event) {
912
+ this.ngZone.runOutsideAngular(() => {
913
+ if (this.complete) {
914
+ return;
915
+ }
916
+ const countOfRenderedOptions = this.matSelect.options.length;
917
+ const infiniteScrollDistance = this.singleOptionHeight * countOfRenderedOptions;
918
+ const threshold = this.thrPc !== 0 ? (infiniteScrollDistance * this.thrPc) : this.thrPx;
919
+ const scrolledDistance = this.panel.clientHeight + event.target.scrollTop;
920
+ if ((scrolledDistance + threshold) >= infiniteScrollDistance) {
921
+ this.ngZone.run(() => this.infiniteScroll.emit());
922
+ }
923
+ });
924
+ }
925
+ getSelectItemHeightPx() {
926
+ return parseFloat(getComputedStyle(this.panel).fontSize) * SELECT_ITEM_HEIGHT_EM;
927
+ }
928
+ }
929
+ MatSelectInfiniteScrollDirective.ɵfac = function MatSelectInfiniteScrollDirective_Factory(t) { return new (t || MatSelectInfiniteScrollDirective)(ɵɵdirectiveInject(MatSelect), ɵɵdirectiveInject(NgZone)); };
930
+ MatSelectInfiniteScrollDirective.ɵdir = ɵɵdefineDirective({ type: MatSelectInfiniteScrollDirective, selectors: [["", "msInfiniteScroll", ""]], inputs: { threshold: "threshold", debounceTime: "debounceTime", complete: "complete" }, outputs: { infiniteScroll: "infiniteScroll" } });
931
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(MatSelectInfiniteScrollDirective, [{
932
+ type: Directive,
933
+ args: [{
934
+ selector: '[msInfiniteScroll]'
935
+ }]
936
+ }], function () { return [{ type: MatSelect }, { type: NgZone }]; }, { threshold: [{
937
+ type: Input
938
+ }], debounceTime: [{
939
+ type: Input
940
+ }], complete: [{
941
+ type: Input
942
+ }], infiniteScroll: [{
943
+ type: Output
944
+ }] }); })();
669
945
 
670
- class InputsModule {
671
- }
672
- InputsModule.decorators = [
673
- { type: NgModule, args: [{
674
- imports: [
675
- RouterModule.forChild([]),
676
- CommonModule,
677
- FormsModule,
678
- MatFormFieldModule,
679
- MatInputModule,
680
- MatPasswordStrengthModule,
681
- MatSelectModule,
682
- MatSelectFilterModule,
683
- NgSelectModule,
684
- PipeModule,
685
- MatIconModule,
686
- TranslateModule,
687
- IconsModule,
688
- MatTooltipModule,
689
- DndModule,
690
- ],
691
- declarations: [
692
- MatSelectInfiniteScrollDirective,
693
- SelectBoxComponent,
694
- SelectEnumComponent,
695
- InputTextComponent,
696
- InputPasswordComponent,
697
- InputAvatarComponent,
698
- CustomSelectComponent,
699
- FieldComponent
700
- ],
701
- exports: [
702
- SelectBoxComponent,
703
- SelectEnumComponent,
704
- InputTextComponent,
705
- InputPasswordComponent,
706
- InputAvatarComponent,
707
- CustomSelectComponent,
708
- FieldComponent
709
- ],
710
- providers: [],
711
- },] }
712
- ];
946
+ class CustomSelectItem {
947
+ constructor(id, text) {
948
+ this.id = id;
949
+ this.text = text;
950
+ }
951
+ }
952
+
953
+ const _c0$4 = ["input"];
954
+ function CustomSelectComponent_span_3_Template(rf, ctx) { if (rf & 1) {
955
+ const _r4 = ɵɵgetCurrentView();
956
+ ɵɵelementStart(0, "span", 8);
957
+ ɵɵlistener("click", function CustomSelectComponent_span_3_Template_span_click_0_listener($event) { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.removeClick($event); });
958
+ ɵɵelement(1, "i", 9);
959
+ ɵɵelementEnd();
960
+ } }
961
+ function CustomSelectComponent_ul_7_li_4_Template(rf, ctx) { if (rf & 1) {
962
+ const _r8 = ɵɵgetCurrentView();
963
+ ɵɵelementStart(0, "li", 17);
964
+ ɵɵlistener("click", function CustomSelectComponent_ul_7_li_4_Template_li_click_0_listener() { ɵɵrestoreView(_r8); const i_r6 = ctx.$implicit; const ctx_r7 = ɵɵnextContext(2); return ctx_r7.selectItem(i_r6); })("mousedown", function CustomSelectComponent_ul_7_li_4_Template_li_mousedown_0_listener() { ɵɵrestoreView(_r8); const i_r6 = ctx.$implicit; const ctx_r9 = ɵɵnextContext(2); return ctx_r9.selectItem(i_r6); });
965
+ ɵɵtext(1);
966
+ ɵɵelementEnd();
967
+ } if (rf & 2) {
968
+ const i_r6 = ctx.$implicit;
969
+ ɵɵadvance(1);
970
+ ɵɵtextInterpolate1(" ", i_r6.text, " ");
971
+ } }
972
+ function CustomSelectComponent_ul_7_Template(rf, ctx) { if (rf & 1) {
973
+ const _r11 = ɵɵgetCurrentView();
974
+ ɵɵelementStart(0, "ul", 10);
975
+ ɵɵelementStart(1, "li", 11);
976
+ ɵɵelementStart(2, "mat-form-field", 12);
977
+ ɵɵelementStart(3, "input", 13);
978
+ ɵɵlistener("ngModelChange", function CustomSelectComponent_ul_7_Template_input_ngModelChange_3_listener($event) { ɵɵrestoreView(_r11); const ctx_r10 = ɵɵnextContext(); return ctx_r10.searchText = $event; })("blur", function CustomSelectComponent_ul_7_Template_input_blur_3_listener($event) { ɵɵrestoreView(_r11); const ctx_r12 = ɵɵnextContext(); return ctx_r12.onBlur($event); });
979
+ ɵɵelementEnd();
980
+ ɵɵelementEnd();
981
+ ɵɵelementEnd();
982
+ ɵɵtemplate(4, CustomSelectComponent_ul_7_li_4_Template, 2, 1, "li", 14);
983
+ ɵɵpipe(5, "selectFilter");
984
+ ɵɵelementStart(6, "li", 15);
985
+ ɵɵlistener("mousedown", function CustomSelectComponent_ul_7_Template_li_mousedown_6_listener() { ɵɵrestoreView(_r11); const ctx_r13 = ɵɵnextContext(); return ctx_r13.addItem(); })("click", function CustomSelectComponent_ul_7_Template_li_click_6_listener() { ɵɵrestoreView(_r11); const ctx_r14 = ɵɵnextContext(); return ctx_r14.addItem(); });
986
+ ɵɵelement(7, "span", 16);
987
+ ɵɵelementStart(8, "span");
988
+ ɵɵtext(9, "Adicionar novo item");
989
+ ɵɵelementEnd();
990
+ ɵɵelementEnd();
991
+ ɵɵelementEnd();
992
+ } if (rf & 2) {
993
+ const ctx_r2 = ɵɵnextContext();
994
+ ɵɵadvance(3);
995
+ ɵɵproperty("placeholder", ctx_r2.findPlaceHolder)("ngModel", ctx_r2.searchText);
996
+ ɵɵadvance(1);
997
+ ɵɵproperty("ngForOf", ɵɵpipeBind3(5, 3, ctx_r2.items, ctx_r2.searchText, "text"));
998
+ } }
999
+ const _c1$3 = function (a0) { return { "select-open": a0 }; };
1000
+ const _c2$1 = function () { return { standalone: true }; };
1001
+ class CustomSelectComponent {
1002
+ constructor() {
1003
+ this.disabled = false;
1004
+ this.items = [];
1005
+ this.allowTyping = false;
1006
+ this.allowRemove = false;
1007
+ this.placeHolder = 'Selecione';
1008
+ this.findPlaceHolder = 'Busque um item';
1009
+ this.searchText = '';
1010
+ this.onSelect = new EventEmitter();
1011
+ this.onUnSelect = new EventEmitter();
1012
+ this.onAddItem = new EventEmitter();
1013
+ this.opened = false;
1014
+ this.edited = false;
1015
+ this.tabindex = '0';
1016
+ this.onTouchedCallback = () => {
1017
+ };
1018
+ this.onChangeCallback = () => {
1019
+ };
1020
+ }
1021
+ onBlur(target) {
1022
+ if (this.allowTyping) {
1023
+ if (this.value) {
1024
+ if (this.edited) {
1025
+ this.writeValue(this.value);
1026
+ this.selectedItem = new CustomSelectItem(this.value, this.value);
1027
+ this.onSelect.next(this.selectedItem);
1028
+ }
1029
+ }
1030
+ else {
1031
+ this.writeValue(undefined);
1032
+ this.onSelect.next(undefined);
1033
+ }
1034
+ }
1035
+ if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
1036
+ return;
1037
+ }
1038
+ this.opened = false;
1039
+ }
1040
+ selectItem(item) {
1041
+ this.opened = false;
1042
+ this.selectedItem = item;
1043
+ this.edited = false;
1044
+ this.selectedModelValue = item.text;
1045
+ this.value = item.text;
1046
+ this.searchText = '';
1047
+ this.onSelect.next(item);
1048
+ }
1049
+ addItem() {
1050
+ this.opened = false;
1051
+ this.searchText = '';
1052
+ this.onAddItem.next();
1053
+ }
1054
+ keyPress() {
1055
+ if (this.allowTyping) {
1056
+ this.opened = false;
1057
+ this.edited = true;
1058
+ this.selectedModelValue = this.value;
1059
+ this.searchText = '';
1060
+ }
1061
+ else {
1062
+ this.edited = false;
1063
+ return false;
1064
+ }
1065
+ }
1066
+ clicked() {
1067
+ this.opened = true;
1068
+ this.searchText = '';
1069
+ }
1070
+ get value() {
1071
+ return this.innerValue;
1072
+ }
1073
+ set value(value) {
1074
+ this.innerValue = value;
1075
+ this.onChangeCallback(value);
1076
+ this.onSelect.next(value);
1077
+ }
1078
+ writeValue(value) {
1079
+ if (value !== this.innerValue) {
1080
+ if (!this.selectedItem || !this.selectedItem.text || !value) {
1081
+ this.selectedItem = new CustomSelectItem(null, value);
1082
+ }
1083
+ this.innerValue = value;
1084
+ this.selectedModelValue = value;
1085
+ }
1086
+ }
1087
+ registerOnChange(fn) {
1088
+ this.onChangeCallback = fn;
1089
+ }
1090
+ registerOnTouched(fn) {
1091
+ this.onTouchedCallback = fn;
1092
+ }
1093
+ setDisabledState(isDisabled) {
1094
+ this.disabled = isDisabled;
1095
+ }
1096
+ arrowClick() {
1097
+ var _a;
1098
+ this.opened = true;
1099
+ this.searchText = '';
1100
+ (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
1101
+ }
1102
+ removeClick(event) {
1103
+ event.stopPropagation();
1104
+ this.opened = false;
1105
+ this.searchText = '';
1106
+ this.innerValue = null;
1107
+ this.onUnSelect.next();
1108
+ }
1109
+ onDrop($event) {
1110
+ this.searchText = '';
1111
+ if (!this.value) {
1112
+ this.value = '';
1113
+ }
1114
+ this.value += `{{${$event.data}}}`;
1115
+ }
1116
+ }
1117
+ CustomSelectComponent.ɵfac = function CustomSelectComponent_Factory(t) { return new (t || CustomSelectComponent)(); };
1118
+ CustomSelectComponent.ɵcmp = ɵɵdefineComponent({ type: CustomSelectComponent, selectors: [["custom-select"]], viewQuery: function CustomSelectComponent_Query(rf, ctx) { if (rf & 1) {
1119
+ ɵɵstaticViewQuery(_c0$4, true);
1120
+ } if (rf & 2) {
1121
+ var _t;
1122
+ ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.input = _t.first);
1123
+ } }, hostVars: 1, hostBindings: function CustomSelectComponent_HostBindings(rf, ctx) { if (rf & 1) {
1124
+ ɵɵlistener("blur", function CustomSelectComponent_blur_HostBindingHandler($event) { return ctx.onBlur($event.target); });
1125
+ } if (rf & 2) {
1126
+ ɵɵattribute("tabindex", ctx.tabindex);
1127
+ } }, inputs: { disabled: "disabled", items: "items", allowTyping: "allowTyping", allowRemove: "allowRemove", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder", searchText: "searchText" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onAddItem: "onAddItem" }, features: [ɵɵProvidersFeature([{
1128
+ provide: NG_VALUE_ACCESSOR,
1129
+ useExisting: forwardRef(() => CustomSelectComponent),
1130
+ multi: true
1131
+ }])], decls: 8, vars: 10, consts: [["appearance", "fill", "autocomplete", "off", 1, "custom-select-component", 3, "ngClass"], ["matInput", "", "dndDropzone", "", "autocomplete", "off", 3, "placeholder", "ngModel", "ngModelOptions", "disabled", "focus", "blur", "ngModelChange", "keyup", "click", "dndDrop"], ["input", ""], ["title", "Remover", "class", "remove-icon", 3, "click", 4, "ngIf"], [1, "open-icon", 3, "click"], [1, "fa", "fa-caret-down"], [1, "custom-select-component"], ["class", "ul-ac", 4, "ngIf"], ["title", "Remover", 1, "remove-icon", 3, "click"], [1, "fa", "fa-times"], [1, "ul-ac"], [1, "li-search", "search-input-item"], ["appearance", "fill", 1, "apipass-input-text", "search-input-item"], ["matInput", "", "aria-autocomplete", "none", 1, "search-input-item", 3, "placeholder", "ngModel", "ngModelChange", "blur"], ["class", "clickable", 3, "click", "mousedown", 4, "ngFor", "ngForOf"], [1, "li-add", 3, "mousedown", "click"], [1, "fa", "fa-plus-circle"], [1, "clickable", 3, "click", "mousedown"]], template: function CustomSelectComponent_Template(rf, ctx) { if (rf & 1) {
1132
+ ɵɵelementStart(0, "mat-form-field", 0);
1133
+ ɵɵelementStart(1, "input", 1, 2);
1134
+ ɵɵlistener("focus", function CustomSelectComponent_Template_input_focus_1_listener() { return ctx.opened = true; })("blur", function CustomSelectComponent_Template_input_blur_1_listener($event) { return ctx.onBlur($event); })("ngModelChange", function CustomSelectComponent_Template_input_ngModelChange_1_listener($event) { return ctx.value = $event; })("keyup", function CustomSelectComponent_Template_input_keyup_1_listener() { return ctx.keyPress(); })("click", function CustomSelectComponent_Template_input_click_1_listener() { return ctx.clicked(); })("dndDrop", function CustomSelectComponent_Template_input_dndDrop_1_listener($event) { return ctx.onDrop($event); });
1135
+ ɵɵelementEnd();
1136
+ ɵɵtemplate(3, CustomSelectComponent_span_3_Template, 2, 0, "span", 3);
1137
+ ɵɵelementStart(4, "span", 4);
1138
+ ɵɵlistener("click", function CustomSelectComponent_Template_span_click_4_listener() { return ctx.arrowClick(); });
1139
+ ɵɵelement(5, "i", 5);
1140
+ ɵɵelementEnd();
1141
+ ɵɵelementEnd();
1142
+ ɵɵelementStart(6, "div", 6);
1143
+ ɵɵtemplate(7, CustomSelectComponent_ul_7_Template, 10, 7, "ul", 7);
1144
+ ɵɵelementEnd();
1145
+ } if (rf & 2) {
1146
+ ɵɵproperty("ngClass", ɵɵpureFunction1(7, _c1$3, ctx.opened));
1147
+ ɵɵadvance(1);
1148
+ ɵɵproperty("placeholder", ctx.placeHolder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(9, _c2$1))("disabled", ctx.disabled);
1149
+ ɵɵadvance(2);
1150
+ ɵɵproperty("ngIf", ctx.allowRemove);
1151
+ ɵɵadvance(4);
1152
+ ɵɵproperty("ngIf", ctx.opened && (ctx.value && ctx.value.length !== 0 || ctx.items));
1153
+ } }, directives: [MatFormField, NgClass, MatInput, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, NgIf, NgForOf], pipes: [SelectFilterPipe], styles: ["[_ngcontent-%COMP%]:root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;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+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,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[_ngcontent-%COMP%]{color:var(--color-primary)!important}.text-secondary[_ngcontent-%COMP%]{color:var(--color-secondary)!important}.text-tertiary[_ngcontent-%COMP%]{color:var(--color-fonts-tertiary)!important}.text-weight-bold[_ngcontent-%COMP%]{font-weight:700!important}.text-weight-normal[_ngcontent-%COMP%]{font-weight:400!important}.mat-form-field-underline[_ngcontent-%COMP%], .mat-input-underline[_ngcontent-%COMP%]{display:none}.mat-form-field-appearance-fill[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{align-items:center!important;background:var(--color-inputs-background)!important;border:1px solid var(--color-inputs-border)!important;border-radius:6px!important;display:flex!important}.mat-form-field-infix[_ngcontent-%COMP%]{align-items:center!important;border-top:none!important;padding:0!important}.mat-form-field-infix[_ngcontent-%COMP%], .mat-select-arrow-wrapper[_ngcontent-%COMP%]{display:flex!important}.mat-icon-button[_ngcontent-%COMP%]{width:auto!important}.no-border[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{border:none!important}.no-border[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{padding:1px}.mat-form-field-label-wrapper[_ngcontent-%COMP%]{top:-10px}.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%]{font-size:14px}.placeholder-primary[_ngcontent-%COMP%] .mat-focused[_ngcontent-%COMP%] .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%] label[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%] .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-primary[_ngcontent-%COMP%] .mat-focused .mat-form-field-placeholder, .placeholder-primary[_ngcontent-%COMP%] .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary[_ngcontent-%COMP%] input[_ngcontent-%COMP%] [_ngcontent-%COMP%]::placeholder{color:var(--color-primary)!important}.placeholder-bold[_ngcontent-%COMP%] .mat-focused[_ngcontent-%COMP%] .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%] label[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%] .mat-form-field-placeholder[_ngcontent-%COMP%], .placeholder-bold[_ngcontent-%COMP%] .mat-focused .mat-form-field-placeholder, .placeholder-bold[_ngcontent-%COMP%] .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold[_ngcontent-%COMP%] input[_ngcontent-%COMP%] [_ngcontent-%COMP%]::placeholder{font-weight:700!important}.apipass-input-text[_ngcontent-%COMP%]{width:100%}.apipass-input-text[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{padding:10px!important}.apipass-date-filter[_ngcontent-%COMP%] .mat-form-field-wrapper[_ngcontent-%COMP%], .apipass-input-text[_ngcontent-%COMP%] .mat-form-field-wrapper[_ngcontent-%COMP%], .apipass-search-input-text[_ngcontent-%COMP%] .mat-form-field-wrapper[_ngcontent-%COMP%], .apipass-select[_ngcontent-%COMP%] .mat-form-field-wrapper[_ngcontent-%COMP%], .custom-select-component[_ngcontent-%COMP%] .mat-form-field-wrapper[_ngcontent-%COMP%]{padding:0!important}.apipass-date-filter[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%], .apipass-input-text[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%], .apipass-search-input-text[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%], .apipass-select[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%], .custom-select-component[_ngcontent-%COMP%] .mat-icon-button[_ngcontent-%COMP%]{height:auto!important;width:auto!important}.apipass-date-filter.label-input[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-input-text.label-input[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-search-input-text.label-input[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-select.label-input[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .custom-select-component.label-input[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%]{padding-top:0;top:auto!important}.apipass-date-filter.label-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .apipass-input-text.label-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .apipass-search-input-text.label-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .apipass-select.label-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-component.label-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{padding-bottom:5px!important;padding-top:10px!important}.apipass-date-filter.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-input-text.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-search-input-text.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .apipass-select.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%], .custom-select-component.mat-form-field-should-float[_ngcontent-%COMP%] .mat-form-field-label-wrapper[_ngcontent-%COMP%]{margin-top:-10px!important;padding-top:0!important}.apipass-search-input-text[_ngcontent-%COMP%]{width:100%}.apipass-search-input-text.small-text[_ngcontent-%COMP%]{font-size:12px}.apipass-search-input-text[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{border-left:none!important;border-radius:0!important;border-right:none!important;border-top:none!important;padding:2px 5px 2px 2px!important}.apipass-search-input-text[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{margin-top:-5px!important}.custom-select-component[_ngcontent-%COMP%]{width:100%}.custom-select-component[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{padding:1px 10px!important}.apipass-select[_ngcontent-%COMP%]{width:100%}.apipass-select[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{padding:10px 5px 10px 10px!important}.apipass-select.label-input[_ngcontent-%COMP%] .mat-form-field-infix[_ngcontent-%COMP%]{padding-bottom:7px!important;padding-top:7px!important}.apipass-date-filter[_ngcontent-%COMP%]{width:100%}.apipass-date-filter[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{padding:7px 10px!important}.apipass-date-filter[_ngcontent-%COMP%] .mat-form-field-suffix[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#777;cursor:pointer}.apipass-date-filter[_ngcontent-%COMP%] .mat-form-field-wrapper[_ngcontent-%COMP%]{padding-bottom:0!important}.custom-select-component[_ngcontent-%COMP%]{cursor:pointer}.custom-select-component[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{background:#fff!important;height:37px}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%]{background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;margin-top:-1px;padding:0;position:absolute;width:calc(100% - 30px);z-index:7!important}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{cursor:pointer;font-size:12px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover{background:#bbbcbc}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%]{border-top:1px solid #d3d3d3}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%]{color:#ff8f17;padding-right:5px}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%]{background-color:#898a8a!important}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%]{color:#fff!important}.custom-select-component[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{color:red;margin-right:10px}.custom-select-component[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%]{color:rgba(0,0,0,.54)}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]{border-bottom:1px solid #ccc!important;cursor:default!important}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]:hover{background:#fff!important}.select-open[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%]{border-radius:6px 6px 0 0!important}"] });
1154
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(CustomSelectComponent, [{
1155
+ type: Component,
1156
+ args: [{
1157
+ selector: 'custom-select',
1158
+ templateUrl: 'custom-select.component.html',
1159
+ styleUrls: ['custom-select.component.scss'],
1160
+ providers: [{
1161
+ provide: NG_VALUE_ACCESSOR,
1162
+ useExisting: forwardRef(() => CustomSelectComponent),
1163
+ multi: true
1164
+ }]
1165
+ }]
1166
+ }], null, { disabled: [{
1167
+ type: Input
1168
+ }], items: [{
1169
+ type: Input
1170
+ }], allowTyping: [{
1171
+ type: Input
1172
+ }], allowRemove: [{
1173
+ type: Input
1174
+ }], placeHolder: [{
1175
+ type: Input
1176
+ }], findPlaceHolder: [{
1177
+ type: Input
1178
+ }], searchText: [{
1179
+ type: Input
1180
+ }], onSelect: [{
1181
+ type: Output
1182
+ }], onUnSelect: [{
1183
+ type: Output
1184
+ }], onAddItem: [{
1185
+ type: Output
1186
+ }], input: [{
1187
+ type: ViewChild,
1188
+ args: ['input', { static: true }]
1189
+ }], tabindex: [{
1190
+ type: HostBinding,
1191
+ args: ['attr.tabindex']
1192
+ }], onBlur: [{
1193
+ type: HostListener,
1194
+ args: ['blur', ['$event.target']]
1195
+ }] }); })();
1196
+
1197
+ function InputFileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
1198
+ ɵɵelementStart(0, "div", 6);
1199
+ ɵɵtext(1);
1200
+ ɵɵelementEnd();
1201
+ } if (rf & 2) {
1202
+ const ctx_r1 = ɵɵnextContext();
1203
+ ɵɵadvance(1);
1204
+ ɵɵtextInterpolate1(" ", ctx_r1.fileName || ctx_r1.emptyFileLabel, " ");
1205
+ } }
1206
+ const _c0$5 = function (a0) { return { "font-size": a0 }; };
1207
+ function InputFileComponent_icon_5_Template(rf, ctx) { if (rf & 1) {
1208
+ const _r5 = ɵɵgetCurrentView();
1209
+ ɵɵelementStart(0, "icon", 7);
1210
+ ɵɵlistener("click", function InputFileComponent_icon_5_Template_icon_click_0_listener() { ɵɵrestoreView(_r5); ɵɵnextContext(); const _r0 = ɵɵreference(1); _r0.click(); return _r0.value = null; });
1211
+ ɵɵelementEnd();
1212
+ } if (rf & 2) {
1213
+ const ctx_r2 = ɵɵnextContext();
1214
+ ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c0$5, ctx_r2.iconFontSize))("title", ctx_r2.uploadTitle)("type", "primary")("name", "fas fa-upload");
1215
+ } }
1216
+ function InputFileComponent_icon_6_Template(rf, ctx) { if (rf & 1) {
1217
+ const _r7 = ɵɵgetCurrentView();
1218
+ ɵɵelementStart(0, "icon", 7);
1219
+ ɵɵlistener("click", function InputFileComponent_icon_6_Template_icon_click_0_listener() { ɵɵrestoreView(_r7); ɵɵnextContext(); const _r0 = ɵɵreference(1); _r0.click(); return _r0.value = null; });
1220
+ ɵɵelementEnd();
1221
+ } if (rf & 2) {
1222
+ const ctx_r3 = ɵɵnextContext();
1223
+ ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c0$5, ctx_r3.iconFontSize))("title", ctx_r3.modifyTitle)("type", "primary")("name", "fas fa-pencil-alt");
1224
+ } }
1225
+ class InputFileComponent {
1226
+ constructor() {
1227
+ this.fileFormData = new FormData();
1228
+ this.canRemove = false;
1229
+ this.canUpload = false;
1230
+ this.uploadTitle = '';
1231
+ this.canModify = false;
1232
+ this.modifyTitle = '';
1233
+ this.iconFontSize = '16px';
1234
+ this.emptyFileLabel = '';
1235
+ this.fileTypes = [];
1236
+ this.onFileChanged = new EventEmitter();
1237
+ this.onInvalidFileType = new EventEmitter();
1238
+ this.fileUrl = false;
1239
+ }
1240
+ hasFile() {
1241
+ return this.fileUrl;
1242
+ }
1243
+ canAction() {
1244
+ return this.canRemove || this.canModify || this.canUpload;
1245
+ }
1246
+ fileChange(event) {
1247
+ const fileList = event.target.files;
1248
+ if (fileList.length > 0) {
1249
+ const file = fileList[0];
1250
+ this.fileName = file.name;
1251
+ if (!this.isFileTypeSupported(file.type)) {
1252
+ this.onInvalidFileType.emit({ fileName: this.fileName, typesSupported: this.fileTypes, typeInvalid: file.type });
1253
+ return;
1254
+ }
1255
+ this.fileFormData = new FormData();
1256
+ this.fileFormData.append('file', file, file.name);
1257
+ const reader = new FileReader();
1258
+ reader.readAsDataURL(fileList[0]);
1259
+ reader.onload = (loadEvent) => {
1260
+ this.fileUrl = true;
1261
+ this.emitChangeEvent();
1262
+ };
1263
+ }
1264
+ }
1265
+ isFileTypeSupported(fileType) {
1266
+ return !this.fileTypes || this.fileTypes.includes(fileType);
1267
+ }
1268
+ emitChangeEvent() {
1269
+ this.onFileChanged.emit({ fileUrl: this.fileUrl, fileFormData: this.fileFormData });
1270
+ }
1271
+ }
1272
+ InputFileComponent.ɵfac = function InputFileComponent_Factory(t) { return new (t || InputFileComponent)(); };
1273
+ InputFileComponent.ɵcmp = ɵɵdefineComponent({ type: InputFileComponent, selectors: [["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" }, decls: 7, vars: 3, consts: [["id", "action-icon", "type", "file", 2, "display", "none", 3, "change"], ["actionFile", ""], [1, "input-file"], ["class", "file-name", 4, "ngIf"], [1, "file-actions"], [3, "ngStyle", "title", "type", "name", "click", 4, "ngIf"], [1, "file-name"], [3, "ngStyle", "title", "type", "name", "click"]], template: function InputFileComponent_Template(rf, ctx) { if (rf & 1) {
1274
+ ɵɵelementStart(0, "input", 0, 1);
1275
+ ɵɵlistener("change", function InputFileComponent_Template_input_change_0_listener($event) { return ctx.fileChange($event); });
1276
+ ɵɵelementEnd();
1277
+ ɵɵelementStart(2, "div", 2);
1278
+ ɵɵtemplate(3, InputFileComponent_div_3_Template, 2, 1, "div", 3);
1279
+ ɵɵelementStart(4, "div", 4);
1280
+ ɵɵtemplate(5, InputFileComponent_icon_5_Template, 1, 6, "icon", 5);
1281
+ ɵɵtemplate(6, InputFileComponent_icon_6_Template, 1, 6, "icon", 5);
1282
+ ɵɵelementEnd();
1283
+ ɵɵelementEnd();
1284
+ } if (rf & 2) {
1285
+ ɵɵadvance(3);
1286
+ ɵɵproperty("ngIf", ctx.fileName || ctx.emptyFileLabel);
1287
+ ɵɵadvance(2);
1288
+ ɵɵproperty("ngIf", !ctx.hasFile() && ctx.canUpload);
1289
+ ɵɵadvance(1);
1290
+ ɵɵproperty("ngIf", ctx.hasFile() && ctx.canModify);
1291
+ } }, directives: [NgIf, IconComponent, NgStyle], styles: [".input-file{align-items:center;display:flex;justify-content:flex-start;width:100%}.input-file .file-name{color:var(--color-primary);white-space:nowrap;width:100%}.input-file .file-actions{align-items:center;display:flex;justify-content:flex-end;padding-left:5px}.input-file .file-actions icon{cursor:pointer;margin-left:5px}"], encapsulation: 2 });
1292
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(InputFileComponent, [{
1293
+ type: Component,
1294
+ args: [{
1295
+ selector: 'input-file',
1296
+ templateUrl: 'input-file.component.html',
1297
+ styleUrls: ['input-file.component.scss'],
1298
+ encapsulation: ViewEncapsulation.None
1299
+ }]
1300
+ }], null, { fileFormData: [{
1301
+ type: Input
1302
+ }], fileName: [{
1303
+ type: Input
1304
+ }], canRemove: [{
1305
+ type: Input
1306
+ }], canUpload: [{
1307
+ type: Input
1308
+ }], uploadTitle: [{
1309
+ type: Input
1310
+ }], canModify: [{
1311
+ type: Input
1312
+ }], modifyTitle: [{
1313
+ type: Input
1314
+ }], iconFontSize: [{
1315
+ type: Input
1316
+ }], emptyFileLabel: [{
1317
+ type: Input
1318
+ }], fileTypes: [{
1319
+ type: Input
1320
+ }], onFileChanged: [{
1321
+ type: Output
1322
+ }], onInvalidFileType: [{
1323
+ type: Output
1324
+ }] }); })();
1325
+
1326
+ class InputsModule {
1327
+ }
1328
+ InputsModule.ɵmod = ɵɵdefineNgModule({ type: InputsModule });
1329
+ InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory(t) { return new (t || InputsModule)(); }, providers: [], imports: [[
1330
+ RouterModule.forChild([]),
1331
+ CommonModule,
1332
+ FormsModule,
1333
+ MatFormFieldModule,
1334
+ MatInputModule,
1335
+ MatPasswordStrengthModule,
1336
+ MatSelectModule,
1337
+ MatSelectFilterModule,
1338
+ NgSelectModule,
1339
+ PipeModule,
1340
+ MatIconModule,
1341
+ TranslateModule,
1342
+ IconsModule,
1343
+ MatTooltipModule,
1344
+ DndModule,
1345
+ ]] });
1346
+ (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(InputsModule, { declarations: [MatSelectInfiniteScrollDirective,
1347
+ SelectBoxComponent,
1348
+ SelectEnumComponent,
1349
+ InputTextComponent,
1350
+ InputPasswordComponent,
1351
+ InputAvatarComponent,
1352
+ InputFileComponent,
1353
+ CustomSelectComponent,
1354
+ FieldComponent], imports: [RouterModule, CommonModule,
1355
+ FormsModule,
1356
+ MatFormFieldModule,
1357
+ MatInputModule,
1358
+ MatPasswordStrengthModule,
1359
+ MatSelectModule,
1360
+ MatSelectFilterModule,
1361
+ NgSelectModule,
1362
+ PipeModule,
1363
+ MatIconModule,
1364
+ TranslateModule,
1365
+ IconsModule,
1366
+ MatTooltipModule,
1367
+ DndModule], exports: [SelectBoxComponent,
1368
+ SelectEnumComponent,
1369
+ InputTextComponent,
1370
+ InputPasswordComponent,
1371
+ InputAvatarComponent,
1372
+ InputFileComponent,
1373
+ CustomSelectComponent,
1374
+ FieldComponent] }); })();
1375
+ /*@__PURE__*/ (function () { ɵsetClassMetadata(InputsModule, [{
1376
+ type: NgModule,
1377
+ args: [{
1378
+ imports: [
1379
+ RouterModule.forChild([]),
1380
+ CommonModule,
1381
+ FormsModule,
1382
+ MatFormFieldModule,
1383
+ MatInputModule,
1384
+ MatPasswordStrengthModule,
1385
+ MatSelectModule,
1386
+ MatSelectFilterModule,
1387
+ NgSelectModule,
1388
+ PipeModule,
1389
+ MatIconModule,
1390
+ TranslateModule,
1391
+ IconsModule,
1392
+ MatTooltipModule,
1393
+ DndModule,
1394
+ ],
1395
+ declarations: [
1396
+ MatSelectInfiniteScrollDirective,
1397
+ SelectBoxComponent,
1398
+ SelectEnumComponent,
1399
+ InputTextComponent,
1400
+ InputPasswordComponent,
1401
+ InputAvatarComponent,
1402
+ InputFileComponent,
1403
+ CustomSelectComponent,
1404
+ FieldComponent
1405
+ ],
1406
+ exports: [
1407
+ SelectBoxComponent,
1408
+ SelectEnumComponent,
1409
+ InputTextComponent,
1410
+ InputPasswordComponent,
1411
+ InputAvatarComponent,
1412
+ InputFileComponent,
1413
+ CustomSelectComponent,
1414
+ FieldComponent
1415
+ ],
1416
+ providers: [],
1417
+ }]
1418
+ }], null, null); })();
713
1419
 
714
- /**
715
- * Generated bundle index. Do not edit.
1420
+ /**
1421
+ * Generated bundle index. Do not edit.
716
1422
  */
717
1423
 
718
- export { CustomSelectComponent, CustomSelectItem, FieldComponent, InputAvatarComponent, InputPasswordComponent, InputTextComponent, InputsModule, SelectBoxComponent, SelectEnumComponent, MatSelectInfiniteScrollDirective as ɵa, ValueAccessorBase as ɵb };
1424
+ export { CustomSelectComponent, CustomSelectItem, FieldComponent, InputAvatarComponent, InputFileComponent, InputPasswordComponent, InputTextComponent, InputsModule, SelectBoxComponent, SelectEnumComponent };
719
1425
  //# sourceMappingURL=apipass-inputs.js.map