npm - ngx-wapp-components - Versions diffs - 1.0.49 → 1.0.50 - Mend

ngx-wapp-components 1.0.49 → 1.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/esm2020/lib/icons/wapping-icons/w-icons.component.mjs CHANGED Viewed

@@ -24,6 +24,10 @@ export class WIconsComponent {
             const pathElements = svgElement.querySelectorAll('path');
             pathElements.forEach((path) => {
                 path.setAttribute('stroke', fillColor);
+                const fillAttribute = path.getAttribute('fill');
+                if (fillAttribute) {
+                    path.setAttribute('fill', fillColor);
+                }
             });
         }
     }
@@ -50,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input,
                 args: ['color']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1pY29ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9pY29ucy93YXBwaW5nLWljb25zL3ctaWNvbnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sVUFBVSxDQUFDOztBQVV4QyxNQUFNLE9BQU8sZUFBZTtJQU0xQixZQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO0lBQUksQ0FBQztJQUU1QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDO0lBQ3pFLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRW5FLElBQUcsSUFBSSxDQUFDLEtBQUs7WUFDWCxVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFFMUQsSUFBRyxJQUFJLENBQUMsTUFBTTtZQUNaLFVBQVUsQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUU1RCxJQUFHLElBQUksQ0FBQyxLQUFLLEVBQUM7WUFDWixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVPLGlCQUFpQixDQUFDLFNBQWlCO1FBQ3pDLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuRSxJQUFJLFVBQVUsRUFBRTtZQUNkLE1BQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUN6RCxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBUSxFQUFFLEVBQUU7Z0JBQ2hDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1lBQ3pDLENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDOzs0R0FsQ1UsZUFBZTtnR0FBZixlQUFlLDJIQU5oQjs7R0FFVDsyRkFJVSxlQUFlO2tCQVIzQixTQUFTOytCQUNFLFNBQVMsWUFDVDs7R0FFVCxtQkFFZ0IsdUJBQXVCLENBQUMsTUFBTTtpR0FHaEMsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNHLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDRyxNQUFNO3NCQUF0QixLQUFLO3VCQUFDLFFBQVE7Z0JBQ0MsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyB3YXBwaW5nSWNvbnMgfSBmcm9tICcuLi9pY29ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctaWNvbnMnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXSWNvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXR7XHJcbiAgQElucHV0KCduYW1lJykgbmFtZSE6IHN0cmluZztcclxuICBASW5wdXQoJ3dpZHRoJykgd2lkdGghOiBudW1iZXI7XHJcbiAgQElucHV0KCdoZWlnaHQnKSBoZWlnaHQhOiBudW1iZXI7XHJcbiAgQElucHV0KCdjb2xvcicpIGNvbG9yITogc3RyaW5nO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmlubmVySFRNTCA9IHdhcHBpbmdJY29uc1t0aGlzLm5hbWVdIHx8IG51bGw7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBzdmdFbGVtZW50ID0gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3Rvcignc3ZnJyk7XHJcblxyXG4gICAgaWYodGhpcy53aWR0aClcclxuICAgICAgc3ZnRWxlbWVudC5zZXRBdHRyaWJ1dGUoJ3dpZHRoJywgdGhpcy53aWR0aC50b1N0cmluZygpKTsgXHJcblxyXG4gICAgaWYodGhpcy5oZWlnaHQpXHJcbiAgICAgIHN2Z0VsZW1lbnQuc2V0QXR0cmlidXRlKCdoZWlnaHQnLCB0aGlzLmhlaWdodC50b1N0cmluZygpKTtcclxuICBcclxuICAgIGlmKHRoaXMuY29sb3Ipe1xyXG4gICAgICB0aGlzLmFwcGx5Q29sb3JUb1BhdGhzKHRoaXMuY29sb3IpO1xyXG4gICAgfVxyXG4gIH1cclxuICBcclxuICBwcml2YXRlIGFwcGx5Q29sb3JUb1BhdGhzKGZpbGxDb2xvcjogc3RyaW5nKSB7XHJcbiAgICBjb25zdCBzdmdFbGVtZW50ID0gdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3Rvcignc3ZnJyk7XHJcbiAgICBpZiAoc3ZnRWxlbWVudCkge1xyXG4gICAgICBjb25zdCBwYXRoRWxlbWVudHMgPSBzdmdFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJ3BhdGgnKTtcclxuICAgICAgcGF0aEVsZW1lbnRzLmZvckVhY2goKHBhdGg6YW55KSA9PiB7XHJcbiAgICAgICAgcGF0aC5zZXRBdHRyaWJ1dGUoJ3N0cm9rZScsIGZpbGxDb2xvcik7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1pY29ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9pY29ucy93YXBwaW5nLWljb25zL3ctaWNvbnMuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sVUFBVSxDQUFDOztBQVV4QyxNQUFNLE9BQU8sZUFBZTtJQU0xQixZQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO0lBQUksQ0FBQztJQUU1QyxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxDQUFDO0lBQ3pFLENBQUM7SUFFRCxlQUFlO1FBQ2IsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRW5FLElBQUcsSUFBSSxDQUFDLEtBQUs7WUFDWCxVQUFVLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFFMUQsSUFBRyxJQUFJLENBQUMsTUFBTTtZQUNaLFVBQVUsQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUU1RCxJQUFHLElBQUksQ0FBQyxLQUFLLEVBQUM7WUFDWixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQztJQUVPLGlCQUFpQixDQUFDLFNBQWlCO1FBQ3pDLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNuRSxJQUFJLFVBQVUsRUFBRTtZQUNkLE1BQU0sWUFBWSxHQUFHLFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUN6RCxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBUSxFQUFFLEVBQUU7Z0JBQ2hDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxDQUFDO2dCQUV2QyxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUNoRCxJQUFJLGFBQWEsRUFBRTtvQkFDakIsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUM7aUJBQ3RDO1lBQ0gsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7OzRHQXZDVSxlQUFlO2dHQUFmLGVBQWUsMkhBTmhCOztHQUVUOzJGQUlVLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsU0FBUyxZQUNUOztHQUVULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNO2lHQUdoQyxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0csS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNHLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDQyxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IHdhcHBpbmdJY29ucyB9IGZyb20gJy4uL2ljb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1pY29ucycsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICBgLFxyXG4gIHN0eWxlczogW10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFdJY29uc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdHtcclxuICBASW5wdXQoJ25hbWUnKSBuYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnd2lkdGgnKSB3aWR0aCE6IG51bWJlcjtcclxuICBASW5wdXQoJ2hlaWdodCcpIGhlaWdodCE6IG51bWJlcjtcclxuICBASW5wdXQoJ2NvbG9yJykgY29sb3IhOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZikgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MID0gd2FwcGluZ0ljb25zW3RoaXMubmFtZV0gfHwgbnVsbDtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGNvbnN0IHN2Z0VsZW1lbnQgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzdmcnKTtcclxuXHJcbiAgICBpZih0aGlzLndpZHRoKVxyXG4gICAgICBzdmdFbGVtZW50LnNldEF0dHJpYnV0ZSgnd2lkdGgnLCB0aGlzLndpZHRoLnRvU3RyaW5nKCkpOyBcclxuXHJcbiAgICBpZih0aGlzLmhlaWdodClcclxuICAgICAgc3ZnRWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2hlaWdodCcsIHRoaXMuaGVpZ2h0LnRvU3RyaW5nKCkpO1xyXG4gIFxyXG4gICAgaWYodGhpcy5jb2xvcil7XHJcbiAgICAgIHRoaXMuYXBwbHlDb2xvclRvUGF0aHModGhpcy5jb2xvcik7XHJcbiAgICB9XHJcbiAgfVxyXG4gIFxyXG4gIHByaXZhdGUgYXBwbHlDb2xvclRvUGF0aHMoZmlsbENvbG9yOiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHN2Z0VsZW1lbnQgPSB0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCdzdmcnKTtcclxuICAgIGlmIChzdmdFbGVtZW50KSB7XHJcbiAgICAgIGNvbnN0IHBhdGhFbGVtZW50cyA9IHN2Z0VsZW1lbnQucXVlcnlTZWxlY3RvckFsbCgncGF0aCcpO1xyXG4gICAgICBwYXRoRWxlbWVudHMuZm9yRWFjaCgocGF0aDphbnkpID0+IHtcclxuICAgICAgICBwYXRoLnNldEF0dHJpYnV0ZSgnc3Ryb2tlJywgZmlsbENvbG9yKTtcclxuXHJcbiAgICAgICAgY29uc3QgZmlsbEF0dHJpYnV0ZSA9IHBhdGguZ2V0QXR0cmlidXRlKCdmaWxsJyk7XHJcbiAgICAgICAgaWYgKGZpbGxBdHRyaWJ1dGUpIHtcclxuICAgICAgICAgIHBhdGguc2V0QXR0cmlidXRlKCdmaWxsJywgZmlsbENvbG9yKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=

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

@@ -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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-body-gap{gap:20px}.w-body{padding:20px}.w-body-with-footer-space{padding:20px 20px 60px}\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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-body-gap{gap:20px}.w-body{padding:20px}.w-body-with-footer-space{padding:20px 20px 60px}\n"] }]
         }], propDecorators: { showFooterSpace: [{
                 type: Input,
                 args: ['showFooterSpace']

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

@@ -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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-body-container .col-1{padding:8px 10px}:host ::ng-deep .w-body-container .col-2{padding:8px 10px}:host ::ng-deep .w-body-container .col-3{padding:8px 10px}:host ::ng-deep .w-body-container .col-4{padding:8px 10px}:host ::ng-deep .w-body-container .col-5{padding:8px 10px}:host ::ng-deep .w-body-container .col-6{padding:8px 10px}:host ::ng-deep .w-body-container .col-7{padding:8px 10px}:host ::ng-deep .w-body-container .col-8{padding:8px 10px}:host ::ng-deep .w-body-container .col-9{padding:8px 10px}:host ::ng-deep .w-body-container .col-10{padding:8px 10px}:host ::ng-deep .w-body-container .col-11{padding:8px 10px}:host ::ng-deep .w-body-container .col-12{padding:8px 10px}:host ::ng-deep .w-body-container.grid{display:flex;flex-wrap:wrap;margin:-8px -10px}\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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-body-container .col-1{padding:8px 10px}:host ::ng-deep .w-body-container .col-2{padding:8px 10px}:host ::ng-deep .w-body-container .col-3{padding:8px 10px}:host ::ng-deep .w-body-container .col-4{padding:8px 10px}:host ::ng-deep .w-body-container .col-5{padding:8px 10px}:host ::ng-deep .w-body-container .col-6{padding:8px 10px}:host ::ng-deep .w-body-container .col-7{padding:8px 10px}:host ::ng-deep .w-body-container .col-8{padding:8px 10px}:host ::ng-deep .w-body-container .col-9{padding:8px 10px}:host ::ng-deep .w-body-container .col-10{padding:8px 10px}:host ::ng-deep .w-body-container .col-11{padding:8px 10px}:host ::ng-deep .w-body-container .col-12{padding:8px 10px}:host ::ng-deep .w-body-container.grid{display:flex;flex-wrap:wrap;margin:-8px -10px}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1ib2R5LWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1ib2R5LWNvbnRhaW5lci93LWJvZHktY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LWJvZHktY29udGFpbmVyL3ctYm9keS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdEQ1BwQyxrRkFFTTsyRkRLTyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctYm9keS1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LWJvZHktY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LWJvZHktY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdCb2R5Q29udGFpbmVyQ29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdyaWQgdy1ib2R5LWNvbnRhaW5lclwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/layout/w-body-grid/w-body-grid.component.mjs ADDED Viewed

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WBodyGridComponent {
+}
+WBodyGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBodyGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WBodyGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBodyGridComponent, selector: "w-body-grid", ngImport: i0, template: "<div class=\"w-body-grid grid\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-body-grid .col-1{padding:8px 10px}:host ::ng-deep .w-body-grid .col-2{padding:8px 10px}:host ::ng-deep .w-body-grid .col-3{padding:8px 10px}:host ::ng-deep .w-body-grid .col-4{padding:8px 10px}:host ::ng-deep .w-body-grid .col-5{padding:8px 10px}:host ::ng-deep .w-body-grid .col-6{padding:8px 10px}:host ::ng-deep .w-body-grid .col-7{padding:8px 10px}:host ::ng-deep .w-body-grid .col-8{padding:8px 10px}:host ::ng-deep .w-body-grid .col-9{padding:8px 10px}:host ::ng-deep .w-body-grid .col-10{padding:8px 10px}:host ::ng-deep .w-body-grid .col-11{padding:8px 10px}:host ::ng-deep .w-body-grid .col-12{padding:8px 10px}:host ::ng-deep .w-body-grid.grid{display:flex;flex-wrap:wrap;margin:-8px -10px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBodyGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'w-body-grid', template: "<div class=\"w-body-grid grid\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-body-grid .col-1{padding:8px 10px}:host ::ng-deep .w-body-grid .col-2{padding:8px 10px}:host ::ng-deep .w-body-grid .col-3{padding:8px 10px}:host ::ng-deep .w-body-grid .col-4{padding:8px 10px}:host ::ng-deep .w-body-grid .col-5{padding:8px 10px}:host ::ng-deep .w-body-grid .col-6{padding:8px 10px}:host ::ng-deep .w-body-grid .col-7{padding:8px 10px}:host ::ng-deep .w-body-grid .col-8{padding:8px 10px}:host ::ng-deep .w-body-grid .col-9{padding:8px 10px}:host ::ng-deep .w-body-grid .col-10{padding:8px 10px}:host ::ng-deep .w-body-grid .col-11{padding:8px 10px}:host ::ng-deep .w-body-grid .col-12{padding:8px 10px}:host ::ng-deep .w-body-grid.grid{display:flex;flex-wrap:wrap;margin:-8px -10px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1ib2R5LWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbGF5b3V0L3ctYm9keS1ncmlkL3ctYm9keS1ncmlkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LWJvZHktZ3JpZC93LWJvZHktZ3JpZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO21HQUFsQixrQkFBa0IsbURDUC9CLDZFQUVNOzJGREtPLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctYm9keS1ncmlkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1ib2R5LWdyaWQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctYm9keS1ncmlkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdCb2R5R3JpZENvbXBvbmVudCB7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3LWJvZHktZ3JpZCBncmlkXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==

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

@@ -3,17 +3,17 @@ import * as i0 from "@angular/core";
 export class WContainerComponent {
 }
 WContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WContainerComponent, selector: "w-container", ngImport: i0, template: `
-    <div class="w-filter-panel-container">
-      <ng-content></ng-content>
-    </div>
+WContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WContainerComponent, selector: "w-container", ngImport: i0, template: `
+    <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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-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>
+            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 #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbGF5b3V0L3ctY29udGFpbmVyL3ctY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUIsbURBUHBCOzs7O0dBSVQ7MkZBR1UsbUJBQW1CO2tCQVQvQixTQUFTOytCQUNFLGFBQWEsWUFDYjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ctY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwidy1maWx0ZXItcGFuZWwtY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3ctY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgV0NvbnRhaW5lckNvbXBvbmVudCB7XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbGF5b3V0L3ctY29udGFpbmVyL3ctY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVcxQyxNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO29HQUFuQixtQkFBbUIsbURBUHBCOzs7O0dBSVQ7MkZBR1UsbUJBQW1CO2tCQVQvQixTQUFTOytCQUNFLGFBQWEsWUFDYjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctY29udGFpbmVyJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInctZmlsdGVyLXBhbmVsLWNvbnRhaW5lclwiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlVXJsczogWycuL3ctY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdDb250YWluZXJDb21wb25lbnQge1xyXG5cclxufVxyXG4iXX0=

package/esm2020/lib/layout/w-navbar/w-navbar.component.mjs CHANGED Viewed

@@ -41,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             type: Component,
             args: [{ selector: 'w-navbar', template: "<w-container>\r\n  <div class=\"flex wrap navbar-margins\">\r\n      <div class=\"flex flex-column sm:flex-row align-items-center gap-4\">\r\n        <nav class=\"layout-breadcrumb\">\r\n          <ol>\r\n              <ng-template ngFor let-item let-last=\"last\" [ngForOf]=\"breadcrumbs$ | async\">\r\n                  <li>{{item.label}}</li>\r\n                  <li *ngIf=\"!last\" class=\"layout-breadcrumb-chevron\"> | </li>\r\n              </ng-template>\r\n          </ol>\r\n        </nav>\r\n      </div>\r\n      <div class=\"flex sm:ml-auto\">\r\n        <div class=\"navbar-button-spacing\">\r\n          <!-- ToDo remplace with w-button -->\r\n          <w-button icon=\"pi pi-check\" styleClass=\"p-button-outlined p-button-secondary\" icon=\"pi pi-check\"></w-button>\r\n          <p-button icon=\"pi pi-check\" styleClass=\"p-button-outlined p-button-seco  ndary\" icon=\"pi pi-check\"></p-button>\r\n        </div>\r\n        <div class=\"navbar-button-spacing\">\r\n          <!-- ToDo remplace with w-button -->\r\n          <p-button label=\"Submit\"></p-button>\r\n          <p-button label=\"Submit\"></p-button>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</w-container>\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{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.breadcrumb-text{text-decoration:none;color:inherit}::ng-deep .layout-breadcrumb ol{display:flex;align-items:center;margin:0;padding:0;list-style:none;gap:8px!important;flex-wrap:wrap;color:var(--text-color-secondary)}.navbar-margins{margin:8px 0 8px 4px}.navbar-button-spacing{display:flex;gap:16px;margin-left:28px;margin-right:4px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1uYXZiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbGF5b3V0L3ctbmF2YmFyL3ctbmF2YmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LW5hdmJhci93LW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBMEIsYUFBYSxFQUFVLE1BQU0saUJBQWlCLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFZeEMsTUFBTSxPQUFPLGdCQUFnQjtJQU16QixZQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUpuQixrQkFBYSxHQUFHLElBQUksZUFBZSxDQUFlLEVBQUUsQ0FBQyxDQUFDO1FBRTVELGlCQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUd0RCxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLFlBQVksYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDekYsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztZQUNuRCxNQUFNLFdBQVcsR0FBaUIsRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQztZQUUxQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN6QyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxhQUFhLENBQUMsS0FBNkIsRUFBRSxTQUFtQixFQUFFLFdBQXlCO1FBQy9GLE1BQU0sUUFBUSxHQUFHLFNBQVMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUNsRSxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzVDLE1BQU0sZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUVwRyxJQUFJLFVBQVUsSUFBSSxVQUFVLEtBQUssZ0JBQWdCLEVBQUU7WUFDL0MsV0FBVyxDQUFDLElBQUksQ0FBQztnQkFDYixLQUFLLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7Z0JBQy9CLEdBQUcsRUFBRSxHQUFHLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDaEMsQ0FBQyxDQUFDO1NBQ047UUFFRCxJQUFJLEtBQUssQ0FBQyxVQUFVLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxXQUFXLENBQUMsQ0FBQztTQUMvRDtJQUNMLENBQUM7OzZHQS9CUSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixnRENmN0IsdXJDQTBCQTsyRkRYYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGVTbmFwc2hvdCwgTmF2aWdhdGlvbkVuZCwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbnRlcmZhY2UgQnJlYWRjcnVtYiB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHVybD86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndy1uYXZiYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vdy1uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi93LW5hdmJhci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFdOYXZiYXJDb21wb25lbnQge1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2JyZWFkY3J1bWJzJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8QnJlYWRjcnVtYltdPihbXSk7XG5cbiAgICByZWFkb25seSBicmVhZGNydW1icyQgPSB0aGlzLl9icmVhZGNydW1icyQuYXNPYnNlcnZhYmxlKCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7XG4gICAgICAgIHRoaXMucm91dGVyLmV2ZW50cy5waXBlKGZpbHRlcigoZXZlbnQpID0+IGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCkpLnN1YnNjcmliZShldmVudCA9PiB7XG4gICAgICAgICAgICBjb25zdCByb290ID0gdGhpcy5yb3V0ZXIucm91dGVyU3RhdGUuc25hcHNob3Qucm9vdDtcbiAgICAgICAgICAgIGNvbnN0IGJyZWFkY3J1bWJzOiBCcmVhZGNydW1iW10gPSBbXTtcbiAgICAgICAgICAgIHRoaXMuYWRkQnJlYWRjcnVtYihyb290LCBbXSwgYnJlYWRjcnVtYnMpO1xuXG4gICAgICAgICAgICB0aGlzLl9icmVhZGNydW1icyQubmV4dChicmVhZGNydW1icyk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgYWRkQnJlYWRjcnVtYihyb3V0ZTogQWN0aXZhdGVkUm91dGVTbmFwc2hvdCwgcGFyZW50VXJsOiBzdHJpbmdbXSwgYnJlYWRjcnVtYnM6IEJyZWFkY3J1bWJbXSkge1xuICAgICAgICBjb25zdCByb3V0ZVVybCA9IHBhcmVudFVybC5jb25jYXQocm91dGUudXJsLm1hcCh1cmwgPT4gdXJsLnBhdGgpKTtcbiAgICAgICAgY29uc3QgYnJlYWRjcnVtYiA9IHJvdXRlLmRhdGFbJ2JyZWFkY3J1bWInXTtcbiAgICAgICAgY29uc3QgcGFyZW50QnJlYWRjcnVtYiA9IHJvdXRlLnBhcmVudCAmJiByb3V0ZS5wYXJlbnQuZGF0YSA/IHJvdXRlLnBhcmVudC5kYXRhWydicmVhZGNydW1iJ10gOiBudWxsO1xuXG4gICAgICAgIGlmIChicmVhZGNydW1iICYmIGJyZWFkY3J1bWIgIT09IHBhcmVudEJyZWFkY3J1bWIpIHtcbiAgICAgICAgICAgIGJyZWFkY3J1bWJzLnB1c2goe1xuICAgICAgICAgICAgICAgIGxhYmVsOiByb3V0ZS5kYXRhWydicmVhZGNydW1iJ10sXG4gICAgICAgICAgICAgICAgdXJsOiAnLycgKyByb3V0ZVVybC5qb2luKCcvJylcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHJvdXRlLmZpcnN0Q2hpbGQpIHtcbiAgICAgICAgICAgIHRoaXMuYWRkQnJlYWRjcnVtYihyb3V0ZS5maXJzdENoaWxkLCByb3V0ZVVybCwgYnJlYWRjcnVtYnMpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPHctY29udGFpbmVyPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IHdyYXAgbmF2YmFyLW1hcmdpbnNcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gc206ZmxleC1yb3cgYWxpZ24taXRlbXMtY2VudGVyIGdhcC00XCI+XHJcbiAgICAgICAgPG5hdiBjbGFzcz1cImxheW91dC1icmVhZGNydW1iXCI+XHJcbiAgICAgICAgICA8b2w+XHJcbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG5nRm9yIGxldC1pdGVtIGxldC1sYXN0PVwibGFzdFwiIFtuZ0Zvck9mXT1cImJyZWFkY3J1bWJzJCB8IGFzeW5jXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxsaT57e2l0ZW0ubGFiZWx9fTwvbGk+XHJcbiAgICAgICAgICAgICAgICAgIDxsaSAqbmdJZj1cIiFsYXN0XCIgY2xhc3M9XCJsYXlvdXQtYnJlYWRjcnVtYi1jaGV2cm9uXCI+IHwgPC9saT5cclxuICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgPC9vbD5cclxuICAgICAgICA8L25hdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHNtOm1sLWF1dG9cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibmF2YmFyLWJ1dHRvbi1zcGFjaW5nXCI+XHJcbiAgICAgICAgICA8IS0tIFRvRG8gcmVtcGxhY2Ugd2l0aCB3LWJ1dHRvbiAtLT5cclxuICAgICAgICAgIDx3LWJ1dHRvbiBpY29uPVwicGkgcGktY2hlY2tcIiBzdHlsZUNsYXNzPVwicC1idXR0b24tb3V0bGluZWQgcC1idXR0b24tc2Vjb25kYXJ5XCIgaWNvbj1cInBpIHBpLWNoZWNrXCI+PC93LWJ1dHRvbj5cclxuICAgICAgICAgIDxwLWJ1dHRvbiBpY29uPVwicGkgcGktY2hlY2tcIiBzdHlsZUNsYXNzPVwicC1idXR0b24tb3V0bGluZWQgcC1idXR0b24tc2VjbyAgbmRhcnlcIiBpY29uPVwicGkgcGktY2hlY2tcIj48L3AtYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJuYXZiYXItYnV0dG9uLXNwYWNpbmdcIj5cclxuICAgICAgICAgIDwhLS0gVG9EbyByZW1wbGFjZSB3aXRoIHctYnV0dG9uIC0tPlxyXG4gICAgICAgICAgPHAtYnV0dG9uIGxhYmVsPVwiU3VibWl0XCI+PC9wLWJ1dHRvbj5cclxuICAgICAgICAgIDxwLWJ1dHRvbiBsYWJlbD1cIlN1Ym1pdFwiPjwvcC1idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L3ctY29udGFpbmVyPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1uYXZiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbGF5b3V0L3ctbmF2YmFyL3ctbmF2YmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LW5hdmJhci93LW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBMEIsYUFBYSxFQUFVLE1BQU0saUJBQWlCLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7Ozs7QUFZeEMsTUFBTSxPQUFPLGdCQUFnQjtJQU16QixZQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUpuQixrQkFBYSxHQUFHLElBQUksZUFBZSxDQUFlLEVBQUUsQ0FBQyxDQUFDO1FBRTVELGlCQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUd0RCxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLFlBQVksYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDekYsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztZQUNuRCxNQUFNLFdBQVcsR0FBaUIsRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQztZQUUxQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN6QyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxhQUFhLENBQUMsS0FBNkIsRUFBRSxTQUFtQixFQUFFLFdBQXlCO1FBQy9GLE1BQU0sUUFBUSxHQUFHLFNBQVMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUNsRSxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzVDLE1BQU0sZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUVwRyxJQUFJLFVBQVUsSUFBSSxVQUFVLEtBQUssZ0JBQWdCLEVBQUU7WUFDL0MsV0FBVyxDQUFDLElBQUksQ0FBQztnQkFDYixLQUFLLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7Z0JBQy9CLEdBQUcsRUFBRSxHQUFHLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUM7YUFDaEMsQ0FBQyxDQUFDO1NBQ047UUFFRCxJQUFJLEtBQUssQ0FBQyxVQUFVLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsRUFBRSxXQUFXLENBQUMsQ0FBQztTQUMvRDtJQUNMLENBQUM7OzZHQS9CUSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixnRENmN0IsdXJDQTBCQTsyRkRYYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LCBOYXZpZ2F0aW9uRW5kLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuaW50ZXJmYWNlIEJyZWFkY3J1bWIge1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgdXJsPzogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctbmF2YmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctbmF2YmFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdOYXZiYXJDb21wb25lbnQge1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IF9icmVhZGNydW1icyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEJyZWFkY3J1bWJbXT4oW10pO1xyXG5cclxuICAgIHJlYWRvbmx5IGJyZWFkY3J1bWJzJCA9IHRoaXMuX2JyZWFkY3J1bWJzJC5hc09ic2VydmFibGUoKTtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7XHJcbiAgICAgICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoZmlsdGVyKChldmVudCkgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSkuc3Vic2NyaWJlKGV2ZW50ID0+IHtcclxuICAgICAgICAgICAgY29uc3Qgcm9vdCA9IHRoaXMucm91dGVyLnJvdXRlclN0YXRlLnNuYXBzaG90LnJvb3Q7XHJcbiAgICAgICAgICAgIGNvbnN0IGJyZWFkY3J1bWJzOiBCcmVhZGNydW1iW10gPSBbXTtcclxuICAgICAgICAgICAgdGhpcy5hZGRCcmVhZGNydW1iKHJvb3QsIFtdLCBicmVhZGNydW1icyk7XHJcblxyXG4gICAgICAgICAgICB0aGlzLl9icmVhZGNydW1icyQubmV4dChicmVhZGNydW1icyk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBhZGRCcmVhZGNydW1iKHJvdXRlOiBBY3RpdmF0ZWRSb3V0ZVNuYXBzaG90LCBwYXJlbnRVcmw6IHN0cmluZ1tdLCBicmVhZGNydW1iczogQnJlYWRjcnVtYltdKSB7XHJcbiAgICAgICAgY29uc3Qgcm91dGVVcmwgPSBwYXJlbnRVcmwuY29uY2F0KHJvdXRlLnVybC5tYXAodXJsID0+IHVybC5wYXRoKSk7XHJcbiAgICAgICAgY29uc3QgYnJlYWRjcnVtYiA9IHJvdXRlLmRhdGFbJ2JyZWFkY3J1bWInXTtcclxuICAgICAgICBjb25zdCBwYXJlbnRCcmVhZGNydW1iID0gcm91dGUucGFyZW50ICYmIHJvdXRlLnBhcmVudC5kYXRhID8gcm91dGUucGFyZW50LmRhdGFbJ2JyZWFkY3J1bWInXSA6IG51bGw7XHJcblxyXG4gICAgICAgIGlmIChicmVhZGNydW1iICYmIGJyZWFkY3J1bWIgIT09IHBhcmVudEJyZWFkY3J1bWIpIHtcclxuICAgICAgICAgICAgYnJlYWRjcnVtYnMucHVzaCh7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogcm91dGUuZGF0YVsnYnJlYWRjcnVtYiddLFxyXG4gICAgICAgICAgICAgICAgdXJsOiAnLycgKyByb3V0ZVVybC5qb2luKCcvJylcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBpZiAocm91dGUuZmlyc3RDaGlsZCkge1xyXG4gICAgICAgICAgICB0aGlzLmFkZEJyZWFkY3J1bWIocm91dGUuZmlyc3RDaGlsZCwgcm91dGVVcmwsIGJyZWFkY3J1bWJzKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPHctY29udGFpbmVyPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IHdyYXAgbmF2YmFyLW1hcmdpbnNcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gc206ZmxleC1yb3cgYWxpZ24taXRlbXMtY2VudGVyIGdhcC00XCI+XHJcbiAgICAgICAgPG5hdiBjbGFzcz1cImxheW91dC1icmVhZGNydW1iXCI+XHJcbiAgICAgICAgICA8b2w+XHJcbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIG5nRm9yIGxldC1pdGVtIGxldC1sYXN0PVwibGFzdFwiIFtuZ0Zvck9mXT1cImJyZWFkY3J1bWJzJCB8IGFzeW5jXCI+XHJcbiAgICAgICAgICAgICAgICAgIDxsaT57e2l0ZW0ubGFiZWx9fTwvbGk+XHJcbiAgICAgICAgICAgICAgICAgIDxsaSAqbmdJZj1cIiFsYXN0XCIgY2xhc3M9XCJsYXlvdXQtYnJlYWRjcnVtYi1jaGV2cm9uXCI+IHwgPC9saT5cclxuICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgPC9vbD5cclxuICAgICAgICA8L25hdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHNtOm1sLWF1dG9cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibmF2YmFyLWJ1dHRvbi1zcGFjaW5nXCI+XHJcbiAgICAgICAgICA8IS0tIFRvRG8gcmVtcGxhY2Ugd2l0aCB3LWJ1dHRvbiAtLT5cclxuICAgICAgICAgIDx3LWJ1dHRvbiBpY29uPVwicGkgcGktY2hlY2tcIiBzdHlsZUNsYXNzPVwicC1idXR0b24tb3V0bGluZWQgcC1idXR0b24tc2Vjb25kYXJ5XCIgaWNvbj1cInBpIHBpLWNoZWNrXCI+PC93LWJ1dHRvbj5cclxuICAgICAgICAgIDxwLWJ1dHRvbiBpY29uPVwicGkgcGktY2hlY2tcIiBzdHlsZUNsYXNzPVwicC1idXR0b24tb3V0bGluZWQgcC1idXR0b24tc2VjbyAgbmRhcnlcIiBpY29uPVwicGkgcGktY2hlY2tcIj48L3AtYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJuYXZiYXItYnV0dG9uLXNwYWNpbmdcIj5cclxuICAgICAgICAgIDwhLS0gVG9EbyByZW1wbGFjZSB3aXRoIHctYnV0dG9uIC0tPlxyXG4gICAgICAgICAgPHAtYnV0dG9uIGxhYmVsPVwiU3VibWl0XCI+PC9wLWJ1dHRvbj5cclxuICAgICAgICAgIDxwLWJ1dHRvbiBsYWJlbD1cIlN1Ym1pdFwiPjwvcC1idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L3ctY29udGFpbmVyPlxyXG4iXX0=

package/esm2020/lib/layout/w-panel/w-panel.component.mjs CHANGED Viewed

@@ -9,10 +9,10 @@ export class WPanelComponent {
     }
 }
 WPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", activeGrid: "activeGrid", reduced: "reduced" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n    <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n    <div [ngClass]=\"{'w-panel-content grid' : activeGrid}\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}:host ::ng-deep .w-panel-content .col-1{padding:2px 10px}:host ::ng-deep .w-panel-content .col-2{padding:2px 10px}:host ::ng-deep .w-panel-content .col-3{padding:2px 10px}:host ::ng-deep .w-panel-content .col-4{padding:2px 10px}:host ::ng-deep .w-panel-content .col-5{padding:2px 10px}:host ::ng-deep .w-panel-content .col-6{padding:2px 10px}:host ::ng-deep .w-panel-content .col-7{padding:2px 10px}:host ::ng-deep .w-panel-content .col-8{padding:2px 10px}:host ::ng-deep .w-panel-content .col-9{padding:2px 10px}:host ::ng-deep .w-panel-content .col-10{padding:2px 10px}:host ::ng-deep .w-panel-content .col-11{padding:2px 10px}:host ::ng-deep .w-panel-content .col-12{padding:2px 10px}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title"] }] });
+WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", activeGrid: "activeGrid", reduced: "reduced" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n    <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n    <div [ngClass]=\"{'w-panel-content grid' : activeGrid}\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n    <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n    <div [ngClass]=\"{'w-panel-content grid' : activeGrid}\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}:host ::ng-deep .w-panel-content .col-1{padding:2px 10px}:host ::ng-deep .w-panel-content .col-2{padding:2px 10px}:host ::ng-deep .w-panel-content .col-3{padding:2px 10px}:host ::ng-deep .w-panel-content .col-4{padding:2px 10px}:host ::ng-deep .w-panel-content .col-5{padding:2px 10px}:host ::ng-deep .w-panel-content .col-6{padding:2px 10px}:host ::ng-deep .w-panel-content .col-7{padding:2px 10px}:host ::ng-deep .w-panel-content .col-8{padding:2px 10px}:host ::ng-deep .w-panel-content .col-9{padding:2px 10px}:host ::ng-deep .w-panel-content .col-10{padding:2px 10px}:host ::ng-deep .w-panel-content .col-11{padding:2px 10px}:host ::ng-deep .w-panel-content .col-12{padding:2px 10px}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-2px}\n"] }]
+            args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n    <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n    <div [ngClass]=\"{'w-panel-content grid' : activeGrid}\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
         }], propDecorators: { width: [{
                 type: Input,
                 args: ['width']

package/esm2020/lib/layout/w-panel-grid/w-panel-grid.component.mjs ADDED Viewed

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WPanelGridComponent {
+}
+WPanelGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WPanelGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelGridComponent, selector: "w-panel-grid", ngImport: i0, template: "<div class=\"w-panel-grid grid\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-panel-grid .col-1{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-2{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-3{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-4{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-5{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-6{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-7{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-8{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-9{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-10{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-11{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-12{padding:4px 20px}:host ::ng-deep .w-panel-grid.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'w-panel-grid', template: "<div class=\"w-panel-grid grid\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .w-panel-grid .col-1{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-2{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-3{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-4{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-5{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-6{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-7{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-8{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-9{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-10{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-11{padding:4px 20px}:host ::ng-deep .w-panel-grid .col-12{padding:4px 20px}:host ::ng-deep .w-panel-grid.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC1ncmlkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsLWdyaWQvdy1wYW5lbC1ncmlkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsLWdyaWQvdy1wYW5lbC1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTzFDLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7b0dBQW5CLG1CQUFtQixvRENQaEMsOEVBRU07MkZES08sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1wYW5lbC1ncmlkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1wYW5lbC1ncmlkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXBhbmVsLWdyaWQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1BhbmVsR3JpZENvbXBvbmVudCB7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3LXBhbmVsLWdyaWQgZ3JpZFwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/sidebar/w-sidebar/w-sidebar.component.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ export class WSidebarComponent {
     constructor() {
         this.activeGrid = false;
         this.closeOnOverlay = false;
-        this.styleClass = "w-full md:w-6 lg:w-5 xl:w-5";
+        this.styleClass = "w-full md:w-7";
         this.visibleChange = new EventEmitter();
         this._visible = false;
     }
@@ -26,10 +26,10 @@ export class WSidebarComponent {
     }
 }
 WSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", activeGrid: "activeGrid", closeOnOverlay: "closeOnOverlay", styleClass: "styleClass", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n    <ng-template pTemplate=\"header\"><span class=\"subtitle2\">{{headerTitle}}</span></ng-template>\r\n    \r\n    <ng-template pTemplate=\"content\">\r\n        <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 20px}:host ::ng-deep .p-sidebar-footer{padding:40px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-2{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-3{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-4{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-5{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-6{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-7{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-8{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-9{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-10{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-11{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-12{padding:2px 10px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] });
+WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", activeGrid: "activeGrid", closeOnOverlay: "closeOnOverlay", styleClass: "styleClass", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n    <ng-template pTemplate=\"header\"><span class=\"subtitle1 m-0\">{{headerTitle}}</span></ng-template>\r\n    \r\n    <ng-template pTemplate=\"content\">\r\n        <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>\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{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-header{padding:40px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 40px}:host ::ng-deep .p-sidebar-footer{padding:60px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-2{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-3{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-4{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-5{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-6{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-7{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-8{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-9{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-10{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-11{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-12{padding:4px 20px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n    <ng-template pTemplate=\"header\"><span class=\"subtitle2\">{{headerTitle}}</span></ng-template>\r\n    \r\n    <ng-template pTemplate=\"content\">\r\n        <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 20px}:host ::ng-deep .p-sidebar-footer{padding:40px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-2{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-3{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-4{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-5{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-6{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-7{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-8{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-9{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-10{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-11{padding:2px 10px}:host ::ng-deep .w-sidebar-content .col-12{padding:2px 10px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-2px}\n"] }]
+            args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n    <ng-template pTemplate=\"header\"><span class=\"subtitle1 m-0\">{{headerTitle}}</span></ng-template>\r\n    \r\n    <ng-template pTemplate=\"content\">\r\n        <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </ng-template>\r\n\r\n    <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>\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{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-header{padding:40px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 40px}:host ::ng-deep .p-sidebar-footer{padding:60px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-2{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-3{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-4{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-5{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-6{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-7{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-8{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-9{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-10{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-11{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-12{padding:4px 20px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { headerTitle: [{
                 type: Input,
                 args: ['headerTitle']
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             }], visible: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NpZGViYXIvdy1zaWRlYmFyL3ctc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlYmFyL3ctc2lkZWJhci93LXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPL0UsTUFBTSxPQUFPLGlCQUFpQjtJQXFCNUI7UUFuQnFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDeEIsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDcEMsZUFBVSxHQUFXLDZCQUE2QixDQUFDO1FBRTlELGtCQUFhLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFckUsYUFBUSxHQUFZLEtBQUssQ0FBQztJQWFwQixDQUFDO0lBWmYsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFJLE9BQU8sQ0FBQyxLQUFjO1FBQ3hCLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ3hDO0lBQ0gsQ0FBQztJQUlELFFBQVEsS0FBVSxDQUFDO0lBRW5CLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDOzs4R0EzQlUsaUJBQWlCO2tHQUFqQixpQkFBaUIsZ1BDUDlCLG1qQkFVWTsyRkRIQyxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzswRUFLQyxXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBQ0MsVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNNLGNBQWM7c0JBQXRDLEtBQUs7dUJBQUMsZ0JBQWdCO2dCQUNGLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFFVCxhQUFhO3NCQUF0QixNQUFNO2dCQUlILE9BQU87c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1zaWRlYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXNpZGViYXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1NpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgnaGVhZGVyVGl0bGUnKSBoZWFkZXJUaXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoJ2FjdGl2ZUdyaWQnKSBhY3RpdmVHcmlkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdjbG9zZU9uT3ZlcmxheScpIGNsb3NlT25PdmVybGF5OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdzdHlsZUNsYXNzJykgc3R5bGVDbGFzczogc3RyaW5nID0gXCJ3LWZ1bGwgbWQ6dy02IGxnOnctNSB4bDp3LTVcIjtcclxuICBcclxuICBAT3V0cHV0KCkgdmlzaWJsZUNoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBwcml2YXRlIF92aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl92aXNpYmxlO1xyXG4gIH1cclxuXHJcbiAgc2V0IHZpc2libGUodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIGlmICh2YWx1ZSAhPT0gdGhpcy5fdmlzaWJsZSkge1xyXG4gICAgICB0aGlzLl92aXNpYmxlID0gdmFsdWU7XHJcbiAgICAgIHRoaXMudmlzaWJsZUNoYW5nZS5lbWl0KHRoaXMuX3Zpc2libGUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKXt9XHJcbiAgXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7fVxyXG5cclxuICBvbkNsb3NlKCl7XHJcbiAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcclxuICB9XHJcbn1cclxuIiwiPHAtc2lkZWJhciBbKHZpc2libGUpXT1cInZpc2libGVcIiBwb3NpdGlvbj1cInJpZ2h0XCIgW21vZGFsXT1cInRydWVcIiBbYmxvY2tTY3JvbGxdPVwidHJ1ZVwiIFtkaXNtaXNzaWJsZV09XCJjbG9zZU9uT3ZlcmxheVwiIFtzdHlsZUNsYXNzXT1cInN0eWxlQ2xhc3NcIiBjbGFzcz1cIndhcHAtc2lkZWJhclwiPlxyXG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPjxzcGFuIGNsYXNzPVwic3VidGl0bGUyXCI+e3toZWFkZXJUaXRsZX19PC9zcGFuPjwvbmctdGVtcGxhdGU+XHJcbiAgICBcclxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBbbmdDbGFzc109XCJ7J3ctc2lkZWJhci1jb250ZW50IGdyaWQnIDogYWN0aXZlR3JpZH1cIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuPC9wLXNpZGViYXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NpZGViYXIvdy1zaWRlYmFyL3ctc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlYmFyL3ctc2lkZWJhci93LXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPL0UsTUFBTSxPQUFPLGlCQUFpQjtJQXFCNUI7UUFuQnFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDeEIsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDcEMsZUFBVSxHQUFXLGVBQWUsQ0FBQztRQUVoRCxrQkFBYSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRXJFLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFhcEIsQ0FBQztJQVpmLElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBSSxPQUFPLENBQUMsS0FBYztRQUN4QixJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQzNCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUN4QztJQUNILENBQUM7SUFJRCxRQUFRLEtBQVUsQ0FBQztJQUVuQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQzs7OEdBM0JVLGlCQUFpQjtrR0FBakIsaUJBQWlCLGdQQ1A5QiwyakJBV0E7MkZESmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7MEVBS0MsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUNDLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDTSxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDRixVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBRVQsYUFBYTtzQkFBdEIsTUFBTTtnQkFJSCxPQUFPO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctc2lkZWJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctc2lkZWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1zaWRlYmFyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdTaWRlYmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoJ2hlYWRlclRpdGxlJykgaGVhZGVyVGl0bGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdhY3RpdmVHcmlkJykgYWN0aXZlR3JpZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnY2xvc2VPbk92ZXJsYXknKSBjbG9zZU9uT3ZlcmxheTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnc3R5bGVDbGFzcycpIHN0eWxlQ2xhc3M6IHN0cmluZyA9IFwidy1mdWxsIG1kOnctN1wiO1xyXG4gIFxyXG4gIEBPdXRwdXQoKSB2aXNpYmxlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIHByaXZhdGUgX3Zpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIGdldCB2aXNpYmxlKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX3Zpc2libGU7XHJcbiAgfVxyXG5cclxuICBzZXQgdmlzaWJsZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgaWYgKHZhbHVlICE9PSB0aGlzLl92aXNpYmxlKSB7XHJcbiAgICAgIHRoaXMuX3Zpc2libGUgPSB2YWx1ZTtcclxuICAgICAgdGhpcy52aXNpYmxlQ2hhbmdlLmVtaXQodGhpcy5fdmlzaWJsZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcigpe31cclxuICBcclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcblxyXG4gIG9uQ2xvc2UoKXtcclxuICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8cC1zaWRlYmFyIFsodmlzaWJsZSldPVwidmlzaWJsZVwiIHBvc2l0aW9uPVwicmlnaHRcIiBbbW9kYWxdPVwidHJ1ZVwiIFtibG9ja1Njcm9sbF09XCJ0cnVlXCIgW2Rpc21pc3NpYmxlXT1cImNsb3NlT25PdmVybGF5XCIgW3N0eWxlQ2xhc3NdPVwic3R5bGVDbGFzc1wiIGNsYXNzPVwid2FwcC1zaWRlYmFyXCI+XHJcbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+PHNwYW4gY2xhc3M9XCJzdWJ0aXRsZTEgbS0wXCI+e3toZWFkZXJUaXRsZX19PC9zcGFuPjwvbmctdGVtcGxhdGU+XHJcbiAgICBcclxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCI+XHJcbiAgICAgICAgPGRpdiBbbmdDbGFzc109XCJ7J3ctc2lkZWJhci1jb250ZW50IGdyaWQnIDogYWN0aXZlR3JpZH1cIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuPC9wLXNpZGViYXI+XHJcbiJdfQ==

package/esm2020/lib/tabview/w-tabview/w-tabview.component.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ export class WTabviewComponent {
     }
 }
 WTabviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTabviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-WTabviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTabviewComponent, selector: "w-tabview", inputs: { headers: "headers", icons: "icons", activeIndex: "activeIndex" }, ngImport: i0, template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\n    <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\n            <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\n            <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\n            <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\n            <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\n            <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\n            <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\n            <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\n            <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\n            <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\n            <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\n    </p-tabPanel>\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }] });
+WTabviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTabviewComponent, selector: "w-tabview", inputs: { headers: "headers", icons: "icons", activeIndex: "activeIndex" }, ngImport: i0, template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n    <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n            <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n            <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n            <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n            <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n            <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n            <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n            <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n            <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n            <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n            <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n    </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.TabView, selector: "p-tabView", inputs: ["orientation", "style", "styleClass", "controlClose", "scrollable", "activeIndex"], outputs: ["onChange", "onClose", "activeIndexChange"] }, { kind: "component", type: i3.TabPanel, selector: "p-tabPanel", inputs: ["closable", "headerStyle", "headerStyleClass", "cache", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "selected", "disabled", "header", "leftIcon", "rightIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTabviewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-tabview', template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\n    <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\n            <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\n            <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\n            <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\n            <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\n            <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\n            <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\n            <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\n            <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\n            <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\n    </p-tabPanel>\n    <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\n        <ng-template pTemplate=\"header\">\n            <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\n            <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\n        </ng-template>\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\n    </p-tabPanel>\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"] }]
+            args: [{ selector: 'w-tabview', template: "<p-tabView [(activeIndex)]=\"activeIndex\" styleClass=\"tabview-custom\">\r\n    <p-tabPanel *ngIf=\"headers.length > 0 \" [header]=\"headers[0]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[0]\" [class]=\"'pi '+icons[0]\"></i>\r\n            <span *ngIf=\"headers[0]\">{{headers[0]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 0\" select=\".panel-1\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 1\" [header]=\"headers[1]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[1]\" [class]=\"'pi '+icons[1]\"></i>\r\n            <span *ngIf=\"headers[1]\">{{headers[1]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 1\" select=\".panel-2\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 2 \" [header]=\"headers[2]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[2]\" [class]=\"'pi '+icons[2]\"></i>\r\n            <span *ngIf=\"headers[2]\">{{headers[2]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 2\" select=\".panel-3\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 3\" [header]=\"headers[3]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[3]\" [class]=\"'pi '+icons[3]\"></i>\r\n            <span *ngIf=\"headers[3]\">{{headers[3]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 3\" select=\".panel-4\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 4\" [header]=\"headers[4]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[4]\" [class]=\"'pi '+icons[4]\"></i>\r\n            <span *ngIf=\"headers[4]\">{{headers[4]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 4\" select=\".panel-5\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 5\" [header]=\"headers[5]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[5]\" [class]=\"'pi '+icons[5]\"></i>\r\n            <span *ngIf=\"headers[5]\">{{headers[5]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 5\" select=\".panel-6\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 6\" [header]=\"headers[6]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[6]\" [class]=\"'pi '+icons[6]\"></i>\r\n            <span *ngIf=\"headers[6]\">{{headers[6]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 6\" select=\".panel-7\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 7\" [header]=\"headers[7]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[7]\" [class]=\"'pi '+icons[7]\"></i>\r\n            <span *ngIf=\"headers[7]\">{{headers[7]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 7\" select=\".panel-8\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 8\" [header]=\"headers[8]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[8]\" [class]=\"'pi '+icons[8]\"></i>\r\n            <span *ngIf=\"headers[8]\">{{headers[8]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 8\" select=\".panel-9\"></ng-content>\r\n    </p-tabPanel>\r\n    <p-tabPanel *ngIf=\"headers.length > 9\" [header]=\"headers[9]\">\r\n        <ng-template pTemplate=\"header\">\r\n            <i *ngIf=\"icons && icons[9]\" [class]=\"'pi '+icons[9]\"></i>\r\n            <span *ngIf=\"headers[9]\">{{headers[9]}}</span>\r\n        </ng-template>\r\n        <ng-content *ngIf=\"activeIndex == 9\" select=\".panel-10\"></ng-content>\r\n    </p-tabPanel>\r\n</p-tabView>", styles: ["@charset \"UTF-8\";.heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:transparent;border-color:#000}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus{box-shadow:unset}::ng-deep .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link{background:transparent}::ng-deep .p-tabview .p-tabview-nav li .p-tabview-nav-link{background:transparent;gap:8px}::ng-deep .p-tabview .p-tabview-nav{background:transparent}::ng-deep .p-tabview .p-tabview-panels{background:transparent;padding:16px 0 0}\n"] }]
         }], propDecorators: { headers: [{
                 type: Input,
                 args: ['headers']
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
                 type: Input,
                 args: ['activeIndex']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10YWJ2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3RhYnZpZXcvdy10YWJ2aWV3L3ctdGFidmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi90YWJ2aWV3L3ctdGFidmlldy93LXRhYnZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFPb0IsWUFBTyxHQUFhLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUVyRCxnQkFBVyxHQUFXLENBQUMsQ0FBQztLQUUvQzs7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsNkhDUDlCLGd5SEF1RVk7MkZEaEVDLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQU1ILE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDQSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ1EsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3LXRhYnZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vdy10YWJ2aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdy10YWJ2aWV3LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgV1RhYnZpZXdDb21wb25lbnQge1xuICBcbiAgQElucHV0KCdoZWFkZXJzJykgaGVhZGVyczogc3RyaW5nW10gPSBbJ0hlYWRlciAxJywgJ0hlYWRlciAyJywgJ0hlYWRlciAzJ107XG4gIEBJbnB1dCgnaWNvbnMnKSBpY29ucyE6IHN0cmluZ1tdO1xuICBASW5wdXQoJ2FjdGl2ZUluZGV4JykgYWN0aXZlSW5kZXg6IG51bWJlciA9IDA7XG4gIFxufVxuIiwiPHAtdGFiVmlldyBbKGFjdGl2ZUluZGV4KV09XCJhY3RpdmVJbmRleFwiIHN0eWxlQ2xhc3M9XCJ0YWJ2aWV3LWN1c3RvbVwiPlxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiAwIFwiIFtoZWFkZXJdPVwiaGVhZGVyc1swXVwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzBdXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzBdXCI+PC9pPlxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJoZWFkZXJzWzBdXCI+e3toZWFkZXJzWzBdfX08L3NwYW4+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMFwiIHNlbGVjdD1cIi5wYW5lbC0xXCI+PC9uZy1jb250ZW50PlxuICAgIDwvcC10YWJQYW5lbD5cbiAgICA8cC10YWJQYW5lbCAqbmdJZj1cImhlYWRlcnMubGVuZ3RoID4gMVwiIFtoZWFkZXJdPVwiaGVhZGVyc1sxXVwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzFdXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzFdXCI+PC9pPlxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJoZWFkZXJzWzFdXCI+e3toZWFkZXJzWzFdfX08L3NwYW4+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMVwiIHNlbGVjdD1cIi5wYW5lbC0yXCI+PC9uZy1jb250ZW50PlxuICAgIDwvcC10YWJQYW5lbD5cbiAgICA8cC10YWJQYW5lbCAqbmdJZj1cImhlYWRlcnMubGVuZ3RoID4gMiBcIiBbaGVhZGVyXT1cImhlYWRlcnNbMl1cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1syXVwiIFtjbGFzc109XCIncGkgJytpY29uc1syXVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1syXVwiPnt7aGVhZGVyc1syXX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDJcIiBzZWxlY3Q9XCIucGFuZWwtM1wiPjwvbmctY29udGVudD5cbiAgICA8L3AtdGFiUGFuZWw+XG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDNcIiBbaGVhZGVyXT1cImhlYWRlcnNbM11cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1szXVwiIFtjbGFzc109XCIncGkgJytpY29uc1szXVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1szXVwiPnt7aGVhZGVyc1szXX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDNcIiBzZWxlY3Q9XCIucGFuZWwtNFwiPjwvbmctY29udGVudD5cbiAgICA8L3AtdGFiUGFuZWw+XG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDRcIiBbaGVhZGVyXT1cImhlYWRlcnNbNF1cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s0XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s0XVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s0XVwiPnt7aGVhZGVyc1s0XX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDRcIiBzZWxlY3Q9XCIucGFuZWwtNVwiPjwvbmctY29udGVudD5cbiAgICA8L3AtdGFiUGFuZWw+XG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDVcIiBbaGVhZGVyXT1cImhlYWRlcnNbNV1cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s1XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s1XVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s1XVwiPnt7aGVhZGVyc1s1XX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDVcIiBzZWxlY3Q9XCIucGFuZWwtNlwiPjwvbmctY29udGVudD5cbiAgICA8L3AtdGFiUGFuZWw+XG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDZcIiBbaGVhZGVyXT1cImhlYWRlcnNbNl1cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s2XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s2XVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s2XVwiPnt7aGVhZGVyc1s2XX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDZcIiBzZWxlY3Q9XCIucGFuZWwtN1wiPjwvbmctY29udGVudD5cbiAgICA8L3AtdGFiUGFuZWw+XG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDdcIiBbaGVhZGVyXT1cImhlYWRlcnNbN11cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s3XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s3XVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s3XVwiPnt7aGVhZGVyc1s3XX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDdcIiBzZWxlY3Q9XCIucGFuZWwtOFwiPjwvbmctY29udGVudD5cbiAgICA8L3AtdGFiUGFuZWw+XG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDhcIiBbaGVhZGVyXT1cImhlYWRlcnNbOF1cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s4XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s4XVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s4XVwiPnt7aGVhZGVyc1s4XX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDhcIiBzZWxlY3Q9XCIucGFuZWwtOVwiPjwvbmctY29udGVudD5cbiAgICA8L3AtdGFiUGFuZWw+XG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDlcIiBbaGVhZGVyXT1cImhlYWRlcnNbOV1cIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s5XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s5XVwiPjwvaT5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s5XVwiPnt7aGVhZGVyc1s5XX19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDlcIiBzZWxlY3Q9XCIucGFuZWwtMTBcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9wLXRhYlBhbmVsPlxuPC9wLXRhYlZpZXc+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10YWJ2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3RhYnZpZXcvdy10YWJ2aWV3L3ctdGFidmlldy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi90YWJ2aWV3L3ctdGFidmlldy93LXRhYnZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT2pELE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFPb0IsWUFBTyxHQUFhLENBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQztRQUVyRCxnQkFBVyxHQUFXLENBQUMsQ0FBQztLQUUvQzs7OEdBTlksaUJBQWlCO2tHQUFqQixpQkFBaUIsNkhDUDlCLDg2SEF1RVk7MkZEaEVDLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQU1ILE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDQSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ1EsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXRhYnZpZXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXRhYnZpZXcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctdGFidmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXVGFidmlld0NvbXBvbmVudCB7XHJcbiAgXHJcbiAgQElucHV0KCdoZWFkZXJzJykgaGVhZGVyczogc3RyaW5nW10gPSBbJ0hlYWRlciAxJywgJ0hlYWRlciAyJywgJ0hlYWRlciAzJ107XHJcbiAgQElucHV0KCdpY29ucycpIGljb25zITogc3RyaW5nW107XHJcbiAgQElucHV0KCdhY3RpdmVJbmRleCcpIGFjdGl2ZUluZGV4OiBudW1iZXIgPSAwO1xyXG4gIFxyXG59XHJcbiIsIjxwLXRhYlZpZXcgWyhhY3RpdmVJbmRleCldPVwiYWN0aXZlSW5kZXhcIiBzdHlsZUNsYXNzPVwidGFidmlldy1jdXN0b21cIj5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiAwIFwiIFtoZWFkZXJdPVwiaGVhZGVyc1swXVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1swXVwiIFtjbGFzc109XCIncGkgJytpY29uc1swXVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJoZWFkZXJzWzBdXCI+e3toZWFkZXJzWzBdfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDBcIiBzZWxlY3Q9XCIucGFuZWwtMVwiPjwvbmctY29udGVudD5cclxuICAgIDwvcC10YWJQYW5lbD5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiAxXCIgW2hlYWRlcl09XCJoZWFkZXJzWzFdXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzFdXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzFdXCI+PC9pPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImhlYWRlcnNbMV1cIj57e2hlYWRlcnNbMV19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMVwiIHNlbGVjdD1cIi5wYW5lbC0yXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDIgXCIgW2hlYWRlcl09XCJoZWFkZXJzWzJdXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzJdXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzJdXCI+PC9pPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImhlYWRlcnNbMl1cIj57e2hlYWRlcnNbMl19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMlwiIHNlbGVjdD1cIi5wYW5lbC0zXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDNcIiBbaGVhZGVyXT1cImhlYWRlcnNbM11cIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnNbM11cIiBbY2xhc3NdPVwiJ3BpICcraWNvbnNbM11cIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1szXVwiPnt7aGVhZGVyc1szXX19PC9zcGFuPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAzXCIgc2VsZWN0PVwiLnBhbmVsLTRcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3AtdGFiUGFuZWw+XHJcbiAgICA8cC10YWJQYW5lbCAqbmdJZj1cImhlYWRlcnMubGVuZ3RoID4gNFwiIFtoZWFkZXJdPVwiaGVhZGVyc1s0XVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s0XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s0XVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJoZWFkZXJzWzRdXCI+e3toZWFkZXJzWzRdfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDRcIiBzZWxlY3Q9XCIucGFuZWwtNVwiPjwvbmctY29udGVudD5cclxuICAgIDwvcC10YWJQYW5lbD5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiA1XCIgW2hlYWRlcl09XCJoZWFkZXJzWzVdXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzVdXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzVdXCI+PC9pPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImhlYWRlcnNbNV1cIj57e2hlYWRlcnNbNV19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gNVwiIHNlbGVjdD1cIi5wYW5lbC02XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDZcIiBbaGVhZGVyXT1cImhlYWRlcnNbNl1cIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnNbNl1cIiBbY2xhc3NdPVwiJ3BpICcraWNvbnNbNl1cIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s2XVwiPnt7aGVhZGVyc1s2XX19PC9zcGFuPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA2XCIgc2VsZWN0PVwiLnBhbmVsLTdcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3AtdGFiUGFuZWw+XHJcbiAgICA8cC10YWJQYW5lbCAqbmdJZj1cImhlYWRlcnMubGVuZ3RoID4gN1wiIFtoZWFkZXJdPVwiaGVhZGVyc1s3XVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgPGkgKm5nSWY9XCJpY29ucyAmJiBpY29uc1s3XVwiIFtjbGFzc109XCIncGkgJytpY29uc1s3XVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJoZWFkZXJzWzddXCI+e3toZWFkZXJzWzddfX08L3NwYW4+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDdcIiBzZWxlY3Q9XCIucGFuZWwtOFwiPjwvbmctY29udGVudD5cclxuICAgIDwvcC10YWJQYW5lbD5cclxuICAgIDxwLXRhYlBhbmVsICpuZ0lmPVwiaGVhZGVycy5sZW5ndGggPiA4XCIgW2hlYWRlcl09XCJoZWFkZXJzWzhdXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cImljb25zICYmIGljb25zWzhdXCIgW2NsYXNzXT1cIidwaSAnK2ljb25zWzhdXCI+PC9pPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImhlYWRlcnNbOF1cIj57e2hlYWRlcnNbOF19fTwvc3Bhbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gOFwiIHNlbGVjdD1cIi5wYW5lbC05XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG4gICAgPHAtdGFiUGFuZWwgKm5nSWY9XCJoZWFkZXJzLmxlbmd0aCA+IDlcIiBbaGVhZGVyXT1cImhlYWRlcnNbOV1cIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxpICpuZ0lmPVwiaWNvbnMgJiYgaWNvbnNbOV1cIiBbY2xhc3NdPVwiJ3BpICcraWNvbnNbOV1cIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyc1s5XVwiPnt7aGVhZGVyc1s5XX19PC9zcGFuPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA5XCIgc2VsZWN0PVwiLnBhbmVsLTEwXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9wLXRhYlBhbmVsPlxyXG48L3AtdGFiVmlldz4iXX0=