ngx-wapp-components 1.0.52 → 1.0.53
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/esm2020/lib/edit/w-edit-input-number/w-edit-input-number.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-input-text/w-edit-input-text.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-input-textarea/w-edit-input-textarea.component.mjs +3 -3
- package/esm2020/lib/edit/w-edit-multiselect/w-edit-multiselect.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs +2 -2
- package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs +2 -2
- package/esm2020/lib/layout/w-panel/w-panel.component.mjs +17 -3
- package/esm2020/lib/layout/w-panel-grid/w-panel-grid.component.mjs +2 -2
- package/esm2020/lib/maps/w-maps/w-maps.component.mjs +159 -0
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +4 -4
- package/esm2020/lib/search/w-input-search/w-input-search.component.mjs +2 -2
- package/esm2020/lib/tables/w-table/w-table.component.mjs +2 -2
- package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +2 -2
- package/esm2020/lib/tables/w-tree-table/w-tree-table.component.mjs +2 -2
- package/esm2020/lib/view/w-view-card-title-text/w-view-card-title-text.component.mjs +17 -0
- package/esm2020/lib/wapp-components.module.mjs +10 -5
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/ngx-wapp-components.mjs +205 -35
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +205 -35
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/layout/w-panel/w-panel.component.d.ts +3 -1
- package/lib/maps/w-maps/w-maps.component.d.ts +34 -0
- package/lib/view/w-view-card-title-text/w-view-card-title-text.component.d.ts +9 -0
- package/lib/wapp-components.module.d.ts +45 -44
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/esm2020/lib/view/wapp-view-card-title-text/wapp-view-card-title-text.component.mjs +0 -17
- package/lib/view/wapp-view-card-title-text/wapp-view-card-title-text.component.d.ts +0 -9
|
@@ -57,7 +57,7 @@ WEditMultiselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
|
|
|
57
57
|
useExisting: forwardRef(() => WEditMultiselectComponent),
|
|
58
58
|
multi: true
|
|
59
59
|
}
|
|
60
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\r\n </p-multiSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small>\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 && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [showClear]=\"showClear\"> \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 [showClear]=\"showClear\">\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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\r\n </p-multiSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small>\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 && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [showClear]=\"showClear\"> \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 [showClear]=\"showClear\">\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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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 p-multiselect.w-input-multiselect.p-multiselect-clearable .p-multiselect-label-container{padding-right:0}:host ::ng-deep .w-input-multiselect .p-multiselect:hover{border:2px solid #00b2eb}: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 14px;color:#bdc1c6}:host ::ng-deep .w-input-multiselect .p-multiselect.p-multiselect-chip .p-multiselect-label{padding:6px 0 6px 14px}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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"] }] });
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditMultiselectComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'w-edit-multiselect', providers: [
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
66
66
|
useExisting: forwardRef(() => WEditMultiselectComponent),
|
|
67
67
|
multi: true
|
|
68
68
|
}
|
|
69
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\r\n </p-multiSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small>\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 && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [showClear]=\"showClear\"> \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 [showClear]=\"showClear\">\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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-multiselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\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 [required]=\"required\" \r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\"\r\n [showClear]=\"showClear\" \r\n (onChange)=\"onOptionSelectedForm($event)\">\r\n </p-multiSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small>\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 && (label != undefined && label.length > 0)\" class=\"w-input-multiselect-label body\" [ngClass]=\"{'w-input-multiselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [showClear]=\"showClear\"> \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 [showClear]=\"showClear\">\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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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 p-multiselect.w-input-multiselect.p-multiselect-clearable .p-multiselect-label-container{padding-right:0}:host ::ng-deep .w-input-multiselect .p-multiselect:hover{border:2px solid #00b2eb}: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 14px;color:#bdc1c6}:host ::ng-deep .w-input-multiselect .p-multiselect.p-multiselect-chip .p-multiselect-label{padding:6px 0 6px 14px}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-input-multiselect-small .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;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:#d6f2ff;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:#1f5b72!important;background:#1f5b72;color:#1f5b72!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"] }]
|
|
70
70
|
}], propDecorators: { label: [{
|
|
71
71
|
type: Input,
|
|
72
72
|
args: ['label']
|
|
@@ -59,7 +59,7 @@ WEditSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
59
59
|
useExisting: forwardRef(() => WEditSelectComponent),
|
|
60
60
|
multi: true
|
|
61
61
|
}
|
|
62
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [filter]=\"filter\"\r\n [showClear]=\"showClear\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\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': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\r\n </p-dropdown>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\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 [filter]=\"filter\"\r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\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,: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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#d6f2ff;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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#d6f2ff;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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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"] }] });
|
|
62
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [filter]=\"filter\"\r\n [showClear]=\"showClear\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\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': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\r\n </p-dropdown>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\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 [filter]=\"filter\"\r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\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,: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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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 14px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#d6f2ff;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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#d6f2ff;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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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"] }] });
|
|
63
63
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditSelectComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{ selector: 'w-edit-select', providers: [
|
|
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
68
68
|
useExisting: forwardRef(() => WEditSelectComponent),
|
|
69
69
|
multi: true
|
|
70
70
|
}
|
|
71
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [filter]=\"filter\"\r\n [showClear]=\"showClear\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\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': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\r\n </p-dropdown>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\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 [filter]=\"filter\"\r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\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,: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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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
|
|
71
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [filter]=\"filter\"\r\n [showClear]=\"showClear\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\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': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\"\r\n [appendTo]=\"appendTo\" \r\n (onChange)=\"onOptionSelectForm($event)\">\r\n </p-dropdown>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\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 [filter]=\"filter\"\r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\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 [filter]=\"filter\"\r\n [optionLabel]=\"optionLabel\" \r\n [optionValue]=\"optionValue\" \r\n [placeholder]=\"placeholder\" \r\n [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"showClear\"\r\n [appendTo]=\"appendTo\">\r\n </p-dropdown>\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,: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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.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 14px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#d6f2ff;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 #00b2eb}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#d6f2ff;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"] }]
|
|
72
72
|
}], propDecorators: { label: [{
|
|
73
73
|
type: Input,
|
|
74
74
|
args: ['label']
|
|
@@ -57,7 +57,7 @@ WEditTreeselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
|
|
|
57
57
|
useExisting: forwardRef(() => WEditTreeselectComponent),
|
|
58
58
|
multi: true
|
|
59
59
|
}
|
|
60
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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,.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-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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}.w-edit-treeselect-label-disabled.w-edit-treeselect-label{color:#bdc1c6}: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 #00b2eb}: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 p-treeselect.w-edit-treeselect-input.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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 .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}: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 #00b2eb}: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 p-treeselect.w-edit-treeselect-input-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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.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"] }] });
|
|
60
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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,.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-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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}.w-edit-treeselect-label-disabled.w-edit-treeselect-label{color:#bdc1c6}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-input.p-treeselect-clearable .p-treeselect-label-container{padding-right:0}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #00b2eb}: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 p-treeselect.w-edit-treeselect-input.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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 .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}: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 #00b2eb}: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 p-treeselect.w-edit-treeselect-input-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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.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"] }] });
|
|
61
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditTreeselectComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'w-edit-treeselect', providers: [
|
|
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
66
66
|
useExisting: forwardRef(() => WEditTreeselectComponent),
|
|
67
67
|
multi: true
|
|
68
68
|
}
|
|
69
|
-
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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,.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-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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}.w-edit-treeselect-label-disabled.w-edit-treeselect-label{color:#bdc1c6}: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 #00b2eb}: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 p-treeselect.w-edit-treeselect-input.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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 .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}: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 #00b2eb}: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 p-treeselect.w-edit-treeselect-input-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"] }]
|
|
69
|
+
], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n <label *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n [ngClass]=\"{'ng-invalid ng-dirty': formControl.dirty && formControl.hasError('required')}\"\r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [required]=\"required\"\r\n [formControl]=\"formControl\" \r\n [appendTo]=\"appendTo\" \r\n (onNodeSelect)=\"onOptionSelectedForm($event)\">\r\n </p-treeSelect>\r\n <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.dirty && formControl.hasError('required')\" \r\n class=\"w-error-message-container w-full w-error-message p-error block\">{{errorDescription}}</small> \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 && (label != undefined && label.length > 0)\" class=\"w-edit-treeselect-label body\" [ngClass]=\"{'w-edit-treeselect-label-disabled' : disabled}\">{{label}}</label>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size && (label != undefined && label == '')\" class=\"w-generic-input-no-label-height\"></div>\r\n <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n [options]=\"options\" \r\n [placeholder]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\" \r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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]=\"placeholder\" \r\n [showClear]=\"showClear\" \r\n [disabled]=\"disabled\"\r\n [filter]=\"true\"\r\n [filterBy]=\"filterBy\"\r\n [(ngModel)]=\"ngModelValue\" \r\n (ngModelChange)=\"onOptionSelected()\" \r\n [appendTo]=\"appendTo\">\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,.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-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 #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.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;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}.w-edit-treeselect-label-disabled.w-edit-treeselect-label{color:#bdc1c6}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep p-treeselect.w-edit-treeselect-input.p-treeselect-clearable .p-treeselect-label-container{padding-right:0}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #00b2eb}: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 p-treeselect.w-edit-treeselect-input.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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 .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}: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 #00b2eb}: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 p-treeselect.w-edit-treeselect-input-small.ng-invalid.ng-dirty>.p-treeselect{border-color:#ffbdbd}: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:#d6f2ff;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#d6f2ff;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}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-treeselect-input-small .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}\n"] }]
|
|
70
70
|
}], propDecorators: { label: [{
|
|
71
71
|
type: Input,
|
|
72
72
|
args: ['label']
|
|
@@ -6,13 +6,24 @@ export class WPanelComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.activeGrid = true;
|
|
8
8
|
this.reduced = false;
|
|
9
|
+
this.justifyContent = '';
|
|
10
|
+
}
|
|
11
|
+
getCombinedClasses() {
|
|
12
|
+
let classes = [];
|
|
13
|
+
if (this.activeGrid) {
|
|
14
|
+
classes.push('w-panel-content grid');
|
|
15
|
+
}
|
|
16
|
+
if (this.justifyContent.length > 0) {
|
|
17
|
+
classes.push('flex flex-wrap ' + this.justifyContent);
|
|
18
|
+
}
|
|
19
|
+
return classes.join(' ');
|
|
9
20
|
}
|
|
10
21
|
}
|
|
11
22
|
WPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", activeGrid: "activeGrid", reduced: "reduced" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n <div [ngClass]=\"
|
|
23
|
+
WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", activeGrid: "activeGrid", reduced: "reduced", justifyContent: "justifyContent" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n <div [ngClass]=\"getCombinedClasses()\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", 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{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{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title"] }] });
|
|
13
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, decorators: [{
|
|
14
25
|
type: Component,
|
|
15
|
-
args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n <div [ngClass]=\"
|
|
26
|
+
args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n <div [ngClass]=\"getCombinedClasses()\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", 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{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{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
|
|
16
27
|
}], propDecorators: { width: [{
|
|
17
28
|
type: Input,
|
|
18
29
|
args: ['width']
|
|
@@ -25,5 +36,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
25
36
|
}], reduced: [{
|
|
26
37
|
type: Input,
|
|
27
38
|
args: ['reduced']
|
|
39
|
+
}], justifyContent: [{
|
|
40
|
+
type: Input,
|
|
41
|
+
args: ['justifyContent']
|
|
28
42
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1wYW5lbC93LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsL3ctcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFRdUIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUM5QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ2xCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO0tBZXREO0lBYkMsa0JBQWtCO1FBQ2hCLElBQUksT0FBTyxHQUFHLEVBQUUsQ0FBQztRQUVqQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsT0FBTyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1NBQ3RDO1FBRUQsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDbEMsT0FBTyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsR0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDckQ7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7NEdBbkJVLGVBQWU7Z0dBQWYsZUFBZSwyS0NQNUIsc1JBS007MkZERU8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTOzhCQUtILEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDRSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ08sVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNELE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDUyxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1wYW5lbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctcGFuZWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1BhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoJ3dpZHRoJykgd2lkdGg6IGFueTtcclxuICBASW5wdXQoJ3RpdGxlJykgdGl0bGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdhY3RpdmVHcmlkJykgYWN0aXZlR3JpZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCdyZWR1Y2VkJykgcmVkdWNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnanVzdGlmeUNvbnRlbnQnKSBqdXN0aWZ5Q29udGVudDogc3RyaW5nID0gJyc7XHJcbiAgXHJcbiAgZ2V0Q29tYmluZWRDbGFzc2VzKCkge1xyXG4gICAgbGV0IGNsYXNzZXMgPSBbXTtcclxuICBcclxuICAgIGlmICh0aGlzLmFjdGl2ZUdyaWQpIHtcclxuICAgICAgY2xhc3Nlcy5wdXNoKCd3LXBhbmVsLWNvbnRlbnQgZ3JpZCcpO1xyXG4gICAgfVxyXG4gIFxyXG4gICAgaWYgKHRoaXMuanVzdGlmeUNvbnRlbnQubGVuZ3RoID4gMCkge1xyXG4gICAgICBjbGFzc2VzLnB1c2goJ2ZsZXggZmxleC13cmFwICcrdGhpcy5qdXN0aWZ5Q29udGVudCk7XHJcbiAgICB9XHJcbiAgXHJcbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW25nQ2xhc3NdPVwieyAndy1wYW5lbCc6ICFyZWR1Y2VkLCAndy1yZWR1Y2VkLXBhbmVsJzogcmVkdWNlZH1cIiBjbGFzcz1cInctZnVsbCBoLWZ1bGxcIj5cclxuICAgIDx3LXBhbmVsLXRpdGxlICpuZ0lmPVwidGl0bGVcIiBbdGl0bGVdPVwidGl0bGVcIj48L3ctcGFuZWwtdGl0bGU+XHJcbiAgICA8ZGl2IFtuZ0NsYXNzXT1cImdldENvbWJpbmVkQ2xhc3NlcygpXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
export class WPanelGridComponent {
|
|
4
4
|
}
|
|
5
5
|
WPanelGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
WPanelGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelGridComponent, selector: "w-panel-grid", ngImport: i0, template: "<div class=\"w-panel-grid grid\">\r\n <ng-content></ng-content>\r\n</div>", 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{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{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-panel-grid .col-1{padding:
|
|
6
|
+
WPanelGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelGridComponent, selector: "w-panel-grid", ngImport: i0, template: "<div class=\"w-panel-grid grid\">\r\n <ng-content></ng-content>\r\n</div>", 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{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{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-panel-grid .col-1{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-2{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-3{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-4{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-5{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-6{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-7{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-8{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-9{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-10{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-11{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-12{padding:28px 20px}:host ::ng-deep .w-panel-grid.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}\n"] });
|
|
7
7
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelGridComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
|
-
args: [{ selector: 'w-panel-grid', template: "<div class=\"w-panel-grid grid\">\r\n <ng-content></ng-content>\r\n</div>", 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{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{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-panel-grid .col-1{padding:
|
|
9
|
+
args: [{ selector: 'w-panel-grid', template: "<div class=\"w-panel-grid grid\">\r\n <ng-content></ng-content>\r\n</div>", 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{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{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.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;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.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 8px #46ff9b80!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 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!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}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-panel-grid .col-1{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-2{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-3{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-4{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-5{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-6{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-7{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-8{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-9{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-10{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-11{padding:28px 20px}:host ::ng-deep .w-panel-grid .col-12{padding:28px 20px}:host ::ng-deep .w-panel-grid.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}\n"] }]
|
|
10
10
|
}] });
|
|
11
11
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsLWdyaWQvdy1wYW5lbC1ncmlkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsLWdyaWQvdy1wYW5lbC1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7b0dBQW5CLG1CQUFtQixvRENQaEMsOEVBRU07MkZES08sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1wYW5lbC1ncmlkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1wYW5lbC1ncmlkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXBhbmVsLWdyaWQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1BhbmVsR3JpZENvbXBvbmVudCB7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3LXBhbmVsLWdyaWQgZ3JpZFwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=
|