ngx-wapp-components 1.0.0 → 1.0.2
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/README.md +24 -24
- package/esm2020/lib/button/w-button/w-button.component.mjs +65 -0
- package/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs +116 -0
- package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs +63 -45
- package/esm2020/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.mjs +115 -0
- package/esm2020/lib/edit/w-edit-multiselect/w-edit-multiselect.component.mjs +100 -0
- package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs +107 -0
- package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs +93 -0
- package/esm2020/lib/icons/icons.mjs +109 -0
- package/esm2020/lib/icons/wapping-icons/wapp-icons.component.mjs +50 -0
- package/esm2020/lib/layout/w-body/w-body.component.mjs +11 -0
- package/esm2020/lib/layout/w-body-container/w-body-container.component.mjs +11 -0
- package/esm2020/lib/layout/w-container/w-container.component.mjs +19 -0
- package/esm2020/lib/layout/w-footer/w-footer.component.mjs +11 -0
- package/esm2020/lib/layout/w-header-panel/w-header-panel.component.mjs +11 -0
- package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs +43 -0
- package/esm2020/lib/layout/w-panel/w-panel.component.mjs +25 -0
- package/esm2020/lib/layout/w-panel-title/w-panel-title.component.mjs +14 -0
- package/esm2020/lib/logos/logos.mjs +7 -0
- package/esm2020/lib/logos/wapping-logos/wapp-logos.component.mjs +50 -0
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +377 -0
- package/esm2020/lib/misc/w-filter-panel/w-list-field/w-list-field.component.mjs +82 -0
- package/esm2020/lib/search/w-input-search/w-input-search.component.mjs +106 -0
- package/esm2020/lib/shared/enums/enum.mjs +6 -0
- package/esm2020/lib/shared/models/custom-button-config.model.mjs +2 -0
- package/esm2020/lib/shared/models/enums.model.mjs +64 -0
- package/esm2020/lib/shared/models/filter-panel/field.model.mjs +2 -0
- package/esm2020/lib/shared/models/filter-panel/filter-field.models.mjs +2 -0
- package/esm2020/lib/shared/models/filter-panel/filter-panel-translations.model.mjs +2 -0
- package/esm2020/lib/shared/models/filter-panel/qb-filter-entity.model.mjs +2 -0
- package/esm2020/lib/shared/models/filter-panel/qb-operators.model.mjs +2 -0
- package/esm2020/lib/shared/models/filter-panel/qb-panel-filter.model.mjs +2 -0
- package/esm2020/lib/shared/models/filter-panel/qb-panel-to-fields.model.mjs +2 -0
- package/esm2020/lib/shared/models/filter-panel/query-results.model.mjs +8 -0
- package/esm2020/lib/shared/models/filter.model.mjs +2 -0
- package/esm2020/lib/shared/models/lazy-element-query-request.model.mjs +2 -0
- package/esm2020/lib/shared/models/wapp-table-lazy-loading.model.mjs +2 -0
- package/esm2020/lib/shared/models/wapp-table.model.mjs +2 -0
- package/esm2020/lib/shared/pipes/color-text.pipe.mjs +25 -0
- package/esm2020/lib/shared/service/api/api.service.mjs +52 -0
- package/esm2020/lib/shared/services/form-control.service.mjs +18 -0
- package/esm2020/lib/tables/w-table/w-table.component.mjs +196 -0
- package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +236 -0
- package/esm2020/lib/view/wapp-view-card-title-text/wapp-view-card-title-text.component.mjs +17 -0
- package/esm2020/lib/w-clipboard/w-clipboard.component.mjs +39 -0
- package/esm2020/lib/wapp-components.component.mjs +9 -9
- package/esm2020/lib/wapp-components.module.mjs +257 -9
- package/esm2020/lib/wapp-components.service.mjs +1 -1
- package/esm2020/public-api.mjs +34 -1
- package/fesm2015/ngx-wapp-components.mjs +2360 -61
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +2356 -59
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/button/w-button/w-button.component.d.ts +30 -0
- package/lib/edit/w-edit-input-number/w-edit-input-number.component.d.ts +33 -0
- package/lib/edit/w-edit-input-text/w-edit-input-text.component.d.ts +16 -16
- package/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.d.ts +33 -0
- package/lib/edit/w-edit-multiselect/w-edit-multiselect.component.d.ts +36 -0
- package/lib/edit/w-edit-select/w-edit-select.component.d.ts +37 -0
- package/lib/edit/w-edit-treeselect/w-edit-treeselect.component.d.ts +33 -0
- package/lib/icons/icons.d.ts +1 -0
- package/lib/icons/wapping-icons/wapp-icons.component.d.ts +13 -0
- package/lib/layout/w-body/w-body.component.d.ts +5 -0
- package/lib/layout/w-body-container/w-body-container.component.d.ts +5 -0
- package/lib/layout/w-container/w-container.component.d.ts +5 -0
- package/lib/layout/w-footer/w-footer.component.d.ts +5 -0
- package/lib/layout/w-header-panel/w-header-panel.component.d.ts +5 -0
- package/lib/layout/w-navbar/w-navbar.component.d.ts +16 -0
- package/lib/layout/w-panel/w-panel.component.d.ts +8 -0
- package/lib/layout/w-panel-title/w-panel-title.component.d.ts +6 -0
- package/lib/logos/logos.d.ts +1 -0
- package/lib/logos/wapping-logos/wapp-logos.component.d.ts +13 -0
- package/lib/misc/w-filter-panel/w-filter-panel.component.d.ts +63 -0
- package/lib/misc/w-filter-panel/w-list-field/w-list-field.component.d.ts +25 -0
- package/lib/search/w-input-search/w-input-search.component.d.ts +29 -0
- package/lib/shared/enums/enum.d.ts +4 -0
- package/lib/shared/models/custom-button-config.model.d.ts +4 -0
- package/lib/shared/models/enums.model.d.ts +58 -0
- package/lib/shared/models/filter-panel/field.model.d.ts +144 -0
- package/lib/shared/models/filter-panel/filter-field.models.d.ts +17 -0
- package/lib/shared/models/filter-panel/filter-panel-translations.model.d.ts +28 -0
- package/lib/shared/models/filter-panel/qb-filter-entity.model.d.ts +7 -0
- package/lib/shared/models/filter-panel/qb-operators.model.d.ts +4 -0
- package/lib/shared/models/filter-panel/qb-panel-filter.model.d.ts +13 -0
- package/lib/shared/models/filter-panel/qb-panel-to-fields.model.d.ts +11 -0
- package/lib/shared/models/filter-panel/query-results.model.d.ts +15 -0
- package/lib/shared/models/filter.model.d.ts +5 -0
- package/lib/shared/models/lazy-element-query-request.model.d.ts +8 -0
- package/lib/shared/models/wapp-table-lazy-loading.model.d.ts +42 -0
- package/lib/shared/models/wapp-table.model.d.ts +45 -0
- package/lib/shared/pipes/color-text.pipe.d.ts +7 -0
- package/lib/shared/service/api/api.service.d.ts +12 -0
- package/lib/shared/services/form-control.service.d.ts +8 -0
- package/lib/tables/w-table/w-table.component.d.ts +60 -0
- package/lib/tables/w-table-lazy/w-table-lazy.component.d.ts +58 -0
- package/lib/view/wapp-view-card-title-text/wapp-view-card-title-text.component.d.ts +9 -0
- package/lib/w-clipboard/w-clipboard.component.d.ts +12 -0
- package/lib/wapp-components.module.d.ts +54 -4
- package/package.json +3 -1
- package/public-api.d.ts +29 -0
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { Component, Input, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/forms";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "primeng/multiselect";
|
|
7
|
+
var SizeType;
|
|
8
|
+
(function (SizeType) {
|
|
9
|
+
SizeType[SizeType["small"] = 0] = "small";
|
|
10
|
+
SizeType[SizeType["medium"] = 1] = "medium";
|
|
11
|
+
SizeType[SizeType["large"] = 2] = "large";
|
|
12
|
+
})(SizeType || (SizeType = {}));
|
|
13
|
+
export class WEditMultiselectComponent {
|
|
14
|
+
constructor() {
|
|
15
|
+
this.placeholder = "";
|
|
16
|
+
this.disabled = false;
|
|
17
|
+
this.size = "medium";
|
|
18
|
+
this.errorDescription = "Error input";
|
|
19
|
+
this.sizeType = SizeType;
|
|
20
|
+
this.onChange = () => { };
|
|
21
|
+
this.onTouch = () => { };
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
}
|
|
25
|
+
writeValue(value) {
|
|
26
|
+
this.ngModelValue = value;
|
|
27
|
+
}
|
|
28
|
+
registerOnChange(fn) {
|
|
29
|
+
this.onChange = fn;
|
|
30
|
+
}
|
|
31
|
+
registerOnTouched(fn) {
|
|
32
|
+
this.onTouch = fn;
|
|
33
|
+
}
|
|
34
|
+
setDisabledState(isDisabled) {
|
|
35
|
+
this.disabled = isDisabled;
|
|
36
|
+
}
|
|
37
|
+
onOptionSelected() {
|
|
38
|
+
console.log(this.ngModelValue);
|
|
39
|
+
this.onChange(this.ngModelValue);
|
|
40
|
+
this.onTouch();
|
|
41
|
+
}
|
|
42
|
+
onInputBlur(event) {
|
|
43
|
+
const newValue = event.target.value;
|
|
44
|
+
this.ngModelValue = newValue;
|
|
45
|
+
this.onChange(this.ngModelValue);
|
|
46
|
+
this.onTouch();
|
|
47
|
+
}
|
|
48
|
+
getSizeName(value) {
|
|
49
|
+
return SizeType[value];
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
WEditMultiselectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
WEditMultiselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: { label: "label", placeholder: "placeholder", disabled: "disabled", size: "size", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", appendTo: "appendTo", formControl: "formControl", errorDescription: "errorDescription" }, providers: [
|
|
54
|
+
{
|
|
55
|
+
provide: NG_VALUE_ACCESSOR,
|
|
56
|
+
useExisting: forwardRef(() => WEditMultiselectComponent),
|
|
57
|
+
multi: true
|
|
58
|
+
}
|
|
59
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\">\r\n </p-multiSelect>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-input-multiselect-small\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\"\r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\">\r\n </p-multiSelect>\r\n <div class=\"w-error-message-container w-full\">\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small>\r\n </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\"> \r\n </p-multiSelect>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-input-multiselect-small\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-multiSelect>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item,:host ::ng-deep .w-input-multiselect-small .p-multiselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size,:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:8px}.icon-small-x-size,:host ::ng-deep .w-input-multiselect-small .p-multiselect-token .p-multiselect-token-icon,:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-input-multiselect-small .p-multiselect.p-focus,:host ::ng-deep .w-input-multiselect .p-multiselect.p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-multiselect-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item,:host ::ng-deep .w-input-multiselect .p-multiselect-label{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic,:host ::ng-deep .w-input-multiselect .p-multiselect-token{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small,:host ::ng-deep .w-input-multiselect-small .p-multiselect-token{font-size:12px;line-height:16px;font-weight:700}.w-input-multiselect-field{margin:0}.w-input-multiselect-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-multiselect-label-disabled.w-input-multiselect-label{color:#bdc1c6}:host ::ng-deep .w-input-multiselect .p-multiselect{border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect:hover{border:2px solid #0085c7}:host ::ng-deep .w-input-multiselect .p-multiselect.p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-input-multiselect .p-multiselect-label{padding:6px 0 6px 16px;color:#bdc1c6}:host ::ng-deep .w-input-multiselect .p-multiselect.p-multiselect-chip .p-multiselect-label{padding:6px 0 6px 16px}:host ::ng-deep .w-input-multiselect .p-multiselect-token{height:24px;padding:6px 12px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items{padding:6px 6px 14px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item{padding:8px 16px;margin-bottom:4px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox{width:24px;margin-right:12px}:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box{border:2px solid #e8eaed;width:24px;height:24px;color:#e8eaed;border-radius:4px;align-self:center}:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box .p-checkbox-icon{font-weight:700}:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box.p-highlight{border-color:#0085c7!important;background:#0085c7;color:#0085c7!important}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-header{padding:6px 22px}:host ::ng-deep .w-input-multiselect .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-input-multiselect .p-disabled .p-inputtext{color:#bdc1c6}:host ::ng-deep p-multiselect.w-input-multiselect.ng-dirty.ng-invalid>.p-multiselect{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-input-multiselect-small .p-multiselect{border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect:hover{border:2px solid #0085c7}:host ::ng-deep .w-input-multiselect-small .p-multiselect.p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-input-multiselect-small .p-multiselect-label{padding:6px 0 6px 12px;color:#bdc1c6}:host ::ng-deep .w-input-multiselect-small .p-multiselect.p-multiselect-chip .p-multiselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-token{height:16px;padding:2px 12px;border-radius:8px;border-width:2px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items{padding:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item{padding:6px;margin-bottom:4px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox{margin-right:8px;width:16px}:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box{border:2px solid #e8eaed;width:16px;height:16px;color:#e8eaed;border-radius:4px;align-self:center}:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-weight:700}:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#0085c7!important;background:#0085c7;color:#0085c7!important}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-header{padding:6px 14px}:host ::ng-deep .w-input-multiselect-small .p-disabled{background:#f1f3f4;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MultiSelect, selector: "p-multiSelect", inputs: ["style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "appendTo", "dataKey", "name", "label", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove"] }] });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditMultiselectComponent, decorators: [{
|
|
61
|
+
type: Component,
|
|
62
|
+
args: [{ selector: 'w-edit-multiselect', providers: [
|
|
63
|
+
{
|
|
64
|
+
provide: NG_VALUE_ACCESSOR,
|
|
65
|
+
useExisting: forwardRef(() => WEditMultiselectComponent),
|
|
66
|
+
multi: true
|
|
67
|
+
}
|
|
68
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\">\r\n </p-multiSelect>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-input-multiselect-small\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\"\r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\">\r\n </p-multiSelect>\r\n <div class=\"w-error-message-container w-full\">\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small>\r\n </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-multiselect\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\"> \r\n </p-multiSelect>\r\n <p-multiSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-input-multiselect-small\" \r\n [options]=\"options\" \r\n display=\"chip\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\"\r\n [disabled]=\"disabled\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\r\n </p-multiSelect>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item,:host ::ng-deep .w-input-multiselect-small .p-multiselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size,:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:8px}.icon-small-x-size,:host ::ng-deep .w-input-multiselect-small .p-multiselect-token .p-multiselect-token-icon,:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box .p-checkbox-icon{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-input-multiselect-small .p-multiselect.p-focus,:host ::ng-deep .w-input-multiselect .p-multiselect.p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-multiselect-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item,:host ::ng-deep .w-input-multiselect .p-multiselect-label{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic,:host ::ng-deep .w-input-multiselect .p-multiselect-token{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small,:host ::ng-deep .w-input-multiselect-small .p-multiselect-token{font-size:12px;line-height:16px;font-weight:700}.w-input-multiselect-field{margin:0}.w-input-multiselect-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-multiselect-label-disabled.w-input-multiselect-label{color:#bdc1c6}:host ::ng-deep .w-input-multiselect .p-multiselect{border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect:hover{border:2px solid #0085c7}:host ::ng-deep .w-input-multiselect .p-multiselect.p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-input-multiselect .p-multiselect-label{padding:6px 0 6px 16px;color:#bdc1c6}:host ::ng-deep .w-input-multiselect .p-multiselect.p-multiselect-chip .p-multiselect-label{padding:6px 0 6px 16px}:host ::ng-deep .w-input-multiselect .p-multiselect-token{height:24px;padding:6px 12px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items{padding:6px 6px 14px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item{padding:8px 16px;margin-bottom:4px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox{width:24px;margin-right:12px}:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box{border:2px solid #e8eaed;width:24px;height:24px;color:#e8eaed;border-radius:4px;align-self:center}:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box .p-checkbox-icon{font-weight:700}:host ::ng-deep .w-input-multiselect .p-checkbox .p-checkbox-box.p-highlight{border-color:#0085c7!important;background:#0085c7;color:#0085c7!important}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-header{padding:6px 22px}:host ::ng-deep .w-input-multiselect .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-input-multiselect .p-disabled .p-inputtext{color:#bdc1c6}:host ::ng-deep p-multiselect.w-input-multiselect.ng-dirty.ng-invalid>.p-multiselect{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-input-multiselect-small .p-multiselect{border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect:hover{border:2px solid #0085c7}:host ::ng-deep .w-input-multiselect-small .p-multiselect.p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-input-multiselect-small .p-multiselect-label{padding:6px 0 6px 12px;color:#bdc1c6}:host ::ng-deep .w-input-multiselect-small .p-multiselect.p-multiselect-chip .p-multiselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-token{height:16px;padding:2px 12px;border-radius:8px;border-width:2px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items{padding:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item{padding:6px;margin-bottom:4px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox{margin-right:8px;width:16px}:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box{border:2px solid #e8eaed;width:16px;height:16px;color:#e8eaed;border-radius:4px;align-self:center}:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box .p-checkbox-icon{font-weight:700}:host ::ng-deep .w-input-multiselect-small .p-checkbox .p-checkbox-box.p-highlight{border-color:#0085c7!important;background:#0085c7;color:#0085c7!important}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-header{padding:6px 14px}:host ::ng-deep .w-input-multiselect-small .p-disabled{background:#f1f3f4;opacity:1}\n"] }]
|
|
69
|
+
}], propDecorators: { label: [{
|
|
70
|
+
type: Input,
|
|
71
|
+
args: ['label']
|
|
72
|
+
}], placeholder: [{
|
|
73
|
+
type: Input,
|
|
74
|
+
args: ['placeholder']
|
|
75
|
+
}], disabled: [{
|
|
76
|
+
type: Input,
|
|
77
|
+
args: ['disabled']
|
|
78
|
+
}], size: [{
|
|
79
|
+
type: Input,
|
|
80
|
+
args: ['size']
|
|
81
|
+
}], options: [{
|
|
82
|
+
type: Input,
|
|
83
|
+
args: ['options']
|
|
84
|
+
}], optionLabel: [{
|
|
85
|
+
type: Input,
|
|
86
|
+
args: ['optionLabel']
|
|
87
|
+
}], optionValue: [{
|
|
88
|
+
type: Input,
|
|
89
|
+
args: ['optionValue']
|
|
90
|
+
}], appendTo: [{
|
|
91
|
+
type: Input,
|
|
92
|
+
args: ['appendTo']
|
|
93
|
+
}], formControl: [{
|
|
94
|
+
type: Input,
|
|
95
|
+
args: ['formControl']
|
|
96
|
+
}], errorDescription: [{
|
|
97
|
+
type: Input,
|
|
98
|
+
args: ['errorDescription']
|
|
99
|
+
}] } });
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LW11bHRpc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2VkaXQvdy1lZGl0LW11bHRpc2VsZWN0L3ctZWRpdC1tdWx0aXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC1tdWx0aXNlbGVjdC93LWVkaXQtbXVsdGlzZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBZSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQUdoRSxJQUFLLFFBSUo7QUFKRCxXQUFLLFFBQVE7SUFDWCx5Q0FBUyxDQUFBO0lBQ1QsMkNBQVUsQ0FBQTtJQUNWLHlDQUFTLENBQUE7QUFDWCxDQUFDLEVBSkksUUFBUSxLQUFSLFFBQVEsUUFJWjtBQWNELE1BQU0sT0FBTyx5QkFBeUI7SUFadEM7UUFjd0IsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDcEIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUM5QixTQUFJLEdBQVcsUUFBUSxDQUFDO1FBTVoscUJBQWdCLEdBQVcsYUFBYSxDQUFDO1FBRXBFLGFBQVEsR0FBb0IsUUFBUSxDQUFDO1FBRXJDLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsWUFBTyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQXVDekI7SUFuQ0MsUUFBUTtJQUNSLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDN0IsQ0FBQztJQUVELGdCQUFnQjtRQUNkLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQy9CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVk7UUFDdEIsTUFBTSxRQUFRLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsS0FBSyxDQUFDO1FBQzFELElBQUksQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDdkIsT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQzs7c0hBckRVLHlCQUF5QjswR0FBekIseUJBQXlCLDZTQVJ6QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDO1lBQ3hELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRiwwQkNwQkgsNm9GQWtEYzsyRkQ1QkQseUJBQXlCO2tCQVpyQyxTQUFTOytCQUNFLG9CQUFvQixhQUduQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwwQkFBMEIsQ0FBQzs0QkFDeEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR2UsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNRLFdBQVc7c0JBQWhDLEtBQUs7dUJBQUMsYUFBYTtnQkFDRCxRQUFRO3NCQUExQixLQUFLO3VCQUFDLFVBQVU7Z0JBQ0YsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNLLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDTSxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0UsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUNELFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDSyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ08sZ0JBQWdCO3NCQUExQyxLQUFLO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuZW51bSBTaXplVHlwZXtcclxuICBzbWFsbCA9IDAsIFxyXG4gIG1lZGl1bSA9IDEsIFxyXG4gIGxhcmdlID0gMlxyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctZWRpdC1tdWx0aXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctZWRpdC1tdWx0aXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1lZGl0LW11bHRpc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBXRWRpdE11bHRpc2VsZWN0Q29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXRWRpdE11bHRpc2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvcntcclxuICBASW5wdXQoJ2xhYmVsJykgbGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdwbGFjZWhvbGRlcicpIHBsYWNlaG9sZGVyID0gXCJcIjtcclxuICBASW5wdXQoJ2Rpc2FibGVkJykgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ3NpemUnKSBzaXplOiBzdHJpbmcgPSBcIm1lZGl1bVwiO1xyXG4gIEBJbnB1dCgnb3B0aW9ucycpIG9wdGlvbnM6IGFueTtcclxuICBASW5wdXQoJ29wdGlvbkxhYmVsJykgb3B0aW9uTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdvcHRpb25WYWx1ZScpIG9wdGlvblZhbHVlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnYXBwZW5kVG8nKSBhcHBlbmRUbyE6IHN0cmluZztcclxuICBASW5wdXQoJ2Zvcm1Db250cm9sJykgZm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbCB8IG51bGw7XHJcbiAgQElucHV0KCdlcnJvckRlc2NyaXB0aW9uJykgZXJyb3JEZXNjcmlwdGlvbjogc3RyaW5nID0gXCJFcnJvciBpbnB1dFwiO1xyXG5cclxuICBzaXplVHlwZTogdHlwZW9mIFNpemVUeXBlID0gU2l6ZVR5cGU7XHJcblxyXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcclxuICBvblRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcclxuXHJcbiAgbmdNb2RlbFZhbHVlOiBhbnk7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm5nTW9kZWxWYWx1ZSA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcclxuICB9XHJcbiAgXHJcbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIG9uT3B0aW9uU2VsZWN0ZWQoKXtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMubmdNb2RlbFZhbHVlKTtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0Qmx1cihldmVudDogRXZlbnQpe1xyXG4gICAgY29uc3QgbmV3VmFsdWUgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlO1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSBuZXdWYWx1ZTtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgfVxyXG5cclxuICBnZXRTaXplTmFtZSh2YWx1ZTogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBTaXplVHlwZVt2YWx1ZV07XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKm5nSWY9XCJmb3JtQ29udHJvbDsgZWxzZSBub05nQ29udHJvbFwiIGNsYXNzPVwidy1pbnB1dC1tdWx0aXNlbGVjdC1maWVsZCBwLWZsdWlkIGZpZWxkXCI+XHJcbiAgICA8bGFiZWwgKm5nSWY9XCJnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemVcIiBjbGFzcz1cInctaW5wdXQtbXVsdGlzZWxlY3QtbGFiZWwgYm9keVwiIFtuZ0NsYXNzXT1cInsndy1pbnB1dC1tdWx0aXNlbGVjdC1sYWJlbC1kaXNhYmxlZCcgOiBkaXNhYmxlZH1cIj57e2xhYmVsfX08L2xhYmVsPlxyXG4gICAgPHAtbXVsdGlTZWxlY3QgKm5nSWY9XCJnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemVcIiBjbGFzcz1cInctaW5wdXQtbXVsdGlzZWxlY3RcIiBcclxuICAgICAgICBbb3B0aW9uc109XCJvcHRpb25zXCIgXHJcbiAgICAgICAgZGlzcGxheT1cImNoaXBcIiBcclxuICAgICAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIiBcclxuICAgICAgICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIiBcclxuICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxyXG4gICAgICAgIFthcHBlbmRUb109XCJhcHBlbmRUb1wiPlxyXG4gICAgPC9wLW11bHRpU2VsZWN0PlxyXG4gICAgPHAtbXVsdGlTZWxlY3QgKm5nSWY9XCJnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZVwiIGNsYXNzPVwidy1pbnB1dC1tdWx0aXNlbGVjdC1zbWFsbFwiIFxyXG4gICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIiBcclxuICAgICAgICBkaXNwbGF5PVwiY2hpcFwiIFxyXG4gICAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiIFxyXG4gICAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiIFxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcclxuICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIj5cclxuICAgIDwvcC1tdWx0aVNlbGVjdD5cclxuICAgIDxkaXYgY2xhc3M9XCJ3LWVycm9yLW1lc3NhZ2UtY29udGFpbmVyIHctZnVsbFwiPlxyXG4gICAgICAgIDxzbWFsbCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSAmJiBmb3JtQ29udHJvbC5oYXNFcnJvcigncmVxdWlyZWQnKSAmJiBmb3JtQ29udHJvbC50b3VjaGVkXCIgY2xhc3M9XCJ3LWVycm9yLW1lc3NhZ2UgcC1lcnJvciBibG9ja1wiPnt7ZXJyb3JEZXNjcmlwdGlvbn19PC9zbWFsbD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuPG5nLXRlbXBsYXRlICNub05nQ29udHJvbD5cclxuICAgIDxkaXYgY2xhc3M9XCJ3LWlucHV0LW11bHRpc2VsZWN0LWZpZWxkIHAtZmx1aWQgZmllbGRcIj5cclxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemVcIiBjbGFzcz1cInctaW5wdXQtbXVsdGlzZWxlY3QtbGFiZWwgYm9keVwiIFtuZ0NsYXNzXT1cInsndy1pbnB1dC1tdWx0aXNlbGVjdC1sYWJlbC1kaXNhYmxlZCcgOiBkaXNhYmxlZH1cIj57e2xhYmVsfX08L2xhYmVsPlxyXG4gICAgICAgIDxwLW11bHRpU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWlucHV0LW11bHRpc2VsZWN0XCIgXHJcbiAgICAgICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIiBcclxuICAgICAgICAgICAgZGlzcGxheT1cImNoaXBcIiBcclxuICAgICAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCIgXHJcbiAgICAgICAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiIFxyXG4gICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiBcclxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwibmdNb2RlbFZhbHVlXCIgXHJcbiAgICAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uT3B0aW9uU2VsZWN0ZWQoKVwiIFxyXG4gICAgICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIj4gICAgXHJcbiAgICAgICAgPC9wLW11bHRpU2VsZWN0PlxyXG4gICAgICAgIDxwLW11bHRpU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpID09IHNpemVcIiBjbGFzcz1cInctaW5wdXQtbXVsdGlzZWxlY3Qtc21hbGxcIiBcclxuICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgICAgICBkaXNwbGF5PVwiY2hpcFwiIFxyXG4gICAgICAgICAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIiBcclxuICAgICAgICAgICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCIgXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIFxyXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk9wdGlvblNlbGVjdGVkKClcIiBcclxuICAgICAgICAgICAgW2FwcGVuZFRvXT1cImFwcGVuZFRvXCI+XHJcbiAgICAgICAgPC9wLW11bHRpU2VsZWN0PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/forms";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "primeng/dropdown";
|
|
7
|
+
var SizeType;
|
|
8
|
+
(function (SizeType) {
|
|
9
|
+
SizeType[SizeType["small"] = 0] = "small";
|
|
10
|
+
SizeType[SizeType["medium"] = 1] = "medium";
|
|
11
|
+
SizeType[SizeType["large"] = 2] = "large";
|
|
12
|
+
})(SizeType || (SizeType = {}));
|
|
13
|
+
export class WEditSelectComponent {
|
|
14
|
+
constructor() {
|
|
15
|
+
this.label = "";
|
|
16
|
+
this.placeholder = "";
|
|
17
|
+
this.disabled = false;
|
|
18
|
+
this.size = "medium";
|
|
19
|
+
this.errorDescription = "Invalid input";
|
|
20
|
+
this.onChangeEvent = new EventEmitter();
|
|
21
|
+
this.sizeType = SizeType;
|
|
22
|
+
this.onChange = () => { };
|
|
23
|
+
this.onTouch = () => { };
|
|
24
|
+
}
|
|
25
|
+
ngOnInit() {
|
|
26
|
+
}
|
|
27
|
+
writeValue(value) {
|
|
28
|
+
this.ngModelValue = value;
|
|
29
|
+
}
|
|
30
|
+
registerOnChange(fn) {
|
|
31
|
+
this.onChange = fn;
|
|
32
|
+
}
|
|
33
|
+
registerOnTouched(fn) {
|
|
34
|
+
this.onTouch = fn;
|
|
35
|
+
}
|
|
36
|
+
setDisabledState(isDisabled) {
|
|
37
|
+
this.disabled = isDisabled;
|
|
38
|
+
}
|
|
39
|
+
onOptionSelected() {
|
|
40
|
+
this.onChange(this.ngModelValue);
|
|
41
|
+
this.onTouch();
|
|
42
|
+
this.onChangeEvent.emit();
|
|
43
|
+
}
|
|
44
|
+
getSizeName(value) {
|
|
45
|
+
return SizeType[value];
|
|
46
|
+
}
|
|
47
|
+
onInputBlur(event) {
|
|
48
|
+
const newValue = event.target.value;
|
|
49
|
+
this.ngModelValue = newValue;
|
|
50
|
+
this.onChange(this.ngModelValue);
|
|
51
|
+
this.onTouch();
|
|
52
|
+
this.onChangeEvent.emit();
|
|
53
|
+
}
|
|
54
|
+
convertToFormControl(absCtrl) {
|
|
55
|
+
const ctrl = absCtrl;
|
|
56
|
+
return ctrl;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
WEditSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
WEditSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WEditSelectComponent, selector: "w-edit-select", inputs: { label: "label", placeholder: "placeholder", size: "size", options: "options", optionLabel: "optionLabel", optionValue: "optionValue", appendTo: "appendTo", formControl1: ["formControl", "formControl1"], errorDescription: "errorDescription" }, outputs: { onChangeEvent: "onChange" }, providers: [
|
|
61
|
+
{
|
|
62
|
+
provide: NG_VALUE_ACCESSOR,
|
|
63
|
+
useExisting: forwardRef(() => WEditSelectComponent),
|
|
64
|
+
multi: true
|
|
65
|
+
}
|
|
66
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl1; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"true\" \r\n [formControl]=\"formControl1\" \r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"true\"\r\n [formControl]=\"formControl1\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n <div class=\"w-error-message-container w-full\">\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl1.hasError('required') && formControl1.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n </div>\r\n</ng-template>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-select-input-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-select-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .w-edit-select-input .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-input-select-field{margin:0}.w-input-select-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-select-label-disabled.w-input-select-label{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input .p-inputtext{padding:6px 0 6px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown .p-dropdown-trigger{width:24px;padding:8px 24px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel{padding:8px 8px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px 16px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}:host ::ng-deep p-dropdown.w-edit-select-input.ng-dirty.ng-invalid>.p-dropdown{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input-small .p-inputtext{padding:0 0 0 12px;align-self:center}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-dropdown-trigger{width:auto;height:28px;padding-right:12px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel{padding:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input-small .p-disabled .p-inputtext{color:#bdc1c6}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditSelectComponent, decorators: [{
|
|
68
|
+
type: Component,
|
|
69
|
+
args: [{ selector: 'w-edit-select', providers: [
|
|
70
|
+
{
|
|
71
|
+
provide: NG_VALUE_ACCESSOR,
|
|
72
|
+
useExisting: forwardRef(() => WEditSelectComponent),
|
|
73
|
+
multi: true
|
|
74
|
+
}
|
|
75
|
+
], template: "<div *ngIf=\"formControl1; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"true\" \r\n [formControl]=\"formControl1\" \r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"true\"\r\n [formControl]=\"formControl1\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n <div class=\"w-error-message-container w-full\">\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl1.hasError('required') && formControl1.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\r\n </div>\r\n</ng-template>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-select-input-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-select-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .w-edit-select-input .p-inputtext{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-input-select-field{margin:0}.w-input-select-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-select-label-disabled.w-input-select-label{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input .p-inputtext{padding:6px 0 6px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown .p-dropdown-trigger{width:24px;padding:8px 24px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel{padding:8px 8px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px 16px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}:host ::ng-deep p-dropdown.w-edit-select-input.ng-dirty.ng-invalid>.p-dropdown{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input-small .p-inputtext{padding:0 0 0 12px;align-self:center}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-dropdown-trigger{width:auto;height:28px;padding-right:12px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel{padding:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input-small .p-disabled .p-inputtext{color:#bdc1c6}\n"] }]
|
|
76
|
+
}], propDecorators: { label: [{
|
|
77
|
+
type: Input,
|
|
78
|
+
args: ['label']
|
|
79
|
+
}], placeholder: [{
|
|
80
|
+
type: Input,
|
|
81
|
+
args: ['placeholder']
|
|
82
|
+
}], size: [{
|
|
83
|
+
type: Input,
|
|
84
|
+
args: ['size']
|
|
85
|
+
}], options: [{
|
|
86
|
+
type: Input,
|
|
87
|
+
args: ['options']
|
|
88
|
+
}], optionLabel: [{
|
|
89
|
+
type: Input,
|
|
90
|
+
args: ['optionLabel']
|
|
91
|
+
}], optionValue: [{
|
|
92
|
+
type: Input,
|
|
93
|
+
args: ['optionValue']
|
|
94
|
+
}], appendTo: [{
|
|
95
|
+
type: Input,
|
|
96
|
+
args: ['appendTo']
|
|
97
|
+
}], formControl1: [{
|
|
98
|
+
type: Input,
|
|
99
|
+
args: ['formControl']
|
|
100
|
+
}], errorDescription: [{
|
|
101
|
+
type: Input,
|
|
102
|
+
args: ['errorDescription']
|
|
103
|
+
}], onChangeEvent: [{
|
|
104
|
+
type: Output,
|
|
105
|
+
args: ['onChange']
|
|
106
|
+
}] } });
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC1zZWxlY3Qvdy1lZGl0LXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC1zZWxlY3Qvdy1lZGl0LXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRixPQUFPLEVBQXNELGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBRXZHLElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLHlDQUFTLENBQUE7SUFDVCwyQ0FBVSxDQUFBO0lBQ1YseUNBQVMsQ0FBQTtBQUNYLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBY0QsTUFBTSxPQUFPLG9CQUFvQjtJQVpqQztRQWFrQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ2IsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDdkMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUNYLFNBQUksR0FBVyxRQUFRLENBQUM7UUFNWixxQkFBZ0IsR0FBVyxlQUFlLENBQUM7UUFFbEQsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUxRSxhQUFRLEdBQW9CLFFBQVEsQ0FBQztRQUVyQyxhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQ3pCLFlBQU8sR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7S0E4Q3pCO0lBekNDLFFBQVE7SUFDUixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUNELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFFZixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQVk7UUFDdEIsTUFBTSxRQUFRLEdBQUksS0FBSyxDQUFDLE1BQTJCLENBQUMsS0FBSyxDQUFDO1FBQzFELElBQUksQ0FBQyxZQUFZLEdBQUcsUUFBUSxDQUFDO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUVmLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELG9CQUFvQixDQUFDLE9BQStCO1FBQ2xELE1BQU0sSUFBSSxHQUFHLE9BQXNCLENBQUM7UUFDcEMsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOztpSEE5RFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsNlVBUnBCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ25CSCwydkZBOENjOzJGRHpCRCxvQkFBb0I7a0JBWmhDLFNBQVM7K0JBQ0UsZUFBZSxhQUdkO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDOzRCQUNuRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHZSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ1EsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUVMLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDSyxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ00sV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUNFLFdBQVc7c0JBQWhDLEtBQUs7dUJBQUMsYUFBYTtnQkFDRCxRQUFRO3NCQUExQixLQUFLO3VCQUFDLFVBQVU7Z0JBQ0ssWUFBWTtzQkFBakMsS0FBSzt1QkFBQyxhQUFhO2dCQUNPLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBRUwsYUFBYTtzQkFBaEMsTUFBTTt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBGb3JtQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5lbnVtIFNpemVUeXBle1xyXG4gIHNtYWxsID0gMCwgXHJcbiAgbWVkaXVtID0gMSwgXHJcbiAgbGFyZ2UgPSAyXHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1lZGl0LXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctZWRpdC1zZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctZWRpdC1zZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFdFZGl0U2VsZWN0Q29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXRWRpdFNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3J7XHJcbiAgQElucHV0KCdsYWJlbCcpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgncGxhY2Vob2xkZXInKSBwbGFjZWhvbGRlciA9IFwiXCI7XHJcbiAgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ3NpemUnKSBzaXplOiBzdHJpbmcgPSBcIm1lZGl1bVwiO1xyXG4gIEBJbnB1dCgnb3B0aW9ucycpIG9wdGlvbnM6IGFueTtcclxuICBASW5wdXQoJ29wdGlvbkxhYmVsJykgb3B0aW9uTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdvcHRpb25WYWx1ZScpIG9wdGlvblZhbHVlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnYXBwZW5kVG8nKSBhcHBlbmRUbyE6IHN0cmluZzsgXHJcbiAgQElucHV0KCdmb3JtQ29udHJvbCcpIGZvcm1Db250cm9sMSE6IEZvcm1Db250cm9sIHwgbnVsbDtcclxuICBASW5wdXQoJ2Vycm9yRGVzY3JpcHRpb24nKSBlcnJvckRlc2NyaXB0aW9uOiBzdHJpbmcgPSBcIkludmFsaWQgaW5wdXRcIjtcclxuXHJcbiAgQE91dHB1dCgnb25DaGFuZ2UnKSBvbkNoYW5nZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgc2l6ZVR5cGU6IHR5cGVvZiBTaXplVHlwZSA9IFNpemVUeXBlO1xyXG5cclxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XHJcbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XHJcblxyXG5cclxuICBuZ01vZGVsVmFsdWU6IGFueTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG4gIFxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xyXG4gIH1cclxuICBcclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgb25PcHRpb25TZWxlY3RlZCgpe1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuXHJcbiAgICB0aGlzLm9uQ2hhbmdlRXZlbnQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0U2l6ZU5hbWUodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gU2l6ZVR5cGVbdmFsdWVdO1xyXG4gIH1cclxuXHJcbiAgb25JbnB1dEJsdXIoZXZlbnQ6IEV2ZW50KXtcclxuICAgIGNvbnN0IG5ld1ZhbHVlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZTtcclxuICAgIHRoaXMubmdNb2RlbFZhbHVlID0gbmV3VmFsdWU7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMubmdNb2RlbFZhbHVlKTtcclxuICAgIHRoaXMub25Ub3VjaCgpO1xyXG5cclxuICAgIHRoaXMub25DaGFuZ2VFdmVudC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBjb252ZXJ0VG9Gb3JtQ29udHJvbChhYnNDdHJsOiBBYnN0cmFjdENvbnRyb2wgfCBudWxsKTogRm9ybUNvbnRyb2wge1xyXG4gICAgY29uc3QgY3RybCA9IGFic0N0cmwgYXMgRm9ybUNvbnRyb2w7XHJcbiAgICByZXR1cm4gY3RybDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiAqbmdJZj1cImZvcm1Db250cm9sMTsgZWxzZSBub05nQ29udHJvbFwiIGNsYXNzPVwidy1pbnB1dC1zZWxlY3QtZmllbGQgcC1mbHVpZCBmaWVsZFwiPlxyXG4gICAgPGxhYmVsICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWlucHV0LXNlbGVjdC1sYWJlbFwiIGh0bWxGb3I9XCJzdGF0ZVwiIFtuZ0NsYXNzXT1cInsndy1pbnB1dC1zZWxlY3QtbGFiZWwtZGlzYWJsZWQnIDogZGlzYWJsZWR9XCI+e3tsYWJlbH19PC9sYWJlbD5cclxuICAgIDxwLWRyb3Bkb3duICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtc2VsZWN0LWlucHV0XCIgXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyduZy1pbnZhbGlkIG5nLWRpcnR5JzogZm9ybUNvbnRyb2wxLmhhc0Vycm9yKCdyZXF1aXJlZCcpICYmIGZvcm1Db250cm9sMS50b3VjaGVkfVwiXHJcbiAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiIFxyXG4gICAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiIFxyXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFxyXG4gICAgICAgIFtzaG93Q2xlYXJdPVwidHJ1ZVwiIFxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbDFcIiBcclxuICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIj5cclxuICAgIDwvcC1kcm9wZG93bj5cclxuICAgIDxwLWRyb3Bkb3duICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpID09IHNpemVcIiBjbGFzcz1cInctZWRpdC1zZWxlY3QtaW5wdXQtc21hbGxcIiBcclxuICAgICAgICBbbmdDbGFzc109XCJ7J25nLWludmFsaWQgbmctZGlydHknOiBmb3JtQ29udHJvbDEuaGFzRXJyb3IoJ3JlcXVpcmVkJykgJiYgZm9ybUNvbnRyb2wxLnRvdWNoZWR9XCJcclxuICAgICAgICBbb3B0aW9uc109XCJvcHRpb25zXCIgXHJcbiAgICAgICAgW29wdGlvbkxhYmVsXT1cIm9wdGlvbkxhYmVsXCIgXHJcbiAgICAgICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCIgXHJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgXHJcbiAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCJcclxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2wxXCJcclxuICAgICAgICBbYXBwZW5kVG9dPVwiYXBwZW5kVG9cIj5cclxuICAgIDwvcC1kcm9wZG93bj5cclxuICAgIDxkaXYgY2xhc3M9XCJ3LWVycm9yLW1lc3NhZ2UtY29udGFpbmVyIHctZnVsbFwiPlxyXG4gICAgICAgIDxzbWFsbCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZSAmJiBmb3JtQ29udHJvbDEuaGFzRXJyb3IoJ3JlcXVpcmVkJykgJiYgZm9ybUNvbnRyb2wxLnRvdWNoZWRcIiBjbGFzcz1cInctZXJyb3ItbWVzc2FnZSBwLWVycm9yIGJsb2NrXCI+e3tlcnJvckRlc2NyaXB0aW9ufX08L3NtYWxsPiBcclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuPG5nLXRlbXBsYXRlICNub05nQ29udHJvbD5cclxuICAgIDxkaXYgY2xhc3M9XCJ3LWlucHV0LXNlbGVjdC1maWVsZCBwLWZsdWlkIGZpZWxkXCI+XHJcbiAgICAgICAgPGxhYmVsICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWlucHV0LXNlbGVjdC1sYWJlbFwiIGh0bWxGb3I9XCJzdGF0ZVwiIFtuZ0NsYXNzXT1cInsndy1pbnB1dC1zZWxlY3QtbGFiZWwtZGlzYWJsZWQnIDogZGlzYWJsZWR9XCI+e3tsYWJlbH19PC9sYWJlbD5cclxuICAgICAgICA8cC1kcm9wZG93biAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZVwiIGNsYXNzPVwidy1lZGl0LXNlbGVjdC1pbnB1dFwiIFxyXG4gICAgICAgICAgICBbb3B0aW9uc109XCJvcHRpb25zXCIgXHJcbiAgICAgICAgICAgIFtvcHRpb25MYWJlbF09XCJvcHRpb25MYWJlbFwiIFxyXG4gICAgICAgICAgICBbb3B0aW9uVmFsdWVdPVwib3B0aW9uVmFsdWVcIiBcclxuICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFsobmdNb2RlbCldPVwibmdNb2RlbFZhbHVlXCIgKG5nTW9kZWxDaGFuZ2UpPVwib25PcHRpb25TZWxlY3RlZCgpXCIgW3Nob3dDbGVhcl09XCJ0cnVlXCJcclxuICAgICAgICAgICAgW2FwcGVuZFRvXT1cImFwcGVuZFRvXCI+XHJcbiAgICAgICAgPC9wLWRyb3Bkb3duPlxyXG4gICAgICAgIDxwLWRyb3Bkb3duICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpID09IHNpemVcIiBjbGFzcz1cInctZWRpdC1zZWxlY3QtaW5wdXQtc21hbGxcIiBcclxuICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgICAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIiBcclxuICAgICAgICAgICAgW29wdGlvblZhbHVlXT1cIm9wdGlvblZhbHVlXCIgXHJcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cIm9uT3B0aW9uU2VsZWN0ZWQoKVwiIFtzaG93Q2xlYXJdPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIFthcHBlbmRUb109XCJhcHBlbmRUb1wiPlxyXG4gICAgICAgIDwvcC1kcm9wZG93bj5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPiJdfQ==
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { Input, forwardRef } from '@angular/core';
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/forms";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
import * as i3 from "primeng/treeselect";
|
|
8
|
+
var SizeType;
|
|
9
|
+
(function (SizeType) {
|
|
10
|
+
SizeType[SizeType["small"] = 0] = "small";
|
|
11
|
+
SizeType[SizeType["medium"] = 1] = "medium";
|
|
12
|
+
SizeType[SizeType["large"] = 2] = "large";
|
|
13
|
+
})(SizeType || (SizeType = {}));
|
|
14
|
+
export class WEditTreeselectComponent {
|
|
15
|
+
constructor() {
|
|
16
|
+
this.disabled = false;
|
|
17
|
+
this.size = "medium";
|
|
18
|
+
this.errorDescription = "Invalid input";
|
|
19
|
+
this.sizeType = SizeType;
|
|
20
|
+
this.onChange = () => { };
|
|
21
|
+
this.onTouch = () => { };
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() { }
|
|
24
|
+
writeValue(value) {
|
|
25
|
+
this.ngModelValue = value;
|
|
26
|
+
}
|
|
27
|
+
registerOnChange(fn) {
|
|
28
|
+
this.onChange = fn;
|
|
29
|
+
}
|
|
30
|
+
registerOnTouched(fn) {
|
|
31
|
+
this.onTouch = fn;
|
|
32
|
+
}
|
|
33
|
+
setDisabledState(isDisabled) {
|
|
34
|
+
this.disabled = isDisabled;
|
|
35
|
+
}
|
|
36
|
+
onOptionSelected() {
|
|
37
|
+
console.log(this.ngModelValue);
|
|
38
|
+
this.onChange(this.ngModelValue);
|
|
39
|
+
this.onTouch();
|
|
40
|
+
}
|
|
41
|
+
onInputBlur(event) {
|
|
42
|
+
const newValue = event.target.value;
|
|
43
|
+
this.ngModelValue = newValue;
|
|
44
|
+
this.onChange(this.ngModelValue);
|
|
45
|
+
this.onTouch();
|
|
46
|
+
}
|
|
47
|
+
getSizeName(value) {
|
|
48
|
+
return SizeType[value];
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
WEditTreeselectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditTreeselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
WEditTreeselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WEditTreeselectComponent, selector: "w-edit-treeselect", inputs: { label: "label", placeholder: "placeholder", disabled: "disabled", size: "size", options: "options", formControl: "formControl", errorDescription: "errorDescription", filterBy: "filterBy" }, providers: [
|
|
53
|
+
{
|
|
54
|
+
provide: NG_VALUE_ACCESSOR,
|
|
55
|
+
useExisting: forwardRef(() => WEditTreeselectComponent),
|
|
56
|
+
multi: true
|
|
57
|
+
}
|
|
58
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [formControl]=\"formControl\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [formControl]=\"formControl\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:6px 0 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:6px 0 6px 14px;color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder{color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px;font-size:14px;line-height:16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TreeSelect, selector: "p-treeSelect", inputs: ["type", "inputId", "scrollHeight", "disabled", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "options", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onNodeUnselect", "onNodeSelect"] }] });
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditTreeselectComponent, decorators: [{
|
|
60
|
+
type: Component,
|
|
61
|
+
args: [{ selector: 'w-edit-treeselect', providers: [
|
|
62
|
+
{
|
|
63
|
+
provide: NG_VALUE_ACCESSOR,
|
|
64
|
+
useExisting: forwardRef(() => WEditTreeselectComponent),
|
|
65
|
+
multi: true
|
|
66
|
+
}
|
|
67
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [formControl]=\"formControl\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [formControl]=\"formControl\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [options]=\"options\" \r\n placeholder=\"Select Item\" \r\n [showClear]=\"true\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n appendTo=\"body\">\r\n </p-treeSelect>\r\n </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder,:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:6px 0 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:6px 0 6px 14px;color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder{color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px;font-size:14px;line-height:16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}\n"] }]
|
|
68
|
+
}], propDecorators: { label: [{
|
|
69
|
+
type: Input,
|
|
70
|
+
args: ['label']
|
|
71
|
+
}], placeholder: [{
|
|
72
|
+
type: Input,
|
|
73
|
+
args: ['placeholder']
|
|
74
|
+
}], disabled: [{
|
|
75
|
+
type: Input,
|
|
76
|
+
args: ['disabled']
|
|
77
|
+
}], size: [{
|
|
78
|
+
type: Input,
|
|
79
|
+
args: ['size']
|
|
80
|
+
}], options: [{
|
|
81
|
+
type: Input,
|
|
82
|
+
args: ['options']
|
|
83
|
+
}], formControl: [{
|
|
84
|
+
type: Input,
|
|
85
|
+
args: ['formControl']
|
|
86
|
+
}], errorDescription: [{
|
|
87
|
+
type: Input,
|
|
88
|
+
args: ['errorDescription']
|
|
89
|
+
}], filterBy: [{
|
|
90
|
+
type: Input,
|
|
91
|
+
args: ['filterBy']
|
|
92
|
+
}] } });
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1lZGl0LXRyZWVzZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvZWRpdC93LWVkaXQtdHJlZXNlbGVjdC93LWVkaXQtdHJlZXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9lZGl0L3ctZWRpdC10cmVlc2VsZWN0L3ctZWRpdC10cmVlc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFxQyxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7OztBQUd0RixJQUFLLFFBSUo7QUFKRCxXQUFLLFFBQVE7SUFDWCx5Q0FBUyxDQUFBO0lBQ1QsMkNBQVUsQ0FBQTtJQUNWLHlDQUFTLENBQUE7QUFDWCxDQUFDLEVBSkksUUFBUSxLQUFSLFFBQVEsUUFJWjtBQWNELE1BQU0sT0FBTyx3QkFBd0I7SUFackM7UUFlcUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUM5QixTQUFJLEdBQVcsUUFBUSxDQUFDO1FBR1oscUJBQWdCLEdBQVcsZUFBZSxDQUFDO1FBR3RFLGFBQVEsR0FBb0IsUUFBUSxDQUFDO1FBRXJDLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsWUFBTyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQXNDekI7SUFsQ0MsUUFBUSxLQUFVLENBQUM7SUFFbkIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLE1BQU0sUUFBUSxHQUFJLEtBQUssQ0FBQyxNQUEyQixDQUFDLEtBQUssQ0FBQztRQUMxRCxJQUFJLENBQUMsWUFBWSxHQUFHLFFBQVEsQ0FBQztRQUM3QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O3FIQWxEVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixvUEFSeEI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztZQUN2RCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDckJILDg2RUFtREE7MkZENUJhLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxtQkFBbUIsYUFHbEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7NEJBQ3ZELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUdlLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDUSxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0QsUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNGLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDSyxPQUFPO3NCQUF4QixLQUFLO3VCQUFDLFNBQVM7Z0JBQ00sV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUNPLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ04sUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgV0VkaXRNdWx0aXNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4uL3ctZWRpdC1tdWx0aXNlbGVjdC93LWVkaXQtbXVsdGlzZWxlY3QuY29tcG9uZW50JztcclxuXHJcbmVudW0gU2l6ZVR5cGV7XHJcbiAgc21hbGwgPSAwLCBcclxuICBtZWRpdW0gPSAxLCBcclxuICBsYXJnZSA9IDJcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LWVkaXQtdHJlZXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctZWRpdC10cmVlc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LWVkaXQtdHJlZXNlbGVjdC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV0VkaXRUcmVlc2VsZWN0Q29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXRWRpdFRyZWVzZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBASW5wdXQoJ2xhYmVsJykgbGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdwbGFjZWhvbGRlcicpIHBsYWNlaG9sZGVyITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnZGlzYWJsZWQnKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnc2l6ZScpIHNpemU6IHN0cmluZyA9IFwibWVkaXVtXCI7XHJcbiAgQElucHV0KCdvcHRpb25zJykgb3B0aW9uczogYW55O1xyXG4gIEBJbnB1dCgnZm9ybUNvbnRyb2wnKSBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sIHwgbnVsbDtcclxuICBASW5wdXQoJ2Vycm9yRGVzY3JpcHRpb24nKSBlcnJvckRlc2NyaXB0aW9uOiBzdHJpbmcgPSBcIkludmFsaWQgaW5wdXRcIjtcclxuICBASW5wdXQoJ2ZpbHRlckJ5JykgZmlsdGVyQnkhOiBzdHJpbmc7XHJcblxyXG4gIHNpemVUeXBlOiB0eXBlb2YgU2l6ZVR5cGUgPSBTaXplVHlwZTtcclxuXHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xyXG4gIG9uVG91Y2g6IGFueSA9ICgpID0+IHt9O1xyXG5cclxuICBuZ01vZGVsVmFsdWU6IGFueTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMubmdNb2RlbFZhbHVlID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xyXG4gIH1cclxuICBcclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgb25PcHRpb25TZWxlY3RlZCgpe1xyXG4gICAgY29uc29sZS5sb2codGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICB9XHJcblxyXG4gIG9uSW5wdXRCbHVyKGV2ZW50OiBFdmVudCl7XHJcbiAgICBjb25zdCBuZXdWYWx1ZSA9IChldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudCkudmFsdWU7XHJcbiAgICB0aGlzLm5nTW9kZWxWYWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLm5nTW9kZWxWYWx1ZSk7XHJcbiAgICB0aGlzLm9uVG91Y2goKTtcclxuICB9XHJcblxyXG4gIGdldFNpemVOYW1lKHZhbHVlOiBudW1iZXIpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIFNpemVUeXBlW3ZhbHVlXTtcclxuICB9XHJcbn0iLCI8ZGl2ICpuZ0lmPVwiZm9ybUNvbnRyb2w7IGVsc2Ugbm9OZ0NvbnRyb2xcIiBjbGFzcz1cInctZWRpdC10cmVlc2VsZWN0LWZpZWxkIHAtZmx1aWQgZmllbGRcIj5cclxuICAgIDxsYWJlbCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZVwiIGNsYXNzPVwidy1lZGl0LXRyZWVzZWxlY3QtbGFiZWwgYm9keVwiPnt7bGFiZWx9fTwvbGFiZWw+XHJcbiAgICA8cC10cmVlU2VsZWN0ICpuZ0lmPVwiZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtdHJlZXNlbGVjdC1pbnB1dFwiIFxyXG4gICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIiBcclxuICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBJdGVtXCIgXHJcbiAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCIgXHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxyXG4gICAgICAgIFtmaWx0ZXJCeV09XCJmaWx0ZXJCeVwiIFxyXG4gICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiIFxyXG4gICAgICAgIGFwcGVuZFRvPVwiYm9keVwiPlxyXG4gICAgPC9wLXRyZWVTZWxlY3Q+XHJcbiAgICA8c21hbGwgKm5nSWY9XCJnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pID09IHNpemUgJiYgZm9ybUNvbnRyb2wuaGFzRXJyb3IoJ3JlcXVpcmVkJykgJiYgZm9ybUNvbnRyb2wudG91Y2hlZFwiIGNsYXNzPVwidy1lcnJvci1tZXNzYWdlIHAtZXJyb3IgYmxvY2tcIj57e2Vycm9yRGVzY3JpcHRpb259fTwvc21hbGw+IFxyXG4gICAgPHAtdHJlZVNlbGVjdCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLnNtYWxsKSA9PSBzaXplXCIgY2xhc3M9XCJ3LWVkaXQtdHJlZXNlbGVjdC1pbnB1dC1zbWFsbFwiIFxyXG4gICAgICAgIFtvcHRpb25zXT1cIm9wdGlvbnNcIiBcclxuICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBJdGVtXCIgXHJcbiAgICAgICAgW3Nob3dDbGVhcl09XCJ0cnVlXCIgXHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxyXG4gICAgICAgIFtmaWx0ZXJCeV09XCJmaWx0ZXJCeVwiXHJcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCIgXHJcbiAgICAgICAgYXBwZW5kVG89XCJib2R5XCI+XHJcbiAgICA8L3AtdHJlZVNlbGVjdD5cclxuPC9kaXY+XHJcbjxuZy10ZW1wbGF0ZSAjbm9OZ0NvbnRyb2w+XHJcbiAgICA8ZGl2IGNsYXNzPVwidy1lZGl0LXRyZWVzZWxlY3QtZmllbGQgcC1mbHVpZCBmaWVsZFwiPlxyXG4gICAgICAgIDxsYWJlbCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZVwiIGNsYXNzPVwidy1lZGl0LXRyZWVzZWxlY3QtbGFiZWwgYm9keVwiPnt7bGFiZWx9fTwvbGFiZWw+XHJcbiAgICAgICAgPHAtdHJlZVNlbGVjdCAqbmdJZj1cImdldFNpemVOYW1lKHNpemVUeXBlLm1lZGl1bSkgPT0gc2l6ZVwiIGNsYXNzPVwidy1lZGl0LXRyZWVzZWxlY3QtaW5wdXRcIiBcclxuICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBJdGVtXCIgXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJdPVwidHJ1ZVwiIFxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxyXG4gICAgICAgICAgICBbZmlsdGVyQnldPVwiZmlsdGVyQnlcIiBcclxuICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJuZ01vZGVsVmFsdWVcIiBcclxuICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25PcHRpb25TZWxlY3RlZCgpXCIgXHJcbiAgICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiPlxyXG4gICAgICAgIDwvcC10cmVlU2VsZWN0PlxyXG4gICAgICAgIDxwLXRyZWVTZWxlY3QgKm5nSWY9XCJnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCkgPT0gc2l6ZVwiIGNsYXNzPVwidy1lZGl0LXRyZWVzZWxlY3QtaW5wdXQtc21hbGxcIiBcclxuICAgICAgICAgICAgW29wdGlvbnNdPVwib3B0aW9uc1wiIFxyXG4gICAgICAgICAgICBwbGFjZWhvbGRlcj1cIlNlbGVjdCBJdGVtXCIgXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJdPVwidHJ1ZVwiIFxyXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICBbZmlsdGVyXT1cInRydWVcIlxyXG4gICAgICAgICAgICBbZmlsdGVyQnldPVwiZmlsdGVyQnlcIlxyXG4gICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIFxyXG4gICAgICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbk9wdGlvblNlbGVjdGVkKClcIiBcclxuICAgICAgICAgICAgYXBwZW5kVG89XCJib2R5XCI+XHJcbiAgICAgICAgPC9wLXRyZWVTZWxlY3Q+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
|