ngx-wapp-components 1.0.54 → 1.0.56

package/esm2020/lib/button/w-radio-button/w-radio-button.component.mjs

@@ -0,0 +1,86 @@
+import { Component, EventEmitter, Input, Output, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SizeType } from '../../shared/enums/enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+import * as i3 from "primeng/radiobutton";
+export class WRadioButtonComponent {
+    constructor() {
+        this.selectedIndex = 0;
+        this.isDisabled = false;
+        this.isTouched = false;
+        this.radioGroupElements = [];
+        this.required = false;
+        this.disabled = false;
+        this.requiredErrorDescription = "Default required error description";
+        this.size = "medium";
+        this.onChangeEvent = new EventEmitter();
+        this.onChange = () => { };
+        this.onTouch = () => { };
+        this.sizeType = SizeType;
+    }
+    ngOnInit() { }
+    writeValue(value) {
+        this.ngModelValue = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    onChanged() {
+        this.onChange(this.ngModelValue);
+        this.onTouch();
+        this.onChangeEvent.emit(this.ngModelValue);
+    }
+    onChangedForm(value) {
+        this.onChange(value);
+        this.onTouch();
+        this.onChangeEvent.emit(value);
+    }
+    getSizeName(value) {
+        return SizeType[value];
+    }
+}
+WRadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WRadioButtonComponent, selector: "w-radio-button", inputs: { radioGroupElements: "radioGroupElements", required: "required", disabled: "disabled", requiredErrorDescription: "requiredErrorDescription", size: "size" }, outputs: { onChangeEvent: "onChange" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => WRadioButtonComponent),
+            multi: true
+        }
+    ], ngImport: i0, template: "<div *ngIf=\"formControl; else noNgControl\">\r\n    <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n        <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n                                   'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n                       [inputId]=\"option.key\" \r\n                       [required]=\"required\" \r\n                       [disabled]=\"disabled\"\r\n                       [formControl]=\"formControl\"\r\n                       ngDefaultControl\r\n                       (onClick)=\"onChangedForm($event)\">\r\n        </p-radioButton>\r\n        <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n                           'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n    </div>\r\n    <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n    <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n        <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n                                   'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n                       [inputId]=\"option.key\" \r\n                       [(ngModel)]=\"ngModelValue\" \r\n                       [disabled]=\"disabled\"\r\n                       [value]=\"option\" \r\n                       ngDefaultControl\r\n                       (onClick)=\"onChanged()\">\r\n        </p-radioButton>\r\n        <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n                           'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n    </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box: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,::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{font-size:14px;line-height:16px;font-weight:700}.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-radiobutton-small .p-radiobutton .p-radiobutton-box{border:2px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box{border:2px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:hover{border:2px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:hover{border:2px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:12px;height:12px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:8px;height:8px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box.p-highlight,:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#1f5b72;background:#1f5b72}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:4px solid #dadce0}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:6px solid #dadce0}:host ::ng-deep .field-checkbox,.field-radiobutton{height:24px;margin-bottom:16px;display:flex;align-items:center}::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{margin-left:8px;line-height:1}::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{margin-left:12px;line-height:1}:host ::ng-deep .w-radiobutton-small .p-radiobutton{width:16px;height:16px}:host ::ng-deep .w-radiobutton-medium .p-radiobutton{width:24px;height:24px}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WRadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'w-radio-button', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => WRadioButtonComponent),
+                            multi: true
+                        }
+                    ], template: "<div *ngIf=\"formControl; else noNgControl\">\r\n    <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n        <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n                                   'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n                       [inputId]=\"option.key\" \r\n                       [required]=\"required\" \r\n                       [disabled]=\"disabled\"\r\n                       [formControl]=\"formControl\"\r\n                       ngDefaultControl\r\n                       (onClick)=\"onChangedForm($event)\">\r\n        </p-radioButton>\r\n        <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n                           'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n    </div>\r\n    <small *ngIf=\"formControl.hasError('required') && formControl.touched\" class=\"p-error block\">{{requiredErrorDescription}}</small> \r\n</div>\r\n<ng-template #noNgControl>\r\n    <div *ngFor=\"let option of radioGroupElements\" class=\"field-checkbox\">\r\n        <p-radioButton [ngClass]=\"{'w-radiobutton-small' : size == getSizeName(sizeType.small),\r\n                                   'w-radiobutton-medium' : size == getSizeName(sizeType.medium)}\"\r\n                       [inputId]=\"option.key\" \r\n                       [(ngModel)]=\"ngModelValue\" \r\n                       [disabled]=\"disabled\"\r\n                       [value]=\"option\" \r\n                       ngDefaultControl\r\n                       (onClick)=\"onChanged()\">\r\n        </p-radioButton>\r\n        <label [ngClass]=\"{'w-radiobutton-label-small' : size == getSizeName(sizeType.small),\r\n                           'w-radiobutton-label-medium' : size == getSizeName(sizeType.medium)}\" [for]=\"option.key\">{{option.name}}</label>\r\n    </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus,:host ::ng-deep .p-radiobutton .p-radiobutton-box: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,::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{font-size:14px;line-height:16px;font-weight:700}.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-radiobutton-small .p-radiobutton .p-radiobutton-box{border:2px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box{border:2px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#1f5b72;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:hover{border:2px solid #dadce0;background:#ffffff;min-width:16px;width:16px;height:16px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:hover{border:2px solid #dadce0;background:#ffffff;min-width:24px;width:24px;height:24px;color:#dadce0;border-radius:50%;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:12px;height:12px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box .p-radiobutton-icon{width:8px;height:8px;transition-duration:.2s;background-color:#fff}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box.p-highlight,:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box.p-highlight{border-color:#1f5b72;background:#1f5b72}:host ::ng-deep .w-radiobutton-small .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:4px solid #dadce0}:host ::ng-deep .w-radiobutton-medium .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover{border-color:#dadce0;background:#9aa0a6;border:6px solid #dadce0}:host ::ng-deep .field-checkbox,.field-radiobutton{height:24px;margin-bottom:16px;display:flex;align-items:center}::ng-deep .field-checkbox>label.w-radiobutton-label-small,.field-radiobutton>label{margin-left:8px;line-height:1}::ng-deep .field-checkbox>label.w-radiobutton-label-medium,.field-radiobutton>label{margin-left:12px;line-height:1}:host ::ng-deep .w-radiobutton-small .p-radiobutton{width:16px;height:16px}:host ::ng-deep .w-radiobutton-medium .p-radiobutton{width:24px;height:24px}\n"] }]
+        }], propDecorators: { radioGroupElements: [{
+                type: Input,
+                args: ['radioGroupElements']
+            }], required: [{
+                type: Input,
+                args: ['required']
+            }], disabled: [{
+                type: Input,
+                args: ['disabled']
+            }], requiredErrorDescription: [{
+                type: Input,
+                args: ['requiredErrorDescription']
+            }], size: [{
+                type: Input,
+                args: ['size']
+            }], onChangeEvent: [{
+                type: Output,
+                args: ['onChange']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1yYWRpby1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL3ctcmFkaW8tYnV0dG9uL3ctcmFkaW8tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi93LXJhZGlvLWJ1dHRvbi93LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQW9CLE1BQU0sRUFBUSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0csT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7QUFjbkQsTUFBTSxPQUFPLHFCQUFxQjtJQVpsQztRQWNFLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBQ2xCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsY0FBUyxHQUFhLEtBQUssQ0FBQztRQUVDLHVCQUFrQixHQUFVLEVBQUUsQ0FBQztRQUN6QyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDViw2QkFBd0IsR0FBVyxvQ0FBb0MsQ0FBQztRQUM1RixTQUFJLEdBQVcsUUFBUSxDQUFDO1FBRW5CLGtCQUFhLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFLMUUsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBRXhCLGFBQVEsR0FBb0IsUUFBUSxDQUFDO0tBb0N0QztJQWxDQyxRQUFRLEtBQVcsQ0FBQztJQUVwQixVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsVUFBbUI7UUFDbEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7SUFDL0IsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFFZixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLE9BQU8sUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7O2tIQXZEVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix1UEFSckI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztZQUNwRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsMEJDZEgsbzlEQThCYzsyRkRkRCxxQkFBcUI7a0JBWmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLGFBR2Y7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsc0JBQXNCLENBQUM7NEJBQ3BELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQVE0QixrQkFBa0I7c0JBQTlDLEtBQUs7dUJBQUMsb0JBQW9CO2dCQUNSLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFDRSxRQUFRO3NCQUExQixLQUFLO3VCQUFDLFVBQVU7Z0JBQ2tCLHdCQUF3QjtzQkFBMUQsS0FBSzt1QkFBQywwQkFBMEI7Z0JBQ2xCLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFFTyxhQUFhO3NCQUFoQyxNQUFNO3VCQUFDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3B0aW9uYWwsIE91dHB1dCwgU2VsZiwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFNpemVUeXBlIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2VudW1zL2VudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXJhZGlvLWJ1dHRvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gV1JhZGlvQnV0dG9uQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXUmFkaW9CdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBzZWxlY3RlZE9wdGlvbjogYW55O1xyXG4gIHNlbGVjdGVkSW5kZXggPSAwO1xyXG4gIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBpc1RvdWNoZWQgOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgncmFkaW9Hcm91cEVsZW1lbnRzJykgcmFkaW9Hcm91cEVsZW1lbnRzOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgncmVxdWlyZWQnKSByZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnZGlzYWJsZWQnKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgncmVxdWlyZWRFcnJvckRlc2NyaXB0aW9uJykgcmVxdWlyZWRFcnJvckRlc2NyaXB0aW9uOiBzdHJpbmcgPSBcIkRlZmF1bHQgcmVxdWlyZWQgZXJyb3IgZGVzY3JpcHRpb25cIjtcclxuICBASW5wdXQoJ3NpemUnKSBzaXplOiBzdHJpbmcgPSBcIm1lZGl1bVwiO1xyXG4gIFxyXG4gIEBPdXRwdXQoJ29uQ2hhbmdlJykgb25DaGFuZ2VFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGZvcm1Db250cm9sOiBhbnk7XHJcbiAgbmdNb2RlbFZhbHVlOiBhbnk7XHJcblxyXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcclxuICBvblRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcclxuICBcclxuICBzaXplVHlwZTogdHlwZW9mIFNpemVUeXBlID0gU2l6ZVR5cGU7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5uZ01vZGVsVmFsdWUgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIHRoaXMuaXNEaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZWQoKXtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcblxyXG4gICAgdGhpcy5vbkNoYW5nZUV2ZW50LmVtaXQodGhpcy5uZ01vZGVsVmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgb25DaGFuZ2VkRm9ybSh2YWx1ZTogYW55KXtcclxuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlRXZlbnQuZW1pdCh2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBnZXRTaXplTmFtZSh2YWx1ZTogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBTaXplVHlwZVt2YWx1ZV07XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgKm5nSWY9XCJmb3JtQ29udHJvbDsgZWxzZSBub05nQ29udHJvbFwiPlxyXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIHJhZGlvR3JvdXBFbGVtZW50c1wiIGNsYXNzPVwiZmllbGQtY2hlY2tib3hcIj5cclxuICAgICAgICA8cC1yYWRpb0J1dHRvbiBbbmdDbGFzc109XCJ7J3ctcmFkaW9idXR0b24tc21hbGwnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctcmFkaW9idXR0b24tbWVkaXVtJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpbnB1dElkXT1cIm9wdGlvbi5rZXlcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgbmdEZWZhdWx0Q29udHJvbFxyXG4gICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cIm9uQ2hhbmdlZEZvcm0oJGV2ZW50KVwiPlxyXG4gICAgICAgIDwvcC1yYWRpb0J1dHRvbj5cclxuICAgICAgICA8bGFiZWwgW25nQ2xhc3NdPVwieyd3LXJhZGlvYnV0dG9uLWxhYmVsLXNtYWxsJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAndy1yYWRpb2J1dHRvbi1sYWJlbC1tZWRpdW0nIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pfVwiIFtmb3JdPVwib3B0aW9uLmtleVwiPnt7b3B0aW9uLm5hbWV9fTwvbGFiZWw+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzbWFsbCAqbmdJZj1cImZvcm1Db250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpICYmIGZvcm1Db250cm9sLnRvdWNoZWRcIiBjbGFzcz1cInAtZXJyb3IgYmxvY2tcIj57e3JlcXVpcmVkRXJyb3JEZXNjcmlwdGlvbn19PC9zbWFsbD4gXHJcbjwvZGl2PlxyXG48bmctdGVtcGxhdGUgI25vTmdDb250cm9sPlxyXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIHJhZGlvR3JvdXBFbGVtZW50c1wiIGNsYXNzPVwiZmllbGQtY2hlY2tib3hcIj5cclxuICAgICAgICA8cC1yYWRpb0J1dHRvbiBbbmdDbGFzc109XCJ7J3ctcmFkaW9idXR0b24tc21hbGwnIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5zbWFsbCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3ctcmFkaW9idXR0b24tbWVkaXVtJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUubWVkaXVtKX1cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtpbnB1dElkXT1cIm9wdGlvbi5rZXlcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm5nTW9kZWxWYWx1ZVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cIm9wdGlvblwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgIG5nRGVmYXVsdENvbnRyb2xcclxuICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJvbkNoYW5nZWQoKVwiPlxyXG4gICAgICAgIDwvcC1yYWRpb0J1dHRvbj5cclxuICAgICAgICA8bGFiZWwgW25nQ2xhc3NdPVwieyd3LXJhZGlvYnV0dG9uLWxhYmVsLXNtYWxsJyA6IHNpemUgPT0gZ2V0U2l6ZU5hbWUoc2l6ZVR5cGUuc21hbGwpLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAndy1yYWRpb2J1dHRvbi1sYWJlbC1tZWRpdW0nIDogc2l6ZSA9PSBnZXRTaXplTmFtZShzaXplVHlwZS5tZWRpdW0pfVwiIFtmb3JdPVwib3B0aW9uLmtleVwiPnt7b3B0aW9uLm5hbWV9fTwvbGFiZWw+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=

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

@@ -7,6 +7,7 @@ export class WPanelComponent {
         this.activeGrid = true;
         this.reduced = false;
         this.justifyContent = '';
+        this.activeOverflow = false;
     }
     getCombinedClasses() {
         let classes = [];
@@ -16,14 +17,17 @@ export class WPanelComponent {
         if (this.justifyContent.length > 0) {
             classes.push('flex flex-wrap ' + this.justifyContent);
         }
+        if (this.activeOverflow) {
+            classes.push('w-panel-overflow');
+        }
         return classes.join(' ');
     }
 }
 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", justifyContent: "justifyContent" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n    <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n    <div [ngClass]=\"getCombinedClasses()\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title"] }] });
+WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", activeGrid: "activeGrid", reduced: "reduced", justifyContent: "justifyContent", activeOverflow: "activeOverflow", maxHeightOverflow: "maxHeightOverflow" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n    <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n    <div [ngClass]=\"getCombinedClasses()\" [style.max-height]=\"maxHeightOverflow\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!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]=\"getCombinedClasses()\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
+            args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n    <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n    <div [ngClass]=\"getCombinedClasses()\" [style.max-height]=\"maxHeightOverflow\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}.w-panel{padding:28px 32px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}\n"] }]
         }], propDecorators: { width: [{
                 type: Input,
                 args: ['width']
@@ -39,5 +43,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
             }], justifyContent: [{
                 type: Input,
                 args: ['justifyContent']
+            }], activeOverflow: [{
+                type: Input,
+                args: ['activeOverflow']
+            }], maxHeightOverflow: [{
+                type: Input,
+                args: ['maxHeightOverflow']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1wYW5lbC93LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsL3ctcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFRdUIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUM5QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ2xCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO0tBZXREO0lBYkMsa0JBQWtCO1FBQ2hCLElBQUksT0FBTyxHQUFHLEVBQUUsQ0FBQztRQUVqQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsT0FBTyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1NBQ3RDO1FBRUQsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDbEMsT0FBTyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsR0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDckQ7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7NEdBbkJVLGVBQWU7Z0dBQWYsZUFBZSwyS0NQNUIsc1JBS007MkZERU8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTOzhCQUtILEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDRSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ08sVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNELE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDUyxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1wYW5lbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctcGFuZWwuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1BhbmVsQ29tcG9uZW50IHtcclxuICBASW5wdXQoJ3dpZHRoJykgd2lkdGg6IGFueTtcclxuICBASW5wdXQoJ3RpdGxlJykgdGl0bGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdhY3RpdmVHcmlkJykgYWN0aXZlR3JpZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCdyZWR1Y2VkJykgcmVkdWNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnanVzdGlmeUNvbnRlbnQnKSBqdXN0aWZ5Q29udGVudDogc3RyaW5nID0gJyc7XHJcbiAgXHJcbiAgZ2V0Q29tYmluZWRDbGFzc2VzKCkge1xyXG4gICAgbGV0IGNsYXNzZXMgPSBbXTtcclxuICBcclxuICAgIGlmICh0aGlzLmFjdGl2ZUdyaWQpIHtcclxuICAgICAgY2xhc3Nlcy5wdXNoKCd3LXBhbmVsLWNvbnRlbnQgZ3JpZCcpO1xyXG4gICAgfVxyXG4gIFxyXG4gICAgaWYgKHRoaXMuanVzdGlmeUNvbnRlbnQubGVuZ3RoID4gMCkge1xyXG4gICAgICBjbGFzc2VzLnB1c2goJ2ZsZXggZmxleC13cmFwICcrdGhpcy5qdXN0aWZ5Q29udGVudCk7XHJcbiAgICB9XHJcbiAgXHJcbiAgICByZXR1cm4gY2xhc3Nlcy5qb2luKCcgJyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW25nQ2xhc3NdPVwieyAndy1wYW5lbCc6ICFyZWR1Y2VkLCAndy1yZWR1Y2VkLXBhbmVsJzogcmVkdWNlZH1cIiBjbGFzcz1cInctZnVsbCBoLWZ1bGxcIj5cclxuICAgIDx3LXBhbmVsLXRpdGxlICpuZ0lmPVwidGl0bGVcIiBbdGl0bGVdPVwidGl0bGVcIj48L3ctcGFuZWwtdGl0bGU+XHJcbiAgICA8ZGl2IFtuZ0NsYXNzXT1cImdldENvbWJpbmVkQ2xhc3NlcygpXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1wYW5lbC93LXBhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsL3ctcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFRdUIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUM5QixZQUFPLEdBQVksS0FBSyxDQUFDO1FBQ2xCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBQzVCLG1CQUFjLEdBQVksS0FBSyxDQUFDO0tBb0IxRDtJQWpCQyxrQkFBa0I7UUFDaEIsSUFBSSxPQUFPLEdBQUcsRUFBRSxDQUFDO1FBRWpCLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixPQUFPLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUM7U0FDdEM7UUFFRCxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUNsQyxPQUFPLENBQUMsSUFBSSxDQUFDLGlCQUFpQixHQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUNyRDtRQUVELElBQUcsSUFBSSxDQUFDLGNBQWMsRUFBQztZQUNyQixPQUFPLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLENBQUM7U0FDbEM7UUFFRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7NEdBekJVLGVBQWU7Z0dBQWYsZUFBZSxxUENQNUIsK1RBS007MkZERU8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTOzhCQUtILEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDRSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ08sVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNELE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDUyxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDRSxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDSyxpQkFBaUI7c0JBQTVDLEtBQUs7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXBhbmVsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1wYW5lbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1wYW5lbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXUGFuZWxDb21wb25lbnQge1xyXG4gIEBJbnB1dCgnd2lkdGgnKSB3aWR0aDogYW55O1xyXG4gIEBJbnB1dCgndGl0bGUnKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoJ2FjdGl2ZUdyaWQnKSBhY3RpdmVHcmlkOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoJ3JlZHVjZWQnKSByZWR1Y2VkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdqdXN0aWZ5Q29udGVudCcpIGp1c3RpZnlDb250ZW50OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoJ2FjdGl2ZU92ZXJmbG93JykgYWN0aXZlT3ZlcmZsb3c6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoJ21heEhlaWdodE92ZXJmbG93JykgbWF4SGVpZ2h0T3ZlcmZsb3chOiBzdHJpbmc7XHJcbiAgXHJcbiAgZ2V0Q29tYmluZWRDbGFzc2VzKCkge1xyXG4gICAgbGV0IGNsYXNzZXMgPSBbXTtcclxuICBcclxuICAgIGlmICh0aGlzLmFjdGl2ZUdyaWQpIHtcclxuICAgICAgY2xhc3Nlcy5wdXNoKCd3LXBhbmVsLWNvbnRlbnQgZ3JpZCcpO1xyXG4gICAgfVxyXG4gIFxyXG4gICAgaWYgKHRoaXMuanVzdGlmeUNvbnRlbnQubGVuZ3RoID4gMCkge1xyXG4gICAgICBjbGFzc2VzLnB1c2goJ2ZsZXggZmxleC13cmFwICcrdGhpcy5qdXN0aWZ5Q29udGVudCk7XHJcbiAgICB9XHJcblxyXG4gICAgaWYodGhpcy5hY3RpdmVPdmVyZmxvdyl7XHJcbiAgICAgIGNsYXNzZXMucHVzaCgndy1wYW5lbC1vdmVyZmxvdycpO1xyXG4gICAgfVxyXG4gIFxyXG4gICAgcmV0dXJuIGNsYXNzZXMuam9pbignICcpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IFtuZ0NsYXNzXT1cInsgJ3ctcGFuZWwnOiAhcmVkdWNlZCwgJ3ctcmVkdWNlZC1wYW5lbCc6IHJlZHVjZWR9XCIgY2xhc3M9XCJ3LWZ1bGwgaC1mdWxsXCI+XHJcbiAgICA8dy1wYW5lbC10aXRsZSAqbmdJZj1cInRpdGxlXCIgW3RpdGxlXT1cInRpdGxlXCI+PC93LXBhbmVsLXRpdGxlPlxyXG4gICAgPGRpdiBbbmdDbGFzc109XCJnZXRDb21iaW5lZENsYXNzZXMoKVwiIFtzdHlsZS5tYXgtaGVpZ2h0XT1cIm1heEhlaWdodE92ZXJmbG93XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/misc/w-badge/w-badge.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class WBadgeComponent {
+    constructor() {
+        this.label = "";
+        this.color = "default";
+    }
+}
+WBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+WBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBadgeComponent, selector: "w-badge", inputs: { label: "label", color: "color" }, ngImport: i0, template: "<span [class]=\"'w-badge color-' + color\">\n    {{label}}\n</span>", 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-badge{height:16px;border-radius:8px;border:1px solid #dadce0;padding:3px 12px;font-weight:700;font-size:8px;line-height:8px}.w-badge.color-default{background:#ffffff;color:#5f6368;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #62C3FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FF5555}.w-badge.color-disabled{background:#ffffff;color:#9aa0a6;border:1px solid #dadce0}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'w-badge', template: "<span [class]=\"'w-badge color-' + color\">\n    {{label}}\n</span>", 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-badge{height:16px;border-radius:8px;border:1px solid #dadce0;padding:3px 12px;font-weight:700;font-size:8px;line-height:8px}.w-badge.color-default{background:#ffffff;color:#5f6368;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #62C3FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FF5555}.w-badge.color-disabled{background:#ffffff;color:#9aa0a6;border:1px solid #dadce0}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: ['label']
+            }], color: [{
+                type: Input,
+                args: ['color']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctYmFkZ2Uvdy1iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctYmFkZ2Uvdy1iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLGVBQWU7SUFMNUI7UUFNa0IsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixVQUFLLEdBQVcsU0FBUyxDQUFDO0tBQzNDOzs0R0FIWSxlQUFlO2dHQUFmLGVBQWUsMkZDUDVCLHFFQUVPOzJGREtNLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsU0FBUzs4QkFLSCxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0UsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3LWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ctYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi93LWJhZGdlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgV0JhZGdlQ29tcG9uZW50IHtcbiAgQElucHV0KCdsYWJlbCcpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xuICBASW5wdXQoJ2NvbG9yJykgY29sb3I6IHN0cmluZyA9IFwiZGVmYXVsdFwiO1xufVxuIiwiPHNwYW4gW2NsYXNzXT1cIid3LWJhZGdlIGNvbG9yLScgKyBjb2xvclwiPlxuICAgIHt7bGFiZWx9fVxuPC9zcGFuPiJdfQ==

package/esm2020/lib/misc/w-wizard/w-wizard.component.mjs

@@ -0,0 +1,87 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MessageService } from 'primeng/api';
+import * as i0 from "@angular/core";
+import * as i1 from "primeng/api";
+import * as i2 from "@angular/common";
+import * as i3 from "primeng/steps";
+import * as i4 from "../../button/w-button/w-button.component";
+import * as i5 from "../../layout/w-panel/w-panel.component";
+export class WWizardComponent {
+    constructor(messageService) {
+        this.messageService = messageService;
+        this.activeIndex = 0;
+        this.nextBtnLabel = "Next";
+        this.previousBtnLabel = "Previous";
+        this.isReadOnly = true;
+        this.confirmButtonActivated = new EventEmitter();
+        this.secondaryConfirmButtonActivated = new EventEmitter();
+        this.activeIndexParent = new EventEmitter();
+    }
+    onActiveIndexChange(event) {
+        this.activeIndex = event;
+    }
+    nextPage() {
+        this.activeIndex++;
+        this.activeIndexParent.emit(this.activeIndex);
+        return;
+    }
+    previousPage() {
+        this.activeIndex--;
+        this.activeIndexParent.emit(this.activeIndex);
+    }
+    confirm() {
+        this.confirmButtonActivated.emit(true);
+    }
+    secondaryConfirm() {
+        this.secondaryConfirmButtonActivated.emit(true);
+    }
+}
+WWizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, deps: [{ token: i1.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+WWizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WWizardComponent, selector: "w-wizard", inputs: { stepsItems: "stepsItems", stepsHeadings: "stepsHeadings", stepsSubheadings: "stepsSubheadings", nextBtnLabel: "nextBtnLabel", previousBtnLabel: "previousBtnLabel", confirmButtonLabel: "confirmButtonLabel", confirmButtonIcon: "confirmButtonIcon", secondaryConfirmButtonLabel: "secondaryConfirmButtonLabel", secondaryConfirmButtonIcon: "secondaryConfirmButtonIcon", isReadOnly: "isReadOnly", formGroup: "formGroup" }, outputs: { confirmButtonActivated: "confirmButtonActivated", secondaryConfirmButtonActivated: "secondaryConfirmButtonActivated", activeIndexParent: "activeIndexParent" }, providers: [MessageService], ngImport: i0, template: "<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n</w-panel>\r\n\r\n<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    \r\n    <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n        <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n            {{stepsHeadings[activeIndex]}}\r\n        </span>\r\n        <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n            {{stepsSubheadings[activeIndex]}}\r\n        </span>\r\n    </div>\r\n\r\n    <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n    <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n        <div class=\"flex align-items-center justify-content-center\">\r\n            <w-button *ngIf=\"activeIndex != 0\" \r\n                      [icon]=\"'pi-arrow-left'\" \r\n                      type=\"secondary\" \r\n                      [label]=\"previousBtnLabel\" \r\n                      (onClick)=\"previousPage()\">\r\n            </w-button>\r\n        </div>\r\n        <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n            <w-button type=\"primary\"\r\n                      [icon]=\"'pi-arrow-right'\" \r\n                      [label]=\"nextBtnLabel\" \r\n                      (onClick)=\"nextPage()\">\r\n            </w-button>\r\n        </div>\r\n        <ng-template #confirmButtons >\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                          type=\"secondary\"\r\n                          class=\"w-wizard-button-gap\"\r\n                          [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                          [label]=\"secondaryConfirmButtonLabel\" \r\n                          [disabled]=\"formGroup && !formGroup.valid\" \r\n                          (onClick)=\"secondaryConfirm()\">\r\n                </w-button>\r\n                <w-button type=\"primary\"\r\n                           [icon]=\"'pi '+confirmButtonIcon\"\r\n                           [label]=\"confirmButtonLabel\" \r\n                           [disabled]=\"formGroup && !formGroup.valid\" \r\n                           (onClick)=\"confirm()\">\r\n                </w-button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</w-panel>\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,.w-wizard-heading{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,.w-wizard-subheading{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-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-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#f8f9fa;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass"], outputs: ["activeIndexChange"] }, { kind: "component", type: i4.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }, { kind: "component", type: i5.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "activeGrid", "reduced", "justifyContent", "activeOverflow", "maxHeightOverflow"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WWizardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'w-wizard', providers: [MessageService], template: "<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    <p-steps [model]=\"stepsItems\" [activeIndex]=\"activeIndex\" (activeIndexChange)=\"onActiveIndexChange($event)\" [readonly]=\"isReadOnly\"></p-steps>\r\n</w-panel>\r\n\r\n<w-panel class=\"col-12\" [activeGrid]=\"false\">\r\n    \r\n    <div class=\"flex flex-column align-items-center sm:align-items-start w-wizard-headings\">\r\n        <span *ngIf=\"stepsHeadings && stepsHeadings[activeIndex]\" class=\"w-wizard-heading\">\r\n            {{stepsHeadings[activeIndex]}}\r\n        </span>\r\n        <span *ngIf=\"stepsSubheadings && stepsSubheadings[activeIndex]\" class=\"w-wizard-subheading\">\r\n            {{stepsSubheadings[activeIndex]}}\r\n        </span>\r\n    </div>\r\n\r\n    <ng-content *ngIf=\"activeIndex == 0\" select=\".step-1\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 1\" select=\".step-2\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 2\" select=\".step-3\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 3\" select=\".step-4\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 4\" select=\".step-5\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 5\" select=\".step-6\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 6\" select=\".step-7\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 7\" select=\".step-8\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 8\" select=\".step-9\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 9\" select=\".step-10\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 10\" select=\".step-11\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 11\" select=\".step-12\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 12\" select=\".step-13\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 13\" select=\".step-14\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 14\" select=\".step-15\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 15\" select=\".step-16\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 16\" select=\".step-17\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 17\" select=\".step-18\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 18\" select=\".step-19\" class=\"w-wizard-body\"></ng-content>\r\n    <ng-content *ngIf=\"activeIndex == 19\" select=\".step-20\" class=\"w-wizard-body\"></ng-content>\r\n\r\n    <div class=\"flex justify-content-between flex-wrap m-auto\">\r\n        <div class=\"flex align-items-center justify-content-center\">\r\n            <w-button *ngIf=\"activeIndex != 0\" \r\n                      [icon]=\"'pi-arrow-left'\" \r\n                      type=\"secondary\" \r\n                      [label]=\"previousBtnLabel\" \r\n                      (onClick)=\"previousPage()\">\r\n            </w-button>\r\n        </div>\r\n        <div *ngIf=\"!(stepsItems.length -1 == activeIndex); else confirmButtons\" class=\"flex align-items-center justify-content-center\">\r\n            <w-button type=\"primary\"\r\n                      [icon]=\"'pi-arrow-right'\" \r\n                      [label]=\"nextBtnLabel\" \r\n                      (onClick)=\"nextPage()\">\r\n            </w-button>\r\n        </div>\r\n        <ng-template #confirmButtons >\r\n            <div class=\"flex align-items-center justify-content-center\">\r\n                <w-button *ngIf=\"secondaryConfirmButtonLabel\"\r\n                          type=\"secondary\"\r\n                          class=\"w-wizard-button-gap\"\r\n                          [icon]=\"'pi '+secondaryConfirmButtonIcon\"\r\n                          [label]=\"secondaryConfirmButtonLabel\" \r\n                          [disabled]=\"formGroup && !formGroup.valid\" \r\n                          (onClick)=\"secondaryConfirm()\">\r\n                </w-button>\r\n                <w-button type=\"primary\"\r\n                           [icon]=\"'pi '+confirmButtonIcon\"\r\n                           [label]=\"confirmButtonLabel\" \r\n                           [disabled]=\"formGroup && !formGroup.valid\" \r\n                           (onClick)=\"confirm()\">\r\n                </w-button>\r\n            </div>\r\n        </ng-template>\r\n    </div>\r\n</w-panel>\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,.w-wizard-heading{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,.w-wizard-subheading{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-title,.w-wizard-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-wizard-button-gap{margin-right:16px}.w-wizard-subheading{margin-top:16px}::ng-deep .p-steps .p-steps-item.p-highlight .p-steps-number{background:#f8f9fa;color:#003345}.w-wizard-headings{margin-bottom:16px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MessageService }]; }, propDecorators: { stepsItems: [{
+                type: Input,
+                args: ['stepsItems']
+            }], stepsHeadings: [{
+                type: Input,
+                args: ['stepsHeadings']
+            }], stepsSubheadings: [{
+                type: Input,
+                args: ['stepsSubheadings']
+            }], nextBtnLabel: [{
+                type: Input,
+                args: ['nextBtnLabel']
+            }], previousBtnLabel: [{
+                type: Input,
+                args: ['previousBtnLabel']
+            }], confirmButtonLabel: [{
+                type: Input,
+                args: ['confirmButtonLabel']
+            }], confirmButtonIcon: [{
+                type: Input,
+                args: ['confirmButtonIcon']
+            }], secondaryConfirmButtonLabel: [{
+                type: Input,
+                args: ['secondaryConfirmButtonLabel']
+            }], secondaryConfirmButtonIcon: [{
+                type: Input,
+                args: ['secondaryConfirmButtonIcon']
+            }], isReadOnly: [{
+                type: Input,
+                args: ['isReadOnly']
+            }], formGroup: [{
+                type: Input,
+                args: ['formGroup']
+            }], confirmButtonActivated: [{
+                type: Output,
+                args: ['confirmButtonActivated']
+            }], secondaryConfirmButtonActivated: [{
+                type: Output,
+                args: ['secondaryConfirmButtonActivated']
+            }], activeIndexParent: [{
+                type: Output,
+                args: ['activeIndexParent']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy13aXphcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWlzYy93LXdpemFyZC93LXdpemFyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctd2l6YXJkL3ctd2l6YXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsT0FBTyxFQUFZLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7OztBQVF2RCxNQUFNLE9BQU8sZ0JBQWdCO0lBb0IzQixZQUFtQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFsQmpELGdCQUFXLEdBQVcsQ0FBQyxDQUFDO1FBS0QsaUJBQVksR0FBVyxNQUFNLENBQUM7UUFDMUIscUJBQWdCLEdBQVcsVUFBVSxDQUFDO1FBSzVDLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFHZCwyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzVDLG9DQUErQixHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDNUUsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV4QixDQUFDO0lBRXJELG1CQUFtQixDQUFDLEtBQVM7UUFDM0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFDM0IsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDOUMsT0FBTztJQUNYLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLCtCQUErQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsRCxDQUFDOzs2R0EzQ1UsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isd25CQUZoQixDQUFDLGNBQWMsQ0FBQywwQkNSN0IsOGtKQXdFQTsyRkQ5RGEsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsYUFHVCxDQUFDLGNBQWMsQ0FBQztxR0FNTixVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0ssYUFBYTtzQkFBcEMsS0FBSzt1QkFBQyxlQUFlO2dCQUNLLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ0YsWUFBWTtzQkFBbEMsS0FBSzt1QkFBQyxjQUFjO2dCQUNNLGdCQUFnQjtzQkFBMUMsS0FBSzt1QkFBQyxrQkFBa0I7Z0JBQ0ksa0JBQWtCO3NCQUE5QyxLQUFLO3VCQUFDLG9CQUFvQjtnQkFDQyxpQkFBaUI7c0JBQTVDLEtBQUs7dUJBQUMsbUJBQW1CO2dCQUNZLDJCQUEyQjtzQkFBaEUsS0FBSzt1QkFBQyw2QkFBNkI7Z0JBQ0MsMEJBQTBCO3NCQUE5RCxLQUFLO3VCQUFDLDRCQUE0QjtnQkFDZCxVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0MsU0FBUztzQkFBNUIsS0FBSzt1QkFBQyxXQUFXO2dCQUVnQixzQkFBc0I7c0JBQXZELE1BQU07dUJBQUMsd0JBQXdCO2dCQUNXLCtCQUErQjtzQkFBekUsTUFBTTt1QkFBQyxpQ0FBaUM7Z0JBQ1osaUJBQWlCO3NCQUE3QyxNQUFNO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWVudUl0ZW0sIE1lc3NhZ2VTZXJ2aWNlIH0gZnJvbSAncHJpbWVuZy9hcGknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXdpemFyZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctd2l6YXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXdpemFyZC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW01lc3NhZ2VTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1dpemFyZENvbXBvbmVudCB7XHJcbiAgaXRlbXMhOiBNZW51SXRlbVtdO1xyXG4gIGFjdGl2ZUluZGV4OiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoJ3N0ZXBzSXRlbXMnKSBzdGVwc0l0ZW1zITogTWVudUl0ZW1bXTtcclxuICBASW5wdXQoJ3N0ZXBzSGVhZGluZ3MnKSBzdGVwc0hlYWRpbmdzITogc3RyaW5nW107XHJcbiAgQElucHV0KCdzdGVwc1N1YmhlYWRpbmdzJykgc3RlcHNTdWJoZWFkaW5ncyE6IHN0cmluZ1tdO1xyXG4gIEBJbnB1dCgnbmV4dEJ0bkxhYmVsJykgbmV4dEJ0bkxhYmVsOiBzdHJpbmcgPSBcIk5leHRcIjtcclxuICBASW5wdXQoJ3ByZXZpb3VzQnRuTGFiZWwnKSBwcmV2aW91c0J0bkxhYmVsOiBzdHJpbmcgPSBcIlByZXZpb3VzXCI7XHJcbiAgQElucHV0KCdjb25maXJtQnV0dG9uTGFiZWwnKSBjb25maXJtQnV0dG9uTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdjb25maXJtQnV0dG9uSWNvbicpIGNvbmZpcm1CdXR0b25JY29uITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsJykgc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkljb24nKSBzZWNvbmRhcnlDb25maXJtQnV0dG9uSWNvbiE6IHN0cmluZztcclxuICBASW5wdXQoJ2lzUmVhZE9ubHknKSBpc1JlYWRPbmx5OiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoJ2Zvcm1Hcm91cCcpIGZvcm1Hcm91cCE6IEZvcm1Hcm91cDtcclxuXHJcbiAgQE91dHB1dCgnY29uZmlybUJ1dHRvbkFjdGl2YXRlZCcpIGNvbmZpcm1CdXR0b25BY3RpdmF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgnc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkFjdGl2YXRlZCcpIHNlY29uZGFyeUNvbmZpcm1CdXR0b25BY3RpdmF0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbiAgQE91dHB1dCgnYWN0aXZlSW5kZXhQYXJlbnQnKSBhY3RpdmVJbmRleFBhcmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbWVzc2FnZVNlcnZpY2U6IE1lc3NhZ2VTZXJ2aWNlKSB7fVxyXG5cclxuICBvbkFjdGl2ZUluZGV4Q2hhbmdlKGV2ZW50OmFueSkge1xyXG4gICAgdGhpcy5hY3RpdmVJbmRleCA9IGV2ZW50O1xyXG4gIH1cclxuXHJcbiAgbmV4dFBhZ2UoKSB7XHJcbiAgICAgIHRoaXMuYWN0aXZlSW5kZXgrKztcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleFBhcmVudC5lbWl0KHRoaXMuYWN0aXZlSW5kZXgpO1xyXG4gICAgICByZXR1cm47XHJcbiAgfVxyXG4gIFxyXG4gIHByZXZpb3VzUGFnZSgpIHtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXgtLTtcclxuICAgIHRoaXMuYWN0aXZlSW5kZXhQYXJlbnQuZW1pdCh0aGlzLmFjdGl2ZUluZGV4KTtcclxuICB9XHJcbiAgXHJcbiAgY29uZmlybSgpIHtcclxuICAgIHRoaXMuY29uZmlybUJ1dHRvbkFjdGl2YXRlZC5lbWl0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgc2Vjb25kYXJ5Q29uZmlybSgpIHtcclxuICAgIHRoaXMuc2Vjb25kYXJ5Q29uZmlybUJ1dHRvbkFjdGl2YXRlZC5lbWl0KHRydWUpO1xyXG4gIH1cclxufVxyXG4iLCI8dy1wYW5lbCBjbGFzcz1cImNvbC0xMlwiIFthY3RpdmVHcmlkXT1cImZhbHNlXCI+XHJcbiAgICA8cC1zdGVwcyBbbW9kZWxdPVwic3RlcHNJdGVtc1wiIFthY3RpdmVJbmRleF09XCJhY3RpdmVJbmRleFwiIChhY3RpdmVJbmRleENoYW5nZSk9XCJvbkFjdGl2ZUluZGV4Q2hhbmdlKCRldmVudClcIiBbcmVhZG9ubHldPVwiaXNSZWFkT25seVwiPjwvcC1zdGVwcz5cclxuPC93LXBhbmVsPlxyXG5cclxuPHctcGFuZWwgY2xhc3M9XCJjb2wtMTJcIiBbYWN0aXZlR3JpZF09XCJmYWxzZVwiPlxyXG4gICAgXHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIgc206YWxpZ24taXRlbXMtc3RhcnQgdy13aXphcmQtaGVhZGluZ3NcIj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cInN0ZXBzSGVhZGluZ3MgJiYgc3RlcHNIZWFkaW5nc1thY3RpdmVJbmRleF1cIiBjbGFzcz1cInctd2l6YXJkLWhlYWRpbmdcIj5cclxuICAgICAgICAgICAge3tzdGVwc0hlYWRpbmdzW2FjdGl2ZUluZGV4XX19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwic3RlcHNTdWJoZWFkaW5ncyAmJiBzdGVwc1N1YmhlYWRpbmdzW2FjdGl2ZUluZGV4XVwiIGNsYXNzPVwidy13aXphcmQtc3ViaGVhZGluZ1wiPlxyXG4gICAgICAgICAgICB7e3N0ZXBzU3ViaGVhZGluZ3NbYWN0aXZlSW5kZXhdfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDBcIiBzZWxlY3Q9XCIuc3RlcC0xXCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSAxXCIgc2VsZWN0PVwiLnN0ZXAtMlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMlwiIHNlbGVjdD1cIi5zdGVwLTNcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDNcIiBzZWxlY3Q9XCIuc3RlcC00XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA0XCIgc2VsZWN0PVwiLnN0ZXAtNVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gNVwiIHNlbGVjdD1cIi5zdGVwLTZcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDZcIiBzZWxlY3Q9XCIuc3RlcC03XCIgY2xhc3M9XCJ3LXdpemFyZC1ib2R5XCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJhY3RpdmVJbmRleCA9PSA3XCIgc2VsZWN0PVwiLnN0ZXAtOFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gOFwiIHNlbGVjdD1cIi5zdGVwLTlcIiBjbGFzcz1cInctd2l6YXJkLWJvZHlcIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudCAqbmdJZj1cImFjdGl2ZUluZGV4ID09IDlcIiBzZWxlY3Q9XCIuc3RlcC0xMFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTBcIiBzZWxlY3Q9XCIuc3RlcC0xMVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTFcIiBzZWxlY3Q9XCIuc3RlcC0xMlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTJcIiBzZWxlY3Q9XCIuc3RlcC0xM1wiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTNcIiBzZWxlY3Q9XCIuc3RlcC0xNFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTRcIiBzZWxlY3Q9XCIuc3RlcC0xNVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTVcIiBzZWxlY3Q9XCIuc3RlcC0xNlwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTZcIiBzZWxlY3Q9XCIuc3RlcC0xN1wiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTdcIiBzZWxlY3Q9XCIuc3RlcC0xOFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMThcIiBzZWxlY3Q9XCIuc3RlcC0xOVwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiYWN0aXZlSW5kZXggPT0gMTlcIiBzZWxlY3Q9XCIuc3RlcC0yMFwiIGNsYXNzPVwidy13aXphcmQtYm9keVwiPjwvbmctY29udGVudD5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBmbGV4LXdyYXAgbS1hdXRvXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPHctYnV0dG9uICpuZ0lmPVwiYWN0aXZlSW5kZXggIT0gMFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiJ3BpLWFycm93LWxlZnQnXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwic2Vjb25kYXJ5XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicHJldmlvdXNCdG5MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwicHJldmlvdXNQYWdlKClcIj5cclxuICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIShzdGVwc0l0ZW1zLmxlbmd0aCAtMSA9PSBhY3RpdmVJbmRleCk7IGVsc2UgY29uZmlybUJ1dHRvbnNcIiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgPHctYnV0dG9uIHR5cGU9XCJwcmltYXJ5XCJcclxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaS1hcnJvdy1yaWdodCdcIiBcclxuICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJuZXh0QnRuTGFiZWxcIiBcclxuICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cIm5leHRQYWdlKClcIj5cclxuICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2NvbmZpcm1CdXR0b25zID5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICAgICAgICAgIDx3LWJ1dHRvbiAqbmdJZj1cInNlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInNlY29uZGFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3LXdpemFyZC1idXR0b24tZ2FwXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCIncGkgJytzZWNvbmRhcnlDb25maXJtQnV0dG9uSWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cInNlY29uZGFyeUNvbmZpcm1CdXR0b25MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtR3JvdXAgJiYgIWZvcm1Hcm91cC52YWxpZFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIChvbkNsaWNrKT1cInNlY29uZGFyeUNvbmZpcm0oKVwiPlxyXG4gICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgIDx3LWJ1dHRvbiB0eXBlPVwicHJpbWFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIidwaSAnK2NvbmZpcm1CdXR0b25JY29uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImNvbmZpcm1CdXR0b25MYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZm9ybUdyb3VwICYmICFmb3JtR3JvdXAudmFsaWRcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwiY29uZmlybSgpXCI+XHJcbiAgICAgICAgICAgICAgICA8L3ctYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9kaXY+XHJcbjwvdy1wYW5lbD5cclxuIl19