@apipass/inputs 0.2.16 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ace-editor/component.d.ts +52 -52
- package/ace-editor/directive.d.ts +39 -39
- package/assets/css/colors.scss +34 -34
- package/assets/css/fonts.scss +24 -24
- package/assets/css/inputs.scss +245 -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/assets/css/buttons.scss +0 -118
- 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
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Directive, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { NgModel } from '@angular/forms';
|
|
3
|
+
import { debounceTime, distinctUntilChanged, skip } from 'rxjs/operators';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
export class DebouceInputDirective {
|
|
7
|
+
constructor(ngModel) {
|
|
8
|
+
this.ngModel = ngModel;
|
|
9
|
+
this.debounceTime = 500;
|
|
10
|
+
this.onDebounceTriggered = new EventEmitter();
|
|
11
|
+
this.subscription = this.ngModel.control.valueChanges.pipe(skip(1), distinctUntilChanged(), debounceTime(this.debounceTime)).subscribe((value) => this.onDebounceTriggered.emit(value));
|
|
12
|
+
}
|
|
13
|
+
ngOnDestroy() {
|
|
14
|
+
if (this.subscription) {
|
|
15
|
+
this.subscription.unsubscribe();
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
DebouceInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: DebouceInputDirective, deps: [{ token: i1.NgModel }], target: i0.ɵɵFactoryTarget.Directive });
|
|
20
|
+
DebouceInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.3", type: DebouceInputDirective, selector: "[debounceInput]", inputs: { debounceTime: "debounceTime" }, outputs: { onDebounceTriggered: "onDebounceTriggered" }, ngImport: i0 });
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: DebouceInputDirective, decorators: [{
|
|
22
|
+
type: Directive,
|
|
23
|
+
args: [{
|
|
24
|
+
selector: '[debounceInput]',
|
|
25
|
+
}]
|
|
26
|
+
}], ctorParameters: function () { return [{ type: i1.NgModel }]; }, propDecorators: { debounceTime: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], onDebounceTriggered: [{
|
|
29
|
+
type: Output
|
|
30
|
+
}] } });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVib3VjZUlucHV0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvZGVib3VuY2UtbW9kZWwtZGlyZWN0aXZlL2RlYm91Y2VJbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFdkMsT0FBTyxFQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxJQUFJLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBS3hFLE1BQU0sT0FBTyxxQkFBcUI7SUFVaEMsWUFBb0IsT0FBZ0I7UUFBaEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQVA3QixpQkFBWSxHQUFHLEdBQUcsQ0FBQztRQUduQix3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBS25ELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLElBQUksQ0FDeEQsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUNQLG9CQUFvQixFQUFFLEVBQ3RCLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQ2hDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDakM7SUFDSCxDQUFDOztrSEF0QlUscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2lCQUM1Qjs4RkFJUSxZQUFZO3NCQURsQixLQUFLO2dCQUlDLG1CQUFtQjtzQkFEekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TmdNb2RlbH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge1N1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7ZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgc2tpcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbZGVib3VuY2VJbnB1dF0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGVib3VjZUlucHV0RGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZGVib3VuY2VUaW1lID0gNTAwO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgb25EZWJvdW5jZVRyaWdnZXJlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBwdWJsaWMgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbmdNb2RlbDogTmdNb2RlbCkge1xyXG4gICAgdGhpcy5zdWJzY3JpcHRpb24gPSB0aGlzLm5nTW9kZWwuY29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShcclxuICAgICAgc2tpcCgxKSxcclxuICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcclxuICAgICAgZGVib3VuY2VUaW1lKHRoaXMuZGVib3VuY2VUaW1lKVxyXG4gICAgKS5zdWJzY3JpYmUoKHZhbHVlKSA9PiB0aGlzLm9uRGVib3VuY2VUcmlnZ2VyZWQuZW1pdCh2YWx1ZSkpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc3Vic2NyaXB0aW9uKSB7XHJcbiAgICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class FieldComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Texto para label do Input
|
|
8
|
+
*/
|
|
9
|
+
this.label = '';
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: FieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: FieldComponent, selector: "app-field", inputs: { label: "label", state: "state" }, ngImport: i0, template: `
|
|
14
|
+
<div [ngClass]="{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}">
|
|
15
|
+
<label class="label-text" *ngIf="label">{{ label }}</label>
|
|
16
|
+
|
|
17
|
+
<!-- Input, textarea or select -->
|
|
18
|
+
<ng-content></ng-content>
|
|
19
|
+
|
|
20
|
+
<span *ngIf="state && !state.valid && !state.pristine && state.touched && state.errors" class="help-block text-danger">
|
|
21
|
+
<span *ngIf="state.hasError('required')">Este campo é obrigatório</span>
|
|
22
|
+
<span *ngIf="!state.hasError('required') && state.hasError('validateEmail')">E-mail inválido</span>
|
|
23
|
+
<span *ngIf="!state.hasError('required') && state.hasError('minlength')">Tamanho mínimo inválido</span>
|
|
24
|
+
</span>
|
|
25
|
+
</div>
|
|
26
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: FieldComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{
|
|
30
|
+
selector: 'app-field',
|
|
31
|
+
template: `
|
|
32
|
+
<div [ngClass]="{'has-error':state && !state.valid && (!state.pristine || state.touched) && state.errors}">
|
|
33
|
+
<label class="label-text" *ngIf="label">{{ label }}</label>
|
|
34
|
+
|
|
35
|
+
<!-- Input, textarea or select -->
|
|
36
|
+
<ng-content></ng-content>
|
|
37
|
+
|
|
38
|
+
<span *ngIf="state && !state.valid && !state.pristine && state.touched && state.errors" class="help-block text-danger">
|
|
39
|
+
<span *ngIf="state.hasError('required')">Este campo é obrigatório</span>
|
|
40
|
+
<span *ngIf="!state.hasError('required') && state.hasError('validateEmail')">E-mail inválido</span>
|
|
41
|
+
<span *ngIf="!state.hasError('required') && state.hasError('minlength')">Tamanho mínimo inválido</span>
|
|
42
|
+
</span>
|
|
43
|
+
</div>
|
|
44
|
+
`
|
|
45
|
+
}]
|
|
46
|
+
}], propDecorators: { label: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], state: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}] } });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5wdXRzL3NyYy9maWVsZC9maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQW9CL0MsTUFBTSxPQUFPLGNBQWM7SUFqQjNCO1FBbUJFOztXQUVHO1FBQ00sVUFBSyxHQUFHLEVBQUUsQ0FBQztLQVFyQjs7MkdBYlksY0FBYzsrRkFBZCxjQUFjLDZGQWZiOzs7Ozs7Ozs7Ozs7O0tBYVQ7MkZBRVEsY0FBYztrQkFqQjFCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztLQWFUO2lCQUNKOzhCQU1VLEtBQUs7c0JBQWIsS0FBSztnQkFNRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0Zvcm1Db250cm9sfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWZpZWxkJyxcclxuICAgIHRlbXBsYXRlOiBgXHJcbiAgICAgPGRpdiBbbmdDbGFzc109XCJ7J2hhcy1lcnJvcic6c3RhdGUgJiYgIXN0YXRlLnZhbGlkICYmICghc3RhdGUucHJpc3RpbmUgfHwgc3RhdGUudG91Y2hlZCkgJiYgc3RhdGUuZXJyb3JzfVwiPlxyXG4gICAgICA8bGFiZWwgY2xhc3M9XCJsYWJlbC10ZXh0XCIgKm5nSWY9XCJsYWJlbFwiPnt7IGxhYmVsIH19PC9sYWJlbD5cclxuXHJcbiAgICAgIDwhLS0gSW5wdXQsIHRleHRhcmVhIG9yIHNlbGVjdCAtLT5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG5cclxuICAgICAgPHNwYW4gKm5nSWY9XCJzdGF0ZSAmJiAhc3RhdGUudmFsaWQgJiYgIXN0YXRlLnByaXN0aW5lICYmIHN0YXRlLnRvdWNoZWQgJiYgc3RhdGUuZXJyb3JzXCIgY2xhc3M9XCJoZWxwLWJsb2NrIHRleHQtZGFuZ2VyXCI+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJzdGF0ZS5oYXNFcnJvcigncmVxdWlyZWQnKVwiPkVzdGUgY2FtcG8gw6kgb2JyaWdhdMOzcmlvPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiIXN0YXRlLmhhc0Vycm9yKCdyZXF1aXJlZCcpICYmIHN0YXRlLmhhc0Vycm9yKCd2YWxpZGF0ZUVtYWlsJylcIj5FLW1haWwgaW52w6FsaWRvPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiIXN0YXRlLmhhc0Vycm9yKCdyZXF1aXJlZCcpICYmIHN0YXRlLmhhc0Vycm9yKCdtaW5sZW5ndGgnKVwiPlRhbWFuaG8gbcOtbmltbyBpbnbDoWxpZG88L3NwYW4+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgYFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRmllbGRDb21wb25lbnQge1xyXG5cclxuICAvKipcclxuICAgKiBUZXh0byBwYXJhIGxhYmVsIGRvIElucHV0XHJcbiAgICovXHJcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuXHJcbiAgLyoqXHJcbiAgICogRXN0YWRvIGRvIGlucHV0IG5vIGZvcm11bMOhcmlvIHBhcmEgdmFsaWRhciBxdWFuZG9cclxuICAgKiDDqSBuZWNlc3PDoXJpbyBleGliaXIgYXMgbWVuc2FnZW5zIGRlIGVycm8uXHJcbiAgICovXHJcbiAgQElucHV0KCkgc3RhdGU6IEZvcm1Db250cm9sIHwgdW5kZWZpbmVkO1xyXG5cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@apipass/icons";
|
|
5
|
+
import * as i3 from "@angular/material/tooltip";
|
|
6
|
+
export class InputAvatarComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.avatarFormData = new FormData();
|
|
9
|
+
this.avatarUrl = 'assets/images/no-image.png';
|
|
10
|
+
this.imageAlt = 'Avatar';
|
|
11
|
+
this.imageTitle = '';
|
|
12
|
+
this.canRemove = false;
|
|
13
|
+
this.removeTitle = '';
|
|
14
|
+
this.canUpload = false;
|
|
15
|
+
this.uploadTitle = '';
|
|
16
|
+
this.canModify = false;
|
|
17
|
+
this.modifyTitle = '';
|
|
18
|
+
this.imageBorderRadius = '50%';
|
|
19
|
+
this.width = '65px';
|
|
20
|
+
this.height = '65px';
|
|
21
|
+
this.iconFontSize = '16px';
|
|
22
|
+
this.onFileChanged = new EventEmitter();
|
|
23
|
+
}
|
|
24
|
+
hasImage() {
|
|
25
|
+
return this.avatarUrl !== 'assets/images/no-image.png';
|
|
26
|
+
}
|
|
27
|
+
canAction() {
|
|
28
|
+
return this.canRemove || this.canModify || this.canUpload;
|
|
29
|
+
}
|
|
30
|
+
fileChange(event) {
|
|
31
|
+
const fileList = event.target.files;
|
|
32
|
+
if (fileList.length > 0) {
|
|
33
|
+
const file = fileList[0];
|
|
34
|
+
this.avatarFormData = new FormData();
|
|
35
|
+
this.avatarFormData.append('file', file, file.name);
|
|
36
|
+
if (!file.type.match(/image\/*/)) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
const reader = new FileReader();
|
|
40
|
+
reader.readAsDataURL(fileList[0]);
|
|
41
|
+
reader.onload = () => {
|
|
42
|
+
this.avatarUrl = reader.result;
|
|
43
|
+
this.emitChangeEvent();
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
removeClick() {
|
|
48
|
+
this.avatarFormData = new FormData();
|
|
49
|
+
this.avatarUrl = 'assets/images/no-image.png';
|
|
50
|
+
this.emitChangeEvent();
|
|
51
|
+
}
|
|
52
|
+
emitChangeEvent() {
|
|
53
|
+
this.onFileChanged.emit({ avatarUrl: this.avatarUrl, avatarFormData: this.avatarFormData });
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
InputAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
InputAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputAvatarComponent, selector: "input-avatar", inputs: { avatarFormData: "avatarFormData", avatarUrl: "avatarUrl", imageAlt: "imageAlt", imageTitle: "imageTitle", canRemove: "canRemove", removeTitle: "removeTitle", canUpload: "canUpload", uploadTitle: "uploadTitle", canModify: "canModify", modifyTitle: "modifyTitle", imageBorderRadius: "imageBorderRadius", width: "width", height: "height", iconFontSize: "iconFontSize" }, outputs: { onFileChanged: "onFileChanged" }, ngImport: i0, template: "<div class=\"input-avatar\" [ngStyle]=\"{'width': width, 'height': height}\">\r\n <img loading=\"lazy\" [src]=\"avatarUrl\" [alt]=\"imageAlt\" [matTooltip]=\"imageTitle\"\r\n [ngStyle]=\"{'width': width, 'height': 'auto', 'max-height': '100%', 'border-radius': imageBorderRadius}\"/>\r\n <div class=\"image-backdrop\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\"></div>\r\n <div class=\"image-actions\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\">\r\n <icon *ngIf=\"!hasImage() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasImage() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n <icon *ngIf=\"hasImage() && canRemove\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"removeTitle\"\r\n (click)=\"removeClick(); actionFile.value = '';\"\r\n [type]=\"'remove'\"\r\n [name]=\"'fas fa-trash-alt'\"></icon>\r\n </div>\r\n <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n</div>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-mdc-form-field-subscript-wrapper{display:none}.mat-form-field-appearance-fill .mdc-text-field{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mdc-text-field{border:none!important}.no-border .mdc-text-field input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%;height:51px}.apipass-input-text.search-input-item{height:40px!important}.apipass-input-text.search-input-item .search-input-item{margin-top:5px}.apipass-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-input-text .mdc-line-ripple:before,.apipass-search-input-text .mdc-line-ripple:before,.custom-select-component .mdc-line-ripple:before,.apipass-select .mdc-line-ripple:before,.apipass-date-filter .mdc-line-ripple:before{border-bottom-color:transparent!important}.apipass-input-text .mdc-line-ripple:after,.apipass-search-input-text .mdc-line-ripple:after,.custom-select-component .mdc-line-ripple:after,.apipass-select .mdc-line-ripple:after,.apipass-date-filter .mdc-line-ripple:after{border-bottom-color:var(--color-primary-active)}.apipass-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-search-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.custom-select-component .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-select .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-date-filter .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--color-primary-active)}.apipass-input-text .mat-mdc-form-field-infix,.apipass-search-input-text .mat-mdc-form-field-infix,.custom-select-component .mat-mdc-form-field-infix,.apipass-select .mat-mdc-form-field-infix,.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;font-size:14px!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-input-text .mat-mdc-form-field-focus-overlay,.apipass-search-input-text .mat-mdc-form-field-focus-overlay,.custom-select-component .mat-mdc-form-field-focus-overlay,.apipass-select .mat-mdc-form-field-focus-overlay,.apipass-date-filter .mat-mdc-form-field-focus-overlay{opacity:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%;height:51px}.custom-select-component .mat-mdc-form-field-flex{padding:0!important;height:auto}.custom-select-component .mat-mdc-form-field-infix{padding-top:0!important;padding-bottom:0!important;font-size:14px!important;width:100%;display:flex;align-items:center;justify-content:center}.custom-select-component mat-form-field{height:20px!important}.apipass-select{width:100%}.apipass-select .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;height:51px!important;max-height:51px!important;min-height:51px!important}.input-avatar{display:flex;align-items:center}.input-avatar .image-backdrop{display:none;position:absolute;background:#FFF;opacity:.6}.input-avatar .image-actions{display:none;position:absolute;justify-content:space-evenly;align-items:center}.input-avatar .image-actions icon{cursor:pointer}.input-avatar:hover .image-backdrop,.input-avatar:hover .image-actions{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputAvatarComponent, decorators: [{
|
|
59
|
+
type: Component,
|
|
60
|
+
args: [{ selector: 'input-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"input-avatar\" [ngStyle]=\"{'width': width, 'height': height}\">\r\n <img loading=\"lazy\" [src]=\"avatarUrl\" [alt]=\"imageAlt\" [matTooltip]=\"imageTitle\"\r\n [ngStyle]=\"{'width': width, 'height': 'auto', 'max-height': '100%', 'border-radius': imageBorderRadius}\"/>\r\n <div class=\"image-backdrop\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\"></div>\r\n <div class=\"image-actions\" *ngIf=\"canAction()\" [ngStyle]=\"{'width': width, 'height': height, 'border-radius': imageBorderRadius}\">\r\n <icon *ngIf=\"!hasImage() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasImage() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n <icon *ngIf=\"hasImage() && canRemove\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"removeTitle\"\r\n (click)=\"removeClick(); actionFile.value = '';\"\r\n [type]=\"'remove'\"\r\n [name]=\"'fas fa-trash-alt'\"></icon>\r\n </div>\r\n <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n</div>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-mdc-form-field-subscript-wrapper{display:none}.mat-form-field-appearance-fill .mdc-text-field{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mdc-text-field{border:none!important}.no-border .mdc-text-field input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%;height:51px}.apipass-input-text.search-input-item{height:40px!important}.apipass-input-text.search-input-item .search-input-item{margin-top:5px}.apipass-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-input-text .mdc-line-ripple:before,.apipass-search-input-text .mdc-line-ripple:before,.custom-select-component .mdc-line-ripple:before,.apipass-select .mdc-line-ripple:before,.apipass-date-filter .mdc-line-ripple:before{border-bottom-color:transparent!important}.apipass-input-text .mdc-line-ripple:after,.apipass-search-input-text .mdc-line-ripple:after,.custom-select-component .mdc-line-ripple:after,.apipass-select .mdc-line-ripple:after,.apipass-date-filter .mdc-line-ripple:after{border-bottom-color:var(--color-primary-active)}.apipass-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-search-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.custom-select-component .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-select .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-date-filter .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--color-primary-active)}.apipass-input-text .mat-mdc-form-field-infix,.apipass-search-input-text .mat-mdc-form-field-infix,.custom-select-component .mat-mdc-form-field-infix,.apipass-select .mat-mdc-form-field-infix,.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;font-size:14px!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-input-text .mat-mdc-form-field-focus-overlay,.apipass-search-input-text .mat-mdc-form-field-focus-overlay,.custom-select-component .mat-mdc-form-field-focus-overlay,.apipass-select .mat-mdc-form-field-focus-overlay,.apipass-date-filter .mat-mdc-form-field-focus-overlay{opacity:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%;height:51px}.custom-select-component .mat-mdc-form-field-flex{padding:0!important;height:auto}.custom-select-component .mat-mdc-form-field-infix{padding-top:0!important;padding-bottom:0!important;font-size:14px!important;width:100%;display:flex;align-items:center;justify-content:center}.custom-select-component mat-form-field{height:20px!important}.apipass-select{width:100%}.apipass-select .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;height:51px!important;max-height:51px!important;min-height:51px!important}.input-avatar{display:flex;align-items:center}.input-avatar .image-backdrop{display:none;position:absolute;background:#FFF;opacity:.6}.input-avatar .image-actions{display:none;position:absolute;justify-content:space-evenly;align-items:center}.input-avatar .image-actions icon{cursor:pointer}.input-avatar:hover .image-backdrop,.input-avatar:hover .image-actions{display:flex}\n"] }]
|
|
61
|
+
}], propDecorators: { avatarFormData: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], avatarUrl: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], imageAlt: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], imageTitle: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], canRemove: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], removeTitle: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], canUpload: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], uploadTitle: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], canModify: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], modifyTitle: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], imageBorderRadius: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], width: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], height: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], iconFontSize: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], onFileChanged: [{
|
|
90
|
+
type: Output
|
|
91
|
+
}] } });
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvaW5wdXQtYXZhdGFyL2lucHV0LWF2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWF2YXRhci9pbnB1dC1hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFReEYsTUFBTSxPQUFPLG9CQUFvQjtJQU5qQztRQVFXLG1CQUFjLEdBQWEsSUFBSSxRQUFRLEVBQUUsQ0FBQztRQUMxQyxjQUFTLEdBQWdDLDRCQUE0QixDQUFDO1FBQ3RFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUVoQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRWpCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDMUIsVUFBSyxHQUFHLE1BQU0sQ0FBQztRQUNmLFdBQU0sR0FBRyxNQUFNLENBQUM7UUFDaEIsaUJBQVksR0FBRyxNQUFNLENBQUM7UUFFZCxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUF3RSxDQUFDO0tBc0MzSDtJQXBDUSxRQUFRO1FBQ2IsT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLDRCQUE0QixDQUFDO0lBQ3pELENBQUM7SUFFTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQVU7UUFDMUIsTUFBTSxRQUFRLEdBQWEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDOUMsSUFBSSxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUN2QixNQUFNLElBQUksR0FBUyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0IsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsRUFBRTtnQkFDaEMsT0FBTzthQUNSO1lBQ0QsTUFBTSxNQUFNLEdBQUcsSUFBSSxVQUFVLEVBQUUsQ0FBQztZQUNoQyxNQUFNLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2xDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxFQUFFO2dCQUNuQixJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUM7Z0JBQy9CLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixDQUFDLENBQUM7U0FDSDtJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLFFBQVEsRUFBRSxDQUFDO1FBQ3JDLElBQUksQ0FBQyxTQUFTLEdBQUcsNEJBQTRCLENBQUM7UUFDOUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsY0FBYyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUMsQ0FBQyxDQUFDO0lBQzVGLENBQUM7O2lIQXpEVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiwyZENSakMsMGpEQTBCQTsyRkRsQmEsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNFLGNBQWMsaUJBR1QsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVXLGFBQWE7c0JBQTdCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lucHV0LWF2YXRhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICdpbnB1dC1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydpbnB1dC1hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbnB1dEF2YXRhckNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIGF2YXRhckZvcm1EYXRhOiBGb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xyXG4gIEBJbnB1dCgpIGF2YXRhclVybDogc3RyaW5nIHwgQXJyYXlCdWZmZXIgfCBudWxsID0gJ2Fzc2V0cy9pbWFnZXMvbm8taW1hZ2UucG5nJztcclxuICBASW5wdXQoKSBpbWFnZUFsdCA9ICdBdmF0YXInO1xyXG4gIEBJbnB1dCgpIGltYWdlVGl0bGUgPSAnJztcclxuXHJcbiAgQElucHV0KCkgY2FuUmVtb3ZlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcmVtb3ZlVGl0bGUgPSAnJztcclxuXHJcbiAgQElucHV0KCkgY2FuVXBsb2FkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdXBsb2FkVGl0bGUgPSAnJztcclxuXHJcbiAgQElucHV0KCkgY2FuTW9kaWZ5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbW9kaWZ5VGl0bGUgPSAnJztcclxuXHJcbiAgQElucHV0KCkgaW1hZ2VCb3JkZXJSYWRpdXMgPSAnNTAlJztcclxuICBASW5wdXQoKSB3aWR0aCA9ICc2NXB4JztcclxuICBASW5wdXQoKSBoZWlnaHQgPSAnNjVweCc7XHJcbiAgQElucHV0KCkgaWNvbkZvbnRTaXplID0gJzE2cHgnO1xyXG5cclxuICBAT3V0cHV0KCkgcHVibGljIG9uRmlsZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgYXZhdGFyVXJsOiBzdHJpbmcgfCBBcnJheUJ1ZmZlciB8IG51bGwsIGF2YXRhckZvcm1EYXRhOiBGb3JtRGF0YSB9PigpO1xyXG5cclxuICBwdWJsaWMgaGFzSW1hZ2UoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5hdmF0YXJVcmwgIT09ICdhc3NldHMvaW1hZ2VzL25vLWltYWdlLnBuZyc7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2FuQWN0aW9uKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuY2FuUmVtb3ZlIHx8IHRoaXMuY2FuTW9kaWZ5IHx8IHRoaXMuY2FuVXBsb2FkO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGZpbGVDaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgY29uc3QgZmlsZUxpc3Q6IEZpbGVMaXN0ID0gZXZlbnQudGFyZ2V0LmZpbGVzO1xyXG4gICAgaWYgKGZpbGVMaXN0Lmxlbmd0aCA+IDApIHtcclxuICAgICAgY29uc3QgZmlsZTogRmlsZSA9IGZpbGVMaXN0WzBdO1xyXG4gICAgICB0aGlzLmF2YXRhckZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKCk7XHJcbiAgICAgIHRoaXMuYXZhdGFyRm9ybURhdGEuYXBwZW5kKCdmaWxlJywgZmlsZSwgZmlsZS5uYW1lKTtcclxuICAgICAgaWYgKCFmaWxlLnR5cGUubWF0Y2goL2ltYWdlXFwvKi8pKSB7XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9XHJcbiAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XHJcbiAgICAgIHJlYWRlci5yZWFkQXNEYXRhVVJMKGZpbGVMaXN0WzBdKTtcclxuICAgICAgcmVhZGVyLm9ubG9hZCA9ICgpID0+IHtcclxuICAgICAgICB0aGlzLmF2YXRhclVybCA9IHJlYWRlci5yZXN1bHQ7XHJcbiAgICAgICAgdGhpcy5lbWl0Q2hhbmdlRXZlbnQoKTtcclxuICAgICAgfTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJlbW92ZUNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5hdmF0YXJGb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xyXG4gICAgdGhpcy5hdmF0YXJVcmwgPSAnYXNzZXRzL2ltYWdlcy9uby1pbWFnZS5wbmcnO1xyXG4gICAgdGhpcy5lbWl0Q2hhbmdlRXZlbnQoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgZW1pdENoYW5nZUV2ZW50KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkZpbGVDaGFuZ2VkLmVtaXQoe2F2YXRhclVybDogdGhpcy5hdmF0YXJVcmwsIGF2YXRhckZvcm1EYXRhOiB0aGlzLmF2YXRhckZvcm1EYXRhfSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW5wdXQtYXZhdGFyXCIgW25nU3R5bGVdPVwieyd3aWR0aCc6IHdpZHRoLCAnaGVpZ2h0JzogaGVpZ2h0fVwiPlxyXG4gIDxpbWcgbG9hZGluZz1cImxhenlcIiBbc3JjXT1cImF2YXRhclVybFwiIFthbHRdPVwiaW1hZ2VBbHRcIiBbbWF0VG9vbHRpcF09XCJpbWFnZVRpdGxlXCJcclxuICAgICAgIFtuZ1N0eWxlXT1cInsnd2lkdGgnOiB3aWR0aCwgJ2hlaWdodCc6ICdhdXRvJywgJ21heC1oZWlnaHQnOiAnMTAwJScsICdib3JkZXItcmFkaXVzJzogaW1hZ2VCb3JkZXJSYWRpdXN9XCIvPlxyXG4gIDxkaXYgY2xhc3M9XCJpbWFnZS1iYWNrZHJvcFwiICpuZ0lmPVwiY2FuQWN0aW9uKClcIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogd2lkdGgsICdoZWlnaHQnOiBoZWlnaHQsICdib3JkZXItcmFkaXVzJzogaW1hZ2VCb3JkZXJSYWRpdXN9XCI+PC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImltYWdlLWFjdGlvbnNcIiAqbmdJZj1cImNhbkFjdGlvbigpXCIgW25nU3R5bGVdPVwieyd3aWR0aCc6IHdpZHRoLCAnaGVpZ2h0JzogaGVpZ2h0LCAnYm9yZGVyLXJhZGl1cyc6IGltYWdlQm9yZGVyUmFkaXVzfVwiPlxyXG4gICAgPGljb24gKm5nSWY9XCIhaGFzSW1hZ2UoKSAmJiBjYW5VcGxvYWRcIlxyXG4gICAgICAgICAgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBpY29uRm9udFNpemV9XCJcclxuICAgICAgICAgIFt0aXRsZV09XCJ1cGxvYWRUaXRsZVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwiYWN0aW9uRmlsZS5jbGljaygpOyBhY3Rpb25GaWxlLnZhbHVlID0gJyc7XCJcclxuICAgICAgICAgIFt0eXBlXT1cIidwcmltYXJ5J1wiXHJcbiAgICAgICAgICBbbmFtZV09XCInZmFzIGZhLXVwbG9hZCdcIj48L2ljb24+XHJcbiAgICA8aWNvbiAqbmdJZj1cImhhc0ltYWdlKCkgJiYgY2FuTW9kaWZ5XCJcclxuICAgICAgICAgIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogaWNvbkZvbnRTaXplfVwiXHJcbiAgICAgICAgICBbdGl0bGVdPVwibW9kaWZ5VGl0bGVcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImFjdGlvbkZpbGUuY2xpY2soKTsgYWN0aW9uRmlsZS52YWx1ZSA9ICcnO1wiXHJcbiAgICAgICAgICBbdHlwZV09XCIncHJpbWFyeSdcIlxyXG4gICAgICAgICAgW25hbWVdPVwiJ2ZhcyBmYS1wZW5jaWwtYWx0J1wiPjwvaWNvbj5cclxuICAgIDxpY29uICpuZ0lmPVwiaGFzSW1hZ2UoKSAmJiBjYW5SZW1vdmVcIlxyXG4gICAgICAgICAgW25nU3R5bGVdPVwieydmb250LXNpemUnOiBpY29uRm9udFNpemV9XCJcclxuICAgICAgICAgIFt0aXRsZV09XCJyZW1vdmVUaXRsZVwiXHJcbiAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlQ2xpY2soKTsgYWN0aW9uRmlsZS52YWx1ZSA9ICcnO1wiXHJcbiAgICAgICAgICBbdHlwZV09XCIncmVtb3ZlJ1wiXHJcbiAgICAgICAgICBbbmFtZV09XCInZmFzIGZhLXRyYXNoLWFsdCdcIj48L2ljb24+XHJcbiAgPC9kaXY+XHJcbiAgPGlucHV0ICNhY3Rpb25GaWxlIGlkPVwiYWN0aW9uLWljb25cIiB0eXBlPVwiZmlsZVwiIChjaGFuZ2UpPVwiZmlsZUNoYW5nZSgkZXZlbnQpXCIgc3R5bGU9XCJkaXNwbGF5OiBub25lO1wiLz5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { Component, forwardRef, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { ValueAccessorBase } from '../value-acessor-base';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@apipass/buttons";
|
|
6
|
+
export class InputBooleanComponent extends ValueAccessorBase {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.trueLabel = '';
|
|
10
|
+
this.trueIconPrefix = '';
|
|
11
|
+
this.trueIconSuffix = '';
|
|
12
|
+
this.falseLabel = '';
|
|
13
|
+
this.falseIconPrefix = '';
|
|
14
|
+
this.falseIconSuffix = '';
|
|
15
|
+
this.disabled = false;
|
|
16
|
+
}
|
|
17
|
+
trueClick() {
|
|
18
|
+
if (!this.disabled && !this.value) {
|
|
19
|
+
this.value = true;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
falseClick() {
|
|
23
|
+
if (!this.disabled && this.value) {
|
|
24
|
+
this.value = false;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
InputBooleanComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputBooleanComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
InputBooleanComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputBooleanComponent, selector: "input-boolean", inputs: { trueLabel: "trueLabel", trueIconPrefix: "trueIconPrefix", trueIconSuffix: "trueIconSuffix", falseLabel: "falseLabel", falseIconPrefix: "falseIconPrefix", falseIconSuffix: "falseIconSuffix", disabled: "disabled" }, providers: [{
|
|
30
|
+
provide: NG_VALUE_ACCESSOR,
|
|
31
|
+
useExisting: forwardRef(() => InputBooleanComponent),
|
|
32
|
+
multi: true
|
|
33
|
+
}], usesInheritance: true, ngImport: i0, template: "<div class=\"input-boolean\">\r\n\r\n <primary-button class=\"btn-true\"\r\n [selected]=\"this.value === true\"\r\n [label]=\"trueLabel\"\r\n [icon]=\"trueIconPrefix\"\r\n [suffixIcon]=\"trueIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"trueClick()\">\r\n </primary-button>\r\n\r\n <primary-button class=\"btn-false\"\r\n [selected]=\"this.value === false || this.value === undefined\"\r\n [label]=\"falseLabel\"\r\n [icon]=\"falseIconPrefix\"\r\n [suffixIcon]=\"falseIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"falseClick()\">\r\n </primary-button>\r\n\r\n</div>\r\n", styles: [".input-boolean{width:100%;display:flex;flex-wrap:wrap}.input-boolean primary-button:first-child{margin-right:5px}.input-boolean primary-button button:not(.selected){background:#FFF;color:var(--color-fonts-tertiary);border:1px solid var(--color-fonts-tertiary);cursor:pointer}.input-boolean primary-button button:not(.selected):hover{color:#fff}.input-boolean primary-button button:not(.selected).mat-button-disabled{color:var(--color-fonts-tertiary)!important;pointer-events:none!important;cursor:default!important}.input-boolean primary-button button.selected{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary);pointer-events:none;cursor:default}.input-boolean primary-button button.selected:hover{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary)}.input-boolean primary-button button.selected.mat-button-disabled{background:var(--color-fonts-tertiary);color:#fff!important;pointer-events:none!important;cursor:default!important}\n"], dependencies: [{ kind: "component", type: i1.PrimaryButtonComponent, selector: "primary-button", inputs: ["label", "btnDisabled", "icon", "suffixIcon", "selected", "btnClass"], outputs: ["onClick"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputBooleanComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'input-boolean', providers: [{
|
|
37
|
+
provide: NG_VALUE_ACCESSOR,
|
|
38
|
+
useExisting: forwardRef(() => InputBooleanComponent),
|
|
39
|
+
multi: true
|
|
40
|
+
}], encapsulation: ViewEncapsulation.None, template: "<div class=\"input-boolean\">\r\n\r\n <primary-button class=\"btn-true\"\r\n [selected]=\"this.value === true\"\r\n [label]=\"trueLabel\"\r\n [icon]=\"trueIconPrefix\"\r\n [suffixIcon]=\"trueIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"trueClick()\">\r\n </primary-button>\r\n\r\n <primary-button class=\"btn-false\"\r\n [selected]=\"this.value === false || this.value === undefined\"\r\n [label]=\"falseLabel\"\r\n [icon]=\"falseIconPrefix\"\r\n [suffixIcon]=\"falseIconSuffix\"\r\n [btnDisabled]=\"disabled\"\r\n (onClick)=\"falseClick()\">\r\n </primary-button>\r\n\r\n</div>\r\n", styles: [".input-boolean{width:100%;display:flex;flex-wrap:wrap}.input-boolean primary-button:first-child{margin-right:5px}.input-boolean primary-button button:not(.selected){background:#FFF;color:var(--color-fonts-tertiary);border:1px solid var(--color-fonts-tertiary);cursor:pointer}.input-boolean primary-button button:not(.selected):hover{color:#fff}.input-boolean primary-button button:not(.selected).mat-button-disabled{color:var(--color-fonts-tertiary)!important;pointer-events:none!important;cursor:default!important}.input-boolean primary-button button.selected{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary);pointer-events:none;cursor:default}.input-boolean primary-button button.selected:hover{color:var(--color-primary);background:#FFF;border:1px solid var(--color-primary)}.input-boolean primary-button button.selected.mat-button-disabled{background:var(--color-fonts-tertiary);color:#fff!important;pointer-events:none!important;cursor:default!important}\n"] }]
|
|
41
|
+
}], propDecorators: { trueLabel: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], trueIconPrefix: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], trueIconSuffix: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], falseLabel: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], falseIconPrefix: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], falseIconSuffix: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], disabled: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}] } });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtYm9vbGVhbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWJvb2xlYW4vaW5wdXQtYm9vbGVhbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWJvb2xlYW4vaW5wdXQtYm9vbGVhbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFnQixVQUFVLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BHLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQ2pELE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLHVCQUF1QixDQUFDOzs7QUFheEQsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGlCQUEwQjtJQVhyRTs7UUFhVyxjQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ2YsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFDcEIsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFDcEIsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQixhQUFRLEdBQUcsS0FBSyxDQUFDO0tBYzNCO0lBWlEsU0FBUztRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNqQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztTQUNuQjtJQUNILENBQUM7SUFFTSxVQUFVO1FBQ2YsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztTQUNwQjtJQUNILENBQUM7O2tIQXBCVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix3UUFQckIsQ0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztZQUNwRCxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsaURDWkosdXlCQXFCQTsyRkROYSxxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsZUFBZSxhQUdkLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsc0JBQXNCLENBQUM7NEJBQ3BELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUMsaUJBQ2EsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQge1ZhbHVlQWNjZXNzb3JCYXNlfSBmcm9tICcuLi92YWx1ZS1hY2Vzc29yLWJhc2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpbnB1dC1ib29sZWFuJyxcclxuICB0ZW1wbGF0ZVVybDogJ2lucHV0LWJvb2xlYW4uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydpbnB1dC1ib29sZWFuLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbe1xyXG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBJbnB1dEJvb2xlYW5Db21wb25lbnQpLFxyXG4gICAgbXVsdGk6IHRydWVcclxuICB9XSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBJbnB1dEJvb2xlYW5Db21wb25lbnQgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yQmFzZTxib29sZWFuPiB7XHJcblxyXG4gIEBJbnB1dCgpIHRydWVMYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIHRydWVJY29uUHJlZml4ID0gJyc7XHJcbiAgQElucHV0KCkgdHJ1ZUljb25TdWZmaXggPSAnJztcclxuICBASW5wdXQoKSBmYWxzZUxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgZmFsc2VJY29uUHJlZml4ID0gJyc7XHJcbiAgQElucHV0KCkgZmFsc2VJY29uU3VmZml4ID0gJyc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuXHJcbiAgcHVibGljIHRydWVDbGljaygpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5kaXNhYmxlZCAmJiAhdGhpcy52YWx1ZSkge1xyXG4gICAgICB0aGlzLnZhbHVlID0gdHJ1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBmYWxzZUNsaWNrKCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLmRpc2FibGVkICYmIHRoaXMudmFsdWUpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImlucHV0LWJvb2xlYW5cIj5cclxuXHJcbiAgPHByaW1hcnktYnV0dG9uIGNsYXNzPVwiYnRuLXRydWVcIlxyXG4gICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwidGhpcy52YWx1ZSA9PT0gdHJ1ZVwiXHJcbiAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJ0cnVlTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICBbaWNvbl09XCJ0cnVlSWNvblByZWZpeFwiXHJcbiAgICAgICAgICAgICAgICAgIFtzdWZmaXhJY29uXT1cInRydWVJY29uU3VmZml4XCJcclxuICAgICAgICAgICAgICAgICAgW2J0bkRpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwidHJ1ZUNsaWNrKClcIj5cclxuICA8L3ByaW1hcnktYnV0dG9uPlxyXG5cclxuICA8cHJpbWFyeS1idXR0b24gY2xhc3M9XCJidG4tZmFsc2VcIlxyXG4gICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRdPVwidGhpcy52YWx1ZSA9PT0gZmFsc2UgfHwgdGhpcy52YWx1ZSA9PT0gdW5kZWZpbmVkXCJcclxuICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImZhbHNlTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICBbaWNvbl09XCJmYWxzZUljb25QcmVmaXhcIlxyXG4gICAgICAgICAgICAgICAgICBbc3VmZml4SWNvbl09XCJmYWxzZUljb25TdWZmaXhcIlxyXG4gICAgICAgICAgICAgICAgICBbYnRuRGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAgICAgICAob25DbGljayk9XCJmYWxzZUNsaWNrKClcIj5cclxuICA8L3ByaW1hcnktYnV0dG9uPlxyXG5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@apipass/icons";
|
|
5
|
+
export class InputFileComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.fileFormData = new FormData();
|
|
8
|
+
this.canRemove = false;
|
|
9
|
+
this.canUpload = false;
|
|
10
|
+
this.uploadTitle = '';
|
|
11
|
+
this.canModify = false;
|
|
12
|
+
this.modifyTitle = '';
|
|
13
|
+
this.iconFontSize = '16px';
|
|
14
|
+
this.emptyFileLabel = '';
|
|
15
|
+
this.fileTypes = [];
|
|
16
|
+
this.onFileChanged = new EventEmitter();
|
|
17
|
+
this.onInvalidFileType = new EventEmitter();
|
|
18
|
+
this.fileUrl = false;
|
|
19
|
+
}
|
|
20
|
+
hasFile() {
|
|
21
|
+
return this.fileUrl;
|
|
22
|
+
}
|
|
23
|
+
canAction() {
|
|
24
|
+
return this.canRemove || this.canModify || this.canUpload;
|
|
25
|
+
}
|
|
26
|
+
fileChange(event) {
|
|
27
|
+
const fileList = event.target.files;
|
|
28
|
+
if (fileList.length > 0) {
|
|
29
|
+
const file = fileList[0];
|
|
30
|
+
this.fileName = file.name;
|
|
31
|
+
if (!this.isFileTypeSupported(file.type)) {
|
|
32
|
+
this.onInvalidFileType.emit({ fileName: this.fileName, typesSupported: this.fileTypes, typeInvalid: file.type });
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
this.fileFormData = new FormData();
|
|
36
|
+
this.fileFormData.append('file', file, file.name);
|
|
37
|
+
const reader = new FileReader();
|
|
38
|
+
reader.readAsDataURL(fileList[0]);
|
|
39
|
+
reader.onload = (loadEvent) => {
|
|
40
|
+
this.fileUrl = true;
|
|
41
|
+
this.emitChangeEvent();
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
isFileTypeSupported(fileType) {
|
|
46
|
+
return !this.fileTypes || this.fileTypes.includes(fileType);
|
|
47
|
+
}
|
|
48
|
+
emitChangeEvent() {
|
|
49
|
+
this.onFileChanged.emit({ fileUrl: this.fileUrl, fileFormData: this.fileFormData });
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
InputFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
InputFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputFileComponent, selector: "input-file", inputs: { fileFormData: "fileFormData", fileName: "fileName", canRemove: "canRemove", canUpload: "canUpload", uploadTitle: "uploadTitle", canModify: "canModify", modifyTitle: "modifyTitle", iconFontSize: "iconFontSize", emptyFileLabel: "emptyFileLabel", fileTypes: "fileTypes" }, outputs: { onFileChanged: "onFileChanged", onInvalidFileType: "onInvalidFileType" }, ngImport: i0, template: " <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n <div class=\"input-file\">\r\n <div class=\"file-name\" *ngIf=\"fileName || emptyFileLabel\" >\r\n {{fileName || emptyFileLabel}}\r\n </div>\r\n <div class=\"file-actions\">\r\n <icon *ngIf=\"!hasFile() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasFile() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n </div>\r\n </div>\r\n", styles: [".input-file{width:100%;display:flex;align-items:center;justify-content:flex-start}.input-file .file-name{width:100%;color:var(--color-primary);white-space:nowrap}.input-file .file-actions{display:flex;justify-content:flex-end;align-items:center;padding-left:5px}.input-file .file-actions icon{margin-left:5px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "icon", inputs: ["name", "title", "type", "size", "isMaterialIcon", "materialOutline", "routerLinkActive", "routerLink", "link", "target", "isActive"], outputs: ["onClick"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputFileComponent, decorators: [{
|
|
55
|
+
type: Component,
|
|
56
|
+
args: [{ selector: 'input-file', encapsulation: ViewEncapsulation.None, template: " <input #actionFile id=\"action-icon\" type=\"file\" (change)=\"fileChange($event)\" style=\"display: none;\"/>\r\n <div class=\"input-file\">\r\n <div class=\"file-name\" *ngIf=\"fileName || emptyFileLabel\" >\r\n {{fileName || emptyFileLabel}}\r\n </div>\r\n <div class=\"file-actions\">\r\n <icon *ngIf=\"!hasFile() && canUpload\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"uploadTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-upload'\"></icon>\r\n <icon *ngIf=\"hasFile() && canModify\"\r\n [ngStyle]=\"{'font-size': iconFontSize}\"\r\n [title]=\"modifyTitle\"\r\n (click)=\"actionFile.click(); actionFile.value = '';\"\r\n [type]=\"'primary'\"\r\n [name]=\"'fas fa-pencil-alt'\"></icon>\r\n </div>\r\n </div>\r\n", styles: [".input-file{width:100%;display:flex;align-items:center;justify-content:flex-start}.input-file .file-name{width:100%;color:var(--color-primary);white-space:nowrap}.input-file .file-actions{display:flex;justify-content:flex-end;align-items:center;padding-left:5px}.input-file .file-actions icon{margin-left:5px;cursor:pointer}\n"] }]
|
|
57
|
+
}], propDecorators: { fileFormData: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], fileName: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], canRemove: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], canUpload: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], uploadTitle: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], canModify: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], modifyTitle: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], iconFontSize: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], emptyFileLabel: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], fileTypes: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], onFileChanged: [{
|
|
78
|
+
type: Output
|
|
79
|
+
}], onInvalidFileType: [{
|
|
80
|
+
type: Output
|
|
81
|
+
}] } });
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWZpbGUvaW5wdXQtZmlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LWZpbGUvaW5wdXQtZmlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXhGLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFRVyxpQkFBWSxHQUFhLElBQUksUUFBUSxFQUFFLENBQUM7UUFHeEMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWxCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRWpCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFFakIsaUJBQVksR0FBRyxNQUFNLENBQUM7UUFFdEIsbUJBQWMsR0FBRyxFQUFFLENBQUM7UUFDcEIsY0FBUyxHQUFrQixFQUFFLENBQUM7UUFFdEIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBZ0QsQ0FBQztRQUNqRixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBMEUsQ0FBQztRQUV6SCxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBc0N4QjtJQXBDUSxPQUFPO1FBQ1osT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFFTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQVU7UUFDMUIsTUFBTSxRQUFRLEdBQWEsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDOUMsSUFBSSxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUN2QixNQUFNLElBQUksR0FBUyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFO2dCQUN4QyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEVBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsY0FBYyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUMsQ0FBQyxDQUFDO2dCQUMvRyxPQUFPO2FBQ1I7WUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksUUFBUSxFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDbEQsTUFBTSxNQUFNLEdBQUcsSUFBSSxVQUFVLEVBQUUsQ0FBQztZQUNoQyxNQUFNLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2xDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxTQUFTLEVBQUUsRUFBRTtnQkFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixDQUFDLENBQUM7U0FDSDtJQUNILENBQUM7SUFFTSxtQkFBbUIsQ0FBQyxRQUFhO1FBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUMsQ0FBQyxDQUFDO0lBQ3BGLENBQUM7OytHQXpEVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrWkNSL0IsczVCQW9CQTsyRkRaYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUk1QixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVXLGFBQWE7c0JBQTdCLE1BQU07Z0JBQ1UsaUJBQWlCO3NCQUFqQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpbnB1dC1maWxlJyxcclxuICB0ZW1wbGF0ZVVybDogJ2lucHV0LWZpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydpbnB1dC1maWxlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXRGaWxlQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgZmlsZUZvcm1EYXRhOiBGb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xyXG4gIEBJbnB1dCgpIGZpbGVOYW1lOiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBJbnB1dCgpIGNhblJlbW92ZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNhblVwbG9hZCA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSB1cGxvYWRUaXRsZSA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBjYW5Nb2RpZnkgPSBmYWxzZTtcclxuICBASW5wdXQoKSBtb2RpZnlUaXRsZSA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBpY29uRm9udFNpemUgPSAnMTZweCc7XHJcblxyXG4gIEBJbnB1dCgpIGVtcHR5RmlsZUxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgZmlsZVR5cGVzOiBBcnJheTxzdHJpbmc+ID0gW107XHJcblxyXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25GaWxlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8eyBmaWxlVXJsOiBib29sZWFuLCBmaWxlRm9ybURhdGE6IEZvcm1EYXRhIH0+KCk7XHJcbiAgQE91dHB1dCgpIHB1YmxpYyBvbkludmFsaWRGaWxlVHlwZSA9IG5ldyBFdmVudEVtaXR0ZXI8e2ZpbGVOYW1lOiBzdHJpbmcsIHR5cGVzU3VwcG9ydGVkOiBBcnJheTxzdHJpbmc+LCB0eXBlSW52YWxpZDogc3RyaW5nfT4oKTtcclxuXHJcbiAgcHVibGljIGZpbGVVcmwgPSBmYWxzZTtcclxuXHJcbiAgcHVibGljIGhhc0ZpbGUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5maWxlVXJsO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGNhbkFjdGlvbigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmNhblJlbW92ZSB8fCB0aGlzLmNhbk1vZGlmeSB8fCB0aGlzLmNhblVwbG9hZDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBmaWxlQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIGNvbnN0IGZpbGVMaXN0OiBGaWxlTGlzdCA9IGV2ZW50LnRhcmdldC5maWxlcztcclxuICAgIGlmIChmaWxlTGlzdC5sZW5ndGggPiAwKSB7XHJcbiAgICAgIGNvbnN0IGZpbGU6IEZpbGUgPSBmaWxlTGlzdFswXTtcclxuICAgICAgdGhpcy5maWxlTmFtZSA9IGZpbGUubmFtZTtcclxuICAgICAgaWYgKCF0aGlzLmlzRmlsZVR5cGVTdXBwb3J0ZWQoZmlsZS50eXBlKSkge1xyXG4gICAgICAgIHRoaXMub25JbnZhbGlkRmlsZVR5cGUuZW1pdCh7ZmlsZU5hbWU6IHRoaXMuZmlsZU5hbWUsIHR5cGVzU3VwcG9ydGVkOiB0aGlzLmZpbGVUeXBlcywgdHlwZUludmFsaWQ6IGZpbGUudHlwZX0pO1xyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG4gICAgICB0aGlzLmZpbGVGb3JtRGF0YSA9IG5ldyBGb3JtRGF0YSgpO1xyXG4gICAgICB0aGlzLmZpbGVGb3JtRGF0YS5hcHBlbmQoJ2ZpbGUnLCBmaWxlLCBmaWxlLm5hbWUpO1xyXG4gICAgICBjb25zdCByZWFkZXIgPSBuZXcgRmlsZVJlYWRlcigpO1xyXG4gICAgICByZWFkZXIucmVhZEFzRGF0YVVSTChmaWxlTGlzdFswXSk7XHJcbiAgICAgIHJlYWRlci5vbmxvYWQgPSAobG9hZEV2ZW50KSA9PiB7XHJcbiAgICAgICAgdGhpcy5maWxlVXJsID0gdHJ1ZTtcclxuICAgICAgICB0aGlzLmVtaXRDaGFuZ2VFdmVudCgpO1xyXG4gICAgICB9O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGlzRmlsZVR5cGVTdXBwb3J0ZWQoZmlsZVR5cGU6IGFueSk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuICF0aGlzLmZpbGVUeXBlcyB8fCB0aGlzLmZpbGVUeXBlcy5pbmNsdWRlcyhmaWxlVHlwZSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGVtaXRDaGFuZ2VFdmVudCgpOiB2b2lkIHtcclxuICAgIHRoaXMub25GaWxlQ2hhbmdlZC5lbWl0KHtmaWxlVXJsOiB0aGlzLmZpbGVVcmwsIGZpbGVGb3JtRGF0YTogdGhpcy5maWxlRm9ybURhdGF9KTtcclxuICB9XHJcblxyXG59XHJcbiIsIiAgPGlucHV0ICNhY3Rpb25GaWxlIGlkPVwiYWN0aW9uLWljb25cIiB0eXBlPVwiZmlsZVwiIChjaGFuZ2UpPVwiZmlsZUNoYW5nZSgkZXZlbnQpXCIgc3R5bGU9XCJkaXNwbGF5OiBub25lO1wiLz5cclxuICA8ZGl2IGNsYXNzPVwiaW5wdXQtZmlsZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbGUtbmFtZVwiICpuZ0lmPVwiZmlsZU5hbWUgfHwgZW1wdHlGaWxlTGFiZWxcIiA+XHJcbiAgICAgIHt7ZmlsZU5hbWUgfHwgZW1wdHlGaWxlTGFiZWx9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlsZS1hY3Rpb25zXCI+XHJcbiAgICA8aWNvbiAqbmdJZj1cIiFoYXNGaWxlKCkgJiYgY2FuVXBsb2FkXCJcclxuICAgICAgICAgIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogaWNvbkZvbnRTaXplfVwiXHJcbiAgICAgICAgICBbdGl0bGVdPVwidXBsb2FkVGl0bGVcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImFjdGlvbkZpbGUuY2xpY2soKTsgYWN0aW9uRmlsZS52YWx1ZSA9ICcnO1wiXHJcbiAgICAgICAgICBbdHlwZV09XCIncHJpbWFyeSdcIlxyXG4gICAgICAgICAgW25hbWVdPVwiJ2ZhcyBmYS11cGxvYWQnXCI+PC9pY29uPlxyXG4gICAgPGljb24gKm5nSWY9XCJoYXNGaWxlKCkgJiYgY2FuTW9kaWZ5XCJcclxuICAgICAgICAgIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogaWNvbkZvbnRTaXplfVwiXHJcbiAgICAgICAgICBbdGl0bGVdPVwibW9kaWZ5VGl0bGVcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImFjdGlvbkZpbGUuY2xpY2soKTsgYWN0aW9uRmlsZS52YWx1ZSA9ICcnO1wiXHJcbiAgICAgICAgICBbdHlwZV09XCIncHJpbWFyeSdcIlxyXG4gICAgICAgICAgW25hbWVdPVwiJ2ZhcyBmYS1wZW5jaWwtYWx0J1wiPjwvaWNvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { ValueAccessorBase } from '../value-acessor-base';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "@angular/forms";
|
|
7
|
+
import * as i3 from "@angular/material/form-field";
|
|
8
|
+
import * as i4 from "@angular/material/input";
|
|
9
|
+
import * as i5 from "@angular/material/icon";
|
|
10
|
+
export class InputNumberComponent extends ValueAccessorBase {
|
|
11
|
+
constructor() {
|
|
12
|
+
super(...arguments);
|
|
13
|
+
this.label = '';
|
|
14
|
+
this.disabled = false;
|
|
15
|
+
this.iconSuffix = '';
|
|
16
|
+
this.iconPrefix = '';
|
|
17
|
+
this.autoComplete = 'on';
|
|
18
|
+
this.suffixIconClick = new EventEmitter();
|
|
19
|
+
this.prefixIconClick = new EventEmitter();
|
|
20
|
+
}
|
|
21
|
+
onKeyDown(event) {
|
|
22
|
+
if (event.which === 32) {
|
|
23
|
+
event.target.value += ' ';
|
|
24
|
+
}
|
|
25
|
+
event.stopPropagation();
|
|
26
|
+
}
|
|
27
|
+
prefixClick() {
|
|
28
|
+
this.prefixIconClick.emit(true);
|
|
29
|
+
}
|
|
30
|
+
suffixClick() {
|
|
31
|
+
this.suffixIconClick.emit(true);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
InputNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
InputNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: InputNumberComponent, selector: "input-number", inputs: { label: "label", disabled: "disabled", iconSuffix: "iconSuffix", iconPrefix: "iconPrefix", autoComplete: "autoComplete" }, outputs: { suffixIconClick: "suffixIconClick", prefixIconClick: "prefixIconClick" }, providers: [{
|
|
36
|
+
provide: NG_VALUE_ACCESSOR,
|
|
37
|
+
useExisting: forwardRef(() => InputNumberComponent),
|
|
38
|
+
multi: true
|
|
39
|
+
}], usesInheritance: true, ngImport: i0, template: "<mat-form-field class=\"apipass-input-text label-input\" appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-icon class=\"mat-icon-prefix\" matPrefix *ngIf=\"iconPrefix\" (click)=\"prefixClick()\">{{iconPrefix}}</mat-icon>\r\n <input matInput type=\"number\" class=\"input-text\" [(ngModel)]=\"value\" [disabled]=\"disabled\" [autocomplete]=\"autoComplete\" />\r\n <mat-icon class=\"mat-icon-suffix\" matSuffix *ngIf=\"iconSuffix\" (click)=\"suffixClick()\">{{iconSuffix}}</mat-icon>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-mdc-form-field-subscript-wrapper{display:none}.mat-form-field-appearance-fill .mdc-text-field{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mdc-text-field{border:none!important}.no-border .mdc-text-field input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%;height:51px}.apipass-input-text.search-input-item{height:40px!important}.apipass-input-text.search-input-item .search-input-item{margin-top:5px}.apipass-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-input-text .mdc-line-ripple:before,.apipass-search-input-text .mdc-line-ripple:before,.custom-select-component .mdc-line-ripple:before,.apipass-select .mdc-line-ripple:before,.apipass-date-filter .mdc-line-ripple:before{border-bottom-color:transparent!important}.apipass-input-text .mdc-line-ripple:after,.apipass-search-input-text .mdc-line-ripple:after,.custom-select-component .mdc-line-ripple:after,.apipass-select .mdc-line-ripple:after,.apipass-date-filter .mdc-line-ripple:after{border-bottom-color:var(--color-primary-active)}.apipass-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-search-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.custom-select-component .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-select .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-date-filter .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--color-primary-active)}.apipass-input-text .mat-mdc-form-field-infix,.apipass-search-input-text .mat-mdc-form-field-infix,.custom-select-component .mat-mdc-form-field-infix,.apipass-select .mat-mdc-form-field-infix,.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;font-size:14px!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-input-text .mat-mdc-form-field-focus-overlay,.apipass-search-input-text .mat-mdc-form-field-focus-overlay,.custom-select-component .mat-mdc-form-field-focus-overlay,.apipass-select .mat-mdc-form-field-focus-overlay,.apipass-date-filter .mat-mdc-form-field-focus-overlay{opacity:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%;height:51px}.custom-select-component .mat-mdc-form-field-flex{padding:0!important;height:auto}.custom-select-component .mat-mdc-form-field-infix{padding-top:0!important;padding-bottom:0!important;font-size:14px!important;width:100%;display:flex;align-items:center;justify-content:center}.custom-select-component mat-form-field{height:20px!important}.apipass-select{width:100%}.apipass-select .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;height:51px!important;max-height:51px!important;min-height:51px!important}.apipass-input-text .mat-icon-suffix{margin-left:5px}.apipass-input-text .mat-icon-prefix{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: InputNumberComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{ selector: 'input-number', providers: [{
|
|
43
|
+
provide: NG_VALUE_ACCESSOR,
|
|
44
|
+
useExisting: forwardRef(() => InputNumberComponent),
|
|
45
|
+
multi: true
|
|
46
|
+
}], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"apipass-input-text label-input\" appearance=\"fill\">\r\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\r\n <mat-icon class=\"mat-icon-prefix\" matPrefix *ngIf=\"iconPrefix\" (click)=\"prefixClick()\">{{iconPrefix}}</mat-icon>\r\n <input matInput type=\"number\" class=\"input-text\" [(ngModel)]=\"value\" [disabled]=\"disabled\" [autocomplete]=\"autoComplete\" />\r\n <mat-icon class=\"mat-icon-suffix\" matSuffix *ngIf=\"iconSuffix\" (click)=\"suffixClick()\">{{iconSuffix}}</mat-icon>\r\n</mat-form-field>\r\n", styles: [":root{--color-primary: #222D57;--color-primary-hover: #18203D;--color-primary-active: #29376A;--color-secondary: #D3D921;--color-secondary-hover: #B3B81C;--color-secondary-active: #DCE13F;--color-tertiary: #EFEFEF;--color-tertiary-hover: #CBCBCB;--color-tertiary-active: #F1F1F1;--color-fonts-tertiary: #777777;--color-body-light: #FFF;--color-red: rgb(255, 0, 0);--limit-plan-color: #ff6c00;--color_disabled: #E0E0E0;--color_components_light: #FFF;--color-inputs-border: #DDD;--color-inputs-background: #FFF;--color_icon_remove: var(--color-red);--color_icon_success: #070;--color_graph_primary: #1643EF;--color_graph_primary_hover: #0A2692;--color_graph_error: #EB5757;--color_graph_error_hover: #C91717}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.mat-mdc-form-field-subscript-wrapper{display:none}.mat-form-field-appearance-fill .mdc-text-field{display:flex!important;align-items:center!important;border:1px solid var(--color-inputs-border)!important;background:var(--color-inputs-background)!important;border-radius:6px!important}.mat-form-field-infix{padding:0!important;display:flex!important;align-items:center!important;border-top:none!important}.mat-select-arrow-wrapper{display:flex!important}.mat-icon-button{width:auto!important}.no-border .mdc-text-field{border:none!important}.no-border .mdc-text-field input{padding:1px}.mat-form-field-label-wrapper{top:-10px}.mat-form-field-should-float .mat-form-field-label-wrapper{font-size:14px}.placeholder-primary .mat-form-field-label-wrapper,.placeholder-primary .mat-form-field-label-wrapper label{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-form-field-placeholder,.placeholder-primary .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-primary .mat-focused .mat-form-field-placeholder{color:var(--color-primary)!important}.placeholder-primary input ::placeholder{color:var(--color-primary)!important}.placeholder-bold .mat-form-field-label-wrapper,.placeholder-bold .mat-form-field-label-wrapper label{font-weight:700!important}.placeholder-bold ::ng-deep .mat-form-field-placeholder,.placeholder-bold .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold ::ng-deep .mat-focused .mat-form-field-placeholder,.placeholder-bold .mat-focused .mat-form-field-placeholder{font-weight:700!important}.placeholder-bold input ::placeholder{font-weight:700!important}.apipass-input-text{width:100%;height:51px}.apipass-input-text.search-input-item{height:40px!important}.apipass-input-text.search-input-item .search-input-item{margin-top:5px}.apipass-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-input-text .mdc-line-ripple:before,.apipass-search-input-text .mdc-line-ripple:before,.custom-select-component .mdc-line-ripple:before,.apipass-select .mdc-line-ripple:before,.apipass-date-filter .mdc-line-ripple:before{border-bottom-color:transparent!important}.apipass-input-text .mdc-line-ripple:after,.apipass-search-input-text .mdc-line-ripple:after,.custom-select-component .mdc-line-ripple:after,.apipass-select .mdc-line-ripple:after,.apipass-date-filter .mdc-line-ripple:after{border-bottom-color:var(--color-primary-active)}.apipass-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-search-input-text .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.custom-select-component .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-select .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,.apipass-date-filter .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--color-primary-active)}.apipass-input-text .mat-mdc-form-field-infix,.apipass-search-input-text .mat-mdc-form-field-infix,.custom-select-component .mat-mdc-form-field-infix,.apipass-select .mat-mdc-form-field-infix,.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;font-size:14px!important}.apipass-input-text .mat-icon-button,.apipass-search-input-text .mat-icon-button,.custom-select-component .mat-icon-button,.apipass-select .mat-icon-button,.apipass-date-filter .mat-icon-button{width:auto!important;height:auto!important}.apipass-input-text.label-input .mat-form-field-label-wrapper,.apipass-search-input-text.label-input .mat-form-field-label-wrapper,.custom-select-component.label-input .mat-form-field-label-wrapper,.apipass-select.label-input .mat-form-field-label-wrapper,.apipass-date-filter.label-input .mat-form-field-label-wrapper{padding-top:0;top:auto!important}.apipass-input-text.label-input input,.apipass-search-input-text.label-input input,.custom-select-component.label-input input,.apipass-select.label-input input,.apipass-date-filter.label-input input{padding-top:10px!important;padding-bottom:5px!important}.apipass-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-search-input-text.mat-form-field-should-float .mat-form-field-label-wrapper,.custom-select-component.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-select.mat-form-field-should-float .mat-form-field-label-wrapper,.apipass-date-filter.mat-form-field-should-float .mat-form-field-label-wrapper{padding-top:0!important;margin-top:-10px!important}.apipass-input-text .mat-mdc-form-field-focus-overlay,.apipass-search-input-text .mat-mdc-form-field-focus-overlay,.custom-select-component .mat-mdc-form-field-focus-overlay,.apipass-select .mat-mdc-form-field-focus-overlay,.apipass-date-filter .mat-mdc-form-field-focus-overlay{opacity:0!important}.apipass-search-input-text{width:100%}.apipass-search-input-text.small-text{font-size:12px}.apipass-search-input-text .mat-mdc-form-field-flex{padding:0!important;height:auto;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.apipass-search-input-text .search-icon{margin-top:-5px!important}.custom-select-component{width:100%;height:51px}.custom-select-component .mat-mdc-form-field-flex{padding:0!important;height:auto}.custom-select-component .mat-mdc-form-field-infix{padding-top:0!important;padding-bottom:0!important;font-size:14px!important;width:100%;display:flex;align-items:center;justify-content:center}.custom-select-component mat-form-field{height:20px!important}.apipass-select{width:100%}.apipass-select .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-select.label-input .mat-form-field-infix{padding-top:7px!important;padding-bottom:7px!important}.apipass-date-filter{width:100%}.apipass-date-filter .mat-mdc-form-field-flex{padding:0!important;height:auto}.apipass-date-filter .mat-form-field-suffix span{cursor:pointer;color:#777}.apipass-date-filter .mat-mdc-form-field-infix{padding-top:12px!important;padding-bottom:0!important;height:51px!important;max-height:51px!important;min-height:51px!important}.apipass-input-text .mat-icon-suffix{margin-left:5px}.apipass-input-text .mat-icon-prefix{margin-right:5px}\n"] }]
|
|
47
|
+
}], propDecorators: { label: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], disabled: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], iconSuffix: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], iconPrefix: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], autoComplete: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], suffixIconClick: [{
|
|
58
|
+
type: Output
|
|
59
|
+
}], prefixIconClick: [{
|
|
60
|
+
type: Output
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2lucHV0cy9zcmMvaW5wdXQtbnVtYmVyL2lucHV0LW51bWJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2lucHV0LW51bWJlci9pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEcsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDakQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7Ozs7Ozs7QUFheEQsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGlCQUF5QjtJQVhuRTs7UUFhVyxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFWixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDOUMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0tBaUJoRTtJQWZDLFNBQVMsQ0FBQyxLQUFVO1FBQ2xCLElBQUksS0FBSyxDQUFDLEtBQUssS0FBSyxFQUFFLEVBQUU7WUFDdEIsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUksR0FBRyxDQUFDO1NBQzNCO1FBQ0QsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDOztpSEF4QlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsZ1FBUHBCLENBQUM7WUFDVixPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWixDQUFDLGlEQ1pKLGlpQkFNQTsyRkRTYSxvQkFBb0I7a0JBWGhDLFNBQVM7K0JBQ0UsY0FBYyxhQUdiLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUMsaUJBQ2EsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRVcsZUFBZTtzQkFBL0IsTUFBTTtnQkFDVSxlQUFlO3NCQUEvQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge05HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7VmFsdWVBY2Nlc3NvckJhc2V9IGZyb20gJy4uL3ZhbHVlLWFjZXNzb3ItYmFzZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lucHV0LW51bWJlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICdpbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWydpbnB1dC1udW1iZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFt7XHJcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IElucHV0TnVtYmVyQ29tcG9uZW50KSxcclxuICAgIG11bHRpOiB0cnVlXHJcbiAgfV0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSW5wdXROdW1iZXJDb21wb25lbnQgZXh0ZW5kcyBWYWx1ZUFjY2Vzc29yQmFzZTxudW1iZXI+IHtcclxuXHJcbiAgQElucHV0KCkgbGFiZWwgPSAnJztcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGljb25TdWZmaXggPSAnJztcclxuICBASW5wdXQoKSBpY29uUHJlZml4ID0gJyc7XHJcbiAgQElucHV0KCkgYXV0b0NvbXBsZXRlID0gJ29uJztcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBzdWZmaXhJY29uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgpIHB1YmxpYyBwcmVmaXhJY29uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIG9uS2V5RG93bihldmVudDogYW55KTogdm9pZCB7XHJcbiAgICBpZiAoZXZlbnQud2hpY2ggPT09IDMyKSB7XHJcbiAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSArPSAnICc7XHJcbiAgICB9XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICB9XHJcblxyXG4gIHByZWZpeENsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5wcmVmaXhJY29uQ2xpY2suZW1pdCh0cnVlKTtcclxuICB9XHJcblxyXG4gIHN1ZmZpeENsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5zdWZmaXhJY29uQ2xpY2suZW1pdCh0cnVlKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxtYXQtZm9ybS1maWVsZCBjbGFzcz1cImFwaXBhc3MtaW5wdXQtdGV4dCBsYWJlbC1pbnB1dFwiIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgPG1hdC1sYWJlbCAqbmdJZj1cImxhYmVsXCI+e3tsYWJlbH19PC9tYXQtbGFiZWw+XHJcbiAgPG1hdC1pY29uIGNsYXNzPVwibWF0LWljb24tcHJlZml4XCIgbWF0UHJlZml4ICpuZ0lmPVwiaWNvblByZWZpeFwiIChjbGljayk9XCJwcmVmaXhDbGljaygpXCI+e3tpY29uUHJlZml4fX08L21hdC1pY29uPlxyXG4gIDxpbnB1dCBtYXRJbnB1dCB0eXBlPVwibnVtYmVyXCIgY2xhc3M9XCJpbnB1dC10ZXh0XCIgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFthdXRvY29tcGxldGVdPVwiYXV0b0NvbXBsZXRlXCIgLz5cclxuICA8bWF0LWljb24gY2xhc3M9XCJtYXQtaWNvbi1zdWZmaXhcIiBtYXRTdWZmaXggKm5nSWY9XCJpY29uU3VmZml4XCIgKGNsaWNrKT1cInN1ZmZpeENsaWNrKClcIj57e2ljb25TdWZmaXh9fTwvbWF0LWljb24+XHJcbjwvbWF0LWZvcm0tZmllbGQ+XHJcbiJdfQ==
|