@apipass/inputs 0.2.15 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ace-editor/component.d.ts +52 -52
- package/ace-editor/directive.d.ts +39 -39
- package/assets/css/buttons.scss +118 -118
- package/assets/css/colors.scss +34 -34
- package/assets/css/fonts.scss +24 -24
- package/assets/css/inputs.scss +197 -197
- package/assets/css/pt_sans.scss +143 -143
- package/assets/css/spacing.scss +28 -28
- package/assets/css/texts.scss +18 -18
- package/custom-select/custom-select-item.d.ts +5 -5
- package/custom-select/custom-select.component.d.ts +51 -51
- package/debounce-model-directive/debouceInput.directive.d.ts +14 -14
- package/{esm2015/ace-editor/component.js → esm2020/ace-editor/component.mjs} +199 -204
- package/{esm2015/ace-editor/directive.js → esm2020/ace-editor/directive.mjs} +150 -150
- package/{esm2015/apipass-inputs.js → esm2020/apipass-inputs.mjs} +4 -4
- package/{esm2015/custom-select/custom-select-item.js → esm2020/custom-select/custom-select-item.mjs} +7 -7
- package/esm2020/custom-select/custom-select.component.mjs +204 -0
- package/esm2020/debounce-model-directive/debouceInput.directive.mjs +31 -0
- package/esm2020/field/field.component.mjs +51 -0
- package/esm2020/input-avatar/input-avatar.component.mjs +92 -0
- package/esm2020/input-boolean/input-boolean.component.mjs +56 -0
- package/esm2020/input-file/input-file.component.mjs +82 -0
- package/esm2020/input-number/input-number.component.mjs +62 -0
- package/esm2020/input-password/input-password.component.mjs +96 -0
- package/esm2020/input-text/input-text.component.mjs +62 -0
- package/esm2020/inputs.module.mjs +149 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +17 -17
- package/{esm2015/select-box/mat-select-infinite-scroll.directive.js → esm2020/select-box/mat-select-infinite-scroll.directive.mjs} +86 -86
- package/esm2020/select-box/select-box.component.mjs +220 -0
- package/esm2020/select-enum/select-enum.component.mjs +48 -0
- package/esm2020/select-interpolation/select-interpolation.component.mjs +169 -0
- package/{esm2015/value-acessor-base.js → esm2020/value-acessor-base.mjs} +31 -31
- package/fesm2015/apipass-inputs.mjs +1704 -0
- package/fesm2015/apipass-inputs.mjs.map +1 -0
- package/fesm2020/apipass-inputs.mjs +1697 -0
- package/fesm2020/apipass-inputs.mjs.map +1 -0
- package/field/field.component.d.ts +15 -15
- package/{apipass-inputs.d.ts → index.d.ts} +5 -5
- package/input-avatar/input-avatar.component.d.ts +29 -29
- package/input-boolean/input-boolean.component.d.ts +15 -15
- package/input-file/input-file.component.d.ts +31 -31
- package/input-number/input-number.component.d.ts +17 -17
- package/input-password/input-password.component.d.ts +29 -29
- package/input-text/input-text.component.d.ts +17 -17
- package/inputs.module.d.ts +36 -36
- package/package.json +38 -29
- package/public-api.d.ts +16 -16
- package/select-box/mat-select-infinite-scroll.directive.d.ts +26 -26
- package/select-box/select-box.component.d.ts +57 -57
- package/select-enum/select-enum.component.d.ts +12 -12
- package/select-interpolation/select-interpolation.component.d.ts +44 -44
- package/value-acessor-base.d.ts +13 -13
- package/bundles/apipass-inputs.umd.js +0 -3060
- package/bundles/apipass-inputs.umd.js.map +0 -1
- package/bundles/apipass-inputs.umd.min.js +0 -16
- package/bundles/apipass-inputs.umd.min.js.map +0 -1
- package/esm2015/custom-select/custom-select.component.js +0 -310
- package/esm2015/debounce-model-directive/debouceInput.directive.js +0 -31
- package/esm2015/field/field.component.js +0 -92
- package/esm2015/input-avatar/input-avatar.component.js +0 -167
- package/esm2015/input-boolean/input-boolean.component.js +0 -77
- package/esm2015/input-file/input-file.component.js +0 -133
- package/esm2015/input-number/input-number.component.js +0 -118
- package/esm2015/input-password/input-password.component.js +0 -159
- package/esm2015/input-text/input-text.component.js +0 -118
- package/esm2015/inputs.module.js +0 -155
- package/esm2015/select-box/select-box.component.js +0 -367
- package/esm2015/select-enum/select-enum.component.js +0 -95
- package/esm2015/select-interpolation/select-interpolation.component.js +0 -248
- package/fesm2015/apipass-inputs.js +0 -2434
- 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
|