ngx-wapp-components 1.0.21 → 1.0.22

package/esm2020/lib/edit/w-edit-select/w-edit-select.component.mjs

@@ -59,7 +59,7 @@ WEditSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             useExisting: forwardRef(() => WEditSelectComponent),
             multi: true
         }
-    ], ngImport: i0, template: "<div *ngIf=\"formControl1; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [placeholder]=\"placeholder\" \r\n        [filter]=\"filter\"\r\n        [showClear]=\"true\" \r\n        [formControl]=\"formControl1\" \r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [filter]=\"filter\"\r\n        [placeholder]=\"placeholder\" \r\n        [showClear]=\"true\"\r\n        [formControl]=\"formControl1\"\r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <div class=\"w-error-message-container w-full\">\r\n        <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl1.hasError('required') && formControl1.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-input-select-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n            [options]=\"options\" \r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [filter]=\"filter\"\r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n            [options]=\"options\" \r\n            [filter]=\"filter\"\r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n    </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-select-input-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-select-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-input-select-field{margin:0}.w-input-select-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-select-label-disabled.w-input-select-label{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input .p-inputtext{padding:6px 0 6px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown .p-dropdown-trigger{width:24px;padding:8px 24px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel{padding:8px 8px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px 16px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}:host ::ng-deep p-dropdown.w-edit-select-input.ng-dirty.ng-invalid>.p-dropdown{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input-small .p-inputtext{padding:0 0 0 12px;align-self:center}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-dropdown-trigger{width:auto;height:28px;padding-right:12px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel{padding:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input-small .p-disabled .p-inputtext{color:#bdc1c6}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
+    ], ngImport: i0, template: "<div *ngIf=\"formControl1; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [placeholder]=\"placeholder\" \r\n        [filter]=\"filter\"\r\n        [showClear]=\"true\" \r\n        [formControl]=\"formControl1\" \r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [filter]=\"filter\"\r\n        [placeholder]=\"placeholder\" \r\n        [showClear]=\"true\"\r\n        [formControl]=\"formControl1\"\r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <div class=\"w-error-message-container w-full\">\r\n        <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl1.hasError('required') && formControl1.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-input-select-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n            [options]=\"options\" \r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [filter]=\"filter\"\r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n            [options]=\"options\" \r\n            [filter]=\"filter\"\r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n    </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-select-input-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-select-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-input-select-field{margin:0}.w-input-select-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-select-label-disabled.w-input-select-label{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input .p-inputtext{padding:6px 0 6px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown .p-dropdown-trigger{width:24px;padding:8px 24px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel{padding:8px 8px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px 16px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}:host ::ng-deep p-dropdown.w-edit-select-input.ng-dirty.ng-invalid>.p-dropdown{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input-small .p-inputtext{padding:0 0 0 12px;align-self:center}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-dropdown-trigger{width:auto;height:28px;padding-right:12px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel{padding:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input-small .p-disabled .p-inputtext{color:#bdc1c6}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'w-edit-select', providers: [
@@ -68,7 +68,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                             useExisting: forwardRef(() => WEditSelectComponent),
                             multi: true
                         }
-                    ], template: "<div *ngIf=\"formControl1; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [placeholder]=\"placeholder\" \r\n        [filter]=\"filter\"\r\n        [showClear]=\"true\" \r\n        [formControl]=\"formControl1\" \r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [filter]=\"filter\"\r\n        [placeholder]=\"placeholder\" \r\n        [showClear]=\"true\"\r\n        [formControl]=\"formControl1\"\r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <div class=\"w-error-message-container w-full\">\r\n        <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl1.hasError('required') && formControl1.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-input-select-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n            [options]=\"options\" \r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [filter]=\"filter\"\r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n            [options]=\"options\" \r\n            [filter]=\"filter\"\r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n    </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-select-input-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-select-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-input-select-field{margin:0}.w-input-select-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-select-label-disabled.w-input-select-label{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input .p-inputtext{padding:6px 0 6px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown .p-dropdown-trigger{width:24px;padding:8px 24px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel{padding:8px 8px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px 16px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}:host ::ng-deep p-dropdown.w-edit-select-input.ng-dirty.ng-invalid>.p-dropdown{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input-small .p-inputtext{padding:0 0 0 12px;align-self:center}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-dropdown-trigger{width:auto;height:28px;padding-right:12px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel{padding:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input-small .p-disabled .p-inputtext{color:#bdc1c6}\n"] }]
+                    ], template: "<div *ngIf=\"formControl1; else noNgControl\" class=\"w-input-select-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [placeholder]=\"placeholder\" \r\n        [filter]=\"filter\"\r\n        [showClear]=\"true\" \r\n        [formControl]=\"formControl1\" \r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n        [ngClass]=\"{'ng-invalid ng-dirty': formControl1.hasError('required') && formControl1.touched}\"\r\n        [options]=\"options\" \r\n        [optionLabel]=\"optionLabel\" \r\n        [optionValue]=\"optionValue\" \r\n        [filter]=\"filter\"\r\n        [placeholder]=\"placeholder\" \r\n        [showClear]=\"true\"\r\n        [formControl]=\"formControl1\"\r\n        [appendTo]=\"appendTo\">\r\n    </p-dropdown>\r\n    <div class=\"w-error-message-container w-full\">\r\n        <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl1.hasError('required') && formControl1.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    </div>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-input-select-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-input-select-label\" htmlFor=\"state\" [ngClass]=\"{'w-input-select-label-disabled' : disabled}\">{{label}}</label>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-select-input\" \r\n            [options]=\"options\" \r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [filter]=\"filter\"\r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n        <p-dropdown *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-select-input-small\" \r\n            [options]=\"options\" \r\n            [filter]=\"filter\"\r\n            [optionLabel]=\"optionLabel\" \r\n            [optionValue]=\"optionValue\" \r\n            [placeholder]=\"placeholder\" \r\n            [disabled]=\"disabled\" [(ngModel)]=\"ngModelValue\" (ngModelChange)=\"onOptionSelected()\" [showClear]=\"true\"\r\n            [appendTo]=\"appendTo\">\r\n        </p-dropdown>\r\n    </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-select-input-small .p-inputtext{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,.w-error-message{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label,.w-input-select-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-input-select-field{margin:0}.w-input-select-label{padding:8px 8px 12px;margin:0;color:#2e3134}.w-input-select-label-disabled.w-input-select-label{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input .p-inputtext{padding:6px 0 6px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input .p-dropdown .p-dropdown-trigger{width:24px;padding:8px 24px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel{padding:8px 8px 16px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px 16px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input .p-disabled .p-inputtext{color:#bdc1c6;font-weight:600}:host ::ng-deep p-dropdown.w-edit-select-input.ng-dirty.ng-invalid>.p-dropdown{border-color:#ffbdbd}.w-error-message-container{height:32px}.w-error-message{color:#e50000;padding:8px;margin-top:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-select-input-small .p-inputtext{padding:0 0 0 12px;align-self:center}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-select-input-small .p-dropdown:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-placeholder{color:#bdc1c6}:host ::ng-deep .w-edit-select-input-small .p-dropdown .p-dropdown-trigger{width:auto;height:28px;padding-right:12px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel{padding:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items{padding:0}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:8px;margin-bottom:4px;font-weight:600}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-select-input-small .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-select-input-small .p-disabled{background:#f1f3f4;opacity:1}:host ::ng-deep .w-edit-select-input-small .p-disabled .p-inputtext{color:#bdc1c6}\n"] }]
         }], propDecorators: { label: [{
                 type: Input,
                 args: ['label']

package/esm2020/lib/edit/w-edit-treeselect/w-edit-treeselect.component.mjs

@@ -50,7 +50,7 @@ WEditTreeselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             useExisting: forwardRef(() => WEditTreeselectComponent),
             multi: true
         }
-    ], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\" \r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n    <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\"\r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-edit-treeselect-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\" \r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\"\r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n    </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:6px 0 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:6px 0 6px 14px;color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder{color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px;font-size:14px;line-height:16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TreeSelect, selector: "p-treeSelect", inputs: ["type", "inputId", "scrollHeight", "disabled", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "options", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onNodeUnselect", "onNodeSelect"] }] });
+    ], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\" \r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n    <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\"\r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-edit-treeselect-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\" \r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\"\r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n    </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:6px 0 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:6px 0 6px 14px;color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder{color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px;font-size:14px;line-height:16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TreeSelect, selector: "p-treeSelect", inputs: ["type", "inputId", "scrollHeight", "disabled", "metaKeySelection", "display", "selectionMode", "tabindex", "ariaLabelledBy", "placeholder", "panelClass", "panelStyle", "panelStyleClass", "containerStyle", "containerStyleClass", "labelStyle", "labelStyleClass", "overlayOptions", "emptyMessage", "appendTo", "filter", "filterBy", "filterMode", "filterPlaceholder", "filterLocale", "filterInputAutoFocus", "propagateSelectionDown", "propagateSelectionUp", "showClear", "resetFilterOnHide", "options", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onNodeExpand", "onNodeCollapse", "onShow", "onHide", "onClear", "onFilter", "onNodeUnselect", "onNodeSelect"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WEditTreeselectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'w-edit-treeselect', providers: [
@@ -59,7 +59,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                             useExisting: forwardRef(() => WEditTreeselectComponent),
                             multi: true
                         }
-                    ], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\" \r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n    <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\"\r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-edit-treeselect-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\" \r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\"\r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n    </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:6px 0 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:6px 0 6px 14px;color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder{color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px;font-size:14px;line-height:16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}\n"] }]
+                    ], template: "<div *ngIf=\"formControl; else noNgControl\" class=\"w-edit-treeselect-field p-fluid field\">\r\n    <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\" \r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n    <small *ngIf=\"getSizeName(sizeType.medium) == size && formControl.hasError('required') && formControl.touched\" class=\"w-error-message p-error block\">{{errorDescription}}</small> \r\n    <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n        [options]=\"options\" \r\n        placeholder=\"Select Item\" \r\n        [showClear]=\"true\" \r\n        [disabled]=\"disabled\"\r\n        [filter]=\"true\"\r\n        [filterBy]=\"filterBy\"\r\n        [formControl]=\"formControl\" \r\n        appendTo=\"body\">\r\n    </p-treeSelect>\r\n</div>\r\n<ng-template #noNgControl>\r\n    <div class=\"w-edit-treeselect-field p-fluid field\">\r\n        <label *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-label body\">{{label}}</label>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.medium) == size\" class=\"w-edit-treeselect-input\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\" \r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n        <p-treeSelect *ngIf=\"getSizeName(sizeType.small) == size\" class=\"w-edit-treeselect-input-small\" \r\n            [options]=\"options\" \r\n            placeholder=\"Select Item\" \r\n            [showClear]=\"true\" \r\n            [disabled]=\"disabled\"\r\n            [filter]=\"true\"\r\n            [filterBy]=\"filterBy\"\r\n            [(ngModel)]=\"ngModelValue\" \r\n            (ngModelChange)=\"onOptionSelected()\" \r\n            appendTo=\"body\">\r\n        </p-treeSelect>\r\n    </div>\r\n</ng-template>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2,:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus,:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-edit-treeselect-field{margin:0}.w-edit-treeselect-label{padding:8px 8px 12px;margin:0;color:#2e3134;font-weight:700}:host ::ng-deep .w-edit-treeselect-input .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label{padding:6px 0 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-treeselect .p-treeselect-label.p-placeholder{padding:6px 0 6px 14px;color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px 6px 14px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px 16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:24px;height:24px;margin-right:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect{border-width:2px;border-radius:8px;border-color:#e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled):hover{border:2px solid #0085c7}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect:not(.p-disabled).p-focus{border:2px solid #e0f5fc}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label{padding:6px 0 6px 12px}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect .p-treeselect-label.p-placeholder{color:#bdc1c6}:host ::ng-depp .w-edit-treeselect-input-small .p-treeselect-panel{border:2px solid #e8eaed}:host ::ng-deep .w-edit-treeselect-input-small .p-treeselect-panel .p-treeselect-items-wrapper .p-tree{padding:6px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content{padding:8px;font-size:14px;line-height:16px;font-weight:600}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler{width:16px;height:16px;margin-right:12px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover{background:#e0f5fc;border-radius:8px}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight{background:#e0f5fc;border-radius:8px;color:#000}:host ::ng-deep .w-edit-treeselect-input-small .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon{margin-right:12px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input,
                 args: ['label']

package/esm2020/lib/layout/w-body/w-body.component.mjs

@@ -7,10 +7,10 @@ export class WBodyComponent {
     }
 }
 WBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBodyComponent, selector: "w-body", inputs: { showFooterSpace: "showFooterSpace" }, ngImport: i0, template: "<div class=\"w-body\" [ngClass]=\"{'w-body-with-footer-space' : showFooterSpace}\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-body-gap{gap:16px}.w-body{padding:16px 40px}.w-body-with-footer-space{padding:16px 40px 56px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+WBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBodyComponent, selector: "w-body", inputs: { showFooterSpace: "showFooterSpace" }, ngImport: i0, template: "<div class=\"w-body\" [ngClass]=\"{'w-body-with-footer-space' : showFooterSpace}\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-body-gap{gap:16px}.w-body{padding:16px 40px}.w-body-with-footer-space{padding:16px 40px 56px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBodyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-body', template: "<div class=\"w-body\" [ngClass]=\"{'w-body-with-footer-space' : showFooterSpace}\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-body-gap{gap:16px}.w-body{padding:16px 40px}.w-body-with-footer-space{padding:16px 40px 56px}\n"] }]
+            args: [{ selector: 'w-body', template: "<div class=\"w-body\" [ngClass]=\"{'w-body-with-footer-space' : showFooterSpace}\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-body-gap{gap:16px}.w-body{padding:16px 40px}.w-body-with-footer-space{padding:16px 40px 56px}\n"] }]
         }], propDecorators: { showFooterSpace: [{
                 type: Input,
                 args: ['showFooterSpace']

package/esm2020/lib/layout/w-body-container/w-body-container.component.mjs

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 export class WBodyContainerComponent {
 }
 WBodyContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBodyContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WBodyContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBodyContainerComponent, selector: "w-body-container", ngImport: i0, template: "<div class=\"grid w-body-container\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-body-container .col-1{padding:8px}:host ::ng-deep .w-body-container .col-2{padding:8px}:host ::ng-deep .w-body-container .col-3{padding:8px}:host ::ng-deep .w-body-container .col-4{padding:8px}:host ::ng-deep .w-body-container .col-5{padding:8px}:host ::ng-deep .w-body-container .col-6{padding:8px}:host ::ng-deep .w-body-container .col-7{padding:8px}:host ::ng-deep .w-body-container .col-8{padding:8px}:host ::ng-deep .w-body-container .col-9{padding:8px}:host ::ng-deep .w-body-container .col-10{padding:8px}:host ::ng-deep .w-body-container .col-11{padding:8px}:host ::ng-deep .w-body-container .col-12{padding:8px}\n"] });
+WBodyContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBodyContainerComponent, selector: "w-body-container", ngImport: i0, template: "<div class=\"grid w-body-container\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-body-container .col-1{padding:8px}:host ::ng-deep .w-body-container .col-2{padding:8px}:host ::ng-deep .w-body-container .col-3{padding:8px}:host ::ng-deep .w-body-container .col-4{padding:8px}:host ::ng-deep .w-body-container .col-5{padding:8px}:host ::ng-deep .w-body-container .col-6{padding:8px}:host ::ng-deep .w-body-container .col-7{padding:8px}:host ::ng-deep .w-body-container .col-8{padding:8px}:host ::ng-deep .w-body-container .col-9{padding:8px}:host ::ng-deep .w-body-container .col-10{padding:8px}:host ::ng-deep .w-body-container .col-11{padding:8px}:host ::ng-deep .w-body-container .col-12{padding:8px}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBodyContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-body-container', template: "<div class=\"grid w-body-container\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-body-container .col-1{padding:8px}:host ::ng-deep .w-body-container .col-2{padding:8px}:host ::ng-deep .w-body-container .col-3{padding:8px}:host ::ng-deep .w-body-container .col-4{padding:8px}:host ::ng-deep .w-body-container .col-5{padding:8px}:host ::ng-deep .w-body-container .col-6{padding:8px}:host ::ng-deep .w-body-container .col-7{padding:8px}:host ::ng-deep .w-body-container .col-8{padding:8px}:host ::ng-deep .w-body-container .col-9{padding:8px}:host ::ng-deep .w-body-container .col-10{padding:8px}:host ::ng-deep .w-body-container .col-11{padding:8px}:host ::ng-deep .w-body-container .col-12{padding:8px}\n"] }]
+            args: [{ selector: 'w-body-container', template: "<div class=\"grid w-body-container\">\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-body-container .col-1{padding:8px}:host ::ng-deep .w-body-container .col-2{padding:8px}:host ::ng-deep .w-body-container .col-3{padding:8px}:host ::ng-deep .w-body-container .col-4{padding:8px}:host ::ng-deep .w-body-container .col-5{padding:8px}:host ::ng-deep .w-body-container .col-6{padding:8px}:host ::ng-deep .w-body-container .col-7{padding:8px}:host ::ng-deep .w-body-container .col-8{padding:8px}:host ::ng-deep .w-body-container .col-9{padding:8px}:host ::ng-deep .w-body-container .col-10{padding:8px}:host ::ng-deep .w-body-container .col-11{padding:8px}:host ::ng-deep .w-body-container .col-12{padding:8px}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1ib2R5LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1ib2R5LWNvbnRhaW5lci93LWJvZHktY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LWJvZHktY29udGFpbmVyL3ctYm9keS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdEQ1BwQyxrRkFFTTsyRkRLTyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctYm9keS1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LWJvZHktY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LWJvZHktY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdCb2R5Q29udGFpbmVyQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdyaWQgdy1ib2R5LWNvbnRhaW5lclwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/layout/w-container/w-container.component.mjs

@@ -7,13 +7,13 @@ WContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
     <div class="w-filter-panel-container">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, 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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-filter-panel-container{padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:16px}\n"] });
+  `, isInline: true, 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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-filter-panel-container{padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:16px}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'w-container', template: `
     <div class="w-filter-panel-container">
       <ng-content></ng-content>
     </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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-filter-panel-container{padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:16px}\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{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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-filter-panel-container{padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:16px}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbGF5b3V0L3ctY29udGFpbmVyL3ctY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUIsbURBUHBCOzs7O0dBSVQ7MkZBR1UsbUJBQW1CO2tCQVQvQixTQUFTOytCQUNFLGFBQWEsWUFDYjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctY29udGFpbmVyJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInctZmlsdGVyLXBhbmVsLWNvbnRhaW5lclwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3ctY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdDb250YWluZXJDb21wb25lbnQge1xyXG5cclxufVxyXG4iXX0=

package/esm2020/lib/layout/w-footer/w-footer.component.mjs

@@ -13,10 +13,10 @@ export class WFooterComponent {
     }
 }
 WFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WFooterComponent, selector: "w-footer", inputs: { supportLabel: "supportLabel", support: "support" }, ngImport: i0, template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap  w-full\">\r\n    <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n        <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n        <div class=\"caption\">Wapping S.L. \u00A9 {{year}} </div>\r\n    </div>\r\n    <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n        <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n        <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i3.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: i4.WLogosComponent, selector: "w-logos", inputs: ["name", "width", "height", "color"] }] });
+WFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WFooterComponent, selector: "w-footer", inputs: { supportLabel: "supportLabel", support: "support" }, ngImport: i0, template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap  w-full\">\r\n    <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n        <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n        <div class=\"caption\">Wapping S.L. \u00A9 {{year}} </div>\r\n    </div>\r\n    <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n        <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n        <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i3.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: i4.WLogosComponent, selector: "w-logos", inputs: ["name", "width", "height", "color"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-footer', template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap  w-full\">\r\n    <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n        <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n        <div class=\"caption\">Wapping S.L. \u00A9 {{year}} </div>\r\n    </div>\r\n    <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n        <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n        <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"] }]
+            args: [{ selector: 'w-footer', template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap  w-full\">\r\n    <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n        <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n        <div class=\"caption\">Wapping S.L. \u00A9 {{year}} </div>\r\n    </div>\r\n    <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n        <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n        <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"] }]
         }], propDecorators: { supportLabel: [{
                 type: Input,
                 args: ['supportLabel']

package/esm2020/lib/layout/w-grid/w-grid.component.mjs

@@ -3,9 +3,9 @@ import * as i0 from "@angular/core";
 export class WGridComponent {
 }
 WGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WGridComponent, selector: "w-grid", ngImport: i0, template: "<div class=\"w-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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-grid .col-1{padding:16px 10px}:host ::ng-deep .w-grid .col-2{padding:16px 10px}:host ::ng-deep .w-grid .col-3{padding:16px 10px}:host ::ng-deep .w-grid .col-4{padding:16px 10px}:host ::ng-deep .w-grid .col-5{padding:16px 10px}:host ::ng-deep .w-grid .col-6{padding:16px 10px}:host ::ng-deep .w-grid .col-7{padding:16px 10px}:host ::ng-deep .w-grid .col-8{padding:16px 10px}:host ::ng-deep .w-grid .col-9{padding:16px 10px}:host ::ng-deep .w-grid .col-10{padding:16px 10px}:host ::ng-deep .w-grid .col-11{padding:16px 10px}:host ::ng-deep .w-grid .col-12{padding:16px 10px}:host ::ng-deep .w-grid.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-16px}\n"] });
+WGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WGridComponent, selector: "w-grid", ngImport: i0, template: "<div class=\"w-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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-grid .col-1{padding:16px 10px}:host ::ng-deep .w-grid .col-2{padding:16px 10px}:host ::ng-deep .w-grid .col-3{padding:16px 10px}:host ::ng-deep .w-grid .col-4{padding:16px 10px}:host ::ng-deep .w-grid .col-5{padding:16px 10px}:host ::ng-deep .w-grid .col-6{padding:16px 10px}:host ::ng-deep .w-grid .col-7{padding:16px 10px}:host ::ng-deep .w-grid .col-8{padding:16px 10px}:host ::ng-deep .w-grid .col-9{padding:16px 10px}:host ::ng-deep .w-grid .col-10{padding:16px 10px}:host ::ng-deep .w-grid .col-11{padding:16px 10px}:host ::ng-deep .w-grid .col-12{padding:16px 10px}:host ::ng-deep .w-grid.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-16px}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-grid', template: "<div class=\"w-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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-grid .col-1{padding:16px 10px}:host ::ng-deep .w-grid .col-2{padding:16px 10px}:host ::ng-deep .w-grid .col-3{padding:16px 10px}:host ::ng-deep .w-grid .col-4{padding:16px 10px}:host ::ng-deep .w-grid .col-5{padding:16px 10px}:host ::ng-deep .w-grid .col-6{padding:16px 10px}:host ::ng-deep .w-grid .col-7{padding:16px 10px}:host ::ng-deep .w-grid .col-8{padding:16px 10px}:host ::ng-deep .w-grid .col-9{padding:16px 10px}:host ::ng-deep .w-grid .col-10{padding:16px 10px}:host ::ng-deep .w-grid .col-11{padding:16px 10px}:host ::ng-deep .w-grid .col-12{padding:16px 10px}:host ::ng-deep .w-grid.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-16px}\n"] }]
+            args: [{ selector: 'w-grid', template: "<div class=\"w-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 #0085c7}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!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 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}:host ::ng-deep .w-grid .col-1{padding:16px 10px}:host ::ng-deep .w-grid .col-2{padding:16px 10px}:host ::ng-deep .w-grid .col-3{padding:16px 10px}:host ::ng-deep .w-grid .col-4{padding:16px 10px}:host ::ng-deep .w-grid .col-5{padding:16px 10px}:host ::ng-deep .w-grid .col-6{padding:16px 10px}:host ::ng-deep .w-grid .col-7{padding:16px 10px}:host ::ng-deep .w-grid .col-8{padding:16px 10px}:host ::ng-deep .w-grid .col-9{padding:16px 10px}:host ::ng-deep .w-grid .col-10{padding:16px 10px}:host ::ng-deep .w-grid .col-11{padding:16px 10px}:host ::ng-deep .w-grid .col-12{padding:16px 10px}:host ::ng-deep .w-grid.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-16px}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LWdyaWQvdy1ncmlkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LWdyaWQvdy1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOytGQUFkLGNBQWMsOENDUDNCLHdFQUVNOzJGREtPLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LWdyaWQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LWdyaWQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctZ3JpZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXR3JpZENvbXBvbmVudCB7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3LWdyaWQgZ3JpZFwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=