@norwegian/core-components 6.59.0 → 7.0.0

package/esm2022/lib/components/sort/sort.component.mjs

@@ -79,11 +79,11 @@ export class SortComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SortComponent, selector: "nas-sort", inputs: { model: "model", open: "open", selectedOption: "selectedOption" }, outputs: { selectedOptionChange: "selectedOptionChange", applyButtonClicked: "applyButtonClicked" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n  <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n    <nas-radio\n    block\n    [name]=\"model?.name\"\n    [value]=\"option.value\"\n    *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n    [nasFormControlName]=\"option?.nasFormControlName\"\n    [nasFormGroup]=\"option?.nasFormGroup\"\n    [required]=\"exists(option?.required)\"\n    [spaceless]=\"checkSpaceless(option, optionIndex)\"\n    [strong]=\"exists(option?.strong)\"\n    [tabIndex]=\"option?.tabIndex\"\n    [disabled]=\"exists(option?.disabled)\"\n    [error]=\"exists(option?.error)\"\n    [checked]=\"selectedOption?.value === option?.value\"\n    (checkedChange)=\"optionChanged(option, $event)\"\n    >\n      {{option.title}}\n    </nas-radio>\n      <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n  </nas-dropdown>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#c3c3c3}.nas-sort--right{align-self:flex-end;float:right;clear:both}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.DropdownComponent, selector: "nas-dropdown", inputs: ["open", "id", "ariaLabelBackdrop", "cssClass", "inline", "label", "stretched", "labelStyle"], outputs: ["openChange"] }, { kind: "component", type: i4.RadioComponent, selector: "nas-radio", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: i5.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SortComponent, selector: "nas-sort", inputs: { model: "model", open: "open", selectedOption: "selectedOption" }, outputs: { selectedOptionChange: "selectedOptionChange", applyButtonClicked: "applyButtonClicked" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n  <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n    <nas-radio\n    block\n    [name]=\"model?.name\"\n    [value]=\"option.value\"\n    *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n    [nasFormControlName]=\"option?.nasFormControlName\"\n    [nasFormGroup]=\"option?.nasFormGroup\"\n    [required]=\"exists(option?.required)\"\n    [spaceless]=\"checkSpaceless(option, optionIndex)\"\n    [strong]=\"exists(option?.strong)\"\n    [tabIndex]=\"option?.tabIndex\"\n    [disabled]=\"exists(option?.disabled)\"\n    [error]=\"exists(option?.error)\"\n    [checked]=\"selectedOption?.value === option?.value\"\n    (checkedChange)=\"optionChanged(option, $event)\"\n    >\n      {{option.title}}\n    </nas-radio>\n      <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n  </nas-dropdown>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#e9e7e4}.nas-sort--right{align-self:flex-end;float:right;clear:both}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.DropdownComponent, selector: "nas-dropdown", inputs: ["open", "id", "ariaLabelBackdrop", "cssClass", "inline", "label", "stretched", "labelStyle"], outputs: ["openChange"] }, { kind: "component", type: i4.RadioComponent, selector: "nas-radio", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: i5.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-sort', template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n  <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n    <nas-radio\n    block\n    [name]=\"model?.name\"\n    [value]=\"option.value\"\n    *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n    [nasFormControlName]=\"option?.nasFormControlName\"\n    [nasFormGroup]=\"option?.nasFormGroup\"\n    [required]=\"exists(option?.required)\"\n    [spaceless]=\"checkSpaceless(option, optionIndex)\"\n    [strong]=\"exists(option?.strong)\"\n    [tabIndex]=\"option?.tabIndex\"\n    [disabled]=\"exists(option?.disabled)\"\n    [error]=\"exists(option?.error)\"\n    [checked]=\"selectedOption?.value === option?.value\"\n    (checkedChange)=\"optionChanged(option, $event)\"\n    >\n      {{option.title}}\n    </nas-radio>\n      <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n  </nas-dropdown>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#c3c3c3}.nas-sort--right{align-self:flex-end;float:right;clear:both}\n"] }]
+            args: [{ selector: 'nas-sort', template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n  <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n    <nas-radio\n    block\n    [name]=\"model?.name\"\n    [value]=\"option.value\"\n    *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n    [nasFormControlName]=\"option?.nasFormControlName\"\n    [nasFormGroup]=\"option?.nasFormGroup\"\n    [required]=\"exists(option?.required)\"\n    [spaceless]=\"checkSpaceless(option, optionIndex)\"\n    [strong]=\"exists(option?.strong)\"\n    [tabIndex]=\"option?.tabIndex\"\n    [disabled]=\"exists(option?.disabled)\"\n    [error]=\"exists(option?.error)\"\n    [checked]=\"selectedOption?.value === option?.value\"\n    (checkedChange)=\"optionChanged(option, $event)\"\n    >\n      {{option.title}}\n    </nas-radio>\n      <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n  </nas-dropdown>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#e9e7e4}.nas-sort--right{align-self:flex-end;float:right;clear:both}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], open: [{

package/esm2022/lib/components/sort/sort.module.mjs

@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                     exports: [SortComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NvcnQvc29ydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFhdkQsTUFBTSxPQUFPLFVBQVU7OEdBQVYsVUFBVTsrR0FBVixVQUFVLGlCQUhOLGFBQWEsYUFOMUIsWUFBWTtZQUNaLGNBQWM7WUFDZCxjQUFjO1lBQ2QsV0FBVztZQUNYLFlBQVksYUFHSixhQUFhOytHQUVaLFVBQVUsWUFUbkIsWUFBWTtZQUNaLGNBQWM7WUFDZCxjQUFjO1lBQ2QsV0FBVztZQUNYLFlBQVk7OzJGQUtILFVBQVU7a0JBWHRCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxjQUFjO3dCQUNkLFdBQVc7d0JBQ1gsWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztpQkFDekIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IFNvcnRDb21wb25lbnQgfSBmcm9tICcuL3NvcnQuY29tcG9uZW50JztcbmltcG9ydCB7IERyb3Bkb3duTW9kdWxlIH0gZnJvbSAnLi4vZHJvcGRvd24vZHJvcGRvd24ubW9kdWxlJztcbmltcG9ydCB7IFJhZGlvTW9kdWxlIH0gZnJvbSAnLi4vcmFkaW8vcmFkaW8ubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBOYXNDbGFzc01vZHVsZSxcbiAgICBEcm9wZG93bk1vZHVsZSxcbiAgICBSYWRpb01vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1NvcnRDb21wb25lbnRdLFxuICBleHBvcnRzOiBbU29ydENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNvcnRNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NvcnQvc29ydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3BELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFhdkQsTUFBTSxPQUFPLFVBQVU7OEdBQVYsVUFBVTsrR0FBVixVQUFVLGlCQUhOLGFBQWEsYUFOMUIsWUFBWTtZQUNaLGNBQWM7WUFDZCxjQUFjO1lBQ2QsV0FBVztZQUNYLFlBQVksYUFHSixhQUFhOytHQUVaLFVBQVUsWUFUbkIsWUFBWTtZQUNaLGNBQWM7WUFDZCxjQUFjO1lBQ2QsV0FBVztZQUNYLFlBQVk7OzJGQUtILFVBQVU7a0JBWHRCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxjQUFjO3dCQUNkLFdBQVc7d0JBQ1gsWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztpQkFDekIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IFNvcnRDb21wb25lbnQgfSBmcm9tICcuL3NvcnQuY29tcG9uZW50JztcbmltcG9ydCB7IERyb3Bkb3duTW9kdWxlIH0gZnJvbSAnLi4vZHJvcGRvd24vZHJvcGRvd24ubW9kdWxlJztcbmltcG9ydCB7IFJhZGlvTW9kdWxlIH0gZnJvbSAnLi4vcmFkaW8vcmFkaW8ubW9kdWxlJztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uL2J1dHRvbi9idXR0b24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBOYXNDbGFzc01vZHVsZSxcbiAgICBEcm9wZG93bk1vZHVsZSxcbiAgICBSYWRpb01vZHVsZSxcbiAgICBCdXR0b25Nb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1NvcnRDb21wb25lbnRdLFxuICBleHBvcnRzOiBbU29ydENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNvcnRNb2R1bGUgeyB9XG4iXX0=

package/esm2022/lib/components/spinner/spinner.component.mjs

@@ -100,11 +100,11 @@ export class SpinnerComponent extends NasComponentBase {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SpinnerComponent, selector: "nas-spinner", inputs: { text: "text", refreshText: "refreshText", small: "small", overlay: "overlay", enable: "enable", refresh: "refresh", blockScrolling: "blockScrolling", rounded: "rounded", cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273f);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SpinnerComponent, selector: "nas-spinner", inputs: { text: "text", refreshText: "refreshText", small: "small", overlay: "overlay", enable: "enable", refresh: "refresh", blockScrolling: "blockScrolling", rounded: "rounded", cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-spinner', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273f);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
+            args: [{ selector: 'nas-spinner', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);mask:radial-gradient(circle 16px,transparent 99%,#1C1C1C 100%);background-image:conic-gradient(transparent 25%,#15273f);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { text: [{
                 type: Input
             }], refreshText: [{

package/esm2022/lib/components/status-box/status-box.component.mjs

@@ -4,7 +4,7 @@ import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../../core/directives/nas-class/nas-class.directive";
-import * as i3 from "../button-new/button-new.component";
+import * as i3 from "../button/button.component";
 import * as i4 from "../icon/icon.component";
 /**
  * @license
@@ -31,8 +31,6 @@ export class StatusBoxComponent extends NasComponentBase {
     }
     constructor() {
         super('nas-status-box');
-        this.trackingEventSource = new Subject();
-        this.trackingEvent$ = this.trackingEventSource.asObservable();
         /**
          * @property Output
          * @description
@@ -42,6 +40,7 @@ export class StatusBoxComponent extends NasComponentBase {
          * <nas-button (clickChange)="myFunction()">Click on me!</nas-button>
          */
         this.clickChange = new EventEmitter();
+        this.trackingEventSource = new Subject();
     }
     get modifiers() {
         return [
@@ -81,11 +80,11 @@ export class StatusBoxComponent extends NasComponentBase {
         this.clickChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: StatusBoxComponent, selector: "nas-status-box", inputs: { info: "info", warning: "warning", error: "error", success: "success", title: "title", text: "text", buttonText: "buttonText", statusBox: "statusBox", trackingvalue: "trackingvalue" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button-new secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button-new>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button-new--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button-new--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:22px;line-height:28px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:26px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.ButtonNewComponent, selector: "nas-button-new", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: StatusBoxComponent, selector: "nas-status-box", inputs: { info: "info", warning: "warning", error: "error", success: "success", title: "title", text: "text", buttonText: "buttonText", statusBox: "statusBox", trackingvalue: "trackingvalue" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-status-box', template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button-new secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button-new>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button-new--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button-new--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:22px;line-height:28px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:26px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"] }]
+            args: [{ selector: 'nas-status-box', template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { info: [{
                 type: Input
             }], warning: [{
@@ -107,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }], clickChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXR1cy1ib3gvc3RhdHVzLWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXR1cy1ib3gvc3RhdHVzLWJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXRFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7OztBQUUvQjs7O0dBR0c7QUFFSDs7O0VBR0U7QUFNRixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsZ0JBQWdCO0lBb0R0RDs7OztPQUlHO0lBQ0gsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFJLFNBQVMsQ0FBQyxTQUF5QjtRQUNyQyxJQUFJLENBQUMsY0FBYyxHQUFHLFNBQVMsQ0FBQztRQUNoQyxJQUFJLFNBQVMsRUFBRTtZQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNwQztJQUNILENBQUM7SUF1QkQ7UUFDRSxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQXhGbEIsd0JBQW1CLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztRQUNwRCxtQkFBYyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQTRFekQ7Ozs7Ozs7V0FPRztRQUNPLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVMsQ0FBQztJQUlsRCxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTztZQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLE1BQU07WUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLE9BQU87U0FDbkMsQ0FBQztJQUNKLENBQUM7SUFFRCxPQUFPO1FBQ0wsTUFBTSxPQUFPLEdBQUc7WUFDZCxPQUFPLEVBQUUsZ0JBQWdCO1lBQ3pCLE9BQU8sRUFBRSxnQkFBZ0I7WUFDekIsS0FBSyxFQUFFLGNBQWM7WUFDckIsSUFBSSxFQUFFLGFBQWE7U0FDcEIsQ0FBQztRQUVGLEtBQUssTUFBTSxJQUFJLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUN2QyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUUsSUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUU7Z0JBQ3BDLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3RCO1NBQ0Y7UUFFRCxPQUFPLGFBQWEsQ0FBQztJQUN2QixDQUFDO0lBRU8sa0JBQWtCLENBQUMsU0FBeUI7UUFDbEQsSUFBSSxTQUFTLENBQUMsS0FBSyxFQUFFO1lBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDLEtBQUssQ0FBQztTQUM5QjtRQUNELElBQUksU0FBUyxDQUFDLElBQUksRUFBRTtZQUNsQixJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7U0FDNUI7UUFDRCxJQUFJLFNBQVMsQ0FBQyxVQUFVLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxTQUFTLENBQUMsVUFBVSxDQUFDO1NBQ3hDO0lBQ0gsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2xELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7OEdBdElVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHdUQ25CL0IsdWpCQWFNOzsyRkRNTyxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQWFqQixJQUFJO3NCQUFaLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQU9HLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBTUcsS0FBSztzQkFBYixLQUFLO2dCQU9HLElBQUk7c0JBQVosS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQVFGLFNBQVM7c0JBRFosS0FBSztnQkFvQkcsYUFBYTtzQkFBckIsS0FBSztnQkFVSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcbmltcG9ydCB7IFN0YXR1c0JveE1vZGVsIH0gZnJvbSAnLi9tb2RlbHMvc3RhdHVzLWJveC5tb2RlbCc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5cbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBTdGF0dXMgQm94IENvbXBvbmVudCB8IERpYWxvZ3MgYW5kIE1vZGFsc1xuKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1zdGF0dXMtYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXR1cy1ib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGF0dXMtYm94LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c0JveENvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2Uge1xuICBwcml2YXRlIHN0YXR1c0JveE1vZGVsOiBTdGF0dXNCb3hNb2RlbDtcbiAgcHJpdmF0ZSB0cmFja2luZ0V2ZW50U291cmNlID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuICB0cmFja2luZ0V2ZW50JCA9IHRoaXMudHJhY2tpbmdFdmVudFNvdXJjZS5hc09ic2VydmFibGUoKTtcbiAgLyoqXG4gICogQHByb3BlcnR5IElucHV0XG4gICogQGRlc2NyaXB0aW9uXG4gICogQm9vbGVhbiB0byBzZXQgdGhlIGluZm8gaWNvbi5cbiAgKi9cbiAgQElucHV0KCkgaW5mbzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCB0aGUgd2FybmluZyBpY29uLlxuICAgKi9cbiAgQElucHV0KCkgd2FybmluZzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCB0aGUgZXJyb3IgaWNvbi5cbiAgICovXG4gIEBJbnB1dCgpIGVycm9yOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IHN1Y2Nlc3MgaWNvbi5cbiAgICovXG4gIEBJbnB1dCgpIHN1Y2Nlc3M6IGJvb2xlYW47XG4gIC8qKlxuICAgICogQHByb3BlcnR5IElucHV0XG4gICAgKiBAZGVzY3JpcHRpb25cbiAgICAqIFN0cmluZyB0byBzZXQgdGhlIHN0YXR1cyB0aXRsZS5cbiAgICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFN0cmluZyB0byBnaXZlIHRoZSBzdGF0dXMgaW5mby5cbiAgICovXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTdHJpbmcgdG8gc2V0IHRoZSBidXR0b24gdGV4dC5cbiAgICovXG4gIEBJbnB1dCgpIGJ1dHRvblRleHQ6IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBGbGFnIGZvciBzaG93aW5nL2hpZGluZyBlbGVtZW50LiBEZWZhdWx0cyB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IHN0YXR1c0JveCgpIHtcbiAgICByZXR1cm4gdGhpcy5zdGF0dXNCb3hNb2RlbDtcbiAgfVxuICBzZXQgc3RhdHVzQm94KHN0YXR1c0JveDogU3RhdHVzQm94TW9kZWwpIHtcbiAgICB0aGlzLnN0YXR1c0JveE1vZGVsID0gc3RhdHVzQm94O1xuICAgIGlmIChzdGF0dXNCb3gpIHtcbiAgICAgIHRoaXMuc2V0U3RhdHVzQm94VmFsdWVzKHN0YXR1c0JveCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU3RyaW5nIHRvIGJlIHRyYWNrZWQgYnkgZS54LiBHVE0gb2cgR0EuXG4gICAqIENhbiBiZSBjb21iaW5lZCB3aXRoIGFsbCBvdGhlciBwcm9wZXJ0aWVzLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbdHJhY2tpbmdWYWx1ZV09XCJ0cmFja2luZ1ZhbHVlXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgdHJhY2tpbmd2YWx1ZT86IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IE91dHB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQ2hhbmdlIGV2ZW50IHdoZW4gY2xpY2tpbmcgb24gYnV0dG9uLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiAoY2xpY2tDaGFuZ2UpPVwibXlGdW5jdGlvbigpXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQE91dHB1dCgpIGNsaWNrQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcignbmFzLXN0YXR1cy1ib3gnKTtcbiAgfVxuXG4gIGdldCBtb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuaW5mbykgJiYgJ2luZm8nLFxuICAgICAgdGhpcy5leGlzdHModGhpcy53YXJuaW5nKSAmJiAnd2FybmluZycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnN1Y2Nlc3MpICYmICdzdWNjZXNzJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuZXJyb3IpICYmICdlcnJvcicsXG4gICAgXTtcbiAgfVxuXG4gIGdldEljb24oKTogc3RyaW5nIHtcbiAgICBjb25zdCBpY29uTWFwID0ge1xuICAgICAgd2FybmluZzogJ3N0YXR1cy13YXJuaW5nJyxcbiAgICAgIHN1Y2Nlc3M6ICdzdGF0dXMtc3VjY2VzcycsXG4gICAgICBlcnJvcjogJ3N0YXR1cy1lcnJvcicsXG4gICAgICBpbmZvOiAnc3RhdHVzLWluZm8nXG4gICAgfTtcblxuICAgIGZvciAoY29uc3QgaWNvbiBvZiBPYmplY3Qua2V5cyhpY29uTWFwKSkge1xuICAgICAgaWYgKHRoaXMuZXhpc3RzKCh0aGlzIGFzIGFueSlbaWNvbl0pKSB7XG4gICAgICAgIHJldHVybiBpY29uTWFwW2ljb25dO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAnc3RhdHVzLWluZm8nO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRTdGF0dXNCb3hWYWx1ZXMoc3RhdHVzQm94OiBTdGF0dXNCb3hNb2RlbCk6IHZvaWQge1xuICAgIGlmIChzdGF0dXNCb3gudGl0bGUpIHtcbiAgICAgIHRoaXMudGl0bGUgPSBzdGF0dXNCb3gudGl0bGU7XG4gICAgfVxuICAgIGlmIChzdGF0dXNCb3gudGV4dCkge1xuICAgICAgdGhpcy50ZXh0ID0gc3RhdHVzQm94LnRleHQ7XG4gICAgfVxuICAgIGlmIChzdGF0dXNCb3guYnV0dG9uVGV4dCkge1xuICAgICAgdGhpcy5idXR0b25UZXh0ID0gc3RhdHVzQm94LmJ1dHRvblRleHQ7XG4gICAgfVxuICB9XG5cbiAgc3RhdHVzQm94RXZlbnQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy50cmFja2luZ0V2ZW50U291cmNlLm5leHQodGhpcy50cmFja2luZ3ZhbHVlKTtcbiAgICB0aGlzLmNsaWNrQ2hhbmdlLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygnY29udGFpbmVyJylcIj5cbiAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2ljb24nKVwiPlxuICAgIDxuYXMtaWNvbiBbaWNvbl09XCJnZXRJY29uKClcIiBbdHlwZV09XCInbGFyZ2UnXCI+PC9uYXMtaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCdjb250ZW50JylcIj5cbiAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygndGV4dC1jb250YWluZXInKVwiPlxuICAgICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ3RleHQnKVwiPnt7dGl0bGV9fTwvZGl2PlxuICAgICAgPHNwYW4gW25hc0NsYXNzXT1cImdldENsYXNzKCd0ZXh0LS1zbWFsbCcpXCI+e3t0ZXh0fX08L3NwYW4+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImJ1dHRvblRleHRcIj5cbiAgICAgIDxuYXMtYnV0dG9uLW5ldyBzZWNvbmRhcnkgKGNsaWNrQ2hhbmdlKT1cInN0YXR1c0JveEV2ZW50KCRldmVudClcIj57e2J1dHRvblRleHR9fTwvbmFzLWJ1dHRvbi1uZXc+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXR1cy1ib3gvc3RhdHVzLWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXR1cy1ib3gvc3RhdHVzLWJveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXRFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7Ozs7OztBQUUvQjs7O0dBR0c7QUFFSDs7O0VBR0U7QUFNRixNQUFNLE9BQU8sa0JBQW1CLFNBQVEsZ0JBQWdCO0lBaUR0RDs7OztPQUlHO0lBQ0gsSUFDSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFJLFNBQVMsQ0FBQyxTQUF5QjtRQUNyQyxJQUFJLENBQUMsY0FBYyxHQUFHLFNBQVMsQ0FBQztRQUNoQyxJQUFJLFNBQVMsRUFBRTtZQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztTQUNwQztJQUNILENBQUM7SUEyQkQ7UUFDRSxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQWYxQjs7Ozs7OztXQU9HO1FBQ08sZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBRWxELHdCQUFtQixHQUFHLElBQUksT0FBTyxFQUFVLENBQUM7SUFNNUMsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU87WUFDTCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxNQUFNO1lBQ2hDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLFNBQVM7WUFDdEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxPQUFPO1NBQ25DLENBQUM7SUFDSixDQUFDO0lBRUQsT0FBTztRQUNMLE1BQU0sT0FBTyxHQUFHO1lBQ2QsT0FBTyxFQUFFLGdCQUFnQjtZQUN6QixPQUFPLEVBQUUsZ0JBQWdCO1lBQ3pCLEtBQUssRUFBRSxjQUFjO1lBQ3JCLElBQUksRUFBRSxhQUFhO1NBQ3BCLENBQUM7UUFFRixLQUFLLE1BQU0sSUFBSSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDdkMsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFFLElBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFO2dCQUNwQyxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUN0QjtTQUNGO1FBRUQsT0FBTyxhQUFhLENBQUM7SUFDdkIsQ0FBQztJQUVPLGtCQUFrQixDQUFDLFNBQXlCO1FBQ2xELElBQUksU0FBUyxDQUFDLEtBQUssRUFBRTtZQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUM7U0FDOUI7UUFDRCxJQUFJLFNBQVMsQ0FBQyxJQUFJLEVBQUU7WUFDbEIsSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO1NBQzVCO1FBQ0QsSUFBSSxTQUFTLENBQUMsVUFBVSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQztTQUN4QztJQUNILENBQUM7SUFFRCxjQUFjLENBQUMsS0FBWTtRQUN6QixJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNsRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMvQixDQUFDOzhHQXZJVSxrQkFBa0I7a0dBQWxCLGtCQUFrQix3VENuQi9CLCtpQkFhTTs7MkZETU8sa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLGdCQUFnQjswRUFVakIsSUFBSTtzQkFBWixLQUFLO2dCQU9HLE9BQU87c0JBQWYsS0FBSztnQkFPRyxLQUFLO3NCQUFiLEtBQUs7Z0JBT0csT0FBTztzQkFBZixLQUFLO2dCQU1HLEtBQUs7c0JBQWIsS0FBSztnQkFPRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFRRixTQUFTO3NCQURaLEtBQUs7Z0JBb0JHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBVUksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlL25hcy1jb21wb25lbnQuYmFzZSc7XG5pbXBvcnQgeyBTdGF0dXNCb3hNb2RlbCB9IGZyb20gJy4vbW9kZWxzL3N0YXR1cy1ib3gubW9kZWwnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gU3RhdHVzIEJveCBDb21wb25lbnQgfCBEaWFsb2dzIGFuZCBNb2RhbHNcbiovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYXMtc3RhdHVzLWJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGF0dXMtYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RhdHVzLWJveC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNCb3hDb21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIHtcbiAgLyoqXG4gICogQHByb3BlcnR5IElucHV0XG4gICogQGRlc2NyaXB0aW9uXG4gICogQm9vbGVhbiB0byBzZXQgdGhlIGluZm8gaWNvbi5cbiAgKi9cbiAgQElucHV0KCkgaW5mbzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCB0aGUgd2FybmluZyBpY29uLlxuICAgKi9cbiAgQElucHV0KCkgd2FybmluZzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBCb29sZWFuIHRvIHNldCB0aGUgZXJyb3IgaWNvbi5cbiAgICovXG4gIEBJbnB1dCgpIGVycm9yOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEJvb2xlYW4gdG8gc2V0IHN1Y2Nlc3MgaWNvbi5cbiAgICovXG4gIEBJbnB1dCgpIHN1Y2Nlc3M6IGJvb2xlYW47XG4gIC8qKlxuICAgICogQHByb3BlcnR5IElucHV0XG4gICAgKiBAZGVzY3JpcHRpb25cbiAgICAqIFN0cmluZyB0byBzZXQgdGhlIHN0YXR1cyB0aXRsZS5cbiAgICAqL1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFN0cmluZyB0byBnaXZlIHRoZSBzdGF0dXMgaW5mby5cbiAgICovXG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTdHJpbmcgdG8gc2V0IHRoZSBidXR0b24gdGV4dC5cbiAgICovXG4gIEBJbnB1dCgpIGJ1dHRvblRleHQ6IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBGbGFnIGZvciBzaG93aW5nL2hpZGluZyBlbGVtZW50LiBEZWZhdWx0cyB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IHN0YXR1c0JveCgpIHtcbiAgICByZXR1cm4gdGhpcy5zdGF0dXNCb3hNb2RlbDtcbiAgfVxuICBzZXQgc3RhdHVzQm94KHN0YXR1c0JveDogU3RhdHVzQm94TW9kZWwpIHtcbiAgICB0aGlzLnN0YXR1c0JveE1vZGVsID0gc3RhdHVzQm94O1xuICAgIGlmIChzdGF0dXNCb3gpIHtcbiAgICAgIHRoaXMuc2V0U3RhdHVzQm94VmFsdWVzKHN0YXR1c0JveCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU3RyaW5nIHRvIGJlIHRyYWNrZWQgYnkgZS54LiBHVE0gb2cgR0EuXG4gICAqIENhbiBiZSBjb21iaW5lZCB3aXRoIGFsbCBvdGhlciBwcm9wZXJ0aWVzLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiBbdHJhY2tpbmdWYWx1ZV09XCJ0cmFja2luZ1ZhbHVlXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgdHJhY2tpbmd2YWx1ZT86IHN0cmluZztcblxuICAvKipcbiAgICogQHByb3BlcnR5IE91dHB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQ2hhbmdlIGV2ZW50IHdoZW4gY2xpY2tpbmcgb24gYnV0dG9uLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWJ1dHRvbiAoY2xpY2tDaGFuZ2UpPVwibXlGdW5jdGlvbigpXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQE91dHB1dCgpIGNsaWNrQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcblxuICB0cmFja2luZ0V2ZW50U291cmNlID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xuXG4gIHByaXZhdGUgc3RhdHVzQm94TW9kZWw6IFN0YXR1c0JveE1vZGVsO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCduYXMtc3RhdHVzLWJveCcpO1xuICB9XG5cbiAgZ2V0IG1vZGlmaWVycygpOiBBcnJheTxzdHJpbmc+IHtcbiAgICByZXR1cm4gW1xuICAgICAgdGhpcy5leGlzdHModGhpcy5pbmZvKSAmJiAnaW5mbycsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLndhcm5pbmcpICYmICd3YXJuaW5nJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuc3VjY2VzcykgJiYgJ3N1Y2Nlc3MnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5lcnJvcikgJiYgJ2Vycm9yJyxcbiAgICBdO1xuICB9XG5cbiAgZ2V0SWNvbigpOiBzdHJpbmcge1xuICAgIGNvbnN0IGljb25NYXAgPSB7XG4gICAgICB3YXJuaW5nOiAnc3RhdHVzLXdhcm5pbmcnLFxuICAgICAgc3VjY2VzczogJ3N0YXR1cy1zdWNjZXNzJyxcbiAgICAgIGVycm9yOiAnc3RhdHVzLWVycm9yJyxcbiAgICAgIGluZm86ICdzdGF0dXMtaW5mbydcbiAgICB9O1xuXG4gICAgZm9yIChjb25zdCBpY29uIG9mIE9iamVjdC5rZXlzKGljb25NYXApKSB7XG4gICAgICBpZiAodGhpcy5leGlzdHMoKHRoaXMgYXMgYW55KVtpY29uXSkpIHtcbiAgICAgICAgcmV0dXJuIGljb25NYXBbaWNvbl07XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuICdzdGF0dXMtaW5mbyc7XG4gIH1cblxuICBwcml2YXRlIHNldFN0YXR1c0JveFZhbHVlcyhzdGF0dXNCb3g6IFN0YXR1c0JveE1vZGVsKTogdm9pZCB7XG4gICAgaWYgKHN0YXR1c0JveC50aXRsZSkge1xuICAgICAgdGhpcy50aXRsZSA9IHN0YXR1c0JveC50aXRsZTtcbiAgICB9XG4gICAgaWYgKHN0YXR1c0JveC50ZXh0KSB7XG4gICAgICB0aGlzLnRleHQgPSBzdGF0dXNCb3gudGV4dDtcbiAgICB9XG4gICAgaWYgKHN0YXR1c0JveC5idXR0b25UZXh0KSB7XG4gICAgICB0aGlzLmJ1dHRvblRleHQgPSBzdGF0dXNCb3guYnV0dG9uVGV4dDtcbiAgICB9XG4gIH1cblxuICBzdGF0dXNCb3hFdmVudChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLnRyYWNraW5nRXZlbnRTb3VyY2UubmV4dCh0aGlzLnRyYWNraW5ndmFsdWUpO1xuICAgIHRoaXMuY2xpY2tDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCdjb250YWluZXInKVwiPlxuICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygnaWNvbicpXCI+XG4gICAgPG5hcy1pY29uIFtpY29uXT1cImdldEljb24oKVwiIFt0eXBlXT1cIidsYXJnZSdcIj48L25hcy1pY29uPlxuICA8L2Rpdj5cbiAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2NvbnRlbnQnKVwiPlxuICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCd0ZXh0LWNvbnRhaW5lcicpXCI+XG4gICAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygndGV4dCcpXCI+e3t0aXRsZX19PC9kaXY+XG4gICAgICA8c3BhbiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ3RleHQtLXNtYWxsJylcIj57e3RleHR9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgPG5hcy1idXR0b24gc2Vjb25kYXJ5IChjbGlja0NoYW5nZSk9XCJzdGF0dXNCb3hFdmVudCgkZXZlbnQpXCI+e3tidXR0b25UZXh0fX08L25hcy1idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+Il19

package/esm2022/lib/components/status-box/status-box.module.mjs

@@ -1,21 +1,21 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { ButtonNewModule } from '../button-new/button-new.module';
+import { ButtonModule } from '../button/button.module';
 import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
 import { StatusBoxComponent } from './status-box.component';
 import { IconModule } from '../icon/icon.module';
 import * as i0 from "@angular/core";
 export class StatusBoxModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxModule, declarations: [StatusBoxComponent], imports: [CommonModule, NasClassModule, ButtonNewModule, IconModule], exports: [StatusBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxModule, imports: [CommonModule, NasClassModule, ButtonNewModule, IconModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxModule, declarations: [StatusBoxComponent], imports: [CommonModule, NasClassModule, ButtonModule, IconModule], exports: [StatusBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxModule, imports: [CommonModule, NasClassModule, ButtonModule, IconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: StatusBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [StatusBoxComponent],
-                    imports: [CommonModule, NasClassModule, ButtonNewModule, IconModule],
+                    imports: [CommonModule, NasClassModule, ButtonModule, IconModule],
                     exports: [StatusBoxComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXR1cy1ib3gvc3RhdHVzLWJveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT2pELE1BQU0sT0FBTyxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxpQkFKWCxrQkFBa0IsYUFDdkIsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsVUFBVSxhQUN6RCxrQkFBa0I7K0dBRWpCLGVBQWUsWUFIaEIsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsVUFBVTs7MkZBR3hELGVBQWU7a0JBTDNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsZUFBZSxFQUFFLFVBQVUsQ0FBQztvQkFDcEUsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25OZXdNb2R1bGUgfSBmcm9tICcuLi9idXR0b24tbmV3L2J1dHRvbi1uZXcubW9kdWxlJztcbmltcG9ydCB7IE5hc0NsYXNzTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29yZS9kaXJlY3RpdmVzL25hcy1jbGFzcy9uYXMtY2xhc3MubW9kdWxlJztcbmltcG9ydCB7IFN0YXR1c0JveENvbXBvbmVudCB9IGZyb20gJy4vc3RhdHVzLWJveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uL2ljb24vaWNvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTdGF0dXNCb3hDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOYXNDbGFzc01vZHVsZSwgQnV0dG9uTmV3TW9kdWxlLCBJY29uTW9kdWxlXSxcbiAgZXhwb3J0czogW1N0YXR1c0JveENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c0JveE1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXR1cy1ib3gvc3RhdHVzLWJveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUNsRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT2pELE1BQU0sT0FBTyxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxpQkFKWCxrQkFBa0IsYUFDdkIsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsVUFBVSxhQUN0RCxrQkFBa0I7K0dBRWpCLGVBQWUsWUFIaEIsWUFBWSxFQUFFLGNBQWMsRUFBRSxZQUFZLEVBQUUsVUFBVTs7MkZBR3JELGVBQWU7a0JBTDNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLFVBQVUsQ0FBQztvQkFDakUsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLm1vZHVsZSc7XG5pbXBvcnQgeyBOYXNDbGFzc01vZHVsZSB9IGZyb20gJy4uLy4uL2NvcmUvZGlyZWN0aXZlcy9uYXMtY2xhc3MvbmFzLWNsYXNzLm1vZHVsZSc7XG5pbXBvcnQgeyBTdGF0dXNCb3hDb21wb25lbnQgfSBmcm9tICcuL3N0YXR1cy1ib3guY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU3RhdHVzQm94Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTmFzQ2xhc3NNb2R1bGUsIEJ1dHRvbk1vZHVsZSwgSWNvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtTdGF0dXNCb3hDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNCb3hNb2R1bGUgeyB9XG4iXX0=

package/esm2022/lib/components/subsidy-discount/subsidy-discount.component.mjs

@@ -90,11 +90,11 @@ export class SubsidyDiscountComponent extends NasComponentBase {
         this.infoButtonKeydown.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: { label: "label", icon: "icon", selectedDiscount: "selectedDiscount", discounts: "discounts" }, outputs: { infoButtonClick: "infoButtonClick", infoButtonKeydown: "infoButtonKeydown", discountSelectChange: "discountSelectChange" }, viewQueries: [{ propertyName: "infoButton", first: true, predicate: ["infoButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('box')\">\n    <nas-icon [cssClass]=\"getClass('icon')\"\n      [type]=\"'medium'\"\n      [icon]=\"icon\"></nas-icon>\n    <div [nasClass]=\"getClass('content')\">\n      <div>\n        <label [nasClass]=\"getClass('label')\">{{label}}</label>\n        <nas-button #infoButton\n          [cssClass]=\"getClass('info')\"\n          [overrideBaseCssClass]=\"true\"\n          [ariaLabel]=\"label\"\n          (clickChange)=\"onInfoButtonClick()\"\n          (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n      </div>\n      <nas-select [spaceless]=\"true\"\n        [fill]=\"true\"\n        [cssClass]=\"getClass('select')\"\n        [options]=\"options\"\n        (selectedChange)=\"onSelectedChange($event)\"\n        [selected]=\"selectedOption\"></nas-select>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:2px solid #c3c3c3;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#d8d8d8}.nas-subsidy-discount__info:before{content:\"?\";font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keyDownEvent"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: { label: "label", icon: "icon", selectedDiscount: "selectedDiscount", discounts: "discounts" }, outputs: { infoButtonClick: "infoButtonClick", infoButtonKeydown: "infoButtonKeydown", discountSelectChange: "discountSelectChange" }, viewQueries: [{ propertyName: "infoButton", first: true, predicate: ["infoButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('box')\">\n    <nas-icon [cssClass]=\"getClass('icon')\"\n      [type]=\"'medium'\"\n      [icon]=\"icon\"></nas-icon>\n    <div [nasClass]=\"getClass('content')\">\n      <div>\n        <label [nasClass]=\"getClass('label')\">{{label}}</label>\n        <nas-button #infoButton\n          [cssClass]=\"getClass('info')\"\n          [overrideBaseCssClass]=\"true\"\n          [ariaLabel]=\"label\"\n          (clickChange)=\"onInfoButtonClick()\"\n          (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n      </div>\n      <nas-select [spaceless]=\"true\"\n        [fill]=\"true\"\n        [cssClass]=\"getClass('select')\"\n        [options]=\"options\"\n        (selectedChange)=\"onSelectedChange($event)\"\n        [selected]=\"selectedOption\"></nas-select>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:2px solid #E9E7E4;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#e9e7e4}.nas-subsidy-discount__info:before{content:\"?\";font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"], dependencies: [{ kind: "component", type: i1.SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keyDownEvent"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-subsidy-discount', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('box')\">\n    <nas-icon [cssClass]=\"getClass('icon')\"\n      [type]=\"'medium'\"\n      [icon]=\"icon\"></nas-icon>\n    <div [nasClass]=\"getClass('content')\">\n      <div>\n        <label [nasClass]=\"getClass('label')\">{{label}}</label>\n        <nas-button #infoButton\n          [cssClass]=\"getClass('info')\"\n          [overrideBaseCssClass]=\"true\"\n          [ariaLabel]=\"label\"\n          (clickChange)=\"onInfoButtonClick()\"\n          (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n      </div>\n      <nas-select [spaceless]=\"true\"\n        [fill]=\"true\"\n        [cssClass]=\"getClass('select')\"\n        [options]=\"options\"\n        (selectedChange)=\"onSelectedChange($event)\"\n        [selected]=\"selectedOption\"></nas-select>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:2px solid #c3c3c3;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#d8d8d8}.nas-subsidy-discount__info:before{content:\"?\";font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"] }]
+            args: [{ selector: 'nas-subsidy-discount', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('box')\">\n    <nas-icon [cssClass]=\"getClass('icon')\"\n      [type]=\"'medium'\"\n      [icon]=\"icon\"></nas-icon>\n    <div [nasClass]=\"getClass('content')\">\n      <div>\n        <label [nasClass]=\"getClass('label')\">{{label}}</label>\n        <nas-button #infoButton\n          [cssClass]=\"getClass('info')\"\n          [overrideBaseCssClass]=\"true\"\n          [ariaLabel]=\"label\"\n          (clickChange)=\"onInfoButtonClick()\"\n          (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n      </div>\n      <nas-select [spaceless]=\"true\"\n        [fill]=\"true\"\n        [cssClass]=\"getClass('select')\"\n        [options]=\"options\"\n        (selectedChange)=\"onSelectedChange($event)\"\n        [selected]=\"selectedOption\"></nas-select>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:2px solid #E9E7E4;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#e9e7e4}.nas-subsidy-discount__info:before{content:\"?\";font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { infoButton: [{
                 type: ViewChild,
                 args: ['infoButton']

package/esm2022/lib/components/suggestions/suggestions.component.mjs

@@ -29,11 +29,11 @@ export class SuggestionsComponent extends NasComponentBase {
         this.airportSelect.emit(airport);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SuggestionsComponent, selector: "nas-suggestions", inputs: { suggestions: "suggestions", orLabel: "orLabel" }, outputs: { airportSelect: "airportSelect" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"suggestions\"\n  [nasClass]=\"getClass()\">\n  <span *ngFor=\"let suggestion of suggestions?.slice(0, 1)\">\n    <nas-button link\n      [tabindex]=\"-1\"\n      (clickChange)=\"onAirportSelect(suggestion)\">\n      {{suggestion.displayName}}?\n    </nas-button>\n  </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-suggestions{margin:6px 0 16px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#002a3a}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SuggestionsComponent, selector: "nas-suggestions", inputs: { suggestions: "suggestions", orLabel: "orLabel" }, outputs: { airportSelect: "airportSelect" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"suggestions\" [nasClass]=\"getClass()\">\n  <span *ngFor=\"let suggestion of suggestions?.slice(0, 1)\">\n    <nas-button link [tabindex]=\"-1\" (clickChange)=\"onAirportSelect(suggestion)\"\n      [attr.aria-label]=\"'Select ' + suggestion.displayName + ' airport'\">\n      {{suggestion.displayName}}?\n    </nas-button>\n  </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-suggestions{margin-bottom:12px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#15273f}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-suggestions', template: "<div *ngIf=\"suggestions\"\n  [nasClass]=\"getClass()\">\n  <span *ngFor=\"let suggestion of suggestions?.slice(0, 1)\">\n    <nas-button link\n      [tabindex]=\"-1\"\n      (clickChange)=\"onAirportSelect(suggestion)\">\n      {{suggestion.displayName}}?\n    </nas-button>\n  </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-suggestions{margin:6px 0 16px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#002a3a}\n"] }]
+            args: [{ selector: 'nas-suggestions', template: "<div *ngIf=\"suggestions\" [nasClass]=\"getClass()\">\n  <span *ngFor=\"let suggestion of suggestions?.slice(0, 1)\">\n    <nas-button link [tabindex]=\"-1\" (clickChange)=\"onAirportSelect(suggestion)\"\n      [attr.aria-label]=\"'Select ' + suggestion.displayName + ' airport'\">\n      {{suggestion.displayName}}?\n    </nas-button>\n  </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-suggestions{margin-bottom:12px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#15273f}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { suggestions: [{
                 type: Input
             }], orLabel: [{
@@ -41,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }], airportSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VnZ2VzdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdWdnZXN0aW9ucy9zdWdnZXN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N1Z2dlc3Rpb25zL3N1Z2dlc3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7O0FBR3RFOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFzQnhEO1FBQ0UsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFSM0I7Ozs7V0FJRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7SUFJM0QsQ0FBQztJQUVELGVBQWUsQ0FBQyxPQUFxQjtRQUNuQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1osT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs4R0FoQ1Usb0JBQW9CO2tHQUFwQixvQkFBb0IsdUxDbEJqQyx3U0FTTTs7MkZEU08sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjswRUFVbEIsV0FBVztzQkFBbkIsS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBT0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcbmltcG9ydCB7IEFpcnBvcnRNb2RlbCB9IGZyb20gJy4uL2FpcnBvcnQtc2VsZWN0L21vZGVscy9haXJwb3J0Lm1vZGVsJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBTdWdnZXN0aW9ucyBDb21wb25lbnQgfCBGdW5jdGlvbmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1zdWdnZXN0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWdnZXN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1Z2dlc3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFN1Z2dlc3Rpb25zQ29tcG9uZW50IGV4dGVuZHMgTmFzQ29tcG9uZW50QmFzZSB7XG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFN1Z2dlc3Rpb25zIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgQElucHV0KCkgc3VnZ2VzdGlvbnM6IEFycmF5PEFpcnBvcnRNb2RlbD47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQSBsYWJlbCBmb3IgJ29yJ1xuICAgKi9cbiAgQElucHV0KCkgb3JMYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgT3V0cHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBGaXJlZCB3aGVuIGFuIGFpcnBvcnQgaXMgc2VsZWN0ZWRcbiAgICovXG4gIEBPdXRwdXQoKSBhaXJwb3J0U2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxBaXJwb3J0TW9kZWw+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1zdWdnZXN0aW9ucycpO1xuICB9XG5cbiAgb25BaXJwb3J0U2VsZWN0KGFpcnBvcnQ6IEFpcnBvcnRNb2RlbCk6IHZvaWQge1xuICAgIGlmICghYWlycG9ydCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuYWlycG9ydFNlbGVjdC5lbWl0KGFpcnBvcnQpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwic3VnZ2VzdGlvbnNcIlxuICBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiPlxuICA8c3BhbiAqbmdGb3I9XCJsZXQgc3VnZ2VzdGlvbiBvZiBzdWdnZXN0aW9ucz8uc2xpY2UoMCwgMSlcIj5cbiAgICA8bmFzLWJ1dHRvbiBsaW5rXG4gICAgICBbdGFiaW5kZXhdPVwiLTFcIlxuICAgICAgKGNsaWNrQ2hhbmdlKT1cIm9uQWlycG9ydFNlbGVjdChzdWdnZXN0aW9uKVwiPlxuICAgICAge3tzdWdnZXN0aW9uLmRpc3BsYXlOYW1lfX0/XG4gICAgPC9uYXMtYnV0dG9uPlxuICA8L3NwYW4+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VnZ2VzdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdWdnZXN0aW9ucy9zdWdnZXN0aW9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N1Z2dlc3Rpb25zL3N1Z2dlc3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7R0FHRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7O0FBR3RFOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxnQkFBZ0I7SUFzQnhEO1FBQ0UsS0FBSyxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFSM0I7Ozs7V0FJRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7SUFJM0QsQ0FBQztJQUVELGVBQWUsQ0FBQyxPQUFxQjtRQUNuQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1osT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs4R0FoQ1Usb0JBQW9CO2tHQUFwQixvQkFBb0IsdUxDbEJqQyxvV0FPTTs7MkZEV08sb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjswRUFVbEIsV0FBVztzQkFBbkIsS0FBSztnQkFPRyxPQUFPO3NCQUFmLEtBQUs7Z0JBT0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCBOb3J3ZWdpYW4gQWlyIFNodXR0bGUuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcbmltcG9ydCB7IEFpcnBvcnRNb2RlbCB9IGZyb20gJy4uL2FpcnBvcnQtc2VsZWN0L21vZGVscy9haXJwb3J0Lm1vZGVsJztcblxuLyoqXG4gKiBAZGVzY3JpcHRpb25cbiAqIE5vcndlZ2lhbiBTdWdnZXN0aW9ucyBDb21wb25lbnQgfCBGdW5jdGlvbmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1zdWdnZXN0aW9ucycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWdnZXN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N1Z2dlc3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFN1Z2dlc3Rpb25zQ29tcG9uZW50IGV4dGVuZHMgTmFzQ29tcG9uZW50QmFzZSB7XG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIFN1Z2dlc3Rpb25zIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgQElucHV0KCkgc3VnZ2VzdGlvbnM6IEFycmF5PEFpcnBvcnRNb2RlbD47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQSBsYWJlbCBmb3IgJ29yJ1xuICAgKi9cbiAgQElucHV0KCkgb3JMYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgT3V0cHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBGaXJlZCB3aGVuIGFuIGFpcnBvcnQgaXMgc2VsZWN0ZWRcbiAgICovXG4gIEBPdXRwdXQoKSBhaXJwb3J0U2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxBaXJwb3J0TW9kZWw+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1zdWdnZXN0aW9ucycpO1xuICB9XG5cbiAgb25BaXJwb3J0U2VsZWN0KGFpcnBvcnQ6IEFpcnBvcnRNb2RlbCk6IHZvaWQge1xuICAgIGlmICghYWlycG9ydCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuYWlycG9ydFNlbGVjdC5lbWl0KGFpcnBvcnQpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwic3VnZ2VzdGlvbnNcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiPlxuICA8c3BhbiAqbmdGb3I9XCJsZXQgc3VnZ2VzdGlvbiBvZiBzdWdnZXN0aW9ucz8uc2xpY2UoMCwgMSlcIj5cbiAgICA8bmFzLWJ1dHRvbiBsaW5rIFt0YWJpbmRleF09XCItMVwiIChjbGlja0NoYW5nZSk9XCJvbkFpcnBvcnRTZWxlY3Qoc3VnZ2VzdGlvbilcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInU2VsZWN0ICcgKyBzdWdnZXN0aW9uLmRpc3BsYXlOYW1lICsgJyBhaXJwb3J0J1wiPlxuICAgICAge3tzdWdnZXN0aW9uLmRpc3BsYXlOYW1lfX0/XG4gICAgPC9uYXMtYnV0dG9uPlxuICA8L3NwYW4+XG48L2Rpdj4iXX0=

package/esm2022/lib/components/tab-group/tab/tab.component.mjs

@@ -108,11 +108,11 @@ export class TabComponent extends NasComponentBase {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tab__label{color:#fff;background:#15273f;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#15273f;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#15273f;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#0f1b2c;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#0f1b2c;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TabComponent, selector: "nas-tab", inputs: { icon: "icon", label: "label", shadowless: "shadowless", removeBackground: "removeBackground", ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"] }, outputs: { tabClick: "tabClick", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "tab", first: true, predicate: ["tab"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tab__label{color:#fff;background:#15273f;font-size:18px;line-height:24px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#15273f;background-color:#e9e7e4;font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#15273f;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #e9e7e4,inset 0 0 2px 3px #7ca4cd}.nas-tab__label:hover{background-color:#0f1b2c;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e9e7e4;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#0f1b2c;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tab__label{color:#fff;background:#15273f;font-size:18px;line-height:26px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#15273f;background-color:#e3e3e3;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#15273f;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc}.nas-tab__label:hover{background-color:#0f1b2c;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e3e3e3;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#0f1b2c;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"] }]
+            args: [{ selector: 'nas-tab', encapsulation: ViewEncapsulation.None, template: "<a #tab\n  role=\"tab\"\n  [nasClass]=\"getLabelClass()\"\n  [id]=\"getLabelId()\"\n  [attr.tabIndex]=\"getTabIndex()\"\n  [attr.aria-posinset]=\"index + 1\"\n  [attr.aria-setsize]=\"size\"\n  [attr.aria-controls]=\"getTabContentId()\"\n  [attr.aria-selected]=\"selected\"\n  [attr.aria-label]=\"ariaLabel || null\"\n  [attr.aria-labelledby]=\"(!ariaLabel && ariaLabelledby) ? ariaLabelledby : null\"\n  (click)=\"onTabClick()\"\n  (keyup.arrowright)=\"onArrowRightClick()\"\n  (keyup.arrowleft)=\"onArrowLeftClick()\">\n  <nas-icon *ngIf=\"icon\"\n    [icon]=\"getIcon()\"></nas-icon>\n  {{label}}\n  <ng-container *ngIf=\"displayDropdownIcon()\">\n    <nas-icon [nasClass]=\"getDropdownClass()\"\n      [type]=\"getDropdownIconType()\"></nas-icon>\n  </ng-container>\n</a>\n<div [nasClass]=\"getContentClass()\"\n  [id]=\"getTabContentId()\"\n  [attr.aria-labelledby]=\"getLabelId()\">\n  <ng-content></ng-content>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tab__label{color:#fff;background:#15273f;font-size:18px;line-height:24px;border-bottom:none;width:100%;position:relative;z-index:1;outline:none;padding:10px 24px 12px}.nas-tab__label:not(:first-child){margin-top:3px}@media (min-width: 1000px){.nas-tab__label:not(:first-child){margin-top:0}}.nas-tab__label--selected{pointer-events:none;color:#15273f;background-color:#e9e7e4;font-family:NorwegianTextPro,Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}@media (min-width: 1000px){.nas-tab__label--selected:before{content:\"\";display:block;position:absolute;height:3px;top:-6px;left:0;width:100%;background-color:#e5212d}}.nas-tab__label--remove-background{background-color:transparent;color:#15273f;font-weight:700}.nas-tab__label:focus{box-shadow:inset 0 0 2px #e9e7e4,inset 0 0 2px 3px #7ca4cd}.nas-tab__label:hover{background-color:#0f1b2c;color:#fff}@media (min-width: 1000px){.nas-tab__label{order:1;width:auto;margin-right:2px}}.nas-tab__content{display:none;padding:12px 12px 24px;background-color:#e9e7e4;width:100%;animation:fade-in .3s cubic-bezier(0,0,.1,1);outline:none;z-index:2}.nas-tab__content--selected{display:block}.nas-tab__content--remove-background{background-color:transparent}@media (min-width: 1000px){.nas-tab__content{order:99;padding:24px}.nas-tab__content:not(.nas-tab__content--shadowless){box-shadow:0 0 30px #002a3a80}}.nas-tab__dropdown::ng-deep span{display:block;position:absolute;width:24px;height:24px;top:0;right:12px;margin-top:14px;border-radius:50%;background-position:center center;background-color:#0f1b2c;transition:transform .3s cubic-bezier(0,0,.1,1)}@media (min-width: 1000px){.nas-tab__dropdown::ng-deep span{display:none}}.nas-tab__dropdown--selected::ng-deep span{transform:rotate(-180deg);background-color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { tab: [{
                 type: ViewChild,
                 args: ['tab']

package/esm2022/lib/components/table/table.component.mjs

@@ -16,11 +16,11 @@ export class TableComponent extends NasComponentBase {
         super('nas-table');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableComponent, selector: "nas-table", inputs: { caption: "caption" }, usesInheritance: true, ngImport: i0, template: "<table [nasClass]=\"getClass()\">\n    <caption *ngIf=\"caption\">{{caption}}</caption>\n    <ng-content select=\"nas-column-group\"></ng-content>\n    <ng-content select=\"nas-table-row\"></ng-content>\n    <ng-content select=\"nas-table-head\"></ng-content>\n    <ng-content select=\"nas-table-body\"></ng-content>\n    <ng-content select=\"nas-table-foot\"></ng-content>\n</table>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{overflow-x:auto;display:block}.nas-table{width:100%;background:#fff}.nas-table ::ng-deep tr{height:56px}.nas-table ::ng-deep tr td,.nas-table ::ng-deep tr th{padding-left:24px;border-bottom:2px solid #e3e3e3;text-align:left}.nas-table ::ng-deep tr td:last-child,.nas-table ::ng-deep tr th:last-child{padding-right:24px}.nas-table ::ng-deep caption{margin-bottom:9px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableComponent, selector: "nas-table", inputs: { caption: "caption" }, usesInheritance: true, ngImport: i0, template: "<table [nasClass]=\"getClass()\">\n    <caption *ngIf=\"caption\">{{caption}}</caption>\n    <ng-content select=\"nas-column-group\"></ng-content>\n    <ng-content select=\"nas-table-row\"></ng-content>\n    <ng-content select=\"nas-table-head\"></ng-content>\n    <ng-content select=\"nas-table-body\"></ng-content>\n    <ng-content select=\"nas-table-foot\"></ng-content>\n</table>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{overflow-x:auto;display:block}.nas-table{width:100%;background:#fff}.nas-table ::ng-deep tr{height:56px}.nas-table ::ng-deep tr td,.nas-table ::ng-deep tr th{padding-left:24px;border-bottom:2px solid #E9E7E4;text-align:left}.nas-table ::ng-deep tr td:last-child,.nas-table ::ng-deep tr th:last-child{padding-right:24px}.nas-table ::ng-deep caption{margin-bottom:9px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-table', template: "<table [nasClass]=\"getClass()\">\n    <caption *ngIf=\"caption\">{{caption}}</caption>\n    <ng-content select=\"nas-column-group\"></ng-content>\n    <ng-content select=\"nas-table-row\"></ng-content>\n    <ng-content select=\"nas-table-head\"></ng-content>\n    <ng-content select=\"nas-table-body\"></ng-content>\n    <ng-content select=\"nas-table-foot\"></ng-content>\n</table>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{overflow-x:auto;display:block}.nas-table{width:100%;background:#fff}.nas-table ::ng-deep tr{height:56px}.nas-table ::ng-deep tr td,.nas-table ::ng-deep tr th{padding-left:24px;border-bottom:2px solid #e3e3e3;text-align:left}.nas-table ::ng-deep tr td:last-child,.nas-table ::ng-deep tr th:last-child{padding-right:24px}.nas-table ::ng-deep caption{margin-bottom:9px}\n"] }]
+            args: [{ selector: 'nas-table', template: "<table [nasClass]=\"getClass()\">\n    <caption *ngIf=\"caption\">{{caption}}</caption>\n    <ng-content select=\"nas-column-group\"></ng-content>\n    <ng-content select=\"nas-table-row\"></ng-content>\n    <ng-content select=\"nas-table-head\"></ng-content>\n    <ng-content select=\"nas-table-body\"></ng-content>\n    <ng-content select=\"nas-table-foot\"></ng-content>\n</table>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{overflow-x:auto;display:block}.nas-table{width:100%;background:#fff}.nas-table ::ng-deep tr{height:56px}.nas-table ::ng-deep tr td,.nas-table ::ng-deep tr th{padding-left:24px;border-bottom:2px solid #E9E7E4;text-align:left}.nas-table ::ng-deep tr td:last-child,.nas-table ::ng-deep tr th:last-child{padding-right:24px}.nas-table ::ng-deep caption{margin-bottom:9px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { caption: [{
                 type: Input
             }] } });

package/esm2022/lib/components/tag/tag.component.mjs

@@ -46,11 +46,11 @@ export class TagComponent extends NasComponentBase {
         return 'info';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\">\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tag{display:flex}.nas-tag__text{color:#15273f;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #15273f;background:#ebf4ff}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#f4faf2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#fff6ec}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#fff5f3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#f9f9f9}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\">\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tag{display:flex}.nas-tag__text{color:#15273f;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #15273F;background:#ebf4ff}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#f4faf2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#fff6ec}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#fff5f3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #E9E7E4;background:#f8f8f8}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-tag', template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\">\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tag{display:flex}.nas-tag__text{color:#15273f;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #15273f;background:#ebf4ff}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#f4faf2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#fff6ec}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#fff5f3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#f9f9f9}\n"] }]
+            args: [{ selector: 'nas-tag', template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\">\n  <div [nasClass]=\"getClass(getTagClass())\">\n    <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n    <div [nasClass]=\"getClass('text')\">{{text}}</div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-tag{display:flex}.nas-tag__text{color:#15273f;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #15273F;background:#ebf4ff}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#f4faf2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#fff6ec}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#fff5f3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #E9E7E4;background:#f8f8f8}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { info: [{
                 type: Input
             }], warning: [{