@apipass/inputs 0.2.16 → 1.0.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 (71) hide show
  1. package/ace-editor/component.d.ts +52 -52
  2. package/ace-editor/directive.d.ts +39 -39
  3. package/assets/css/colors.scss +34 -34
  4. package/assets/css/fonts.scss +24 -24
  5. package/assets/css/inputs.scss +245 -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/custom-select/custom-select-item.d.ts +5 -5
  10. package/custom-select/custom-select.component.d.ts +51 -51
  11. package/debounce-model-directive/debouceInput.directive.d.ts +14 -14
  12. package/{esm2015/ace-editor/component.js → esm2020/ace-editor/component.mjs} +199 -204
  13. package/{esm2015/ace-editor/directive.js → esm2020/ace-editor/directive.mjs} +150 -150
  14. package/{esm2015/apipass-inputs.js → esm2020/apipass-inputs.mjs} +4 -4
  15. package/{esm2015/custom-select/custom-select-item.js → esm2020/custom-select/custom-select-item.mjs} +7 -7
  16. package/esm2020/custom-select/custom-select.component.mjs +204 -0
  17. package/esm2020/debounce-model-directive/debouceInput.directive.mjs +31 -0
  18. package/esm2020/field/field.component.mjs +51 -0
  19. package/esm2020/input-avatar/input-avatar.component.mjs +92 -0
  20. package/esm2020/input-boolean/input-boolean.component.mjs +56 -0
  21. package/esm2020/input-file/input-file.component.mjs +82 -0
  22. package/esm2020/input-number/input-number.component.mjs +62 -0
  23. package/esm2020/input-password/input-password.component.mjs +96 -0
  24. package/esm2020/input-text/input-text.component.mjs +62 -0
  25. package/esm2020/inputs.module.mjs +149 -0
  26. package/{esm2015/public-api.js → esm2020/public-api.mjs} +17 -17
  27. package/{esm2015/select-box/mat-select-infinite-scroll.directive.js → esm2020/select-box/mat-select-infinite-scroll.directive.mjs} +86 -86
  28. package/esm2020/select-box/select-box.component.mjs +220 -0
  29. package/esm2020/select-enum/select-enum.component.mjs +48 -0
  30. package/esm2020/select-interpolation/select-interpolation.component.mjs +169 -0
  31. package/{esm2015/value-acessor-base.js → esm2020/value-acessor-base.mjs} +31 -31
  32. package/fesm2015/apipass-inputs.mjs +1704 -0
  33. package/fesm2015/apipass-inputs.mjs.map +1 -0
  34. package/fesm2020/apipass-inputs.mjs +1697 -0
  35. package/fesm2020/apipass-inputs.mjs.map +1 -0
  36. package/field/field.component.d.ts +15 -15
  37. package/{apipass-inputs.d.ts → index.d.ts} +5 -5
  38. package/input-avatar/input-avatar.component.d.ts +29 -29
  39. package/input-boolean/input-boolean.component.d.ts +15 -15
  40. package/input-file/input-file.component.d.ts +31 -31
  41. package/input-number/input-number.component.d.ts +17 -17
  42. package/input-password/input-password.component.d.ts +29 -29
  43. package/input-text/input-text.component.d.ts +17 -17
  44. package/inputs.module.d.ts +36 -36
  45. package/package.json +38 -29
  46. package/public-api.d.ts +16 -16
  47. package/select-box/mat-select-infinite-scroll.directive.d.ts +26 -26
  48. package/select-box/select-box.component.d.ts +57 -57
  49. package/select-enum/select-enum.component.d.ts +12 -12
  50. package/select-interpolation/select-interpolation.component.d.ts +44 -44
  51. package/value-acessor-base.d.ts +13 -13
  52. package/assets/css/buttons.scss +0 -118
  53. package/bundles/apipass-inputs.umd.js +0 -3060
  54. package/bundles/apipass-inputs.umd.js.map +0 -1
  55. package/bundles/apipass-inputs.umd.min.js +0 -16
  56. package/bundles/apipass-inputs.umd.min.js.map +0 -1
  57. package/esm2015/custom-select/custom-select.component.js +0 -310
  58. package/esm2015/debounce-model-directive/debouceInput.directive.js +0 -31
  59. package/esm2015/field/field.component.js +0 -92
  60. package/esm2015/input-avatar/input-avatar.component.js +0 -167
  61. package/esm2015/input-boolean/input-boolean.component.js +0 -77
  62. package/esm2015/input-file/input-file.component.js +0 -133
  63. package/esm2015/input-number/input-number.component.js +0 -118
  64. package/esm2015/input-password/input-password.component.js +0 -159
  65. package/esm2015/input-text/input-text.component.js +0 -118
  66. package/esm2015/inputs.module.js +0 -155
  67. package/esm2015/select-box/select-box.component.js +0 -367
  68. package/esm2015/select-enum/select-enum.component.js +0 -95
  69. package/esm2015/select-interpolation/select-interpolation.component.js +0 -248
  70. package/fesm2015/apipass-inputs.js +0 -2434
  71. package/fesm2015/apipass-inputs.js.map +0 -1
@@ -1,2434 +0,0 @@
1
- import { ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵnextContext, ɵɵelementEnd, ɵɵadvance, ɵɵproperty, ɵɵtext, ɵɵtextInterpolate, ɵɵdefineComponent, ɵɵProvidersFeature, forwardRef, ɵɵInheritDefinitionFeature, ɵɵtemplate, ɵɵpipe, ɵɵpipeBind2, ɵɵpipeBind1, ɵɵ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, ElementRef, ɵɵattribute, ɵɵpureFunction0, HostBinding, HostListener, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
2
- import { NG_VALUE_ACCESSOR, NgControlStatus, NgModel, DefaultValueAccessor, RequiredValidator, MinLengthValidator, NumberValueAccessor, FormsModule } from '@angular/forms';
3
- import { NgIf, NgForOf, NgClass, NgStyle, CommonModule } from '@angular/common';
4
- import { MatFormField, MatSuffix, MatLabel, MatHint, MatPrefix, MatFormFieldModule } from '@angular/material/form-field';
5
- import { MatSelect, MatSelectModule } from '@angular/material/select';
6
- import { MatOption } from '@angular/material/core';
7
- import { SelectEnumFilterPipe, EnumPipe, SelectFilterPipe, PipeModule } from '@apipass/pipes';
8
- import { MatInput, MatInputModule } from '@angular/material/input';
9
- import { MatIcon, MatIconModule } from '@angular/material/icon';
10
- import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
11
- import { inRange } from 'lodash';
12
- import { MatPassToggleVisibilityComponent, MatPasswordStrengthComponent, MatPasswordStrengthInfoComponent, MatPasswordStrengthModule } from '@angular-material-extensions/password-strength';
13
- import { IconComponent, IconsModule } from '@apipass/icons';
14
- import { Subject, fromEvent } from 'rxjs';
15
- import { debounceTime, distinctUntilChanged, takeUntil, tap, skip } from 'rxjs/operators';
16
- import { NgSelectComponent, ɵf, ɵh, ɵj, NgSelectModule } from '@ng-select/ng-select';
17
- import { MatSelectFilterModule } from 'mat-select-filter';
18
- import { ScrollStrategyOptions, CdkOverlayOrigin, CdkConnectedOverlay, OverlayModule } from '@angular/cdk/overlay';
19
- import { DndDropzoneDirective, DndModule } from 'ngx-drag-drop';
20
- import { RouterModule } from '@angular/router';
21
- import 'brace';
22
- import 'brace/theme/monokai';
23
- import { PrimaryButtonComponent, ButtonsModule } from '@apipass/buttons';
24
-
25
- class ValueAccessorBase {
26
- constructor() {
27
- this.onChange = () => { };
28
- this.onTouched = () => { };
29
- }
30
- get value() {
31
- return this.innerValue;
32
- }
33
- set value(value) {
34
- value = this.changeValue(value);
35
- this.innerValue = value;
36
- this.onChange(value);
37
- this.onTouched();
38
- }
39
- changeValue(value) {
40
- return value;
41
- }
42
- writeValue(value) {
43
- this.innerValue = value;
44
- }
45
- registerOnChange(fn) {
46
- this.onChange = fn;
47
- }
48
- registerOnTouched(fn) {
49
- this.onTouched = fn;
50
- }
51
- touch() {
52
- this.onTouched.forEach((f) => f());
53
- }
54
- }
55
-
56
- function SelectEnumComponent_mat_option_2_Template(rf, ctx) { if (rf & 1) {
57
- const _r3 = ɵɵgetCurrentView();
58
- ɵɵelementStart(0, "mat-option", 4);
59
- ɵɵ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); });
60
- ɵɵelementStart(1, "input", 5);
61
- ɵɵlistener("ngModelChange", function SelectEnumComponent_mat_option_2_Template_input_ngModelChange_1_listener($event) { ɵɵrestoreView(_r3); const ctx_r4 = ɵɵnextContext(); return ctx_r4.search = $event; });
62
- ɵɵelementEnd();
63
- ɵɵelementEnd();
64
- } if (rf & 2) {
65
- const ctx_r0 = ɵɵnextContext();
66
- ɵɵadvance(1);
67
- ɵɵproperty("ngModel", ctx_r0.search);
68
- } }
69
- function SelectEnumComponent_mat_option_3_Template(rf, ctx) { if (rf & 1) {
70
- ɵɵelementStart(0, "mat-option", 6);
71
- ɵɵtext(1);
72
- ɵɵelementEnd();
73
- } if (rf & 2) {
74
- const enumData_r5 = ctx.$implicit;
75
- ɵɵproperty("value", enumData_r5.key);
76
- ɵɵadvance(1);
77
- ɵɵtextInterpolate(enumData_r5.value);
78
- } }
79
- class SelectEnumComponent extends ValueAccessorBase {
80
- constructor() {
81
- super(...arguments);
82
- this.placeholder = 'Selecione';
83
- this.enabledSearch = true;
84
- this.disabled = false;
85
- this.search = '';
86
- }
87
- onKeyDown(event) {
88
- if (event.which === 32) {
89
- event.target.value += ' ';
90
- }
91
- event.stopPropagation();
92
- }
93
- }
94
- SelectEnumComponent.ɵfac = function SelectEnumComponent_Factory(t) { return ɵSelectEnumComponent_BaseFactory(t || SelectEnumComponent); };
95
- SelectEnumComponent.ɵcmp = ɵɵdefineComponent({ type: SelectEnumComponent, selectors: [["select-enum"]], inputs: { placeholder: "placeholder", enabledSearch: "enabledSearch", data: "data", disabled: "disabled" }, features: [ɵɵProvidersFeature([{
96
- provide: NG_VALUE_ACCESSOR,
97
- useExisting: forwardRef(() => SelectEnumComponent),
98
- multi: true
99
- }]), ɵɵ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", "autocomplete", "off", 1, "form-control", 3, "ngModel", "ngModelChange"], [3, "value"]], template: function SelectEnumComponent_Template(rf, ctx) { if (rf & 1) {
100
- ɵɵelementStart(0, "mat-form-field", 0);
101
- ɵɵelementStart(1, "mat-select", 1);
102
- ɵɵ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 = ""; });
103
- ɵɵtemplate(2, SelectEnumComponent_mat_option_2_Template, 2, 1, "mat-option", 2);
104
- ɵɵtemplate(3, SelectEnumComponent_mat_option_3_Template, 2, 2, "mat-option", 3);
105
- ɵɵpipe(4, "selectEnumFilter");
106
- ɵɵpipe(5, "enum");
107
- ɵɵelementEnd();
108
- ɵɵelementEnd();
109
- } if (rf & 2) {
110
- ɵɵadvance(1);
111
- ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled)("placeholder", ctx.placeholder);
112
- ɵɵadvance(1);
113
- ɵɵproperty("ngIf", ctx.enabledSearch);
114
- ɵɵadvance(1);
115
- ɵɵproperty("ngForOf", ɵɵpipeBind2(4, 5, ɵɵpipeBind1(5, 8, ctx.data), ctx.search));
116
- } }, directives: [MatFormField, MatSelect, NgControlStatus, NgModel, NgIf, NgForOf, MatOption, DefaultValueAccessor], pipes: [SelectEnumFilterPipe, EnumPipe], 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 });
117
- const ɵSelectEnumComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SelectEnumComponent);
118
- /*@__PURE__*/ (function () { ɵsetClassMetadata(SelectEnumComponent, [{
119
- type: Component,
120
- args: [{
121
- selector: 'select-enum',
122
- templateUrl: 'select-enum.component.html',
123
- styleUrls: ['select-enum.component.scss'],
124
- providers: [{
125
- provide: NG_VALUE_ACCESSOR,
126
- useExisting: forwardRef(() => SelectEnumComponent),
127
- multi: true
128
- }],
129
- encapsulation: ViewEncapsulation.None
130
- }]
131
- }], null, { placeholder: [{
132
- type: Input
133
- }], enabledSearch: [{
134
- type: Input
135
- }], data: [{
136
- type: Input
137
- }], disabled: [{
138
- type: Input
139
- }] }); })();
140
-
141
- function InputPasswordComponent_mat_label_1_Template(rf, ctx) { if (rf & 1) {
142
- ɵɵelementStart(0, "mat-label");
143
- ɵɵtext(1);
144
- ɵɵelementEnd();
145
- } if (rf & 2) {
146
- const ctx_r0 = ɵɵnextContext();
147
- ɵɵadvance(1);
148
- ɵɵtextInterpolate(ctx_r0.label);
149
- } }
150
- function InputPasswordComponent_mat_hint_6_Template(rf, ctx) { if (rf & 1) {
151
- ɵɵelementStart(0, "mat-hint", 10);
152
- ɵɵtext(1);
153
- ɵɵelementEnd();
154
- } if (rf & 2) {
155
- ɵɵnextContext();
156
- const _r1 = ɵɵreference(3);
157
- const _r4 = ɵɵreference(8);
158
- ɵɵadvance(1);
159
- ɵɵtextInterpolate2(" ", _r1.value.length, " / ", _r4.max, " ");
160
- } }
161
- function InputPasswordComponent_mat_password_strength_info_9_Template(rf, ctx) { if (rf & 1) {
162
- ɵɵelement(0, "mat-password-strength-info", 11);
163
- } if (rf & 2) {
164
- const ctx_r5 = ɵɵnextContext();
165
- const _r4 = ɵɵreference(8);
166
- ɵɵproperty("lowerCaseCriteriaMsg", ctx_r5.lowerCaseCriteriaMsg)("upperCaseCriteriaMsg", ctx_r5.upperCaseCriteriaMsg)("digitsCriteriaMsg", ctx_r5.digitsCriteriaMsg)("specialCharsCriteriaMsg", ctx_r5.specialCharsCriteriaMsg)("minCharsCriteriaMsg", ctx_r5.minCharsCriteriaMsg)("passwordComponent", _r4);
167
- } }
168
- const _c0 = function (a0) { return { "label-input": a0 }; };
169
- class InputPasswordComponent extends ValueAccessorBase {
170
- constructor() {
171
- super();
172
- this.label = '';
173
- this.disabled = false;
174
- this.showPasswordRuleDetails = false;
175
- this.showPasswordLengthDetails = false;
176
- this.enableLengthRule = false;
177
- this.enableLowerCaseLetterRule = false;
178
- this.enableUpperCaseLetterRule = false;
179
- this.enableDigitRule = false;
180
- this.enableSpecialCharRule = false;
181
- this.minLength = 0;
182
- this.maxLength = 200;
183
- this.strengthToValid = 100;
184
- this.lowerCaseCriteriaMsg = 'Your password must have a lowercase letter';
185
- this.upperCaseCriteriaMsg = 'Your password must have an uppercase letter';
186
- this.digitsCriteriaMsg = 'Your password must have a number';
187
- this.specialCharsCriteriaMsg = 'Your password must have a special character';
188
- this.minCharsCriteriaMsg = `Your password must be at least ${this.minLength} characters`;
189
- this.onValidPassword = new EventEmitter();
190
- }
191
- onKeyDown(event) {
192
- if (event.which === 32) {
193
- event.target.value += ' ';
194
- }
195
- event.stopPropagation();
196
- }
197
- onStrengthChanged(strength) {
198
- this.onValidPassword.emit(strength >= this.getStrength());
199
- }
200
- getStrength() {
201
- return inRange(this.strengthToValid, 0, 100) ? this.strengthToValid : 100;
202
- }
203
- }
204
- InputPasswordComponent.ɵfac = function InputPasswordComponent_Factory(t) { return new (t || InputPasswordComponent)(); };
205
- 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([{
206
- provide: NG_VALUE_ACCESSOR,
207
- useExisting: forwardRef(() => InputPasswordComponent),
208
- multi: true
209
- }]), ɵɵ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) {
210
- ɵɵelementStart(0, "mat-form-field", 0);
211
- ɵɵtemplate(1, InputPasswordComponent_mat_label_1_Template, 2, 1, "mat-label", 1);
212
- ɵɵelementStart(2, "input", 2, 3);
213
- ɵɵlistener("ngModelChange", function InputPasswordComponent_Template_input_ngModelChange_2_listener($event) { return ctx.value = $event; });
214
- ɵɵelementEnd();
215
- ɵɵelement(4, "mat-pass-toggle-visibility", 4, 5);
216
- ɵɵtemplate(6, InputPasswordComponent_mat_hint_6_Template, 2, 2, "mat-hint", 6);
217
- ɵɵelementEnd();
218
- ɵɵelementStart(7, "mat-password-strength", 7, 8);
219
- ɵɵlistener("onStrengthChanged", function InputPasswordComponent_Template_mat_password_strength_onStrengthChanged_7_listener($event) { return ctx.onStrengthChanged($event); });
220
- ɵɵelementEnd();
221
- ɵɵtemplate(9, InputPasswordComponent_mat_password_strength_info_9_Template, 1, 6, "mat-password-strength-info", 9);
222
- } if (rf & 2) {
223
- const _r1 = ɵɵreference(3);
224
- const _r2 = ɵɵreference(5);
225
- const _r4 = ɵɵreference(8);
226
- ɵɵproperty("color", _r4.color)("ngClass", ɵɵpureFunction1(18, _c0, ctx.label));
227
- ɵɵadvance(1);
228
- ɵɵproperty("ngIf", ctx.label);
229
- ɵɵadvance(1);
230
- ɵɵproperty("type", _r2.type)("disabled", ctx.disabled)("maxLength", ctx.maxLength)("minlength", ctx.minLength)("ngModel", ctx.value);
231
- ɵɵadvance(4);
232
- ɵɵproperty("ngIf", ctx.showPasswordLengthDetails);
233
- ɵɵadvance(1);
234
- ɵɵ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);
235
- ɵɵadvance(2);
236
- ɵɵproperty("ngIf", ctx.showPasswordRuleDetails);
237
- } }, 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 });
238
- /*@__PURE__*/ (function () { ɵsetClassMetadata(InputPasswordComponent, [{
239
- type: Component,
240
- args: [{
241
- selector: 'input-password',
242
- templateUrl: 'input-password.component.html',
243
- styleUrls: ['input-password.component.scss'],
244
- providers: [{
245
- provide: NG_VALUE_ACCESSOR,
246
- useExisting: forwardRef(() => InputPasswordComponent),
247
- multi: true
248
- }],
249
- changeDetection: ChangeDetectionStrategy.OnPush,
250
- encapsulation: ViewEncapsulation.None
251
- }]
252
- }], function () { return []; }, { label: [{
253
- type: Input
254
- }], disabled: [{
255
- type: Input
256
- }], showPasswordRuleDetails: [{
257
- type: Input
258
- }], showPasswordLengthDetails: [{
259
- type: Input
260
- }], enableLengthRule: [{
261
- type: Input
262
- }], enableLowerCaseLetterRule: [{
263
- type: Input
264
- }], enableUpperCaseLetterRule: [{
265
- type: Input
266
- }], enableDigitRule: [{
267
- type: Input
268
- }], enableSpecialCharRule: [{
269
- type: Input
270
- }], minLength: [{
271
- type: Input
272
- }], maxLength: [{
273
- type: Input
274
- }], strengthToValid: [{
275
- type: Input
276
- }], lowerCaseCriteriaMsg: [{
277
- type: Input
278
- }], upperCaseCriteriaMsg: [{
279
- type: Input
280
- }], digitsCriteriaMsg: [{
281
- type: Input
282
- }], specialCharsCriteriaMsg: [{
283
- type: Input
284
- }], minCharsCriteriaMsg: [{
285
- type: Input
286
- }], onValidPassword: [{
287
- type: Output
288
- }] }); })();
289
-
290
- function InputTextComponent_mat_label_1_Template(rf, ctx) { if (rf & 1) {
291
- ɵɵelementStart(0, "mat-label");
292
- ɵɵtext(1);
293
- ɵɵelementEnd();
294
- } if (rf & 2) {
295
- const ctx_r0 = ɵɵnextContext();
296
- ɵɵadvance(1);
297
- ɵɵtextInterpolate(ctx_r0.label);
298
- } }
299
- function InputTextComponent_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
300
- const _r4 = ɵɵgetCurrentView();
301
- ɵɵelementStart(0, "mat-icon", 5);
302
- ɵɵlistener("click", function InputTextComponent_mat_icon_2_Template_mat_icon_click_0_listener() { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.prefixClick(); });
303
- ɵɵtext(1);
304
- ɵɵelementEnd();
305
- } if (rf & 2) {
306
- const ctx_r1 = ɵɵnextContext();
307
- ɵɵadvance(1);
308
- ɵɵtextInterpolate(ctx_r1.iconPrefix);
309
- } }
310
- function InputTextComponent_mat_icon_4_Template(rf, ctx) { if (rf & 1) {
311
- const _r6 = ɵɵgetCurrentView();
312
- ɵɵelementStart(0, "mat-icon", 6);
313
- ɵɵlistener("click", function InputTextComponent_mat_icon_4_Template_mat_icon_click_0_listener() { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return ctx_r5.suffixClick(); });
314
- ɵɵtext(1);
315
- ɵɵelementEnd();
316
- } if (rf & 2) {
317
- const ctx_r2 = ɵɵnextContext();
318
- ɵɵadvance(1);
319
- ɵɵtextInterpolate(ctx_r2.iconSuffix);
320
- } }
321
- class InputTextComponent extends ValueAccessorBase {
322
- constructor() {
323
- super(...arguments);
324
- this.label = '';
325
- this.disabled = false;
326
- this.iconSuffix = '';
327
- this.iconPrefix = '';
328
- this.autoComplete = 'on';
329
- this.suffixIconClick = new EventEmitter();
330
- this.prefixIconClick = new EventEmitter();
331
- }
332
- onKeyDown(event) {
333
- if (event.which === 32) {
334
- event.target.value += ' ';
335
- }
336
- event.stopPropagation();
337
- }
338
- prefixClick() {
339
- this.prefixIconClick.emit(true);
340
- }
341
- suffixClick() {
342
- this.suffixIconClick.emit(true);
343
- }
344
- }
345
- InputTextComponent.ɵfac = function InputTextComponent_Factory(t) { return ɵInputTextComponent_BaseFactory(t || InputTextComponent); };
346
- 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([{
347
- provide: NG_VALUE_ACCESSOR,
348
- useExisting: forwardRef(() => InputTextComponent),
349
- multi: true
350
- }]), ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["appearance", "fill", 1, "apipass-input-text", "label-input"], [4, "ngIf"], ["class", "mat-icon-prefix", "matPrefix", "", 3, "click", 4, "ngIf"], ["matInput", "", "type", "text", 1, "input-text", 3, "ngModel", "disabled", "autocomplete", "ngModelChange"], ["class", "mat-icon-suffix", "matSuffix", "", 3, "click", 4, "ngIf"], ["matPrefix", "", 1, "mat-icon-prefix", 3, "click"], ["matSuffix", "", 1, "mat-icon-suffix", 3, "click"]], template: function InputTextComponent_Template(rf, ctx) { if (rf & 1) {
351
- ɵɵelementStart(0, "mat-form-field", 0);
352
- ɵɵtemplate(1, InputTextComponent_mat_label_1_Template, 2, 1, "mat-label", 1);
353
- ɵɵtemplate(2, InputTextComponent_mat_icon_2_Template, 2, 1, "mat-icon", 2);
354
- ɵɵelementStart(3, "input", 3);
355
- ɵɵlistener("ngModelChange", function InputTextComponent_Template_input_ngModelChange_3_listener($event) { return ctx.value = $event; });
356
- ɵɵelementEnd();
357
- ɵɵtemplate(4, InputTextComponent_mat_icon_4_Template, 2, 1, "mat-icon", 4);
358
- ɵɵelementEnd();
359
- } if (rf & 2) {
360
- ɵɵadvance(1);
361
- ɵɵproperty("ngIf", ctx.label);
362
- ɵɵadvance(1);
363
- ɵɵproperty("ngIf", ctx.iconPrefix);
364
- ɵɵadvance(1);
365
- ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled)("autocomplete", ctx.autoComplete);
366
- ɵɵadvance(1);
367
- ɵɵproperty("ngIf", ctx.iconSuffix);
368
- } }, directives: [MatFormField, NgIf, MatInput, DefaultValueAccessor, NgControlStatus, NgModel, MatLabel, MatIcon, MatPrefix, 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:0}"], encapsulation: 2 });
369
- const ɵInputTextComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(InputTextComponent);
370
- /*@__PURE__*/ (function () { ɵsetClassMetadata(InputTextComponent, [{
371
- type: Component,
372
- args: [{
373
- selector: 'input-text',
374
- templateUrl: 'input-text.component.html',
375
- styleUrls: ['input-text.component.scss'],
376
- providers: [{
377
- provide: NG_VALUE_ACCESSOR,
378
- useExisting: forwardRef(() => InputTextComponent),
379
- multi: true
380
- }],
381
- encapsulation: ViewEncapsulation.None
382
- }]
383
- }], null, { label: [{
384
- type: Input
385
- }], disabled: [{
386
- type: Input
387
- }], iconSuffix: [{
388
- type: Input
389
- }], iconPrefix: [{
390
- type: Input
391
- }], autoComplete: [{
392
- type: Input
393
- }], suffixIconClick: [{
394
- type: Output
395
- }], prefixIconClick: [{
396
- type: Output
397
- }] }); })();
398
-
399
- const _c0$1 = function (a0, a1, a2) { return { "width": a0, "height": a1, "border-radius": a2 }; };
400
- function InputAvatarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
401
- ɵɵelement(0, "div", 6);
402
- } if (rf & 2) {
403
- const ctx_r0 = ɵɵnextContext();
404
- ɵɵproperty("ngStyle", ɵɵpureFunction3(1, _c0$1, ctx_r0.width, ctx_r0.height, ctx_r0.imageBorderRadius));
405
- } }
406
- const _c1 = function (a0) { return { "font-size": a0 }; };
407
- function InputAvatarComponent_div_3_icon_1_Template(rf, ctx) { if (rf & 1) {
408
- const _r7 = ɵɵgetCurrentView();
409
- ɵɵelementStart(0, "icon", 9);
410
- ɵɵ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; });
411
- ɵɵelementEnd();
412
- } if (rf & 2) {
413
- const ctx_r3 = ɵɵnextContext(2);
414
- ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c1, ctx_r3.iconFontSize))("title", ctx_r3.uploadTitle)("type", "primary")("name", "fas fa-upload");
415
- } }
416
- function InputAvatarComponent_div_3_icon_2_Template(rf, ctx) { if (rf & 1) {
417
- const _r9 = ɵɵgetCurrentView();
418
- ɵɵelementStart(0, "icon", 9);
419
- ɵɵ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 = ""; });
420
- ɵɵelementEnd();
421
- } if (rf & 2) {
422
- const ctx_r4 = ɵɵnextContext(2);
423
- ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c1, ctx_r4.iconFontSize))("title", ctx_r4.modifyTitle)("type", "primary")("name", "fas fa-pencil-alt");
424
- } }
425
- function InputAvatarComponent_div_3_icon_3_Template(rf, ctx) { if (rf & 1) {
426
- const _r11 = ɵɵgetCurrentView();
427
- ɵɵelementStart(0, "icon", 9);
428
- ɵɵ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 = ""; });
429
- ɵɵelementEnd();
430
- } if (rf & 2) {
431
- const ctx_r5 = ɵɵnextContext(2);
432
- ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c1, ctx_r5.iconFontSize))("title", ctx_r5.removeTitle)("type", "remove")("name", "fas fa-trash-alt");
433
- } }
434
- function InputAvatarComponent_div_3_Template(rf, ctx) { if (rf & 1) {
435
- ɵɵelementStart(0, "div", 7);
436
- ɵɵtemplate(1, InputAvatarComponent_div_3_icon_1_Template, 1, 6, "icon", 8);
437
- ɵɵtemplate(2, InputAvatarComponent_div_3_icon_2_Template, 1, 6, "icon", 8);
438
- ɵɵtemplate(3, InputAvatarComponent_div_3_icon_3_Template, 1, 6, "icon", 8);
439
- ɵɵelementEnd();
440
- } if (rf & 2) {
441
- const ctx_r1 = ɵɵnextContext();
442
- ɵɵproperty("ngStyle", ɵɵpureFunction3(4, _c0$1, ctx_r1.width, ctx_r1.height, ctx_r1.imageBorderRadius));
443
- ɵɵadvance(1);
444
- ɵɵproperty("ngIf", !ctx_r1.hasImage() && ctx_r1.canUpload);
445
- ɵɵadvance(1);
446
- ɵɵproperty("ngIf", ctx_r1.hasImage() && ctx_r1.canModify);
447
- ɵɵadvance(1);
448
- ɵɵproperty("ngIf", ctx_r1.hasImage() && ctx_r1.canRemove);
449
- } }
450
- const _c2 = function (a0, a1) { return { "width": a0, "height": a1 }; };
451
- const _c3 = function (a0, a3) { return { "width": a0, "height": "auto", "max-height": "100%", "border-radius": a3 }; };
452
- class InputAvatarComponent {
453
- constructor() {
454
- this.avatarFormData = new FormData();
455
- this.avatarUrl = 'assets/images/no-image.png';
456
- this.imageAlt = 'Avatar';
457
- this.imageTitle = '';
458
- this.canRemove = false;
459
- this.removeTitle = '';
460
- this.canUpload = false;
461
- this.uploadTitle = '';
462
- this.canModify = false;
463
- this.modifyTitle = '';
464
- this.imageBorderRadius = '50%';
465
- this.width = '65px';
466
- this.height = '65px';
467
- this.iconFontSize = '16px';
468
- this.onFileChanged = new EventEmitter();
469
- }
470
- hasImage() {
471
- return this.avatarUrl !== 'assets/images/no-image.png';
472
- }
473
- canAction() {
474
- return this.canRemove || this.canModify || this.canUpload;
475
- }
476
- fileChange(event) {
477
- const fileList = event.target.files;
478
- if (fileList.length > 0) {
479
- const file = fileList[0];
480
- this.avatarFormData = new FormData();
481
- this.avatarFormData.append('file', file, file.name);
482
- if (!file.type.match(/image\/*/)) {
483
- return;
484
- }
485
- const reader = new FileReader();
486
- reader.readAsDataURL(fileList[0]);
487
- reader.onload = () => {
488
- this.avatarUrl = reader.result;
489
- this.emitChangeEvent();
490
- };
491
- }
492
- }
493
- removeClick() {
494
- this.avatarFormData = new FormData();
495
- this.avatarUrl = 'assets/images/no-image.png';
496
- this.emitChangeEvent();
497
- }
498
- emitChangeEvent() {
499
- this.onFileChanged.emit({ avatarUrl: this.avatarUrl, avatarFormData: this.avatarFormData });
500
- }
501
- }
502
- InputAvatarComponent.ɵfac = function InputAvatarComponent_Factory(t) { return new (t || InputAvatarComponent)(); };
503
- 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) {
504
- ɵɵelementStart(0, "div", 0);
505
- ɵɵelement(1, "img", 1);
506
- ɵɵtemplate(2, InputAvatarComponent_div_2_Template, 1, 5, "div", 2);
507
- ɵɵtemplate(3, InputAvatarComponent_div_3_Template, 4, 8, "div", 3);
508
- ɵɵelementStart(4, "input", 4, 5);
509
- ɵɵlistener("change", function InputAvatarComponent_Template_input_change_4_listener($event) { return ctx.fileChange($event); });
510
- ɵɵelementEnd();
511
- ɵɵelementEnd();
512
- } if (rf & 2) {
513
- ɵɵproperty("ngStyle", ɵɵpureFunction2(7, _c2, ctx.width, ctx.height));
514
- ɵɵadvance(1);
515
- ɵɵproperty("src", ctx.avatarUrl, ɵɵsanitizeUrl)("alt", ctx.imageAlt)("matTooltip", ctx.imageTitle)("ngStyle", ɵɵpureFunction2(10, _c3, ctx.width, ctx.imageBorderRadius));
516
- ɵɵadvance(1);
517
- ɵɵproperty("ngIf", ctx.canAction());
518
- ɵɵadvance(1);
519
- ɵɵproperty("ngIf", ctx.canAction());
520
- } }, 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 });
521
- /*@__PURE__*/ (function () { ɵsetClassMetadata(InputAvatarComponent, [{
522
- type: Component,
523
- args: [{
524
- selector: 'input-avatar',
525
- templateUrl: 'input-avatar.component.html',
526
- styleUrls: ['input-avatar.component.scss'],
527
- encapsulation: ViewEncapsulation.None
528
- }]
529
- }], null, { avatarFormData: [{
530
- type: Input
531
- }], avatarUrl: [{
532
- type: Input
533
- }], imageAlt: [{
534
- type: Input
535
- }], imageTitle: [{
536
- type: Input
537
- }], canRemove: [{
538
- type: Input
539
- }], removeTitle: [{
540
- type: Input
541
- }], canUpload: [{
542
- type: Input
543
- }], uploadTitle: [{
544
- type: Input
545
- }], canModify: [{
546
- type: Input
547
- }], modifyTitle: [{
548
- type: Input
549
- }], imageBorderRadius: [{
550
- type: Input
551
- }], width: [{
552
- type: Input
553
- }], height: [{
554
- type: Input
555
- }], iconFontSize: [{
556
- type: Input
557
- }], onFileChanged: [{
558
- type: Output
559
- }] }); })();
560
-
561
- function FieldComponent_label_1_Template(rf, ctx) { if (rf & 1) {
562
- ɵɵelementStart(0, "label", 3);
563
- ɵɵtext(1);
564
- ɵɵelementEnd();
565
- } if (rf & 2) {
566
- const ctx_r0 = ɵɵnextContext();
567
- ɵɵadvance(1);
568
- ɵɵtextInterpolate(ctx_r0.label);
569
- } }
570
- function FieldComponent_span_3_span_1_Template(rf, ctx) { if (rf & 1) {
571
- ɵɵelementStart(0, "span");
572
- ɵɵtext(1, "Este campo \u00E9 obrigat\u00F3rio");
573
- ɵɵelementEnd();
574
- } }
575
- function FieldComponent_span_3_span_2_Template(rf, ctx) { if (rf & 1) {
576
- ɵɵelementStart(0, "span");
577
- ɵɵtext(1, "E-mail inv\u00E1lido");
578
- ɵɵelementEnd();
579
- } }
580
- function FieldComponent_span_3_span_3_Template(rf, ctx) { if (rf & 1) {
581
- ɵɵelementStart(0, "span");
582
- ɵɵtext(1, "Tamanho m\u00EDnimo inv\u00E1lido");
583
- ɵɵelementEnd();
584
- } }
585
- function FieldComponent_span_3_Template(rf, ctx) { if (rf & 1) {
586
- ɵɵelementStart(0, "span", 4);
587
- ɵɵtemplate(1, FieldComponent_span_3_span_1_Template, 2, 0, "span", 5);
588
- ɵɵtemplate(2, FieldComponent_span_3_span_2_Template, 2, 0, "span", 5);
589
- ɵɵtemplate(3, FieldComponent_span_3_span_3_Template, 2, 0, "span", 5);
590
- ɵɵelementEnd();
591
- } if (rf & 2) {
592
- const ctx_r1 = ɵɵnextContext();
593
- ɵɵadvance(1);
594
- ɵɵproperty("ngIf", ctx_r1.state.hasError("required"));
595
- ɵɵadvance(1);
596
- ɵɵproperty("ngIf", !ctx_r1.state.hasError("required") && ctx_r1.state.hasError("validateEmail"));
597
- ɵɵadvance(1);
598
- ɵɵproperty("ngIf", !ctx_r1.state.hasError("required") && ctx_r1.state.hasError("minlength"));
599
- } }
600
- const _c0$2 = function (a0) { return { "has-error": a0 }; };
601
- const _c1$1 = ["*"];
602
- class FieldComponent {
603
- constructor() {
604
- /**
605
- * Texto para label do Input
606
- */
607
- this.label = '';
608
- }
609
- }
610
- FieldComponent.ɵfac = function FieldComponent_Factory(t) { return new (t || FieldComponent)(); };
611
- 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) {
612
- ɵɵprojectionDef();
613
- ɵɵelementStart(0, "div", 0);
614
- ɵɵtemplate(1, FieldComponent_label_1_Template, 2, 1, "label", 1);
615
- ɵɵprojection(2);
616
- ɵɵtemplate(3, FieldComponent_span_3_Template, 4, 3, "span", 2);
617
- ɵɵelementEnd();
618
- } if (rf & 2) {
619
- ɵɵproperty("ngClass", ɵɵpureFunction1(3, _c0$2, ctx.state && !ctx.state.valid && (!ctx.state.pristine || ctx.state.touched) && ctx.state.errors));
620
- ɵɵadvance(1);
621
- ɵɵproperty("ngIf", ctx.label);
622
- ɵɵadvance(2);
623
- ɵɵproperty("ngIf", ctx.state && !ctx.state.valid && !ctx.state.pristine && ctx.state.touched && ctx.state.errors);
624
- } }, directives: [NgClass, NgIf], encapsulation: 2 });
625
- /*@__PURE__*/ (function () { ɵsetClassMetadata(FieldComponent, [{
626
- type: Component,
627
- args: [{
628
- selector: 'app-field',
629
- template: `
630
- <div [ngClass]="{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}">
631
- <label class="label-text" *ngIf="label">{{ label }}</label>
632
-
633
- <!-- Input, textarea or select -->
634
- <ng-content></ng-content>
635
-
636
- <span *ngIf="state && !state.valid && !state.pristine && state.touched && state.errors" class="help-block text-danger">
637
- <span *ngIf="state.hasError('required')">Este campo é obrigatório</span>
638
- <span *ngIf="!state.hasError('required') && state.hasError('validateEmail')">E-mail inválido</span>
639
- <span *ngIf="!state.hasError('required') && state.hasError('minlength')">Tamanho mínimo inválido</span>
640
- </span>
641
- </div>
642
- `
643
- }]
644
- }], null, { label: [{
645
- type: Input
646
- }], state: [{
647
- type: Input
648
- }] }); })();
649
-
650
- const _c0$3 = ["ngSelectComponent"];
651
- function SelectBoxComponent_2_ng_template_0_div_0_Template(rf, ctx) { if (rf & 1) {
652
- ɵɵelementStart(0, "div", 7);
653
- ɵɵelement(1, "img", 8);
654
- ɵɵelementEnd();
655
- } if (rf & 2) {
656
- const ctx_r7 = ɵɵnextContext(3);
657
- ɵɵadvance(1);
658
- ɵɵproperty("src", ctx_r7.selectedItem[ctx_r7.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", ctx_r7.selectedItem[ctx_r7.bindValue])("matTooltip", ctx_r7.selectedItem[ctx_r7.bindValue]);
659
- } }
660
- function SelectBoxComponent_2_ng_template_0_span_1_Template(rf, ctx) { if (rf & 1) {
661
- ɵɵelementStart(0, "span", 9);
662
- ɵɵtext(1);
663
- ɵɵelementEnd();
664
- } if (rf & 2) {
665
- const ctx_r8 = ɵɵnextContext(3);
666
- ɵɵadvance(1);
667
- ɵɵtextInterpolate(ctx_r8.selectedItem[ctx_r8.bindValue]);
668
- } }
669
- function SelectBoxComponent_2_ng_template_0_Template(rf, ctx) { if (rf & 1) {
670
- ɵɵtemplate(0, SelectBoxComponent_2_ng_template_0_div_0_Template, 2, 3, "div", 5);
671
- ɵɵtemplate(1, SelectBoxComponent_2_ng_template_0_span_1_Template, 2, 1, "span", 6);
672
- } if (rf & 2) {
673
- const ctx_r5 = ɵɵnextContext(2);
674
- ɵɵproperty("ngIf", ctx_r5.selectedItem && ctx_r5.selectedItem[ctx_r5.bindKey] && ctx_r5.selectedItem[ctx_r5.bindValue] && ctx_r5.bindImageUrl);
675
- ɵɵadvance(1);
676
- ɵɵproperty("ngIf", ctx_r5.selectedItem && ctx_r5.selectedItem[ctx_r5.bindKey] && ctx_r5.selectedItem[ctx_r5.bindValue]);
677
- } }
678
- function SelectBoxComponent_2_Template(rf, ctx) { if (rf & 1) {
679
- ɵɵtemplate(0, SelectBoxComponent_2_ng_template_0_Template, 2, 2, "ng-template", 4);
680
- } }
681
- function SelectBoxComponent_3_ng_template_0_div_0_Template(rf, ctx) { if (rf & 1) {
682
- ɵɵelementStart(0, "div", 7);
683
- ɵɵelement(1, "img", 8);
684
- ɵɵelementEnd();
685
- } if (rf & 2) {
686
- const ctx_r11 = ɵɵnextContext(3);
687
- ɵɵadvance(1);
688
- ɵɵproperty("src", ctx_r11.value[ctx_r11.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", ctx_r11.value[ctx_r11.bindValue])("matTooltip", ctx_r11.value[ctx_r11.bindValue]);
689
- } }
690
- function SelectBoxComponent_3_ng_template_0_span_1_Template(rf, ctx) { if (rf & 1) {
691
- ɵɵelementStart(0, "span", 9);
692
- ɵɵtext(1);
693
- ɵɵelementEnd();
694
- } if (rf & 2) {
695
- const ctx_r12 = ɵɵnextContext(3);
696
- ɵɵadvance(1);
697
- ɵɵtextInterpolate(ctx_r12.value[ctx_r12.bindValue]);
698
- } }
699
- function SelectBoxComponent_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
700
- ɵɵtemplate(0, SelectBoxComponent_3_ng_template_0_div_0_Template, 2, 3, "div", 5);
701
- ɵɵtemplate(1, SelectBoxComponent_3_ng_template_0_span_1_Template, 2, 1, "span", 6);
702
- } if (rf & 2) {
703
- const ctx_r9 = ɵɵnextContext(2);
704
- ɵɵproperty("ngIf", ctx_r9.value && ctx_r9.value[ctx_r9.bindKey] && ctx_r9.value[ctx_r9.bindValue] && ctx_r9.bindImageUrl);
705
- ɵɵadvance(1);
706
- ɵɵproperty("ngIf", ctx_r9.value && ctx_r9.value[ctx_r9.bindKey] && ctx_r9.value[ctx_r9.bindValue]);
707
- } }
708
- function SelectBoxComponent_3_Template(rf, ctx) { if (rf & 1) {
709
- ɵɵtemplate(0, SelectBoxComponent_3_ng_template_0_Template, 2, 2, "ng-template", 4);
710
- } }
711
- function SelectBoxComponent_4_ng_template_0_icon_1_Template(rf, ctx) { if (rf & 1) {
712
- ɵɵelement(0, "icon", 14);
713
- } if (rf & 2) {
714
- const ctx_r14 = ɵɵnextContext(3);
715
- ɵɵproperty("title", ctx_r14.addNewItemText)("name", ctx_r14.addNewItemIcon)("size", 20);
716
- } }
717
- function SelectBoxComponent_4_ng_template_0_span_2_Template(rf, ctx) { if (rf & 1) {
718
- ɵɵelementStart(0, "span", 15);
719
- ɵɵtext(1);
720
- ɵɵelementEnd();
721
- } if (rf & 2) {
722
- const ctx_r15 = ɵɵnextContext(3);
723
- ɵɵadvance(1);
724
- ɵɵtextInterpolate(ctx_r15.addNewItemText);
725
- } }
726
- function SelectBoxComponent_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
727
- const _r17 = ɵɵgetCurrentView();
728
- ɵɵelementStart(0, "div", 11);
729
- ɵɵlistener("click", function SelectBoxComponent_4_ng_template_0_Template_div_click_0_listener() { ɵɵrestoreView(_r17); const ctx_r16 = ɵɵnextContext(2); return ctx_r16.onAddNewItem(); });
730
- ɵɵtemplate(1, SelectBoxComponent_4_ng_template_0_icon_1_Template, 1, 3, "icon", 12);
731
- ɵɵtemplate(2, SelectBoxComponent_4_ng_template_0_span_2_Template, 2, 1, "span", 13);
732
- ɵɵelementEnd();
733
- } if (rf & 2) {
734
- const ctx_r13 = ɵɵnextContext(2);
735
- ɵɵadvance(1);
736
- ɵɵproperty("ngIf", ctx_r13.addNewItemIcon);
737
- ɵɵadvance(1);
738
- ɵɵproperty("ngIf", ctx_r13.addNewItemText);
739
- } }
740
- function SelectBoxComponent_4_Template(rf, ctx) { if (rf & 1) {
741
- ɵɵtemplate(0, SelectBoxComponent_4_ng_template_0_Template, 3, 2, "ng-template", 10);
742
- } }
743
- function SelectBoxComponent_ng_template_5_div_0_Template(rf, ctx) { if (rf & 1) {
744
- ɵɵelementStart(0, "div", 7);
745
- ɵɵelement(1, "img", 8);
746
- ɵɵelementEnd();
747
- } if (rf & 2) {
748
- const item_r18 = ɵɵnextContext().item;
749
- const ctx_r20 = ɵɵnextContext();
750
- ɵɵadvance(1);
751
- ɵɵproperty("src", item_r18[ctx_r20.bindImageUrl] || "./assets/images/no-image.png", ɵɵsanitizeUrl)("alt", item_r18[ctx_r20.bindValue])("matTooltip", item_r18[ctx_r20.bindValue]);
752
- } }
753
- function SelectBoxComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
754
- ɵɵtemplate(0, SelectBoxComponent_ng_template_5_div_0_Template, 2, 3, "div", 5);
755
- ɵɵelementStart(1, "span", 16);
756
- ɵɵtext(2);
757
- ɵɵelementEnd();
758
- } if (rf & 2) {
759
- const item_r18 = ctx.item;
760
- const ctx_r4 = ɵɵnextContext();
761
- ɵɵproperty("ngIf", ctx_r4.bindImageUrl);
762
- ɵɵadvance(2);
763
- ɵɵtextInterpolate(item_r18[ctx_r4.bindValue]);
764
- } }
765
- const _c1$2 = function (a0, a1) { return { "apipass-select-image": a0, "apipass-select": a1 }; };
766
- class SelectBoxComponent extends ValueAccessorBase {
767
- constructor() {
768
- super(...arguments);
769
- this.placeholder = 'Select Item';
770
- this.searchPlaceHolder = 'Search';
771
- this.clearText = 'Clear';
772
- this.notFoundText = 'No Items Found';
773
- this.enabledSearch = true;
774
- this.data = [];
775
- this.disabled = false;
776
- this.bindImageUrl = '';
777
- this.bindKey = '';
778
- this.bindValue = '';
779
- this.limitItens = 30;
780
- this.showAddNewItem = false;
781
- this.addNewItemText = 'Add New Item';
782
- this.addNewItemIcon = '';
783
- this.addNewItemClickCloseSelect = false;
784
- this.closeOnBodyScroll = false;
785
- this.initializing = false;
786
- this.loadingText = 'Loading...';
787
- this.onOpenSelectBox = new EventEmitter();
788
- this.onCloseSelectBox = new EventEmitter();
789
- this.onSelectChange = new EventEmitter();
790
- this.onSelectClear = new EventEmitter();
791
- this.onAddNewItemClick = new EventEmitter();
792
- this.visibleItens = [];
793
- this.loading = false;
794
- this.inputFilter = new Subject();
795
- this.lastSearchTerm = '';
796
- this.onBodyScroll = (event) => {
797
- var _a, _b;
798
- if (this.closeOnBodyScroll && ((_a = this.ngSelectComponent) === null || _a === void 0 ? void 0 : _a.isOpen)) {
799
- const isScrollingInScrollHost = ((_b = event.target.className) === null || _b === void 0 ? void 0 : _b.indexOf('ng-dropdown-panel-items')) > -1;
800
- if (isScrollingInScrollHost) {
801
- return;
802
- }
803
- this.ngSelectComponent.close();
804
- }
805
- };
806
- }
807
- ngOnInit() {
808
- this.onSearch();
809
- if (this.closeOnBodyScroll) {
810
- window.addEventListener('scroll', this.onBodyScroll, true);
811
- }
812
- }
813
- ngOnDestroy() {
814
- if (this.closeOnBodyScroll) {
815
- window.removeEventListener('scroll', this.onBodyScroll, true);
816
- }
817
- }
818
- onSearch() {
819
- this.inputFilter.pipe(debounceTime(200), distinctUntilChanged()).subscribe(searchString => {
820
- this.loading = true;
821
- this.lastSearchTerm = searchString;
822
- if (searchString && this.data) {
823
- this.visibleItens = this.data.filter(item => { var _a; return (_a = item[this.bindValue]) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase().includes(searchString.toLowerCase()); }).slice(0, this.limitItens);
824
- }
825
- else if (this.data) {
826
- this.visibleItens = this.data.slice(0, this.limitItens);
827
- }
828
- else {
829
- this.visibleItens = [];
830
- }
831
- setTimeout(() => this.loading = false, 300);
832
- });
833
- }
834
- // @ts-ignore
835
- onScroll({ end }) {
836
- const data = this.lastSearchTerm ? this.data.filter(item => { var _a; return (_a = item[this.bindValue]) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase().includes(this.lastSearchTerm.toLowerCase()); }) : this.data;
837
- if (this.loading || data.length <= this.visibleItens.length) {
838
- return;
839
- }
840
- if (end + 5 >= this.visibleItens.length) {
841
- this.fetchMore();
842
- }
843
- }
844
- onScrollToEnd() {
845
- if (this.loading) {
846
- return;
847
- }
848
- this.fetchMore();
849
- }
850
- fetchMore() {
851
- this.loading = true;
852
- const len = this.visibleItens.length;
853
- const more = this.lastSearchTerm ?
854
- this.data.filter(item => { var _a; return (_a = item[this.bindValue]) === null || _a === void 0 ? void 0 : _a.toString().toLowerCase().includes(this.lastSearchTerm.toLowerCase()); }).slice(len, this.limitItens + len) : this.data.slice(len, this.limitItens + len);
855
- this.visibleItens = this.visibleItens.concat(more);
856
- this.loading = false;
857
- }
858
- onKeyDown(event) {
859
- if (event.which === 32) {
860
- event.target.value += ' ';
861
- }
862
- event.stopPropagation();
863
- }
864
- onSelectionChange(event) {
865
- this.findSelectedItem(this.value);
866
- this.onSelectChange.emit(this.selectedItem);
867
- }
868
- openSelectBox($event) {
869
- this.visibleItens = [];
870
- if (this.data) {
871
- this.visibleItens = this.data.slice(0, this.limitItens);
872
- }
873
- this.onOpenSelectBox.next();
874
- }
875
- compareFn(a, b) {
876
- return a[this.bindKey] === b[this.bindKey];
877
- }
878
- onClear() {
879
- this.onSelectClear.next();
880
- }
881
- onClose($event) {
882
- this.onCloseSelectBox.next();
883
- }
884
- onAddNewItem() {
885
- var _a;
886
- if (this.addNewItemClickCloseSelect) {
887
- (_a = this.ngSelectComponent) === null || _a === void 0 ? void 0 : _a.close();
888
- }
889
- this.onAddNewItemClick.next();
890
- }
891
- writeValue(value) {
892
- super.writeValue(value);
893
- if (value) {
894
- this.findSelectedItem(value);
895
- }
896
- }
897
- findSelectedItem(value) {
898
- var _a, _b;
899
- if (this.selectProperty) {
900
- this.selectedItem = (_a = this.data) === null || _a === void 0 ? void 0 : _a.find(el => el[this.bindKey] === value);
901
- }
902
- else if (value) {
903
- this.selectedItem = (_b = this.data) === null || _b === void 0 ? void 0 : _b.find(el => el[this.bindKey] === value[this.bindKey]);
904
- }
905
- else {
906
- this.selectedItem = null;
907
- }
908
- }
909
- }
910
- SelectBoxComponent.ɵfac = function SelectBoxComponent_Factory(t) { return ɵSelectBoxComponent_BaseFactory(t || SelectBoxComponent); };
911
- SelectBoxComponent.ɵcmp = ɵɵdefineComponent({ type: SelectBoxComponent, selectors: [["select-box"]], viewQuery: function SelectBoxComponent_Query(rf, ctx) { if (rf & 1) {
912
- ɵɵviewQuery(_c0$3, true);
913
- } if (rf & 2) {
914
- var _t;
915
- ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.ngSelectComponent = _t.first);
916
- } }, inputs: { placeholder: "placeholder", searchPlaceHolder: "searchPlaceHolder", clearText: "clearText", notFoundText: "notFoundText", enabledSearch: "enabledSearch", data: "data", disabled: "disabled", selectedItem: "selectedItem", selectProperty: "selectProperty", bindImageUrl: "bindImageUrl", bindKey: "bindKey", bindValue: "bindValue", limitItens: "limitItens", showAddNewItem: "showAddNewItem", addNewItemText: "addNewItemText", addNewItemIcon: "addNewItemIcon", addNewItemClickCloseSelect: "addNewItemClickCloseSelect", closeOnBodyScroll: "closeOnBodyScroll", initializing: "initializing", loadingText: "loadingText" }, outputs: { onOpenSelectBox: "onOpenSelectBox", onCloseSelectBox: "onCloseSelectBox", onSelectChange: "onSelectChange", onSelectClear: "onSelectClear", onAddNewItemClick: "onAddNewItemClick" }, features: [ɵɵProvidersFeature([{
917
- provide: NG_VALUE_ACCESSOR,
918
- useExisting: forwardRef(() => SelectBoxComponent),
919
- multi: true
920
- }]), ɵɵInheritDefinitionFeature], decls: 6, vars: 21, consts: [["appendTo", "body", 3, "ngModel", "items", "virtualScroll", "loading", "loadingText", "placeholder", "clearAllText", "searchable", "typeToSearchText", "notFoundText", "disabled", "typeahead", "ngClass", "compareWith", "bindValue", "ngModelChange", "open", "close", "clear", "scroll", "scrollToEnd", "change"], ["ngSelectComponent", ""], [4, "ngIf"], ["ng-option-tmp", ""], ["ng-label-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"], ["ng-header-tmp", ""], [1, "add-new-item-option", 2, "display", "flex", "align-items", "center", "cursor", "pointer", 3, "click"], ["style", "margin-right: 5px", 3, "title", "name", "size", 4, "ngIf"], ["class", "add-new-item-text", "style", "white-space: nowrap;overflow: hidden;text-overflow: ellipsis;", 4, "ngIf"], [2, "margin-right", "5px", 3, "title", "name", "size"], [1, "add-new-item-text", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"], [1, "select-text-element", 2, "white-space", "nowrap", "overflow", "hidden", "text-overflow", "ellipsis"]], template: function SelectBoxComponent_Template(rf, ctx) { if (rf & 1) {
921
- ɵɵelementStart(0, "ng-select", 0, 1);
922
- ɵɵ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); });
923
- ɵɵtemplate(2, SelectBoxComponent_2_Template, 1, 0, undefined, 2);
924
- ɵɵtemplate(3, SelectBoxComponent_3_Template, 1, 0, undefined, 2);
925
- ɵɵtemplate(4, SelectBoxComponent_4_Template, 1, 0, undefined, 2);
926
- ɵɵtemplate(5, SelectBoxComponent_ng_template_5_Template, 3, 2, "ng-template", 3);
927
- ɵɵelementEnd();
928
- } if (rf & 2) {
929
- ɵɵproperty("ngModel", ctx.value)("items", ctx.visibleItens)("virtualScroll", true)("loading", ctx.loading || ctx.initializing)("loadingText", ctx.loadingText)("placeholder", ctx.placeholder)("clearAllText", ctx.clearText)("searchable", ctx.enabledSearch)("typeToSearchText", ctx.searchPlaceHolder)("notFoundText", ctx.notFoundText)("disabled", ctx.disabled)("typeahead", ctx.inputFilter)("ngClass", ɵɵpureFunction2(18, _c1$2, ctx.bindImageUrl, !ctx.bindImageUrl))("compareWith", ctx.compareFn)("bindValue", ctx.selectProperty);
930
- ɵɵadvance(2);
931
- ɵɵproperty("ngIf", ctx.selectProperty && ctx.selectedItem && ctx.selectedItem[ctx.bindKey] && ctx.selectedItem[ctx.bindValue]);
932
- ɵɵadvance(1);
933
- ɵɵproperty("ngIf", !ctx.selectProperty && ctx.value && ctx.value[ctx.bindKey] && ctx.value[ctx.bindValue]);
934
- ɵɵadvance(1);
935
- ɵɵproperty("ngIf", ctx.showAddNewItem);
936
- } }, directives: [NgSelectComponent, NgControlStatus, NgModel, NgClass, NgIf, ɵf, ɵh, MatTooltip, ɵj, 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}.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 });
937
- const ɵSelectBoxComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(SelectBoxComponent);
938
- /*@__PURE__*/ (function () { ɵsetClassMetadata(SelectBoxComponent, [{
939
- type: Component,
940
- args: [{
941
- selector: 'select-box',
942
- templateUrl: 'select-box.component.html',
943
- styleUrls: ['select-box.component.scss'],
944
- providers: [{
945
- provide: NG_VALUE_ACCESSOR,
946
- useExisting: forwardRef(() => SelectBoxComponent),
947
- multi: true
948
- }],
949
- encapsulation: ViewEncapsulation.None
950
- }]
951
- }], null, { placeholder: [{
952
- type: Input
953
- }], searchPlaceHolder: [{
954
- type: Input
955
- }], clearText: [{
956
- type: Input
957
- }], notFoundText: [{
958
- type: Input
959
- }], enabledSearch: [{
960
- type: Input
961
- }], data: [{
962
- type: Input
963
- }], disabled: [{
964
- type: Input
965
- }], selectedItem: [{
966
- type: Input
967
- }], selectProperty: [{
968
- type: Input
969
- }], bindImageUrl: [{
970
- type: Input
971
- }], bindKey: [{
972
- type: Input
973
- }], bindValue: [{
974
- type: Input
975
- }], limitItens: [{
976
- type: Input
977
- }], showAddNewItem: [{
978
- type: Input
979
- }], addNewItemText: [{
980
- type: Input
981
- }], addNewItemIcon: [{
982
- type: Input
983
- }], addNewItemClickCloseSelect: [{
984
- type: Input
985
- }], closeOnBodyScroll: [{
986
- type: Input
987
- }], initializing: [{
988
- type: Input
989
- }], loadingText: [{
990
- type: Input
991
- }], onOpenSelectBox: [{
992
- type: Output
993
- }], onCloseSelectBox: [{
994
- type: Output
995
- }], onSelectChange: [{
996
- type: Output
997
- }], onSelectClear: [{
998
- type: Output
999
- }], onAddNewItemClick: [{
1000
- type: Output
1001
- }], ngSelectComponent: [{
1002
- type: ViewChild,
1003
- args: ['ngSelectComponent']
1004
- }] }); })();
1005
-
1006
- /** The height of the select items in `em` units. */
1007
- const SELECT_ITEM_HEIGHT_EM = 3;
1008
- class MatSelectInfiniteScrollDirective {
1009
- constructor(matSelect, ngZone) {
1010
- this.matSelect = matSelect;
1011
- this.ngZone = ngZone;
1012
- this.threshold = '15%';
1013
- this.debounceTime = 150;
1014
- this.infiniteScroll = new EventEmitter();
1015
- this.thrPx = 0;
1016
- this.thrPc = 0;
1017
- this.singleOptionHeight = SELECT_ITEM_HEIGHT_EM;
1018
- this.destroyed$ = new Subject();
1019
- }
1020
- ngOnInit() {
1021
- this.evaluateThreshold();
1022
- }
1023
- ngAfterViewInit() {
1024
- this.matSelect.openedChange.pipe(takeUntil(this.destroyed$)).subscribe((opened) => {
1025
- if (opened) {
1026
- this.panel = this.matSelect.panel.nativeElement;
1027
- this.singleOptionHeight = this.getSelectItemHeightPx();
1028
- this.registerScrollListener();
1029
- }
1030
- });
1031
- }
1032
- ngOnDestroy() {
1033
- this.destroyed$.next(true);
1034
- this.destroyed$.complete();
1035
- }
1036
- evaluateThreshold() {
1037
- if (this.threshold.lastIndexOf('%') > -1) {
1038
- this.thrPx = 0;
1039
- this.thrPc = (parseFloat(this.threshold) / 100);
1040
- }
1041
- else {
1042
- this.thrPx = parseFloat(this.threshold);
1043
- this.thrPc = 0;
1044
- }
1045
- }
1046
- registerScrollListener() {
1047
- fromEvent(this.panel, 'scroll').pipe(takeUntil(this.destroyed$), debounceTime(this.debounceTime), tap((event) => {
1048
- this.handleScrollEvent(event);
1049
- })).subscribe();
1050
- }
1051
- handleScrollEvent(event) {
1052
- this.ngZone.runOutsideAngular(() => {
1053
- if (this.complete) {
1054
- return;
1055
- }
1056
- const countOfRenderedOptions = this.matSelect.options.length;
1057
- const infiniteScrollDistance = this.singleOptionHeight * countOfRenderedOptions;
1058
- const threshold = this.thrPc !== 0 ? (infiniteScrollDistance * this.thrPc) : this.thrPx;
1059
- const scrolledDistance = this.panel.clientHeight + event.target.scrollTop;
1060
- if ((scrolledDistance + threshold) >= infiniteScrollDistance) {
1061
- this.ngZone.run(() => this.infiniteScroll.emit());
1062
- }
1063
- });
1064
- }
1065
- getSelectItemHeightPx() {
1066
- return parseFloat(getComputedStyle(this.panel).fontSize) * SELECT_ITEM_HEIGHT_EM;
1067
- }
1068
- }
1069
- MatSelectInfiniteScrollDirective.ɵfac = function MatSelectInfiniteScrollDirective_Factory(t) { return new (t || MatSelectInfiniteScrollDirective)(ɵɵdirectiveInject(MatSelect), ɵɵdirectiveInject(NgZone)); };
1070
- MatSelectInfiniteScrollDirective.ɵdir = ɵɵdefineDirective({ type: MatSelectInfiniteScrollDirective, selectors: [["", "msInfiniteScroll", ""]], inputs: { threshold: "threshold", debounceTime: "debounceTime", complete: "complete" }, outputs: { infiniteScroll: "infiniteScroll" } });
1071
- /*@__PURE__*/ (function () { ɵsetClassMetadata(MatSelectInfiniteScrollDirective, [{
1072
- type: Directive,
1073
- args: [{
1074
- selector: '[msInfiniteScroll]'
1075
- }]
1076
- }], function () { return [{ type: MatSelect }, { type: NgZone }]; }, { threshold: [{
1077
- type: Input
1078
- }], debounceTime: [{
1079
- type: Input
1080
- }], complete: [{
1081
- type: Input
1082
- }], infiniteScroll: [{
1083
- type: Output
1084
- }] }); })();
1085
-
1086
- class CustomSelectItem {
1087
- constructor(id, text) {
1088
- this.id = id;
1089
- this.text = text;
1090
- }
1091
- }
1092
-
1093
- const _c0$4 = ["trigger"];
1094
- const _c1$3 = ["input"];
1095
- function CustomSelectComponent_span_6_Template(rf, ctx) { if (rf & 1) {
1096
- const _r6 = ɵɵgetCurrentView();
1097
- ɵɵelementStart(0, "span", 11);
1098
- ɵɵlistener("click", function CustomSelectComponent_span_6_Template_span_click_0_listener($event) { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return ctx_r5.removeClick($event); });
1099
- ɵɵelement(1, "i", 12);
1100
- ɵɵelementEnd();
1101
- } }
1102
- function CustomSelectComponent_ng_template_10_li_4_Template(rf, ctx) { if (rf & 1) {
1103
- const _r11 = ɵɵgetCurrentView();
1104
- ɵɵelementStart(0, "li", 19);
1105
- ɵɵlistener("click", function CustomSelectComponent_ng_template_10_li_4_Template_li_click_0_listener() { ɵɵrestoreView(_r11); const i_r9 = ctx.$implicit; const ctx_r10 = ɵɵnextContext(2); return ctx_r10.selectItem(i_r9); })("mousedown", function CustomSelectComponent_ng_template_10_li_4_Template_li_mousedown_0_listener() { ɵɵrestoreView(_r11); const i_r9 = ctx.$implicit; const ctx_r12 = ɵɵnextContext(2); return ctx_r12.selectItem(i_r9); });
1106
- ɵɵtext(1);
1107
- ɵɵelementEnd();
1108
- } if (rf & 2) {
1109
- const i_r9 = ctx.$implicit;
1110
- ɵɵadvance(1);
1111
- ɵɵtextInterpolate1(" ", i_r9.text, " ");
1112
- } }
1113
- function CustomSelectComponent_ng_template_10_li_6_Template(rf, ctx) { if (rf & 1) {
1114
- const _r14 = ɵɵgetCurrentView();
1115
- ɵɵelementStart(0, "li", 20);
1116
- ɵɵlistener("mousedown", function CustomSelectComponent_ng_template_10_li_6_Template_li_mousedown_0_listener() { ɵɵrestoreView(_r14); const ctx_r13 = ɵɵnextContext(2); return ctx_r13.addItem(); })("click", function CustomSelectComponent_ng_template_10_li_6_Template_li_click_0_listener() { ɵɵrestoreView(_r14); const ctx_r15 = ɵɵnextContext(2); return ctx_r15.addItem(); });
1117
- ɵɵelement(1, "span", 21);
1118
- ɵɵelementStart(2, "span");
1119
- ɵɵtext(3);
1120
- ɵɵelementEnd();
1121
- ɵɵelementEnd();
1122
- } if (rf & 2) {
1123
- const ctx_r8 = ɵɵnextContext(2);
1124
- ɵɵadvance(3);
1125
- ɵɵtextInterpolate(ctx_r8.addItemLabel);
1126
- } }
1127
- function CustomSelectComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
1128
- const _r17 = ɵɵgetCurrentView();
1129
- ɵɵelementStart(0, "ul", 13);
1130
- ɵɵelementStart(1, "li", 14);
1131
- ɵɵelementStart(2, "mat-form-field", 15);
1132
- ɵɵelementStart(3, "input", 16);
1133
- ɵɵlistener("ngModelChange", function CustomSelectComponent_ng_template_10_Template_input_ngModelChange_3_listener($event) { ɵɵrestoreView(_r17); const ctx_r16 = ɵɵnextContext(); return ctx_r16.searchText = $event; })("blur", function CustomSelectComponent_ng_template_10_Template_input_blur_3_listener($event) { ɵɵrestoreView(_r17); const ctx_r18 = ɵɵnextContext(); return ctx_r18.onBlur($event); });
1134
- ɵɵelementEnd();
1135
- ɵɵelementEnd();
1136
- ɵɵelementEnd();
1137
- ɵɵtemplate(4, CustomSelectComponent_ng_template_10_li_4_Template, 2, 1, "li", 17);
1138
- ɵɵpipe(5, "selectFilter");
1139
- ɵɵtemplate(6, CustomSelectComponent_ng_template_10_li_6_Template, 4, 1, "li", 18);
1140
- ɵɵelementEnd();
1141
- } if (rf & 2) {
1142
- const ctx_r4 = ɵɵnextContext();
1143
- ɵɵadvance(3);
1144
- ɵɵproperty("placeholder", ctx_r4.findPlaceHolder)("ngModel", ctx_r4.searchText);
1145
- ɵɵadvance(1);
1146
- ɵɵproperty("ngForOf", ɵɵpipeBind3(5, 4, ctx_r4.items, ctx_r4.searchText, "text"));
1147
- ɵɵadvance(2);
1148
- ɵɵproperty("ngIf", ctx_r4.allowAddItem);
1149
- } }
1150
- const _c2$1 = function (a0) { return { "select-open": a0 }; };
1151
- const _c3$1 = function () { return { standalone: true }; };
1152
- const _c4 = function (a0, a1) { return { "fa-caret-down": a0, "fa-caret-up": a1 }; };
1153
- class CustomSelectComponent {
1154
- constructor(sso) {
1155
- this.sso = sso;
1156
- this.disabled = false;
1157
- this.items = [];
1158
- this.allowTyping = false;
1159
- this.allowRemove = false;
1160
- this.allowAddItem = true;
1161
- this.addItemLabel = 'Add New Item';
1162
- this.placeHolder = 'Select';
1163
- this.findPlaceHolder = 'Find item';
1164
- this.searchText = '';
1165
- this.onSelect = new EventEmitter();
1166
- this.onUnSelect = new EventEmitter();
1167
- this.onAddItem = new EventEmitter();
1168
- this.opened = false;
1169
- this.edited = false;
1170
- this.tabindex = '0';
1171
- this.onTouchedCallback = () => {
1172
- };
1173
- this.onChangeCallback = () => {
1174
- };
1175
- this.scrollStrategy = this.sso.block();
1176
- }
1177
- onBlur(target) {
1178
- if (this.allowTyping) {
1179
- if (this.value) {
1180
- if (this.edited) {
1181
- this.writeValue(this.value);
1182
- this.selectedItem = new CustomSelectItem(this.value, this.value);
1183
- this.onSelect.next(this.selectedItem);
1184
- }
1185
- }
1186
- else {
1187
- this.writeValue(undefined);
1188
- this.onSelect.next(undefined);
1189
- }
1190
- }
1191
- if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
1192
- return;
1193
- }
1194
- this.setTriggerRect();
1195
- this.opened = false;
1196
- }
1197
- ngAfterViewInit() {
1198
- setTimeout(() => {
1199
- this.setTriggerRect();
1200
- }, 300);
1201
- }
1202
- setTriggerRect() {
1203
- setTimeout(() => {
1204
- var _a;
1205
- this._triggerRect = (_a = this.trigger) === null || _a === void 0 ? void 0 : _a.nativeElement.getBoundingClientRect();
1206
- });
1207
- }
1208
- selectItem(item) {
1209
- this.opened = false;
1210
- this.selectedItem = item;
1211
- this.edited = false;
1212
- this.selectedModelValue = item.text;
1213
- this.value = item.text;
1214
- this.searchText = '';
1215
- this.onSelect.next(item);
1216
- }
1217
- addItem() {
1218
- this.opened = false;
1219
- this.searchText = '';
1220
- this.onAddItem.next();
1221
- }
1222
- keyPress() {
1223
- this.setTriggerRect();
1224
- if (this.allowTyping) {
1225
- this.opened = false;
1226
- this.edited = true;
1227
- this.selectedModelValue = this.value;
1228
- this.searchText = '';
1229
- }
1230
- else {
1231
- this.edited = false;
1232
- return false;
1233
- }
1234
- }
1235
- clicked() {
1236
- this.setTriggerRect();
1237
- this.opened = true;
1238
- this.searchText = '';
1239
- }
1240
- get value() {
1241
- return this.innerValue;
1242
- }
1243
- set value(value) {
1244
- this.innerValue = value;
1245
- this.onChangeCallback(value);
1246
- this.onSelect.next(value);
1247
- }
1248
- writeValue(value) {
1249
- if (value !== this.innerValue) {
1250
- if (!this.selectedItem || !this.selectedItem.text || !value) {
1251
- this.selectedItem = new CustomSelectItem(null, value);
1252
- }
1253
- this.innerValue = value;
1254
- this.selectedModelValue = value;
1255
- }
1256
- }
1257
- registerOnChange(fn) {
1258
- this.onChangeCallback = fn;
1259
- }
1260
- registerOnTouched(fn) {
1261
- this.onTouchedCallback = fn;
1262
- }
1263
- setDisabledState(isDisabled) {
1264
- this.disabled = isDisabled;
1265
- }
1266
- arrowClick(event) {
1267
- var _a;
1268
- event.stopPropagation();
1269
- this.setTriggerRect();
1270
- if (this.opened) {
1271
- this.opened = false;
1272
- }
1273
- else {
1274
- this.opened = true;
1275
- this.searchText = '';
1276
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
1277
- }
1278
- }
1279
- removeClick(event) {
1280
- event.stopPropagation();
1281
- this.opened = false;
1282
- this.searchText = '';
1283
- this.innerValue = null;
1284
- this.onUnSelect.next();
1285
- }
1286
- onDrop($event) {
1287
- this.searchText = '';
1288
- if (!this.value) {
1289
- this.value = '';
1290
- }
1291
- this.value += `{{${$event.data}}}`;
1292
- this.edited = true;
1293
- this.onBlur(undefined);
1294
- }
1295
- }
1296
- CustomSelectComponent.ɵfac = function CustomSelectComponent_Factory(t) { return new (t || CustomSelectComponent)(ɵɵdirectiveInject(ScrollStrategyOptions)); };
1297
- CustomSelectComponent.ɵcmp = ɵɵdefineComponent({ type: CustomSelectComponent, selectors: [["custom-select"]], viewQuery: function CustomSelectComponent_Query(rf, ctx) { if (rf & 1) {
1298
- ɵɵviewQuery(_c0$4, true);
1299
- ɵɵviewQuery(_c1$3, true, ElementRef);
1300
- } if (rf & 2) {
1301
- var _t;
1302
- ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.trigger = _t.first);
1303
- ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.input = _t.first);
1304
- } }, hostVars: 1, hostBindings: function CustomSelectComponent_HostBindings(rf, ctx) { if (rf & 1) {
1305
- ɵɵlistener("blur", function CustomSelectComponent_blur_HostBindingHandler($event) { return ctx.onBlur($event.target); });
1306
- } if (rf & 2) {
1307
- ɵɵattribute("tabindex", ctx.tabindex);
1308
- } }, inputs: { disabled: "disabled", items: "items", allowTyping: "allowTyping", allowRemove: "allowRemove", allowAddItem: "allowAddItem", addItemLabel: "addItemLabel", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder", searchText: "searchText" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onAddItem: "onAddItem" }, features: [ɵɵProvidersFeature([{
1309
- provide: NG_VALUE_ACCESSOR,
1310
- useExisting: forwardRef(() => CustomSelectComponent),
1311
- multi: true
1312
- }])], decls: 11, vars: 18, consts: [[1, "custom-select-input"], ["trigger", ""], ["cdkOverlayOrigin", "", "appearance", "fill", "autocomplete", "off", 1, "custom-select-component", 3, "ngClass"], ["origin", "cdkOverlayOrigin"], ["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, "fas", 3, "ngClass"], [1, "custom-select-component"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayMinWidth"], ["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", "autocomplete", "off", 1, "search-input-item", 3, "placeholder", "ngModel", "ngModelChange", "blur"], ["class", "clickable", 3, "click", "mousedown", 4, "ngFor", "ngForOf"], ["class", "li-add", 3, "mousedown", "click", 4, "ngIf"], [1, "clickable", 3, "click", "mousedown"], [1, "li-add", 3, "mousedown", "click"], [1, "fa", "fa-plus-circle"]], template: function CustomSelectComponent_Template(rf, ctx) { if (rf & 1) {
1313
- ɵɵelementStart(0, "div", 0, 1);
1314
- ɵɵelementStart(2, "mat-form-field", 2, 3);
1315
- ɵɵelementStart(4, "input", 4, 5);
1316
- ɵɵlistener("focus", function CustomSelectComponent_Template_input_focus_4_listener() { return ctx.opened = true; })("blur", function CustomSelectComponent_Template_input_blur_4_listener($event) { return ctx.onBlur($event); })("ngModelChange", function CustomSelectComponent_Template_input_ngModelChange_4_listener($event) { return ctx.value = $event; })("keyup", function CustomSelectComponent_Template_input_keyup_4_listener() { return ctx.keyPress(); })("click", function CustomSelectComponent_Template_input_click_4_listener() { return ctx.clicked(); })("dndDrop", function CustomSelectComponent_Template_input_dndDrop_4_listener($event) { return ctx.onDrop($event); });
1317
- ɵɵelementEnd();
1318
- ɵɵtemplate(6, CustomSelectComponent_span_6_Template, 2, 0, "span", 6);
1319
- ɵɵelementStart(7, "span", 7);
1320
- ɵɵlistener("click", function CustomSelectComponent_Template_span_click_7_listener($event) { return ctx.arrowClick($event); });
1321
- ɵɵelement(8, "i", 8);
1322
- ɵɵelementEnd();
1323
- ɵɵelementEnd();
1324
- ɵɵelementEnd();
1325
- ɵɵelementStart(9, "div", 9);
1326
- ɵɵtemplate(10, CustomSelectComponent_ng_template_10_Template, 7, 8, "ng-template", 10);
1327
- ɵɵelementEnd();
1328
- } if (rf & 2) {
1329
- const _r1 = ɵɵreference(3);
1330
- ɵɵadvance(2);
1331
- ɵɵproperty("ngClass", ɵɵpureFunction1(12, _c2$1, ctx.opened));
1332
- ɵɵadvance(2);
1333
- ɵɵproperty("placeholder", ctx.placeHolder)("ngModel", ctx.value)("ngModelOptions", ɵɵpureFunction0(14, _c3$1))("disabled", ctx.disabled);
1334
- ɵɵadvance(2);
1335
- ɵɵproperty("ngIf", ctx.allowRemove);
1336
- ɵɵadvance(2);
1337
- ɵɵproperty("ngClass", ɵɵpureFunction2(15, _c4, !ctx.opened, ctx.opened));
1338
- ɵɵadvance(2);
1339
- ɵɵproperty("cdkConnectedOverlayPanelClass", "custom-select-overlay-panel")("cdkConnectedOverlayScrollStrategy", ctx.scrollStrategy)("cdkConnectedOverlayOrigin", _r1)("cdkConnectedOverlayOpen", ctx.opened)("cdkConnectedOverlayMinWidth", ctx._triggerRect == null ? null : ctx._triggerRect.width);
1340
- } }, directives: [MatFormField, CdkOverlayOrigin, NgClass, MatInput, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, NgIf, CdkConnectedOverlay, NgForOf], pipes: [SelectFilterPipe], styles: [".custom-select-component[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%], .custom-select-overlay-panel{cursor:pointer}.custom-select-component[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-overlay-panel input{background:#fff!important;height:37px}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac{background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;margin-top:-1px;max-height:16rem;overflow:auto;padding:0;position:relative;width:100%}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li{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, .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, .custom-select-overlay-panel .ul-ac li:hover{background:#bbbcbc}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li .mat-form-field-flex{height:37px!important}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input{height:auto}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac .li-add{border-top:1px solid #d3d3d3}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] .li-add[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac .li-add .fa{color:#ff8f17;padding-right:5px}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%], .custom-select-overlay-panel .selected{background-color:#898a8a!important}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-overlay-panel .selected .fa{color:#fff!important}.custom-select-component[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-overlay-panel .remove-icon i{color:red;margin-right:10px}.custom-select-component[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%], .custom-select-overlay-panel .open-icon{cursor:pointer}.custom-select-component[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-overlay-panel .open-icon i{color:rgba(0,0,0,.54)}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%], .custom-select-overlay-panel .li-search{border-bottom:1px solid #ccc!important;cursor:default!important}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]:hover, .custom-select-input[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]:hover, .custom-select-overlay-panel .li-search:hover{background:#fff!important}.custom-select-component[_ngcontent-%COMP%] .select-open[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .select-open[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-overlay-panel .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}"] });
1341
- /*@__PURE__*/ (function () { ɵsetClassMetadata(CustomSelectComponent, [{
1342
- type: Component,
1343
- args: [{
1344
- selector: 'custom-select',
1345
- templateUrl: 'custom-select.component.html',
1346
- styleUrls: ['custom-select.component.scss'],
1347
- providers: [{
1348
- provide: NG_VALUE_ACCESSOR,
1349
- useExisting: forwardRef(() => CustomSelectComponent),
1350
- multi: true
1351
- }]
1352
- }]
1353
- }], function () { return [{ type: ScrollStrategyOptions }]; }, { disabled: [{
1354
- type: Input
1355
- }], items: [{
1356
- type: Input
1357
- }], allowTyping: [{
1358
- type: Input
1359
- }], allowRemove: [{
1360
- type: Input
1361
- }], allowAddItem: [{
1362
- type: Input
1363
- }], addItemLabel: [{
1364
- type: Input
1365
- }], placeHolder: [{
1366
- type: Input
1367
- }], findPlaceHolder: [{
1368
- type: Input
1369
- }], searchText: [{
1370
- type: Input
1371
- }], onSelect: [{
1372
- type: Output
1373
- }], onUnSelect: [{
1374
- type: Output
1375
- }], onAddItem: [{
1376
- type: Output
1377
- }], trigger: [{
1378
- type: ViewChild,
1379
- args: ['trigger']
1380
- }], input: [{
1381
- type: ViewChild,
1382
- args: ['input', { read: ElementRef }]
1383
- }], tabindex: [{
1384
- type: HostBinding,
1385
- args: ['attr.tabindex']
1386
- }], onBlur: [{
1387
- type: HostListener,
1388
- args: ['blur', ['$event.target']]
1389
- }] }); })();
1390
-
1391
- function InputFileComponent_div_3_Template(rf, ctx) { if (rf & 1) {
1392
- ɵɵelementStart(0, "div", 6);
1393
- ɵɵtext(1);
1394
- ɵɵelementEnd();
1395
- } if (rf & 2) {
1396
- const ctx_r1 = ɵɵnextContext();
1397
- ɵɵadvance(1);
1398
- ɵɵtextInterpolate1(" ", ctx_r1.fileName || ctx_r1.emptyFileLabel, " ");
1399
- } }
1400
- const _c0$5 = function (a0) { return { "font-size": a0 }; };
1401
- function InputFileComponent_icon_5_Template(rf, ctx) { if (rf & 1) {
1402
- const _r5 = ɵɵgetCurrentView();
1403
- ɵɵelementStart(0, "icon", 7);
1404
- ɵɵlistener("click", function InputFileComponent_icon_5_Template_icon_click_0_listener() { ɵɵrestoreView(_r5); ɵɵnextContext(); const _r0 = ɵɵreference(1); _r0.click(); return _r0.value = null; });
1405
- ɵɵelementEnd();
1406
- } if (rf & 2) {
1407
- const ctx_r2 = ɵɵnextContext();
1408
- ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c0$5, ctx_r2.iconFontSize))("title", ctx_r2.uploadTitle)("type", "primary")("name", "fas fa-upload");
1409
- } }
1410
- function InputFileComponent_icon_6_Template(rf, ctx) { if (rf & 1) {
1411
- const _r7 = ɵɵgetCurrentView();
1412
- ɵɵelementStart(0, "icon", 7);
1413
- ɵɵlistener("click", function InputFileComponent_icon_6_Template_icon_click_0_listener() { ɵɵrestoreView(_r7); ɵɵnextContext(); const _r0 = ɵɵreference(1); _r0.click(); return _r0.value = null; });
1414
- ɵɵelementEnd();
1415
- } if (rf & 2) {
1416
- const ctx_r3 = ɵɵnextContext();
1417
- ɵɵproperty("ngStyle", ɵɵpureFunction1(4, _c0$5, ctx_r3.iconFontSize))("title", ctx_r3.modifyTitle)("type", "primary")("name", "fas fa-pencil-alt");
1418
- } }
1419
- class InputFileComponent {
1420
- constructor() {
1421
- this.fileFormData = new FormData();
1422
- this.canRemove = false;
1423
- this.canUpload = false;
1424
- this.uploadTitle = '';
1425
- this.canModify = false;
1426
- this.modifyTitle = '';
1427
- this.iconFontSize = '16px';
1428
- this.emptyFileLabel = '';
1429
- this.fileTypes = [];
1430
- this.onFileChanged = new EventEmitter();
1431
- this.onInvalidFileType = new EventEmitter();
1432
- this.fileUrl = false;
1433
- }
1434
- hasFile() {
1435
- return this.fileUrl;
1436
- }
1437
- canAction() {
1438
- return this.canRemove || this.canModify || this.canUpload;
1439
- }
1440
- fileChange(event) {
1441
- const fileList = event.target.files;
1442
- if (fileList.length > 0) {
1443
- const file = fileList[0];
1444
- this.fileName = file.name;
1445
- if (!this.isFileTypeSupported(file.type)) {
1446
- this.onInvalidFileType.emit({ fileName: this.fileName, typesSupported: this.fileTypes, typeInvalid: file.type });
1447
- return;
1448
- }
1449
- this.fileFormData = new FormData();
1450
- this.fileFormData.append('file', file, file.name);
1451
- const reader = new FileReader();
1452
- reader.readAsDataURL(fileList[0]);
1453
- reader.onload = (loadEvent) => {
1454
- this.fileUrl = true;
1455
- this.emitChangeEvent();
1456
- };
1457
- }
1458
- }
1459
- isFileTypeSupported(fileType) {
1460
- return !this.fileTypes || this.fileTypes.includes(fileType);
1461
- }
1462
- emitChangeEvent() {
1463
- this.onFileChanged.emit({ fileUrl: this.fileUrl, fileFormData: this.fileFormData });
1464
- }
1465
- }
1466
- InputFileComponent.ɵfac = function InputFileComponent_Factory(t) { return new (t || InputFileComponent)(); };
1467
- 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) {
1468
- ɵɵelementStart(0, "input", 0, 1);
1469
- ɵɵlistener("change", function InputFileComponent_Template_input_change_0_listener($event) { return ctx.fileChange($event); });
1470
- ɵɵelementEnd();
1471
- ɵɵelementStart(2, "div", 2);
1472
- ɵɵtemplate(3, InputFileComponent_div_3_Template, 2, 1, "div", 3);
1473
- ɵɵelementStart(4, "div", 4);
1474
- ɵɵtemplate(5, InputFileComponent_icon_5_Template, 1, 6, "icon", 5);
1475
- ɵɵtemplate(6, InputFileComponent_icon_6_Template, 1, 6, "icon", 5);
1476
- ɵɵelementEnd();
1477
- ɵɵelementEnd();
1478
- } if (rf & 2) {
1479
- ɵɵadvance(3);
1480
- ɵɵproperty("ngIf", ctx.fileName || ctx.emptyFileLabel);
1481
- ɵɵadvance(2);
1482
- ɵɵproperty("ngIf", !ctx.hasFile() && ctx.canUpload);
1483
- ɵɵadvance(1);
1484
- ɵɵproperty("ngIf", ctx.hasFile() && ctx.canModify);
1485
- } }, 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 });
1486
- /*@__PURE__*/ (function () { ɵsetClassMetadata(InputFileComponent, [{
1487
- type: Component,
1488
- args: [{
1489
- selector: 'input-file',
1490
- templateUrl: 'input-file.component.html',
1491
- styleUrls: ['input-file.component.scss'],
1492
- encapsulation: ViewEncapsulation.None
1493
- }]
1494
- }], null, { fileFormData: [{
1495
- type: Input
1496
- }], fileName: [{
1497
- type: Input
1498
- }], canRemove: [{
1499
- type: Input
1500
- }], canUpload: [{
1501
- type: Input
1502
- }], uploadTitle: [{
1503
- type: Input
1504
- }], canModify: [{
1505
- type: Input
1506
- }], modifyTitle: [{
1507
- type: Input
1508
- }], iconFontSize: [{
1509
- type: Input
1510
- }], emptyFileLabel: [{
1511
- type: Input
1512
- }], fileTypes: [{
1513
- type: Input
1514
- }], onFileChanged: [{
1515
- type: Output
1516
- }], onInvalidFileType: [{
1517
- type: Output
1518
- }] }); })();
1519
-
1520
- /* tslint:disable */
1521
- class AceEditorComponent {
1522
- constructor(elementRef, zone) {
1523
- this.zone = zone;
1524
- this.textChanged = new EventEmitter();
1525
- this.textChange = new EventEmitter();
1526
- this.style = {};
1527
- // @ts-ignore
1528
- this._options = {};
1529
- // @ts-ignore
1530
- this._theme = 'monokai';
1531
- // @ts-ignore
1532
- this._mode = 'html';
1533
- // @ts-ignore
1534
- this._autoUpdateContent = true;
1535
- // @ts-ignore
1536
- this._durationBeforeCallback = 0;
1537
- // @ts-ignore
1538
- this._text = '';
1539
- this._onChange = (_) => {
1540
- };
1541
- this._onTouched = () => {
1542
- };
1543
- const el = elementRef.nativeElement;
1544
- this.zone.runOutsideAngular(() => {
1545
- this._editor = ace['edit'](el);
1546
- });
1547
- this._editor.$blockScrolling = Infinity;
1548
- }
1549
- ngOnInit() {
1550
- this.init();
1551
- this.initEvents();
1552
- }
1553
- ngOnDestroy() {
1554
- this._editor.destroy();
1555
- }
1556
- init() {
1557
- this.setOptions(this._options || {});
1558
- this.setTheme(this._theme);
1559
- this.setMode(this._mode);
1560
- this.setReadOnly(this._readOnly);
1561
- }
1562
- initEvents() {
1563
- this._editor.on('change', () => this.updateText());
1564
- this._editor.on('paste', () => this.updateText());
1565
- }
1566
- updateText() {
1567
- const newVal = this._editor.getValue();
1568
- if (newVal === this.oldText) {
1569
- return;
1570
- }
1571
- if (!this._durationBeforeCallback) {
1572
- this._text = newVal;
1573
- this.zone.run(() => {
1574
- this.textChange.emit(newVal);
1575
- this.textChanged.emit(newVal);
1576
- });
1577
- this._onChange(newVal);
1578
- }
1579
- else {
1580
- if (this.timeoutSaving) {
1581
- clearTimeout(this.timeoutSaving);
1582
- }
1583
- this.timeoutSaving = setTimeout(() => {
1584
- this._text = newVal;
1585
- this.zone.run(() => {
1586
- this.textChange.emit(newVal);
1587
- this.textChanged.emit(newVal);
1588
- });
1589
- this.timeoutSaving = null;
1590
- }, this._durationBeforeCallback);
1591
- }
1592
- this.oldText = newVal;
1593
- }
1594
- set options(options) {
1595
- this.setOptions(options);
1596
- }
1597
- setOptions(options) {
1598
- this._options = options;
1599
- this._editor.setOptions(options || {});
1600
- }
1601
- set readOnly(readOnly) {
1602
- this.setReadOnly(readOnly);
1603
- }
1604
- setReadOnly(readOnly) {
1605
- this._readOnly = readOnly;
1606
- this._editor.setReadOnly(readOnly);
1607
- }
1608
- set theme(theme) {
1609
- this.setTheme(theme);
1610
- }
1611
- setTheme(theme) {
1612
- this._theme = theme;
1613
- this._editor.setTheme(`ace/theme/${theme}`);
1614
- }
1615
- set mode(mode) {
1616
- this.setMode(mode);
1617
- }
1618
- setMode(mode) {
1619
- this._mode = mode;
1620
- if (typeof this._mode === 'object') {
1621
- this._editor.getSession().setMode(this._mode);
1622
- }
1623
- else {
1624
- this._editor.getSession().setMode(`ace/mode/${this._mode}`);
1625
- }
1626
- }
1627
- // @ts-ignore
1628
- get value() {
1629
- return this.text;
1630
- }
1631
- // @ts-ignore
1632
- set value(value) {
1633
- this.setText(value);
1634
- }
1635
- writeValue(value) {
1636
- this.setText(value);
1637
- }
1638
- registerOnChange(fn) {
1639
- this._onChange = fn;
1640
- }
1641
- registerOnTouched(fn) {
1642
- this._onTouched = fn;
1643
- }
1644
- get text() {
1645
- return this._text;
1646
- }
1647
- set text(text) {
1648
- this.setText(text);
1649
- }
1650
- setText(text) {
1651
- if (text === null || text === undefined) {
1652
- text = '';
1653
- }
1654
- if (this._text !== text && this._autoUpdateContent) {
1655
- this._text = text;
1656
- this._editor.setValue(text);
1657
- this._onChange(text);
1658
- this._editor.clearSelection();
1659
- }
1660
- }
1661
- set autoUpdateContent(status) {
1662
- this.setAutoUpdateContent(status);
1663
- }
1664
- setAutoUpdateContent(status) {
1665
- this._autoUpdateContent = status;
1666
- }
1667
- set durationBeforeCallback(num) {
1668
- this.setDurationBeforeCallback(num);
1669
- }
1670
- setDurationBeforeCallback(num) {
1671
- this._durationBeforeCallback = num;
1672
- }
1673
- getEditor() {
1674
- return this._editor;
1675
- }
1676
- }
1677
- AceEditorComponent.ɵfac = function AceEditorComponent_Factory(t) { return new (t || AceEditorComponent)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(NgZone)); };
1678
- AceEditorComponent.ɵcmp = ɵɵdefineComponent({ type: AceEditorComponent, selectors: [["ace-editor"]], inputs: { style: "style", options: "options", readOnly: "readOnly", theme: "theme", mode: "mode", value: "value", text: "text", autoUpdateContent: "autoUpdateContent", durationBeforeCallback: "durationBeforeCallback" }, outputs: { textChanged: "textChanged", textChange: "textChange" }, features: [ɵɵProvidersFeature([{
1679
- provide: NG_VALUE_ACCESSOR,
1680
- useExisting: forwardRef(() => AceEditorComponent),
1681
- multi: true
1682
- }])], decls: 0, vars: 0, template: function AceEditorComponent_Template(rf, ctx) { }, styles: ["[_nghost-%COMP%] { display:block;width:100%; }"] });
1683
- /*@__PURE__*/ (function () { ɵsetClassMetadata(AceEditorComponent, [{
1684
- type: Component,
1685
- args: [{
1686
- selector: 'ace-editor',
1687
- template: '',
1688
- styles: [':host { display:block;width:100%; }'],
1689
- providers: [{
1690
- provide: NG_VALUE_ACCESSOR,
1691
- useExisting: forwardRef(() => AceEditorComponent),
1692
- multi: true
1693
- }]
1694
- }]
1695
- }], function () { return [{ type: ElementRef }, { type: NgZone }]; }, { textChanged: [{
1696
- type: Output
1697
- }], textChange: [{
1698
- type: Output
1699
- }], style: [{
1700
- type: Input
1701
- }], options: [{
1702
- type: Input
1703
- }], readOnly: [{
1704
- type: Input
1705
- }], theme: [{
1706
- type: Input
1707
- }], mode: [{
1708
- type: Input
1709
- }], value: [{
1710
- type: Input
1711
- }], text: [{
1712
- type: Input
1713
- }], autoUpdateContent: [{
1714
- type: Input
1715
- }], durationBeforeCallback: [{
1716
- type: Input
1717
- }] }); })();
1718
-
1719
- /* tslint:disable */
1720
- class AceEditorDirective {
1721
- constructor(elementRef, zone) {
1722
- this.zone = zone;
1723
- this.textChanged = new EventEmitter();
1724
- this.textChange = new EventEmitter();
1725
- this._options = {};
1726
- this._readOnly = false;
1727
- this._theme = 'monokai';
1728
- this._mode = 'html';
1729
- this._autoUpdateContent = true;
1730
- this._durationBeforeCallback = 0;
1731
- this._text = '';
1732
- const el = elementRef.nativeElement;
1733
- this.zone.runOutsideAngular(() => {
1734
- this.editor = ace['edit'](el);
1735
- });
1736
- this.editor.$blockScrolling = Infinity;
1737
- }
1738
- ngOnInit() {
1739
- this.init();
1740
- this.initEvents();
1741
- }
1742
- ngOnDestroy() {
1743
- this.editor.destroy();
1744
- }
1745
- init() {
1746
- this.editor.setOptions(this._options || {});
1747
- this.editor.setTheme(`ace/theme/${this._theme}`);
1748
- this.setMode(this._mode);
1749
- this.editor.setReadOnly(this._readOnly);
1750
- }
1751
- initEvents() {
1752
- this.editor.on('change', () => this.updateText());
1753
- this.editor.on('paste', () => this.updateText());
1754
- }
1755
- updateText() {
1756
- const newVal = this.editor.getValue();
1757
- if (newVal === this.oldText) {
1758
- return;
1759
- }
1760
- if (!this._durationBeforeCallback) {
1761
- this._text = newVal;
1762
- this.zone.run(() => {
1763
- this.textChange.emit(newVal);
1764
- this.textChanged.emit(newVal);
1765
- });
1766
- }
1767
- else {
1768
- if (this.timeoutSaving != null) {
1769
- clearTimeout(this.timeoutSaving);
1770
- }
1771
- this.timeoutSaving = setTimeout(() => {
1772
- this._text = newVal;
1773
- this.zone.run(() => {
1774
- this.textChange.emit(newVal);
1775
- this.textChanged.emit(newVal);
1776
- });
1777
- this.timeoutSaving = null;
1778
- }, this._durationBeforeCallback);
1779
- }
1780
- this.oldText = newVal;
1781
- }
1782
- set options(options) {
1783
- this._options = options;
1784
- this.editor.setOptions(options || {});
1785
- }
1786
- set readOnly(readOnly) {
1787
- this._readOnly = readOnly;
1788
- this.editor.setReadOnly(readOnly);
1789
- }
1790
- set theme(theme) {
1791
- this._theme = theme;
1792
- this.editor.setTheme(`ace/theme/${theme}`);
1793
- }
1794
- set mode(mode) {
1795
- this.setMode(mode);
1796
- }
1797
- setMode(mode) {
1798
- this._mode = mode;
1799
- if (typeof this._mode === 'object') {
1800
- this.editor.getSession().setMode(this._mode);
1801
- }
1802
- else {
1803
- this.editor.getSession().setMode(`ace/mode/${this._mode}`);
1804
- }
1805
- }
1806
- // @ts-ignore
1807
- get text() {
1808
- return this._text;
1809
- }
1810
- set text(text) {
1811
- this.setText(text);
1812
- }
1813
- setText(text) {
1814
- if (this._text !== text) {
1815
- if (text === null || text === undefined) {
1816
- text = '';
1817
- }
1818
- if (this._autoUpdateContent) {
1819
- this._text = text;
1820
- this.editor.setValue(text);
1821
- this.editor.clearSelection();
1822
- }
1823
- }
1824
- }
1825
- set autoUpdateContent(status) {
1826
- this._autoUpdateContent = status;
1827
- }
1828
- set durationBeforeCallback(num) {
1829
- this.setDurationBeforeCallback(num);
1830
- }
1831
- setDurationBeforeCallback(num) {
1832
- this._durationBeforeCallback = num;
1833
- }
1834
- get aceEditor() {
1835
- return this.editor;
1836
- }
1837
- }
1838
- AceEditorDirective.ɵfac = function AceEditorDirective_Factory(t) { return new (t || AceEditorDirective)(ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(NgZone)); };
1839
- AceEditorDirective.ɵdir = ɵɵdefineDirective({ type: AceEditorDirective, selectors: [["", "ace-editor", ""]], inputs: { options: "options", readOnly: "readOnly", theme: "theme", mode: "mode", text: "text", autoUpdateContent: "autoUpdateContent", durationBeforeCallback: "durationBeforeCallback" }, outputs: { textChanged: "textChanged", textChange: "textChange" } });
1840
- /*@__PURE__*/ (function () { ɵsetClassMetadata(AceEditorDirective, [{
1841
- type: Directive,
1842
- args: [{
1843
- selector: '[ace-editor]'
1844
- }]
1845
- }], function () { return [{ type: ElementRef }, { type: NgZone }]; }, { textChanged: [{
1846
- type: Output
1847
- }], textChange: [{
1848
- type: Output
1849
- }], options: [{
1850
- type: Input
1851
- }], readOnly: [{
1852
- type: Input
1853
- }], theme: [{
1854
- type: Input
1855
- }], mode: [{
1856
- type: Input
1857
- }], text: [{
1858
- type: Input
1859
- }], autoUpdateContent: [{
1860
- type: Input
1861
- }], durationBeforeCallback: [{
1862
- type: Input
1863
- }] }); })();
1864
-
1865
- function InputNumberComponent_mat_label_1_Template(rf, ctx) { if (rf & 1) {
1866
- ɵɵelementStart(0, "mat-label");
1867
- ɵɵtext(1);
1868
- ɵɵelementEnd();
1869
- } if (rf & 2) {
1870
- const ctx_r0 = ɵɵnextContext();
1871
- ɵɵadvance(1);
1872
- ɵɵtextInterpolate(ctx_r0.label);
1873
- } }
1874
- function InputNumberComponent_mat_icon_2_Template(rf, ctx) { if (rf & 1) {
1875
- const _r4 = ɵɵgetCurrentView();
1876
- ɵɵelementStart(0, "mat-icon", 5);
1877
- ɵɵlistener("click", function InputNumberComponent_mat_icon_2_Template_mat_icon_click_0_listener() { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.prefixClick(); });
1878
- ɵɵtext(1);
1879
- ɵɵelementEnd();
1880
- } if (rf & 2) {
1881
- const ctx_r1 = ɵɵnextContext();
1882
- ɵɵadvance(1);
1883
- ɵɵtextInterpolate(ctx_r1.iconPrefix);
1884
- } }
1885
- function InputNumberComponent_mat_icon_4_Template(rf, ctx) { if (rf & 1) {
1886
- const _r6 = ɵɵgetCurrentView();
1887
- ɵɵelementStart(0, "mat-icon", 6);
1888
- ɵɵlistener("click", function InputNumberComponent_mat_icon_4_Template_mat_icon_click_0_listener() { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(); return ctx_r5.suffixClick(); });
1889
- ɵɵtext(1);
1890
- ɵɵelementEnd();
1891
- } if (rf & 2) {
1892
- const ctx_r2 = ɵɵnextContext();
1893
- ɵɵadvance(1);
1894
- ɵɵtextInterpolate(ctx_r2.iconSuffix);
1895
- } }
1896
- class InputNumberComponent extends ValueAccessorBase {
1897
- constructor() {
1898
- super(...arguments);
1899
- this.label = '';
1900
- this.disabled = false;
1901
- this.iconSuffix = '';
1902
- this.iconPrefix = '';
1903
- this.autoComplete = 'on';
1904
- this.suffixIconClick = new EventEmitter();
1905
- this.prefixIconClick = new EventEmitter();
1906
- }
1907
- onKeyDown(event) {
1908
- if (event.which === 32) {
1909
- event.target.value += ' ';
1910
- }
1911
- event.stopPropagation();
1912
- }
1913
- prefixClick() {
1914
- this.prefixIconClick.emit(true);
1915
- }
1916
- suffixClick() {
1917
- this.suffixIconClick.emit(true);
1918
- }
1919
- }
1920
- InputNumberComponent.ɵfac = function InputNumberComponent_Factory(t) { return ɵInputNumberComponent_BaseFactory(t || InputNumberComponent); };
1921
- InputNumberComponent.ɵcmp = ɵɵdefineComponent({ type: InputNumberComponent, selectors: [["input-number"]], inputs: { label: "label", disabled: "disabled", iconSuffix: "iconSuffix", iconPrefix: "iconPrefix", autoComplete: "autoComplete" }, outputs: { suffixIconClick: "suffixIconClick", prefixIconClick: "prefixIconClick" }, features: [ɵɵProvidersFeature([{
1922
- provide: NG_VALUE_ACCESSOR,
1923
- useExisting: forwardRef(() => InputNumberComponent),
1924
- multi: true
1925
- }]), ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["appearance", "fill", 1, "apipass-input-text", "label-input"], [4, "ngIf"], ["class", "mat-icon-prefix", "matPrefix", "", 3, "click", 4, "ngIf"], ["matInput", "", "type", "number", 1, "input-text", 3, "ngModel", "disabled", "autocomplete", "ngModelChange"], ["class", "mat-icon-suffix", "matSuffix", "", 3, "click", 4, "ngIf"], ["matPrefix", "", 1, "mat-icon-prefix", 3, "click"], ["matSuffix", "", 1, "mat-icon-suffix", 3, "click"]], template: function InputNumberComponent_Template(rf, ctx) { if (rf & 1) {
1926
- ɵɵelementStart(0, "mat-form-field", 0);
1927
- ɵɵtemplate(1, InputNumberComponent_mat_label_1_Template, 2, 1, "mat-label", 1);
1928
- ɵɵtemplate(2, InputNumberComponent_mat_icon_2_Template, 2, 1, "mat-icon", 2);
1929
- ɵɵelementStart(3, "input", 3);
1930
- ɵɵlistener("ngModelChange", function InputNumberComponent_Template_input_ngModelChange_3_listener($event) { return ctx.value = $event; });
1931
- ɵɵelementEnd();
1932
- ɵɵtemplate(4, InputNumberComponent_mat_icon_4_Template, 2, 1, "mat-icon", 4);
1933
- ɵɵelementEnd();
1934
- } if (rf & 2) {
1935
- ɵɵadvance(1);
1936
- ɵɵproperty("ngIf", ctx.label);
1937
- ɵɵadvance(1);
1938
- ɵɵproperty("ngIf", ctx.iconPrefix);
1939
- ɵɵadvance(1);
1940
- ɵɵproperty("ngModel", ctx.value)("disabled", ctx.disabled)("autocomplete", ctx.autoComplete);
1941
- ɵɵadvance(1);
1942
- ɵɵproperty("ngIf", ctx.iconSuffix);
1943
- } }, directives: [MatFormField, NgIf, MatInput, NumberValueAccessor, DefaultValueAccessor, NgControlStatus, NgModel, MatLabel, MatIcon, MatPrefix, 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-left:5px}.apipass-input-text .mat-icon-prefix{margin-right:5px}"], encapsulation: 2 });
1944
- const ɵInputNumberComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(InputNumberComponent);
1945
- /*@__PURE__*/ (function () { ɵsetClassMetadata(InputNumberComponent, [{
1946
- type: Component,
1947
- args: [{
1948
- selector: 'input-number',
1949
- templateUrl: 'input-number.component.html',
1950
- styleUrls: ['input-number.component.scss'],
1951
- providers: [{
1952
- provide: NG_VALUE_ACCESSOR,
1953
- useExisting: forwardRef(() => InputNumberComponent),
1954
- multi: true
1955
- }],
1956
- encapsulation: ViewEncapsulation.None
1957
- }]
1958
- }], null, { label: [{
1959
- type: Input
1960
- }], disabled: [{
1961
- type: Input
1962
- }], iconSuffix: [{
1963
- type: Input
1964
- }], iconPrefix: [{
1965
- type: Input
1966
- }], autoComplete: [{
1967
- type: Input
1968
- }], suffixIconClick: [{
1969
- type: Output
1970
- }], prefixIconClick: [{
1971
- type: Output
1972
- }] }); })();
1973
-
1974
- class InputBooleanComponent extends ValueAccessorBase {
1975
- constructor() {
1976
- super(...arguments);
1977
- this.trueLabel = '';
1978
- this.trueIconPrefix = '';
1979
- this.trueIconSuffix = '';
1980
- this.falseLabel = '';
1981
- this.falseIconPrefix = '';
1982
- this.falseIconSuffix = '';
1983
- this.disabled = false;
1984
- }
1985
- trueClick() {
1986
- if (!this.disabled && !this.value) {
1987
- this.value = true;
1988
- }
1989
- }
1990
- falseClick() {
1991
- if (!this.disabled && this.value) {
1992
- this.value = false;
1993
- }
1994
- }
1995
- }
1996
- InputBooleanComponent.ɵfac = function InputBooleanComponent_Factory(t) { return ɵInputBooleanComponent_BaseFactory(t || InputBooleanComponent); };
1997
- InputBooleanComponent.ɵcmp = ɵɵdefineComponent({ type: InputBooleanComponent, selectors: [["input-boolean"]], inputs: { trueLabel: "trueLabel", trueIconPrefix: "trueIconPrefix", trueIconSuffix: "trueIconSuffix", falseLabel: "falseLabel", falseIconPrefix: "falseIconPrefix", falseIconSuffix: "falseIconSuffix", disabled: "disabled" }, features: [ɵɵProvidersFeature([{
1998
- provide: NG_VALUE_ACCESSOR,
1999
- useExisting: forwardRef(() => InputBooleanComponent),
2000
- multi: true
2001
- }]), ɵɵInheritDefinitionFeature], decls: 3, vars: 10, consts: [[1, "input-boolean"], [1, "btn-true", 3, "selected", "label", "icon", "suffixIcon", "btnDisabled", "onClick"], [1, "btn-false", 3, "selected", "label", "icon", "suffixIcon", "btnDisabled", "onClick"]], template: function InputBooleanComponent_Template(rf, ctx) { if (rf & 1) {
2002
- ɵɵelementStart(0, "div", 0);
2003
- ɵɵelementStart(1, "primary-button", 1);
2004
- ɵɵlistener("onClick", function InputBooleanComponent_Template_primary_button_onClick_1_listener() { return ctx.trueClick(); });
2005
- ɵɵelementEnd();
2006
- ɵɵelementStart(2, "primary-button", 2);
2007
- ɵɵlistener("onClick", function InputBooleanComponent_Template_primary_button_onClick_2_listener() { return ctx.falseClick(); });
2008
- ɵɵelementEnd();
2009
- ɵɵelementEnd();
2010
- } if (rf & 2) {
2011
- ɵɵadvance(1);
2012
- ɵɵproperty("selected", ctx.value === true)("label", ctx.trueLabel)("icon", ctx.trueIconPrefix)("suffixIcon", ctx.trueIconSuffix)("btnDisabled", ctx.disabled);
2013
- ɵɵadvance(1);
2014
- ɵɵproperty("selected", ctx.value === false || ctx.value === undefined)("label", ctx.falseLabel)("icon", ctx.falseIconPrefix)("suffixIcon", ctx.falseIconSuffix)("btnDisabled", ctx.disabled);
2015
- } }, directives: [PrimaryButtonComponent], styles: [".input-boolean{display:flex;flex-wrap:wrap;width:100%}.input-boolean primary-button:first-child{margin-right:5px}.input-boolean primary-button button:not(.selected){background:#fff;border:1px solid var(--color-fonts-tertiary);color:var(--color-fonts-tertiary);cursor:pointer}.input-boolean primary-button button:not(.selected):hover{color:#fff}.input-boolean primary-button button:not(.selected).mat-button-disabled{color:var(--color-fonts-tertiary)!important;cursor:default!important;pointer-events:none!important}.input-boolean primary-button button.selected{cursor:default;pointer-events:none}.input-boolean primary-button button.selected,.input-boolean primary-button button.selected:hover{background:#fff;border:1px solid var(--color-primary);color:var(--color-primary)}.input-boolean primary-button button.selected.mat-button-disabled{background:var(--color-fonts-tertiary);color:#fff!important;cursor:default!important;pointer-events:none!important}"], encapsulation: 2 });
2016
- const ɵInputBooleanComponent_BaseFactory = /*@__PURE__*/ ɵɵgetInheritedFactory(InputBooleanComponent);
2017
- /*@__PURE__*/ (function () { ɵsetClassMetadata(InputBooleanComponent, [{
2018
- type: Component,
2019
- args: [{
2020
- selector: 'input-boolean',
2021
- templateUrl: 'input-boolean.component.html',
2022
- styleUrls: ['input-boolean.component.scss'],
2023
- providers: [{
2024
- provide: NG_VALUE_ACCESSOR,
2025
- useExisting: forwardRef(() => InputBooleanComponent),
2026
- multi: true
2027
- }],
2028
- encapsulation: ViewEncapsulation.None
2029
- }]
2030
- }], null, { trueLabel: [{
2031
- type: Input
2032
- }], trueIconPrefix: [{
2033
- type: Input
2034
- }], trueIconSuffix: [{
2035
- type: Input
2036
- }], falseLabel: [{
2037
- type: Input
2038
- }], falseIconPrefix: [{
2039
- type: Input
2040
- }], falseIconSuffix: [{
2041
- type: Input
2042
- }], disabled: [{
2043
- type: Input
2044
- }] }); })();
2045
-
2046
- class DebouceInputDirective {
2047
- constructor(ngModel) {
2048
- this.ngModel = ngModel;
2049
- this.debounceTime = 500;
2050
- this.onDebounceTriggered = new EventEmitter();
2051
- this.subscription = this.ngModel.control.valueChanges.pipe(skip(1), distinctUntilChanged(), debounceTime(this.debounceTime)).subscribe((value) => this.onDebounceTriggered.emit(value));
2052
- }
2053
- ngOnDestroy() {
2054
- if (this.subscription) {
2055
- this.subscription.unsubscribe();
2056
- }
2057
- }
2058
- }
2059
- DebouceInputDirective.ɵfac = function DebouceInputDirective_Factory(t) { return new (t || DebouceInputDirective)(ɵɵdirectiveInject(NgModel)); };
2060
- DebouceInputDirective.ɵdir = ɵɵdefineDirective({ type: DebouceInputDirective, selectors: [["", "debounceInput", ""]], inputs: { debounceTime: "debounceTime" }, outputs: { onDebounceTriggered: "onDebounceTriggered" } });
2061
- /*@__PURE__*/ (function () { ɵsetClassMetadata(DebouceInputDirective, [{
2062
- type: Directive,
2063
- args: [{
2064
- selector: '[debounceInput]',
2065
- }]
2066
- }], function () { return [{ type: NgModel }]; }, { debounceTime: [{
2067
- type: Input
2068
- }], onDebounceTriggered: [{
2069
- type: Output
2070
- }] }); })();
2071
-
2072
- const _c0$6 = ["trigger"];
2073
- const _c1$4 = ["input"];
2074
- function SelectInterpolationComponent_ng_template_9_li_4_Template(rf, ctx) { if (rf & 1) {
2075
- const _r7 = ɵɵgetCurrentView();
2076
- ɵɵelementStart(0, "li", 15);
2077
- ɵɵlistener("click", function SelectInterpolationComponent_ng_template_9_li_4_Template_li_click_0_listener() { ɵɵrestoreView(_r7); const i_r5 = ctx.$implicit; const ctx_r6 = ɵɵnextContext(2); return ctx_r6.selectItem(i_r5); })("mousedown", function SelectInterpolationComponent_ng_template_9_li_4_Template_li_mousedown_0_listener() { ɵɵrestoreView(_r7); const i_r5 = ctx.$implicit; const ctx_r8 = ɵɵnextContext(2); return ctx_r8.selectItem(i_r5); });
2078
- ɵɵtext(1);
2079
- ɵɵelementEnd();
2080
- } if (rf & 2) {
2081
- const i_r5 = ctx.$implicit;
2082
- ɵɵadvance(1);
2083
- ɵɵtextInterpolate1(" ", i_r5.text, " ");
2084
- } }
2085
- function SelectInterpolationComponent_ng_template_9_Template(rf, ctx) { if (rf & 1) {
2086
- const _r10 = ɵɵgetCurrentView();
2087
- ɵɵelementStart(0, "ul", 10);
2088
- ɵɵelementStart(1, "li", 11);
2089
- ɵɵelementStart(2, "mat-form-field", 12);
2090
- ɵɵelementStart(3, "input", 13);
2091
- ɵɵlistener("ngModelChange", function SelectInterpolationComponent_ng_template_9_Template_input_ngModelChange_3_listener($event) { ɵɵrestoreView(_r10); const ctx_r9 = ɵɵnextContext(); return ctx_r9.searchText = $event; })("blur", function SelectInterpolationComponent_ng_template_9_Template_input_blur_3_listener($event) { ɵɵrestoreView(_r10); const ctx_r11 = ɵɵnextContext(); return ctx_r11.onBlur($event); });
2092
- ɵɵelementEnd();
2093
- ɵɵelementEnd();
2094
- ɵɵelementEnd();
2095
- ɵɵtemplate(4, SelectInterpolationComponent_ng_template_9_li_4_Template, 2, 1, "li", 14);
2096
- ɵɵpipe(5, "selectFilter");
2097
- ɵɵelementEnd();
2098
- } if (rf & 2) {
2099
- const ctx_r3 = ɵɵnextContext();
2100
- ɵɵadvance(3);
2101
- ɵɵproperty("placeholder", ctx_r3.findPlaceHolder)("ngModel", ctx_r3.searchText);
2102
- ɵɵadvance(1);
2103
- ɵɵproperty("ngForOf", ɵɵpipeBind3(5, 3, ctx_r3.items, ctx_r3.searchText, "text"));
2104
- } }
2105
- const _c2$2 = function (a0) { return { "select-open": a0 }; };
2106
- const _c3$2 = function () { return { standalone: true }; };
2107
- const _c4$1 = function (a0, a1) { return { "fa-caret-down": a0, "fa-caret-up": a1 }; };
2108
- class SelectInterpolationComponent {
2109
- constructor(sso) {
2110
- this.sso = sso;
2111
- this.edited = false;
2112
- this.selectedItemLabel = '';
2113
- this.searchText = '';
2114
- this.opened = false;
2115
- this.disabled = false;
2116
- this.items = [];
2117
- this.placeHolder = 'Select';
2118
- this.findPlaceHolder = 'Find item';
2119
- this.onSelect = new EventEmitter();
2120
- this.tabindex = '0';
2121
- this.onTouchedCallback = () => {
2122
- };
2123
- this.onChangeCallback = () => {
2124
- };
2125
- this.scrollStrategy = this.sso.block();
2126
- }
2127
- onBlur(target) {
2128
- if (this.selectedItemLabel) {
2129
- if (this.edited) {
2130
- this.writeValue(this.selectedItemLabel);
2131
- this.selectedItem = new CustomSelectItem(this.selectedItemLabel, this.selectedItemLabel);
2132
- this.onSelect.next(this.selectedItem);
2133
- }
2134
- }
2135
- else {
2136
- this.writeValue(undefined);
2137
- this.onSelect.next(undefined);
2138
- }
2139
- if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
2140
- return;
2141
- }
2142
- this.setTriggerRect();
2143
- this.opened = false;
2144
- }
2145
- ngAfterViewInit() {
2146
- setTimeout(() => {
2147
- this.setInitialState();
2148
- this.setTriggerRect();
2149
- }, 300);
2150
- }
2151
- setInitialState() {
2152
- setTimeout(() => {
2153
- if (this.value && this.items) {
2154
- const selectedItem = this.items.find(item => item.id === this.value);
2155
- this.selectedItemLabel = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.text) || this.value;
2156
- }
2157
- });
2158
- }
2159
- setTriggerRect() {
2160
- setTimeout(() => {
2161
- var _a;
2162
- this._triggerRect = (_a = this.trigger) === null || _a === void 0 ? void 0 : _a.nativeElement.getBoundingClientRect();
2163
- });
2164
- }
2165
- selectItem(item) {
2166
- this.opened = false;
2167
- this.edited = false;
2168
- this.selectedItem = item;
2169
- this.value = item.id;
2170
- this.selectedItemLabel = item.text;
2171
- this.searchText = '';
2172
- this.onSelect.next(item);
2173
- }
2174
- keyPress() {
2175
- this.setTriggerRect();
2176
- this.opened = false;
2177
- this.edited = true;
2178
- this.searchText = '';
2179
- }
2180
- clicked() {
2181
- this.setTriggerRect();
2182
- this.opened = true;
2183
- this.searchText = '';
2184
- }
2185
- get value() {
2186
- return this.innerValue;
2187
- }
2188
- set value(value) {
2189
- this.innerValue = value;
2190
- this.onChangeCallback(value);
2191
- }
2192
- writeValue(value) {
2193
- if (value !== this.value) {
2194
- this.value = value;
2195
- }
2196
- }
2197
- registerOnChange(fn) {
2198
- this.onChangeCallback = fn;
2199
- }
2200
- registerOnTouched(fn) {
2201
- this.onTouchedCallback = fn;
2202
- }
2203
- setDisabledState(isDisabled) {
2204
- this.disabled = isDisabled;
2205
- }
2206
- arrowClick(event) {
2207
- var _a;
2208
- event.stopPropagation();
2209
- this.setTriggerRect();
2210
- if (this.opened) {
2211
- this.opened = false;
2212
- }
2213
- else {
2214
- this.opened = true;
2215
- this.searchText = '';
2216
- (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
2217
- }
2218
- }
2219
- onDrop($event) {
2220
- this.searchText = '';
2221
- if (!this.value) {
2222
- this.value = '';
2223
- }
2224
- this.edited = true;
2225
- this.value += `{{${$event.data}}}`;
2226
- this.selectedItemLabel = this.value;
2227
- this.onBlur(undefined);
2228
- }
2229
- }
2230
- SelectInterpolationComponent.ɵfac = function SelectInterpolationComponent_Factory(t) { return new (t || SelectInterpolationComponent)(ɵɵdirectiveInject(ScrollStrategyOptions)); };
2231
- SelectInterpolationComponent.ɵcmp = ɵɵdefineComponent({ type: SelectInterpolationComponent, selectors: [["select-interpolation"]], viewQuery: function SelectInterpolationComponent_Query(rf, ctx) { if (rf & 1) {
2232
- ɵɵviewQuery(_c0$6, true);
2233
- ɵɵviewQuery(_c1$4, true, ElementRef);
2234
- } if (rf & 2) {
2235
- var _t;
2236
- ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.trigger = _t.first);
2237
- ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.input = _t.first);
2238
- } }, hostVars: 1, hostBindings: function SelectInterpolationComponent_HostBindings(rf, ctx) { if (rf & 1) {
2239
- ɵɵlistener("blur", function SelectInterpolationComponent_blur_HostBindingHandler($event) { return ctx.onBlur($event.target); });
2240
- } if (rf & 2) {
2241
- ɵɵattribute("tabindex", ctx.tabindex);
2242
- } }, inputs: { disabled: "disabled", items: "items", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder" }, outputs: { onSelect: "onSelect" }, features: [ɵɵProvidersFeature([{
2243
- provide: NG_VALUE_ACCESSOR,
2244
- useExisting: forwardRef(() => SelectInterpolationComponent),
2245
- multi: true
2246
- }])], decls: 10, vars: 17, consts: [[1, "custom-select-input"], ["trigger", ""], ["cdkOverlayOrigin", "", "appearance", "fill", "autocomplete", "off", 1, "custom-select-component", 3, "ngClass"], ["origin", "cdkOverlayOrigin"], ["matInput", "", "dndDropzone", "", "autocomplete", "off", 3, "placeholder", "ngModel", "ngModelOptions", "disabled", "focus", "blur", "ngModelChange", "keyup", "click", "dndDrop"], ["input", ""], [1, "open-icon", 3, "click"], [1, "fas", 3, "ngClass"], [1, "custom-select-component"], ["cdkConnectedOverlay", "", 3, "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayMinWidth"], [1, "ul-ac"], [1, "li-search", "search-input-item"], ["appearance", "fill", 1, "apipass-input-text", "search-input-item"], ["matInput", "", "aria-autocomplete", "none", "autocomplete", "off", 1, "search-input-item", 3, "placeholder", "ngModel", "ngModelChange", "blur"], ["class", "clickable", 3, "click", "mousedown", 4, "ngFor", "ngForOf"], [1, "clickable", 3, "click", "mousedown"]], template: function SelectInterpolationComponent_Template(rf, ctx) { if (rf & 1) {
2247
- ɵɵelementStart(0, "div", 0, 1);
2248
- ɵɵelementStart(2, "mat-form-field", 2, 3);
2249
- ɵɵelementStart(4, "input", 4, 5);
2250
- ɵɵlistener("focus", function SelectInterpolationComponent_Template_input_focus_4_listener() { return ctx.opened = true; })("blur", function SelectInterpolationComponent_Template_input_blur_4_listener($event) { return ctx.onBlur($event); })("ngModelChange", function SelectInterpolationComponent_Template_input_ngModelChange_4_listener($event) { return ctx.selectedItemLabel = $event; })("keyup", function SelectInterpolationComponent_Template_input_keyup_4_listener() { return ctx.keyPress(); })("click", function SelectInterpolationComponent_Template_input_click_4_listener() { return ctx.clicked(); })("dndDrop", function SelectInterpolationComponent_Template_input_dndDrop_4_listener($event) { return ctx.onDrop($event); });
2251
- ɵɵelementEnd();
2252
- ɵɵelementStart(6, "span", 6);
2253
- ɵɵlistener("click", function SelectInterpolationComponent_Template_span_click_6_listener($event) { return ctx.arrowClick($event); });
2254
- ɵɵelement(7, "i", 7);
2255
- ɵɵelementEnd();
2256
- ɵɵelementEnd();
2257
- ɵɵelementEnd();
2258
- ɵɵelementStart(8, "div", 8);
2259
- ɵɵtemplate(9, SelectInterpolationComponent_ng_template_9_Template, 6, 7, "ng-template", 9);
2260
- ɵɵelementEnd();
2261
- } if (rf & 2) {
2262
- const _r1 = ɵɵreference(3);
2263
- ɵɵadvance(2);
2264
- ɵɵproperty("ngClass", ɵɵpureFunction1(11, _c2$2, ctx.opened));
2265
- ɵɵadvance(2);
2266
- ɵɵproperty("placeholder", ctx.placeHolder)("ngModel", ctx.selectedItemLabel)("ngModelOptions", ɵɵpureFunction0(13, _c3$2))("disabled", ctx.disabled);
2267
- ɵɵadvance(3);
2268
- ɵɵproperty("ngClass", ɵɵpureFunction2(14, _c4$1, !ctx.opened, ctx.opened));
2269
- ɵɵadvance(2);
2270
- ɵɵproperty("cdkConnectedOverlayPanelClass", "custom-select-overlay-panel")("cdkConnectedOverlayScrollStrategy", ctx.scrollStrategy)("cdkConnectedOverlayOrigin", _r1)("cdkConnectedOverlayOpen", ctx.opened)("cdkConnectedOverlayMinWidth", ctx._triggerRect == null ? null : ctx._triggerRect.width);
2271
- } }, directives: [MatFormField, CdkOverlayOrigin, NgClass, MatInput, DefaultValueAccessor, DndDropzoneDirective, NgControlStatus, NgModel, CdkConnectedOverlay, NgForOf], pipes: [SelectFilterPipe], styles: [".custom-select-component[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%], .custom-select-overlay-panel{cursor:pointer}.custom-select-component[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-overlay-panel input{background:#fff!important;height:48px}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac{background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;margin-top:-1px;max-height:16rem;overflow:auto;padding:0;position:relative;width:100%}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li{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, .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%]:hover, .custom-select-overlay-panel .ul-ac li:hover{background:#bbbcbc}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li .mat-form-field-flex{height:37px!important}.custom-select-component[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .ul-ac[_ngcontent-%COMP%] li[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%] input[_ngcontent-%COMP%], .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input{height:auto}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%], .custom-select-overlay-panel .selected{background-color:#898a8a!important}.custom-select-component[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .selected[_ngcontent-%COMP%] .fa[_ngcontent-%COMP%], .custom-select-overlay-panel .selected .fa{color:#fff!important}.custom-select-component[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-overlay-panel .remove-icon i{color:red;margin-right:10px}.custom-select-component[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%], .custom-select-overlay-panel .open-icon{cursor:pointer}.custom-select-component[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .open-icon[_ngcontent-%COMP%] i[_ngcontent-%COMP%], .custom-select-overlay-panel .open-icon i{color:rgba(0,0,0,.54)}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%], .custom-select-overlay-panel .li-search{border-bottom:1px solid #ccc!important;cursor:default!important}.custom-select-component[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]:hover, .custom-select-input[_ngcontent-%COMP%] .li-search[_ngcontent-%COMP%]:hover, .custom-select-overlay-panel .li-search:hover{background:#fff!important}.custom-select-component[_ngcontent-%COMP%] .select-open[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-input[_ngcontent-%COMP%] .select-open[_ngcontent-%COMP%] .mat-form-field-flex[_ngcontent-%COMP%], .custom-select-overlay-panel .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}"] });
2272
- /*@__PURE__*/ (function () { ɵsetClassMetadata(SelectInterpolationComponent, [{
2273
- type: Component,
2274
- args: [{
2275
- selector: 'select-interpolation',
2276
- templateUrl: 'select-interpolation.component.html',
2277
- styleUrls: ['select-interpolation.component.scss'],
2278
- providers: [{
2279
- provide: NG_VALUE_ACCESSOR,
2280
- useExisting: forwardRef(() => SelectInterpolationComponent),
2281
- multi: true
2282
- }]
2283
- }]
2284
- }], function () { return [{ type: ScrollStrategyOptions }]; }, { disabled: [{
2285
- type: Input
2286
- }], items: [{
2287
- type: Input
2288
- }], placeHolder: [{
2289
- type: Input
2290
- }], findPlaceHolder: [{
2291
- type: Input
2292
- }], onSelect: [{
2293
- type: Output
2294
- }], trigger: [{
2295
- type: ViewChild,
2296
- args: ['trigger']
2297
- }], input: [{
2298
- type: ViewChild,
2299
- args: ['input', { read: ElementRef }]
2300
- }], tabindex: [{
2301
- type: HostBinding,
2302
- args: ['attr.tabindex']
2303
- }], onBlur: [{
2304
- type: HostListener,
2305
- args: ['blur', ['$event.target']]
2306
- }] }); })();
2307
-
2308
- class InputsModule {
2309
- }
2310
- InputsModule.ɵmod = ɵɵdefineNgModule({ type: InputsModule });
2311
- InputsModule.ɵinj = ɵɵdefineInjector({ factory: function InputsModule_Factory(t) { return new (t || InputsModule)(); }, providers: [], imports: [[
2312
- RouterModule.forChild([]),
2313
- CommonModule,
2314
- FormsModule,
2315
- MatFormFieldModule,
2316
- MatInputModule,
2317
- MatPasswordStrengthModule,
2318
- MatSelectModule,
2319
- MatSelectFilterModule,
2320
- NgSelectModule,
2321
- PipeModule,
2322
- MatIconModule,
2323
- IconsModule,
2324
- MatTooltipModule,
2325
- DndModule,
2326
- ButtonsModule,
2327
- OverlayModule,
2328
- ]] });
2329
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(InputsModule, { declarations: [MatSelectInfiniteScrollDirective,
2330
- SelectBoxComponent,
2331
- SelectEnumComponent,
2332
- InputTextComponent,
2333
- InputNumberComponent,
2334
- InputBooleanComponent,
2335
- InputPasswordComponent,
2336
- InputAvatarComponent,
2337
- InputFileComponent,
2338
- CustomSelectComponent,
2339
- SelectInterpolationComponent,
2340
- FieldComponent,
2341
- AceEditorComponent,
2342
- AceEditorDirective,
2343
- DebouceInputDirective], imports: [RouterModule, CommonModule,
2344
- FormsModule,
2345
- MatFormFieldModule,
2346
- MatInputModule,
2347
- MatPasswordStrengthModule,
2348
- MatSelectModule,
2349
- MatSelectFilterModule,
2350
- NgSelectModule,
2351
- PipeModule,
2352
- MatIconModule,
2353
- IconsModule,
2354
- MatTooltipModule,
2355
- DndModule,
2356
- ButtonsModule,
2357
- OverlayModule], exports: [SelectBoxComponent,
2358
- SelectEnumComponent,
2359
- InputTextComponent,
2360
- InputNumberComponent,
2361
- InputBooleanComponent,
2362
- InputPasswordComponent,
2363
- InputAvatarComponent,
2364
- InputFileComponent,
2365
- CustomSelectComponent,
2366
- SelectInterpolationComponent,
2367
- FieldComponent,
2368
- AceEditorComponent,
2369
- AceEditorDirective,
2370
- DebouceInputDirective] }); })();
2371
- /*@__PURE__*/ (function () { ɵsetClassMetadata(InputsModule, [{
2372
- type: NgModule,
2373
- args: [{
2374
- imports: [
2375
- RouterModule.forChild([]),
2376
- CommonModule,
2377
- FormsModule,
2378
- MatFormFieldModule,
2379
- MatInputModule,
2380
- MatPasswordStrengthModule,
2381
- MatSelectModule,
2382
- MatSelectFilterModule,
2383
- NgSelectModule,
2384
- PipeModule,
2385
- MatIconModule,
2386
- IconsModule,
2387
- MatTooltipModule,
2388
- DndModule,
2389
- ButtonsModule,
2390
- OverlayModule,
2391
- ],
2392
- declarations: [
2393
- MatSelectInfiniteScrollDirective,
2394
- SelectBoxComponent,
2395
- SelectEnumComponent,
2396
- InputTextComponent,
2397
- InputNumberComponent,
2398
- InputBooleanComponent,
2399
- InputPasswordComponent,
2400
- InputAvatarComponent,
2401
- InputFileComponent,
2402
- CustomSelectComponent,
2403
- SelectInterpolationComponent,
2404
- FieldComponent,
2405
- AceEditorComponent,
2406
- AceEditorDirective,
2407
- DebouceInputDirective
2408
- ],
2409
- exports: [
2410
- SelectBoxComponent,
2411
- SelectEnumComponent,
2412
- InputTextComponent,
2413
- InputNumberComponent,
2414
- InputBooleanComponent,
2415
- InputPasswordComponent,
2416
- InputAvatarComponent,
2417
- InputFileComponent,
2418
- CustomSelectComponent,
2419
- SelectInterpolationComponent,
2420
- FieldComponent,
2421
- AceEditorComponent,
2422
- AceEditorDirective,
2423
- DebouceInputDirective
2424
- ],
2425
- providers: [],
2426
- }]
2427
- }], null, null); })();
2428
-
2429
- /**
2430
- * Generated bundle index. Do not edit.
2431
- */
2432
-
2433
- export { AceEditorComponent, AceEditorDirective, CustomSelectComponent, CustomSelectItem, DebouceInputDirective, FieldComponent, InputAvatarComponent, InputBooleanComponent, InputFileComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputsModule, SelectBoxComponent, SelectEnumComponent, SelectInterpolationComponent };
2434
- //# sourceMappingURL=apipass-inputs.js.map