@apipass/inputs 1.0.1 → 1.0.8
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/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/esm2022/ace-editor/component.mjs +200 -0
- package/esm2022/ace-editor/directive.mjs +153 -0
- package/{esm2020 → esm2022}/apipass-inputs.mjs +4 -4
- package/esm2022/custom-select/custom-select-item.mjs +9 -0
- package/esm2022/custom-select/custom-select.component.mjs +213 -0
- package/esm2022/debounce-model-directive/debouceInput.directive.mjs +34 -0
- package/esm2022/field/field.component.mjs +56 -0
- package/esm2022/input-avatar/input-avatar.component.mjs +91 -0
- package/esm2022/input-boolean/input-boolean.component.mjs +54 -0
- package/esm2022/input-file/input-file.component.mjs +82 -0
- package/esm2022/input-number/input-number.component.mjs +60 -0
- package/esm2022/input-password/input-password.component.mjs +94 -0
- package/esm2022/input-text/input-text.component.mjs +60 -0
- package/esm2022/inputs.module.mjs +150 -0
- package/esm2022/public-api.mjs +17 -0
- package/esm2022/select-box/mat-select-infinite-scroll.directive.mjs +91 -0
- package/esm2022/select-box/select-box.component.mjs +226 -0
- package/esm2022/select-enum/select-enum.component.mjs +47 -0
- package/esm2022/select-interpolation/select-interpolation.component.mjs +177 -0
- package/esm2022/value-acessor-base.mjs +30 -0
- package/fesm2022/apipass-inputs.mjs +1711 -0
- package/fesm2022/apipass-inputs.mjs.map +1 -0
- package/field/field.component.d.ts +15 -15
- package/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 +28 -29
- package/input-text/input-text.component.d.ts +17 -17
- package/inputs.module.d.ts +36 -36
- package/package.json +18 -24
- 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/esm2020/ace-editor/component.mjs +0 -199
- package/esm2020/ace-editor/directive.mjs +0 -150
- package/esm2020/custom-select/custom-select-item.mjs +0 -7
- package/esm2020/custom-select/custom-select.component.mjs +0 -204
- package/esm2020/debounce-model-directive/debouceInput.directive.mjs +0 -31
- package/esm2020/field/field.component.mjs +0 -51
- package/esm2020/input-avatar/input-avatar.component.mjs +0 -92
- package/esm2020/input-boolean/input-boolean.component.mjs +0 -56
- package/esm2020/input-file/input-file.component.mjs +0 -82
- package/esm2020/input-number/input-number.component.mjs +0 -62
- package/esm2020/input-password/input-password.component.mjs +0 -96
- package/esm2020/input-text/input-text.component.mjs +0 -62
- package/esm2020/inputs.module.mjs +0 -149
- package/esm2020/public-api.mjs +0 -17
- package/esm2020/select-box/mat-select-infinite-scroll.directive.mjs +0 -86
- package/esm2020/select-box/select-box.component.mjs +0 -220
- package/esm2020/select-enum/select-enum.component.mjs +0 -48
- package/esm2020/select-interpolation/select-interpolation.component.mjs +0 -169
- package/esm2020/value-acessor-base.mjs +0 -31
- package/fesm2015/apipass-inputs.mjs +0 -1704
- package/fesm2015/apipass-inputs.mjs.map +0 -1
- package/fesm2020/apipass-inputs.mjs +0 -1697
- package/fesm2020/apipass-inputs.mjs.map +0 -1
|
@@ -1,204 +0,0 @@
|
|
|
1
|
-
import { Component, ElementRef, EventEmitter, forwardRef, HostBinding, HostListener, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { CustomSelectItem } from './custom-select-item';
|
|
4
|
-
import { ScrollStrategyOptions } from '@angular/cdk/overlay';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/cdk/overlay";
|
|
7
|
-
import * as i2 from "@angular/common";
|
|
8
|
-
import * as i3 from "@angular/forms";
|
|
9
|
-
import * as i4 from "@angular/material/form-field";
|
|
10
|
-
import * as i5 from "@angular/material/input";
|
|
11
|
-
import * as i6 from "ngx-drag-drop";
|
|
12
|
-
import * as i7 from "@apipass/pipes";
|
|
13
|
-
export class CustomSelectComponent {
|
|
14
|
-
constructor(sso) {
|
|
15
|
-
this.sso = sso;
|
|
16
|
-
this.disabled = false;
|
|
17
|
-
this.items = [];
|
|
18
|
-
this.allowTyping = false;
|
|
19
|
-
this.allowRemove = false;
|
|
20
|
-
this.allowAddItem = true;
|
|
21
|
-
this.addItemLabel = 'Add New Item';
|
|
22
|
-
this.placeHolder = 'Select';
|
|
23
|
-
this.findPlaceHolder = 'Find item';
|
|
24
|
-
this.searchText = '';
|
|
25
|
-
this.onSelect = new EventEmitter();
|
|
26
|
-
this.onUnSelect = new EventEmitter();
|
|
27
|
-
this.onAddItem = new EventEmitter();
|
|
28
|
-
this.opened = false;
|
|
29
|
-
this.edited = false;
|
|
30
|
-
this.tabindex = '0';
|
|
31
|
-
this.onTouchedCallback = () => {
|
|
32
|
-
};
|
|
33
|
-
this.onChangeCallback = () => {
|
|
34
|
-
};
|
|
35
|
-
this.scrollStrategy = this.sso.block();
|
|
36
|
-
}
|
|
37
|
-
onBlur(target) {
|
|
38
|
-
if (this.allowTyping) {
|
|
39
|
-
if (this.value) {
|
|
40
|
-
if (this.edited) {
|
|
41
|
-
this.writeValue(this.value);
|
|
42
|
-
this.selectedItem = new CustomSelectItem(this.value, this.value);
|
|
43
|
-
this.onSelect.next(this.selectedItem);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
else {
|
|
47
|
-
this.writeValue(undefined);
|
|
48
|
-
this.onSelect.next(undefined);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
if (target && target.relatedTarget && target.relatedTarget.classList.contains('search-input-item')) {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
this.setTriggerRect();
|
|
55
|
-
this.opened = false;
|
|
56
|
-
}
|
|
57
|
-
ngAfterViewInit() {
|
|
58
|
-
setTimeout(() => {
|
|
59
|
-
this.setTriggerRect();
|
|
60
|
-
}, 300);
|
|
61
|
-
}
|
|
62
|
-
setTriggerRect() {
|
|
63
|
-
setTimeout(() => {
|
|
64
|
-
this._triggerRect = this.trigger?.nativeElement.getBoundingClientRect();
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
selectItem(item) {
|
|
68
|
-
this.opened = false;
|
|
69
|
-
this.selectedItem = item;
|
|
70
|
-
this.edited = false;
|
|
71
|
-
this.selectedModelValue = item.text;
|
|
72
|
-
this.value = item.text;
|
|
73
|
-
this.searchText = '';
|
|
74
|
-
this.onSelect.next(item);
|
|
75
|
-
}
|
|
76
|
-
addItem() {
|
|
77
|
-
this.opened = false;
|
|
78
|
-
this.searchText = '';
|
|
79
|
-
this.onAddItem.next();
|
|
80
|
-
}
|
|
81
|
-
keyPress() {
|
|
82
|
-
this.setTriggerRect();
|
|
83
|
-
if (this.allowTyping) {
|
|
84
|
-
this.opened = false;
|
|
85
|
-
this.edited = true;
|
|
86
|
-
this.selectedModelValue = this.value;
|
|
87
|
-
this.searchText = '';
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
this.edited = false;
|
|
91
|
-
return false;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
clicked() {
|
|
95
|
-
this.setTriggerRect();
|
|
96
|
-
this.opened = true;
|
|
97
|
-
this.searchText = '';
|
|
98
|
-
}
|
|
99
|
-
get value() {
|
|
100
|
-
return this.innerValue;
|
|
101
|
-
}
|
|
102
|
-
set value(value) {
|
|
103
|
-
this.innerValue = value;
|
|
104
|
-
this.onChangeCallback(value);
|
|
105
|
-
this.onSelect.next(value);
|
|
106
|
-
}
|
|
107
|
-
writeValue(value) {
|
|
108
|
-
if (value !== this.innerValue) {
|
|
109
|
-
if (!this.selectedItem || !this.selectedItem.text || !value) {
|
|
110
|
-
this.selectedItem = new CustomSelectItem(null, value);
|
|
111
|
-
}
|
|
112
|
-
this.innerValue = value;
|
|
113
|
-
this.selectedModelValue = value;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
registerOnChange(fn) {
|
|
117
|
-
this.onChangeCallback = fn;
|
|
118
|
-
}
|
|
119
|
-
registerOnTouched(fn) {
|
|
120
|
-
this.onTouchedCallback = fn;
|
|
121
|
-
}
|
|
122
|
-
setDisabledState(isDisabled) {
|
|
123
|
-
this.disabled = isDisabled;
|
|
124
|
-
}
|
|
125
|
-
arrowClick(event) {
|
|
126
|
-
event.stopPropagation();
|
|
127
|
-
this.setTriggerRect();
|
|
128
|
-
if (this.opened) {
|
|
129
|
-
this.opened = false;
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
this.opened = true;
|
|
133
|
-
this.searchText = '';
|
|
134
|
-
this.input?.nativeElement.focus();
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
removeClick(event) {
|
|
138
|
-
event.stopPropagation();
|
|
139
|
-
this.opened = false;
|
|
140
|
-
this.searchText = '';
|
|
141
|
-
this.innerValue = null;
|
|
142
|
-
this.onUnSelect.next();
|
|
143
|
-
}
|
|
144
|
-
onDrop($event) {
|
|
145
|
-
this.searchText = '';
|
|
146
|
-
if (!this.value) {
|
|
147
|
-
this.value = '';
|
|
148
|
-
}
|
|
149
|
-
this.value += `{{${$event.data}}}`;
|
|
150
|
-
this.edited = true;
|
|
151
|
-
this.onBlur(undefined);
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
CustomSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CustomSelectComponent, deps: [{ token: i1.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Component });
|
|
155
|
-
CustomSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: CustomSelectComponent, selector: "custom-select", inputs: { disabled: "disabled", items: "items", allowTyping: "allowTyping", allowRemove: "allowRemove", allowAddItem: "allowAddItem", addItemLabel: "addItemLabel", placeHolder: "placeHolder", findPlaceHolder: "findPlaceHolder", searchText: "searchText" }, outputs: { onSelect: "onSelect", onUnSelect: "onUnSelect", onAddItem: "onAddItem" }, host: { listeners: { "blur": "onBlur($event.target)" }, properties: { "attr.tabindex": "this.tabindex" } }, providers: [{
|
|
156
|
-
provide: NG_VALUE_ACCESSOR,
|
|
157
|
-
useExisting: forwardRef(() => CustomSelectComponent),
|
|
158
|
-
multi: true
|
|
159
|
-
}], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"custom-select-input\" #trigger>\r\n <mat-form-field cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"custom-select-component\" [ngClass]=\"{'select-open' : opened}\" appearance=\"fill\" autocomplete=\"off\">\r\n <input matInput #input\r\n [placeholder]=\"placeHolder\"\r\n (focus)=\"opened = true\"\r\n (blur)=\"onBlur($event)\"\r\n [(ngModel)]=\"value\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [disabled]=\"disabled\"\r\n (keyup)=keyPress()\r\n (click)=\"clicked()\"\r\n dndDropzone\r\n (dndDrop)=\"onDrop($event)\"\r\n autocomplete=\"off\"\r\n />\r\n <span *ngIf=\"allowRemove\" title=\"Remover\" class=\"remove-icon\" (click)=\"removeClick($event)\">\r\n <i class=\"fa fa-times\"></i>\r\n </span>\r\n <span class=\"open-icon\" (click)=\"arrowClick($event)\">\r\n <i class=\"fas\" [ngClass]=\"{'fa-caret-down' : !opened, 'fa-caret-up' : opened}\"></i>\r\n </span>\r\n </mat-form-field>\r\n</div>\r\n<div class=\"custom-select-component\">\r\n\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayPanelClass]=\"'custom-select-overlay-panel'\"\r\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"origin\"\r\n [cdkConnectedOverlayOpen]=\"opened\"\r\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width!\">\r\n <ul class=\"ul-ac\">\r\n <li class=\"li-search search-input-item\">\r\n <mat-form-field class=\"apipass-input-text search-input-item\" appearance=\"fill\">\r\n <input matInput class=\"search-input-item\"\r\n [placeholder]=\"findPlaceHolder\"\r\n [(ngModel)]=\"searchText\"\r\n (blur)=\"onBlur($event)\"\r\n aria-autocomplete=\"none\"\r\n autocomplete=\"off\"\r\n />\r\n </mat-form-field>\r\n </li>\r\n\r\n <li class=\"clickable\" *ngFor=\"let i of items | selectFilter:searchText:'text'\"\r\n (click)=\"selectItem(i)\"\r\n (mousedown)=\"selectItem(i)\">\r\n {{i.text}}\r\n </li>\r\n\r\n <li *ngIf=\"allowAddItem\" class=\"li-add\" (mousedown)=\"addItem()\" (click)=\"addItem()\">\r\n <span class=\"fa fa-plus-circle\"></span>\r\n <span>{{addItemLabel}}</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</div>\r\n", styles: ["::ng-deep .custom-select-overlay-panel,.custom-select-input,.custom-select-component{cursor:pointer}::ng-deep .custom-select-overlay-panel input,.custom-select-input input,.custom-select-component input{background:#FFF!important;height:37px}::ng-deep .custom-select-overlay-panel .ul-ac,.custom-select-input .ul-ac,.custom-select-component .ul-ac{max-height:16rem;overflow:auto;background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;padding:0;width:100%;position:relative;margin-top:-1px}::ng-deep .custom-select-overlay-panel .ul-ac li,.custom-select-input .ul-ac li,.custom-select-component .ul-ac li{text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px;font-size:12px}::ng-deep .custom-select-overlay-panel .ul-ac li:hover,.custom-select-input .ul-ac li:hover,.custom-select-component .ul-ac li:hover{background:#bbbcbc}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex,.custom-select-input .ul-ac li .mat-form-field-flex,.custom-select-component .ul-ac li .mat-form-field-flex{height:37px!important}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input,.custom-select-input .ul-ac li .mat-form-field-flex input,.custom-select-component .ul-ac li .mat-form-field-flex input{height:auto}::ng-deep .custom-select-overlay-panel .ul-ac .li-add,.custom-select-input .ul-ac .li-add,.custom-select-component .ul-ac .li-add{border-top:1px solid lightgray}::ng-deep .custom-select-overlay-panel .ul-ac .li-add .fa,.custom-select-input .ul-ac .li-add .fa,.custom-select-component .ul-ac .li-add .fa{padding-right:5px;color:#ff8f17}::ng-deep .custom-select-overlay-panel .selected,.custom-select-input .selected,.custom-select-component .selected{background-color:#898a8a!important}::ng-deep .custom-select-overlay-panel .selected .fa,.custom-select-input .selected .fa,.custom-select-component .selected .fa{color:#fff!important}::ng-deep .custom-select-overlay-panel .remove-icon i,.custom-select-input .remove-icon i,.custom-select-component .remove-icon i{color:red;margin-right:10px}::ng-deep .custom-select-overlay-panel .open-icon,.custom-select-input .open-icon,.custom-select-component .open-icon{cursor:pointer}::ng-deep .custom-select-overlay-panel .open-icon i,.custom-select-input .open-icon i,.custom-select-component .open-icon i{color:#0000008a}::ng-deep .custom-select-overlay-panel .li-search,.custom-select-input .li-search,.custom-select-component .li-search{cursor:default!important;border-bottom:1px solid #CCC!important}::ng-deep .custom-select-overlay-panel .li-search:hover,.custom-select-input .li-search:hover,.custom-select-component .li-search:hover{background:#FFF!important}::ng-deep .custom-select-overlay-panel .select-open .mat-form-field-flex,.custom-select-input .select-open .mat-form-field-flex,.custom-select-component .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i6.DndDropzoneDirective, selector: "[dndDropzone]", inputs: ["dndDropzone", "dndEffectAllowed", "dndAllowExternal", "dndHorizontal", "dndDragoverClass", "dndDropzoneDisabledClass", "dndDisableIf", "dndDisableDropIf"], outputs: ["dndDragover", "dndDrop"] }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "pipe", type: i7.SelectFilterPipe, name: "selectFilter" }] });
|
|
160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: CustomSelectComponent, decorators: [{
|
|
161
|
-
type: Component,
|
|
162
|
-
args: [{ selector: 'custom-select', providers: [{
|
|
163
|
-
provide: NG_VALUE_ACCESSOR,
|
|
164
|
-
useExisting: forwardRef(() => CustomSelectComponent),
|
|
165
|
-
multi: true
|
|
166
|
-
}], template: "<div class=\"custom-select-input\" #trigger>\r\n <mat-form-field cdkOverlayOrigin #origin=\"cdkOverlayOrigin\" class=\"custom-select-component\" [ngClass]=\"{'select-open' : opened}\" appearance=\"fill\" autocomplete=\"off\">\r\n <input matInput #input\r\n [placeholder]=\"placeHolder\"\r\n (focus)=\"opened = true\"\r\n (blur)=\"onBlur($event)\"\r\n [(ngModel)]=\"value\"\r\n [ngModelOptions]=\"{standalone: true}\"\r\n [disabled]=\"disabled\"\r\n (keyup)=keyPress()\r\n (click)=\"clicked()\"\r\n dndDropzone\r\n (dndDrop)=\"onDrop($event)\"\r\n autocomplete=\"off\"\r\n />\r\n <span *ngIf=\"allowRemove\" title=\"Remover\" class=\"remove-icon\" (click)=\"removeClick($event)\">\r\n <i class=\"fa fa-times\"></i>\r\n </span>\r\n <span class=\"open-icon\" (click)=\"arrowClick($event)\">\r\n <i class=\"fas\" [ngClass]=\"{'fa-caret-down' : !opened, 'fa-caret-up' : opened}\"></i>\r\n </span>\r\n </mat-form-field>\r\n</div>\r\n<div class=\"custom-select-component\">\r\n\r\n <ng-template cdkConnectedOverlay\r\n [cdkConnectedOverlayPanelClass]=\"'custom-select-overlay-panel'\"\r\n [cdkConnectedOverlayScrollStrategy]=\"scrollStrategy\"\r\n [cdkConnectedOverlayOrigin]=\"origin\"\r\n [cdkConnectedOverlayOpen]=\"opened\"\r\n [cdkConnectedOverlayMinWidth]=\"_triggerRect?.width!\">\r\n <ul class=\"ul-ac\">\r\n <li class=\"li-search search-input-item\">\r\n <mat-form-field class=\"apipass-input-text search-input-item\" appearance=\"fill\">\r\n <input matInput class=\"search-input-item\"\r\n [placeholder]=\"findPlaceHolder\"\r\n [(ngModel)]=\"searchText\"\r\n (blur)=\"onBlur($event)\"\r\n aria-autocomplete=\"none\"\r\n autocomplete=\"off\"\r\n />\r\n </mat-form-field>\r\n </li>\r\n\r\n <li class=\"clickable\" *ngFor=\"let i of items | selectFilter:searchText:'text'\"\r\n (click)=\"selectItem(i)\"\r\n (mousedown)=\"selectItem(i)\">\r\n {{i.text}}\r\n </li>\r\n\r\n <li *ngIf=\"allowAddItem\" class=\"li-add\" (mousedown)=\"addItem()\" (click)=\"addItem()\">\r\n <span class=\"fa fa-plus-circle\"></span>\r\n <span>{{addItemLabel}}</span>\r\n </li>\r\n </ul>\r\n </ng-template>\r\n</div>\r\n", styles: ["::ng-deep .custom-select-overlay-panel,.custom-select-input,.custom-select-component{cursor:pointer}::ng-deep .custom-select-overlay-panel input,.custom-select-input input,.custom-select-component input{background:#FFF!important;height:37px}::ng-deep .custom-select-overlay-panel .ul-ac,.custom-select-input .ul-ac,.custom-select-component .ul-ac{max-height:16rem;overflow:auto;background:#fff;border:1px solid #ccc;box-sizing:border-box;list-style:none;padding:0;width:100%;position:relative;margin-top:-1px}::ng-deep .custom-select-overlay-panel .ul-ac li,.custom-select-input .ul-ac li,.custom-select-component .ul-ac li{text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px;font-size:12px}::ng-deep .custom-select-overlay-panel .ul-ac li:hover,.custom-select-input .ul-ac li:hover,.custom-select-component .ul-ac li:hover{background:#bbbcbc}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex,.custom-select-input .ul-ac li .mat-form-field-flex,.custom-select-component .ul-ac li .mat-form-field-flex{height:37px!important}::ng-deep .custom-select-overlay-panel .ul-ac li .mat-form-field-flex input,.custom-select-input .ul-ac li .mat-form-field-flex input,.custom-select-component .ul-ac li .mat-form-field-flex input{height:auto}::ng-deep .custom-select-overlay-panel .ul-ac .li-add,.custom-select-input .ul-ac .li-add,.custom-select-component .ul-ac .li-add{border-top:1px solid lightgray}::ng-deep .custom-select-overlay-panel .ul-ac .li-add .fa,.custom-select-input .ul-ac .li-add .fa,.custom-select-component .ul-ac .li-add .fa{padding-right:5px;color:#ff8f17}::ng-deep .custom-select-overlay-panel .selected,.custom-select-input .selected,.custom-select-component .selected{background-color:#898a8a!important}::ng-deep .custom-select-overlay-panel .selected .fa,.custom-select-input .selected .fa,.custom-select-component .selected .fa{color:#fff!important}::ng-deep .custom-select-overlay-panel .remove-icon i,.custom-select-input .remove-icon i,.custom-select-component .remove-icon i{color:red;margin-right:10px}::ng-deep .custom-select-overlay-panel .open-icon,.custom-select-input .open-icon,.custom-select-component .open-icon{cursor:pointer}::ng-deep .custom-select-overlay-panel .open-icon i,.custom-select-input .open-icon i,.custom-select-component .open-icon i{color:#0000008a}::ng-deep .custom-select-overlay-panel .li-search,.custom-select-input .li-search,.custom-select-component .li-search{cursor:default!important;border-bottom:1px solid #CCC!important}::ng-deep .custom-select-overlay-panel .li-search:hover,.custom-select-input .li-search:hover,.custom-select-component .li-search:hover{background:#FFF!important}::ng-deep .custom-select-overlay-panel .select-open .mat-form-field-flex,.custom-select-input .select-open .mat-form-field-flex,.custom-select-component .select-open .mat-form-field-flex{border-radius:6px 6px 0 0!important}\n"] }]
|
|
167
|
-
}], ctorParameters: function () { return [{ type: i1.ScrollStrategyOptions }]; }, propDecorators: { disabled: [{
|
|
168
|
-
type: Input
|
|
169
|
-
}], items: [{
|
|
170
|
-
type: Input
|
|
171
|
-
}], allowTyping: [{
|
|
172
|
-
type: Input
|
|
173
|
-
}], allowRemove: [{
|
|
174
|
-
type: Input
|
|
175
|
-
}], allowAddItem: [{
|
|
176
|
-
type: Input
|
|
177
|
-
}], addItemLabel: [{
|
|
178
|
-
type: Input
|
|
179
|
-
}], placeHolder: [{
|
|
180
|
-
type: Input
|
|
181
|
-
}], findPlaceHolder: [{
|
|
182
|
-
type: Input
|
|
183
|
-
}], searchText: [{
|
|
184
|
-
type: Input
|
|
185
|
-
}], onSelect: [{
|
|
186
|
-
type: Output
|
|
187
|
-
}], onUnSelect: [{
|
|
188
|
-
type: Output
|
|
189
|
-
}], onAddItem: [{
|
|
190
|
-
type: Output
|
|
191
|
-
}], trigger: [{
|
|
192
|
-
type: ViewChild,
|
|
193
|
-
args: ['trigger']
|
|
194
|
-
}], input: [{
|
|
195
|
-
type: ViewChild,
|
|
196
|
-
args: ['input', { read: ElementRef }]
|
|
197
|
-
}], tabindex: [{
|
|
198
|
-
type: HostBinding,
|
|
199
|
-
args: ['attr.tabindex']
|
|
200
|
-
}], onBlur: [{
|
|
201
|
-
type: HostListener,
|
|
202
|
-
args: ['blur', ['$event.target']]
|
|
203
|
-
}] } });
|
|
204
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2N1c3RvbS1zZWxlY3QvY3VzdG9tLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnB1dHMvc3JjL2N1c3RvbS1zZWxlY3QvY3VzdG9tLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2xKLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQWlCLHFCQUFxQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7OztBQWEzRSxNQUFNLE9BQU8scUJBQXFCO0lBa0RoQyxZQUE2QixHQUEwQjtRQUExQixRQUFHLEdBQUgsR0FBRyxDQUF1QjtRQTdDOUMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNWLFVBQUssR0FBdUIsRUFBRSxDQUFDO1FBQ3RDLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLGlCQUFZLEdBQUcsY0FBYyxDQUFDO1FBQzlCLGdCQUFXLEdBQUcsUUFBUSxDQUFDO1FBQ3ZCLG9CQUFlLEdBQUcsV0FBVyxDQUFDO1FBQzlCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFFZixhQUFRLEdBQW1DLElBQUksWUFBWSxFQUFFLENBQUM7UUFDOUQsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFD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Q0FBQztZQUNWLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztZQUNwRCxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsMExBdUIwQixVQUFVLDZCQ3BDeEMsbzhFQXlEQTsyRkR6Q2EscUJBQXFCO2tCQVhqQyxTQUFTOytCQUNFLGVBQWUsYUFHZCxDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHNCQUFzQixDQUFDOzRCQUNwRCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzRHQVFPLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNO2dCQUVlLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUztnQkFDc0IsS0FBSztzQkFBOUMsU0FBUzt1QkFBQyxPQUFPLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO2dCQVNWLFFBQVE7c0JBQXJDLFdBQVc7dUJBQUMsZUFBZTtnQkFDYSxNQUFNO3NCQUE5QyxZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIEhvc3RCaW5kaW5nLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7Q3VzdG9tU2VsZWN0SXRlbX0gZnJvbSAnLi9jdXN0b20tc2VsZWN0LWl0ZW0nO1xyXG5pbXBvcnQge1Njcm9sbFN0cmF0ZWd5LCBTY3JvbGxTdHJhdGVneU9wdGlvbnN9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY3VzdG9tLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICdjdXN0b20tc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnY3VzdG9tLXNlbGVjdC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW3tcclxuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ3VzdG9tU2VsZWN0Q29tcG9uZW50KSxcclxuICAgIG11bHRpOiB0cnVlXHJcbiAgfV1cclxuXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDdXN0b21TZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgQWZ0ZXJWaWV3SW5pdCB7XHJcblxyXG4gIHNjcm9sbFN0cmF0ZWd5OiBTY3JvbGxTdHJhdGVneTtcclxuICBfdHJpZ2dlclJlY3Q6IENsaWVudFJlY3QgfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcHVibGljIGl0ZW1zOiBDdXN0b21TZWxlY3RJdGVtW10gPSBbXTtcclxuICBASW5wdXQoKSBhbGxvd1R5cGluZyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGFsbG93UmVtb3ZlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYWxsb3dBZGRJdGVtID0gdHJ1ZTtcclxuICBASW5wdXQoKSBhZGRJdGVtTGFiZWwgPSAnQWRkIE5ldyBJdGVtJztcclxuICBASW5wdXQoKSBwbGFjZUhvbGRlciA9ICdTZWxlY3QnO1xyXG4gIEBJbnB1dCgpIGZpbmRQbGFjZUhvbGRlciA9ICdGaW5kIGl0ZW0nO1xyXG4gIEBJbnB1dCgpIHNlYXJjaFRleHQgPSAnJztcclxuXHJcbiAgQE91dHB1dCgpIG9uU2VsZWN0OiBFdmVudEVtaXR0ZXI8Q3VzdG9tU2VsZWN0SXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uVW5TZWxlY3Q6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBvbkFkZEl0ZW06IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBAVmlld0NoaWxkKCd0cmlnZ2VyJykgdHJpZ2dlcjogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcclxuICBAVmlld0NoaWxkKCdpbnB1dCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KSBpbnB1dDogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcclxuXHJcbiAgcHVibGljIG9wZW5lZCA9IGZhbHNlO1xyXG4gIHB1YmxpYyBzZWxlY3RlZEl0ZW06IEN1c3RvbVNlbGVjdEl0ZW0gfCB1bmRlZmluZWQ7XHJcbiAgcHJpdmF0ZSBpbm5lclZhbHVlOiBhbnk7XHJcbiAgcHJpdmF0ZSBzZWxlY3RlZE1vZGVsVmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuXHJcbiAgcHJpdmF0ZSBlZGl0ZWQgPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLnRhYmluZGV4JykgdGFiaW5kZXggPSAnMCc7XHJcbiAgQEhvc3RMaXN0ZW5lcignYmx1cicsIFsnJGV2ZW50LnRhcmdldCddKSBvbkJsdXIodGFyZ2V0OiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmFsbG93VHlwaW5nKSB7XHJcbiAgICAgIGlmICh0aGlzLnZhbHVlKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuZWRpdGVkKSB7XHJcbiAgICAgICAgICB0aGlzLndyaXRlVmFsdWUodGhpcy52YWx1ZSk7XHJcbiAgICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IG5ldyBDdXN0b21TZWxlY3RJdGVtKHRoaXMudmFsdWUsIHRoaXMudmFsdWUpO1xyXG4gICAgICAgICAgdGhpcy5vblNlbGVjdC5uZXh0KHRoaXMuc2VsZWN0ZWRJdGVtKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy53cml0ZVZhbHVlKHVuZGVmaW5lZCk7XHJcbiAgICAgICAgdGhpcy5vblNlbGVjdC5uZXh0KHVuZGVmaW5lZCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmICh0YXJnZXQgJiYgdGFyZ2V0LnJlbGF0ZWRUYXJnZXQgJiYgdGFyZ2V0LnJlbGF0ZWRUYXJnZXQuY2xhc3NMaXN0LmNvbnRhaW5zKCdzZWFyY2gtaW5wdXQtaXRlbScpKSB7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIHRoaXMuc2V0VHJpZ2dlclJlY3QoKTtcclxuICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHNzbzogU2Nyb2xsU3RyYXRlZ3lPcHRpb25zKSB7XHJcbiAgICB0aGlzLnNjcm9sbFN0cmF0ZWd5ID0gdGhpcy5zc28uYmxvY2soKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLnNldFRyaWdnZXJSZWN0KCk7XHJcbiAgICB9LCAzMDApO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRUcmlnZ2VyUmVjdCgpOiB2b2lkIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLl90cmlnZ2VyUmVjdCA9IHRoaXMudHJpZ2dlcj8ubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNlbGVjdEl0ZW0oaXRlbTogQ3VzdG9tU2VsZWN0SXRlbSk6IHZvaWQge1xyXG4gICAgdGhpcy5vcGVuZWQgPSBmYWxzZTtcclxuICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gaXRlbTtcclxuICAgIHRoaXMuZWRpdGVkID0gZmFsc2U7XHJcbiAgICB0aGlzLnNlbGVjdGVkTW9kZWxWYWx1ZSA9IGl0ZW0udGV4dDtcclxuICAgIHRoaXMudmFsdWUgPSBpdGVtLnRleHQ7XHJcbiAgICB0aGlzLnNlYXJjaFRleHQgPSAnJztcclxuICAgIHRoaXMub25TZWxlY3QubmV4dChpdGVtKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBhZGRJdGVtKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vcGVuZWQgPSBmYWxzZTtcclxuICAgIHRoaXMuc2VhcmNoVGV4dCA9ICcnO1xyXG4gICAgdGhpcy5vbkFkZEl0ZW0ubmV4dCgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGtleVByZXNzKCk6IGFueSB7XHJcbiAgICB0aGlzLnNldFRyaWdnZXJSZWN0KCk7XHJcbiAgICBpZiAodGhpcy5hbGxvd1R5cGluZykge1xyXG4gICAgICB0aGlzLm9wZW5lZCA9IGZhbHNlO1xyXG4gICAgICB0aGlzLmVkaXRlZCA9IHRydWU7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRNb2RlbFZhbHVlID0gdGhpcy52YWx1ZTtcclxuICAgICAgdGhpcy5zZWFyY2hUZXh0ID0gJyc7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmVkaXRlZCA9IGZhbHNlO1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2xpY2tlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2V0VHJpZ2dlclJlY3QoKTtcclxuICAgIHRoaXMub3BlbmVkID0gdHJ1ZTtcclxuICAgIHRoaXMuc2VhcmNoVGV4dCA9ICcnO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBvblRvdWNoZWRDYWxsYmFjazogKCkgPT4gdm9pZCA9ICgpID0+IHtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgb25DaGFuZ2VDYWxsYmFjazogKF86IGFueSkgPT4gdm9pZCA9ICgpID0+IHtcclxuICB9XHJcblxyXG4gIGdldCB2YWx1ZSgpOiBhbnkge1xyXG4gICAgcmV0dXJuIHRoaXMuaW5uZXJWYWx1ZTtcclxuICB9XHJcblxyXG4gIHNldCB2YWx1ZSh2YWx1ZTogYW55KSB7XHJcbiAgICB0aGlzLmlubmVyVmFsdWUgPSB2YWx1ZTtcclxuICAgIHRoaXMub25DaGFuZ2VDYWxsYmFjayh2YWx1ZSk7XHJcbiAgICB0aGlzLm9uU2VsZWN0Lm5leHQodmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuaW5uZXJWYWx1ZSkge1xyXG4gICAgICBpZiAoIXRoaXMuc2VsZWN0ZWRJdGVtIHx8ICF0aGlzLnNlbGVjdGVkSXRlbS50ZXh0IHx8ICF2YWx1ZSkge1xyXG4gICAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gbmV3IEN1c3RvbVNlbGVjdEl0ZW0obnVsbCwgdmFsdWUpO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuaW5uZXJWYWx1ZSA9IHZhbHVlO1xyXG4gICAgICB0aGlzLnNlbGVjdGVkTW9kZWxWYWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlQ2FsbGJhY2sgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkQ2FsbGJhY2sgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgYXJyb3dDbGljayhldmVudDogYW55KTogdm9pZCB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIHRoaXMuc2V0VHJpZ2dlclJlY3QoKTtcclxuICAgIGlmICh0aGlzLm9wZW5lZCkge1xyXG4gICAgICB0aGlzLm9wZW5lZCA9IGZhbHNlO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5vcGVuZWQgPSB0cnVlO1xyXG4gICAgICB0aGlzLnNlYXJjaFRleHQgPSAnJztcclxuICAgICAgdGhpcy5pbnB1dD8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlbW92ZUNsaWNrKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5vcGVuZWQgPSBmYWxzZTtcclxuICAgIHRoaXMuc2VhcmNoVGV4dCA9ICcnO1xyXG4gICAgdGhpcy5pbm5lclZhbHVlID0gbnVsbDtcclxuICAgIHRoaXMub25VblNlbGVjdC5uZXh0KCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25Ecm9wKCRldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnNlYXJjaFRleHQgPSAnJztcclxuICAgIGlmICghdGhpcy52YWx1ZSkge1xyXG4gICAgICB0aGlzLnZhbHVlID0gJyc7XHJcbiAgICB9XHJcbiAgICB0aGlzLnZhbHVlICs9IGB7eyR7JGV2ZW50LmRhdGF9fX1gO1xyXG4gICAgdGhpcy5lZGl0ZWQgPSB0cnVlO1xyXG4gICAgdGhpcy5vbkJsdXIodW5kZWZpbmVkKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjdXN0b20tc2VsZWN0LWlucHV0XCIgI3RyaWdnZXI+XHJcbiAgPG1hdC1mb3JtLWZpZWxkIGNka092ZXJsYXlPcmlnaW4gI29yaWdpbj1cImNka092ZXJsYXlPcmlnaW5cIiBjbGFzcz1cImN1c3RvbS1zZWxlY3QtY29tcG9uZW50XCIgW25nQ2xhc3NdPVwieydzZWxlY3Qtb3BlbicgOiBvcGVuZWR9XCIgYXBwZWFyYW5jZT1cImZpbGxcIiBhdXRvY29tcGxldGU9XCJvZmZcIj5cclxuICAgIDxpbnB1dCBtYXRJbnB1dCAjaW5wdXRcclxuICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXJcIlxyXG4gICAgICAgICAgIChmb2N1cyk9XCJvcGVuZWQgPSB0cnVlXCJcclxuICAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgICAgW25nTW9kZWxPcHRpb25zXT1cIntzdGFuZGFsb25lOiB0cnVlfVwiXHJcbiAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAgICAoa2V5dXApPWtleVByZXNzKClcclxuICAgICAgICAgICAoY2xpY2spPVwiY2xpY2tlZCgpXCJcclxuICAgICAgICAgICBkbmREcm9wem9uZVxyXG4gICAgICAgICAgIChkbmREcm9wKT1cIm9uRHJvcCgkZXZlbnQpXCJcclxuICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuICpuZ0lmPVwiYWxsb3dSZW1vdmVcIiB0aXRsZT1cIlJlbW92ZXJcIiBjbGFzcz1cInJlbW92ZS1pY29uXCIgKGNsaWNrKT1cInJlbW92ZUNsaWNrKCRldmVudClcIj5cclxuICAgICAgPGkgY2xhc3M9XCJmYSBmYS10aW1lc1wiPjwvaT5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxzcGFuIGNsYXNzPVwib3Blbi1pY29uXCIgKGNsaWNrKT1cImFycm93Q2xpY2soJGV2ZW50KVwiPlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmFzXCIgW25nQ2xhc3NdPVwieydmYS1jYXJldC1kb3duJyA6ICFvcGVuZWQsICdmYS1jYXJldC11cCcgOiBvcGVuZWR9XCI+PC9pPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvbWF0LWZvcm0tZmllbGQ+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiY3VzdG9tLXNlbGVjdC1jb21wb25lbnRcIj5cclxuXHJcbiAgPG5nLXRlbXBsYXRlIGNka0Nvbm5lY3RlZE92ZXJsYXlcclxuICAgICAgICAgICAgICAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlQYW5lbENsYXNzXT1cIidjdXN0b20tc2VsZWN0LW92ZXJsYXktcGFuZWwnXCJcclxuICAgICAgICAgICAgICAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlTY3JvbGxTdHJhdGVneV09XCJzY3JvbGxTdHJhdGVneVwiXHJcbiAgICAgICAgICAgICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5T3JpZ2luXT1cIm9yaWdpblwiXHJcbiAgICAgICAgICAgICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJvcGVuZWRcIlxyXG4gICAgICAgICAgICAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU1pbldpZHRoXT1cIl90cmlnZ2VyUmVjdD8ud2lkdGghXCI+XHJcbiAgICA8dWwgY2xhc3M9XCJ1bC1hY1wiPlxyXG4gICAgICA8bGkgY2xhc3M9XCJsaS1zZWFyY2ggc2VhcmNoLWlucHV0LWl0ZW1cIj5cclxuICAgICAgICA8bWF0LWZvcm0tZmllbGQgY2xhc3M9XCJhcGlwYXNzLWlucHV0LXRleHQgc2VhcmNoLWlucHV0LWl0ZW1cIiBhcHBlYXJhbmNlPVwiZmlsbFwiPlxyXG4gICAgICAgICAgPGlucHV0IG1hdElucHV0IGNsYXNzPVwic2VhcmNoLWlucHV0LWl0ZW1cIlxyXG4gICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJmaW5kUGxhY2VIb2xkZXJcIlxyXG4gICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgKGJsdXIpPVwib25CbHVyKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgIGFyaWEtYXV0b2NvbXBsZXRlPVwibm9uZVwiXHJcbiAgICAgICAgICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcclxuICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPC9saT5cclxuXHJcbiAgICAgIDxsaSBjbGFzcz1cImNsaWNrYWJsZVwiICpuZ0Zvcj1cImxldCBpIG9mIGl0ZW1zIHwgc2VsZWN0RmlsdGVyOnNlYXJjaFRleHQ6J3RleHQnXCJcclxuICAgICAgICAgIChjbGljayk9XCJzZWxlY3RJdGVtKGkpXCJcclxuICAgICAgICAgIChtb3VzZWRvd24pPVwic2VsZWN0SXRlbShpKVwiPlxyXG4gICAgICAgIHt7aS50ZXh0fX1cclxuICAgICAgPC9saT5cclxuXHJcbiAgICAgIDxsaSAqbmdJZj1cImFsbG93QWRkSXRlbVwiIGNsYXNzPVwibGktYWRkXCIgKG1vdXNlZG93bik9XCJhZGRJdGVtKClcIiAoY2xpY2spPVwiYWRkSXRlbSgpXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJmYSBmYS1wbHVzLWNpcmNsZVwiPjwvc3Bhbj5cclxuICAgICAgICA8c3Bhbj57e2FkZEl0ZW1MYWJlbH19PC9zcGFuPlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,31 +0,0 @@
|
|
|
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=
|
|
@@ -1,51 +0,0 @@
|
|
|
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=
|
|
@@ -1,92 +0,0 @@
|
|
|
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==
|
|
@@ -1,56 +0,0 @@
|
|
|
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==
|