@norwegian/core-components 6.14.0 → 6.15.0

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

@@ -1,4 +1,4 @@
-import { Component, Input, Output, ViewChild, EventEmitter } from '@angular/core';
+import { Component, Input, Output, ViewChild, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import { NasComponentBase } from '../../core/base/nas-component.base';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -82,11 +82,11 @@ export class InfoComponent extends NasComponentBase {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", warning: "warning", information: "information", success: "success", outlined: "outlined", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\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-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #d81939}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { 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"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", warning: "warning", information: "information", success: "success", outlined: "outlined", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\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-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #E5212D}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { 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"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-info', template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\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-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #d81939}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\n"] }]
+            args: [{ selector: 'nas-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\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-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #E5212D}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
                 type: Output
             }], infoContainer: [{
@@ -113,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }], sanitized: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZm8vaW5mby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZm8vaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU5RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7OztBQUd0RTs7O0dBR0c7QUFNSCxNQUFNLE9BQU8sYUFBYyxTQUFRLGdCQUFnQjtJQU1qRDs7Ozs7O09BTUc7SUFDSCxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksSUFBSSxDQUFDLElBQWU7UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBd0ZEO1FBQ0UsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBMUdWLGVBQVUsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQTJGMUU7Ozs7V0FJRztRQUNNLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFckI7Ozs7V0FJRztRQUNNLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFJMUIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFnQixFQUFFLGNBQW9CO1FBQ2pELElBQUksU0FBUyxHQUFHLGNBQWMsQ0FBQztRQUUvQixJQUFJLE9BQU8sY0FBYyxLQUFLLFFBQVEsRUFBRTtZQUN0QyxTQUFTLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUM5QjtRQUVELE9BQU87WUFDTCxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxPQUFPO1lBQ2hCLFNBQVMsRUFBRSxTQUFTO1NBQ3JCLENBQUM7SUFDSixDQUFDO0lBRU8sWUFBWSxDQUFDLElBQWU7UUFDbEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLE1BQU0sa0JBQWtCLEdBQUcsTUFBTSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQUMsZUFBZSxDQUFDLFNBQVMsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLENBQUM7WUFFcEgsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUU7Z0JBQ3ZCLE9BQU87YUFDUjtZQUVELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztZQUM3RCxJQUFJLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksa0JBQWtCLEdBQUcsU0FBUyxFQUFFO2dCQUN6RyxNQUFNLENBQUMsUUFBUSxDQUFDO29CQUNkLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsQ0FBQztvQkFDUCxHQUFHLEVBQUUsU0FBUztpQkFDZixDQUFDLENBQUM7YUFDSjtRQUNILENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLGFBQWE7WUFDOUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxVQUFVO1NBQ3pDLENBQUM7SUFDSixDQUFDOzhHQTlKVSxhQUFhO2tHQUFiLGFBQWEsc2NDZDFCLDZ5REF1Q0E7OzJGRHpCYSxhQUFhO2tCQUx6QixTQUFTOytCQUNFLFVBQVU7MEVBT1YsVUFBVTtzQkFBbkIsTUFBTTtnQkFDcUIsYUFBYTtzQkFBeEMsU0FBUzt1QkFBQyxlQUFlO2dCQVV0QixJQUFJO3NCQURQLEtBQUs7Z0JBa0JHLEtBQUs7c0JBQWIsS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBU0csV0FBVztzQkFBbkIsS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBU0csUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxlQUFlO3NCQUF2QixLQUFLO2dCQVdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBT0csSUFBSTtzQkFBWixLQUFLO2dCQU9HLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbmZvTW9kZWwgfSBmcm9tICcuL21vZGVscy9pbmZvLm1vZGVsJztcbmltcG9ydCB7IE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UvbmFzLWNvbXBvbmVudC5iYXNlJztcbmltcG9ydCB7IENsYXNzTW9kZWwgfSBmcm9tICcuLi8uLi9jb3JlL21vZGVscy9jbGFzcy5tb2RlbCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gaW5mbyBDb21wb25lbnQgfCBEaWFsb2dzIGFuZCBNb2RhbHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLWluZm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5mby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2luZm8uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBJbmZvQ29tcG9uZW50IGV4dGVuZHMgTmFzQ29tcG9uZW50QmFzZSB7XG4gIHByaXZhdGUgaW5mb1ZhbHVlOiBJbmZvTW9kZWw7XG4gIHJlbW92ZUJ1dHRvblByZXNzZWQ6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSBzaG93Q2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIEBWaWV3Q2hpbGQoJ2luZm9Db250YWluZXInKSBpbmZvQ29udGFpbmVyOiBFbGVtZW50UmVmO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEEgbW9kZWwgdGhhdCBjb250YWlucyBhbiBvcHRpb25hbCB0aXRsZSBhbmQgYW4gYXJyYXkgb2YgbWVzc2FnZXMuXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtaW5mbyBbaW5mb109XCJpbmZvXCI+PC9uYXMtaW5mbz5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGdldCBpbmZvKCkge1xuICAgIHJldHVybiB0aGlzLmluZm9WYWx1ZTtcbiAgfVxuICBzZXQgaW5mbyhpbmZvOiBJbmZvTW9kZWwpIHtcbiAgICB0aGlzLmluZm9WYWx1ZSA9IGluZm87XG4gICAgdGhpcy5zY3JvbGxUb0luZm8oaW5mbyk7XG4gIH1cblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBBIGJvb2xlYW4gaW5wdXQgdmFsdWUgdG8gc2V0IHRoZSBhY2NvcmRpb24gdG8gcHJpbWFyeSBzdHlsZS5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1pbmZvIFtpbmZvXT1cImluZm9cIiBlcnJvcj48L25hcy1pbmZvPlxuICAgKiBvclxuICAgKiA8bmFzLWFjY29yZGlvbiBbZXJyb3JdPVwiaXNFcnJvclByb3BlcnR5XCI+PC9uYXMtYWNjb3JkaW9uPlxuICAgKi9cbiAgQElucHV0KCkgZXJyb3I/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEEgYm9vbGVhbiBpbnB1dCB2YWx1ZSB0byBzZXQgdGhlIGFjY29yZGlvbiB0byB3YXJuaW5nIHN0eWxlLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWluZm8gW2luZm9dPVwiaW5mb1wiIHdhcm5pbmc+PC9uYXMtaW5mbz5cbiAgICogb3JcbiAgICogPG5hcy1hY2NvcmRpb24gW3dhcm5pbmddPVwiaXNXYXJuaW5nUHJvcGVydHlcIj48L25hcy1hY2NvcmRpb24+XG4gICAqL1xuICBASW5wdXQoKSB3YXJuaW5nPzogYm9vbGVhbjtcblxuICAvKipcbiAqIEBwcm9wZXJ0eSBJbnB1dFxuICogQGRlc2NyaXB0aW9uXG4gKiBBIGJvb2xlYW4gaW5wdXQgdmFsdWUgdG8gc2V0IHRoZSBhY2NvcmRpb24gdG8gaW5mb3JtYXRpb24gc3R5bGUuXG4gKiBAZXhhbXBsZVxuICogPG5hcy1pbmZvIFtpbmZvXT1cImluZm9cIiBpbmZvcm1hdGlvbj48L25hcy1pbmZvPlxuICovXG4gIEBJbnB1dCgpIGluZm9ybWF0aW9uPzogYm9vbGVhbjtcblxuICAvKipcbiAqIEBwcm9wZXJ0eSBJbnB1dFxuICogQGRlc2NyaXB0aW9uXG4gKiBBIGJvb2xlYW4gaW5wdXQgdmFsdWUgdG8gc2V0IHRoZSBhY2NvcmRpb24gdG8gc3VjY2VzcyBpbmZvLlxuICogQGV4YW1wbGVcbiAqIDxuYXMtaW5mbyBbaW5mb109XCJpbmZvXCIgc3VjY2Vzcz48L25hcy1pbmZvPlxuICogb3JcbiAqIDxuYXMtYWNjb3JkaW9uIFtzdWNjZXNzXT1cImlzU3VjY2Vzc1Byb3BlcnR5XCI+PC9uYXMtYWNjb3JkaW9uPlxuICovXG4gIEBJbnB1dCgpIHN1Y2Nlc3M/OiBib29sZWFuO1xuXG4gIC8qKlxuICogQHByb3BlcnR5IElucHV0XG4gKiBAZGVzY3JpcHRpb25cbiAqIEEgYm9vbGVhbiBpbnB1dCB2YWx1ZSB0byBzZXQgdGhlIGFjY29yZGlvbiB0byBvdXRsaW5lZCBpbmZvLlxuICogQGV4YW1wbGVcbiAqIDxuYXMtaW5mbyBbaW5mb109XCJpbmZvXCIgb3V0bGluZWQ+PC9uYXMtaW5mbz5cbiAqL1xuICBASW5wdXQoKSBvdXRsaW5lZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU3RyaW5nIHRvIHNldCBzdGFjayB0cmFjZSBsYWJlbCBvbiB0aGUgYWNjb3JkaW9uLlxuICAgKlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWluZm8gW3N0YWNrVHJhY2VMYWJlbF09XCInU3RhY2sgdHJhY2UnXCI+PC9uYXMtaW5mbz5cbiAgICovXG4gIEBJbnB1dCgpIHN0YWNrVHJhY2VMYWJlbDogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEEgYm9vbGVhbiBpbnB1dCB2YWx1ZSB0byBhbGxvdyB0aGUgcmVtb3ZlIGljb24gaW4gdGhlIEluZm8gVUkuXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtaW5mbyBbaW5mb109XCJpbmZvXCIgcmVtb3ZlSWNvbj48L25hcy1pbmZvPlxuICAgKiBvclxuICAgKiA8bmFzLWFjY29yZGlvbiBbcmVtb3ZlSWNvbl09XCJpc3JlbW92ZUljb25Qcm9wZXJ0eVwiPjwvbmFzLWFjY29yZGlvbj5cbiAgICovXG4gIEBJbnB1dCgpIHJlbW92ZUljb24/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEZsYWcgZm9yIHNob3dpbmcvaGlkaW5nIGVsZW1lbnQuIERlZmF1bHRzIHRvIHRydWUuXG4gICAqL1xuICBASW5wdXQoKSBzaG93ID0gdHJ1ZTtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBGbGFnIGZvciB0b2dnbGluZyBvbiBvciBvZmYgdGhlIEhUTUwgc2FuaXRpemluZy4gRGVmYXVsdHMgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHNhbml0aXplZCA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1pbmZvJyk7XG4gIH1cblxuICByZW1vdmVJbmZvQm94KCk6IHZvaWQge1xuICAgIHRoaXMuc2hvdyA9IGZhbHNlO1xuICAgIHRoaXMuc2hvd0NoYW5nZS5lbWl0KHRoaXMuc2hvdyk7XG4gIH1cblxuICBnZXRMaXN0Q2xhc3MoZWxlbWVudD86IHN0cmluZywgbW9kaWZpZXJzSW5wdXQ/OiBhbnkpOiBDbGFzc01vZGVsIHtcbiAgICBsZXQgbW9kaWZpZXJzID0gbW9kaWZpZXJzSW5wdXQ7XG5cbiAgICBpZiAodHlwZW9mIG1vZGlmaWVyc0lucHV0ID09PSAnc3RyaW5nJykge1xuICAgICAgbW9kaWZpZXJzID0gW21vZGlmaWVyc0lucHV0XTtcbiAgICB9XG5cbiAgICByZXR1cm4ge1xuICAgICAgYmxvY2s6ICdsaXN0JyxcbiAgICAgIGVsZW1lbnQ6IGVsZW1lbnQsXG4gICAgICBtb2RpZmllcnM6IG1vZGlmaWVyc1xuICAgIH07XG4gIH1cblxuICBwcml2YXRlIHNjcm9sbFRvSW5mbyhpbmZvOiBJbmZvTW9kZWwpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnN0IHNjcm9sbGVkUGl4ZWxDb3VudCA9IHdpbmRvdy5wYWdlWU9mZnNldCB8fCBkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuc2Nyb2xsVG9wIHx8IGRvY3VtZW50LmJvZHkuc2Nyb2xsVG9wIHx8IDA7XG5cbiAgICAgIGlmICghdGhpcy5pbmZvQ29udGFpbmVyKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3Qgb2Zmc2V0VG9wID0gdGhpcy5pbmZvQ29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0VG9wO1xuICAgICAgaWYgKGluZm8gJiYgKChpbmZvLm1lc3NhZ2VzICYmIGluZm8ubWVzc2FnZXMubGVuZ3RoID4gMCkgfHwgaW5mby50aXRsZSkgJiYgc2Nyb2xsZWRQaXhlbENvdW50ID4gb2Zmc2V0VG9wKSB7XG4gICAgICAgIHdpbmRvdy5zY3JvbGxUbyh7XG4gICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICAgIGxlZnQ6IDAsXG4gICAgICAgICAgdG9wOiBvZmZzZXRUb3BcbiAgICAgICAgfSk7XG4gICAgICB9XG4gICAgfSwgMTAwKTtcbiAgfVxuXG4gIGdldCBtb2RpZmllcnMoKTogQXJyYXk8c3RyaW5nPiB7XG4gICAgcmV0dXJuIFtcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuZXJyb3IpICYmICdlcnJvcicsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLndhcm5pbmcpICYmICd3YXJuaW5nJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuaW5mb3JtYXRpb24pICYmICdpbmZvcm1hdGlvbicsXG4gICAgICB0aGlzLmV4aXN0cyh0aGlzLnN1Y2Nlc3MpICYmICdzdWNjZXNzJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMub3V0bGluZWQpICYmICdvdXRsaW5lZCcsXG4gICAgXTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImV4aXN0cyhzaG93KVwiICNpbmZvQ29udGFpbmVyIFtuYXNDbGFzc109XCJnZXRDb250YWluZXJDbGFzcygpXCI+XG4gIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCdjb250ZW50JywgbW9kaWZpZXJzKVwiPlxuICAgIDxkaXYgKm5nSWY9XCJpbmZvPy50aW1lc3RhbXBcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ3RpbWVzdGFtcCcpXCI+XG4gICAgICA8c21hbGw+e3tpbmZvPy50aW1lc3RhbXAgfCBkYXRlOidmdWxsJ319PC9zbWFsbD5cbiAgICAgIDxzbWFsbCAqbmdJZj1cImluZm8/LnNlcnZlclwiPiAoe3tpbmZvPy5zZXJ2ZXJ9fSk8L3NtYWxsPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJleGlzdHMoZXJyb3IpIHx8IGV4aXN0cyhzdWNjZXNzKTsgZWxzZSB0aXRsZVRlbXBsYXRlXCIgW25hc0NsYXNzXT1cImdldENsYXNzKCdlcnJvci10aXRsZScpXCI+XG4gICAgICA8bmFzLWljb24gKm5nSWY9XCJleGlzdHMoZXJyb3IpXCIgW25hc0NsYXNzXT1cImdldENsYXNzKCdlcnJvci1pY29uJylcIiBpY29uPVwiYWxlcnQtLWVycm9yXCIgdHlwZT1cInNtYWxsXCI+PC9uYXMtaWNvbj5cbiAgICAgIDxuYXMtaWNvbiAqbmdJZj1cImV4aXN0cyhzdWNjZXNzKVwiIFtuYXNDbGFzc109XCJnZXRDbGFzcygnZXJyb3ItaWNvbicpXCIgaWNvbj1cImFsZXJ0LS1zdWNjZXNzXCIgdHlwZT1cInNtYWxsXCI+PC9uYXMtaWNvbj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gICAgPHVsICpuZ0lmPVwiaW5mbz8ubWVzc2FnZXM/Lmxlbmd0aCA+IDBcIiBbbmFzQ2xhc3NdPVwiZ2V0TGlzdENsYXNzKCcnLCAnc3BhY2VsZXNzJylcIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgbWVzc2FnZSBvZiBpbmZvPy5tZXNzYWdlc1wiPiBcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJleGlzdHMoc2FuaXRpemVkKVwiIFtpbm5lckhUTUxdPVwibWVzc2FnZVwiPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhZXhpc3RzKHNhbml0aXplZClcIj57e21lc3NhZ2V9fTwvc3Bhbj5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygnY3VzdG9tLWNvbnRlbnQnKVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJpbmZvPy5saW5rXCI+XG4gICAgICA8bmFzLWJ1dHRvbiBsaW5rIFtocmVmXT1cImluZm8ubGluay5ocmVmXCI+e3tpbmZvLmxpbmsudGV4dH19PC9uYXMtYnV0dG9uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJpbmZvPy5zdGFja1RyYWNlXCIgW25hc0NsYXNzXT1cImdldENsYXNzKCdzdGFjay10cmFjZScpXCI+XG4gICAgICA8bmFzLWFjY29yZGlvbiBzaW1wbGUgW3RpdGxlXT1cInN0YWNrVHJhY2VMYWJlbFwiPlxuICAgICAgICB7e2luZm8/LnN0YWNrVHJhY2V9fVxuICAgICAgPC9uYXMtYWNjb3JkaW9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ3JlbW92ZS1ib3gnKVwiICpuZ0lmPVwiZXhpc3RzKHJlbW92ZUljb24pO1wiPlxuICAgIDxuYXMtaWNvbiB0eXBlPVwicmVtb3ZlXCIgKGNsaWNrKT1cInJlbW92ZUluZm9Cb3goKVwiPjwvbmFzLWljb24+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjdGl0bGVUZW1wbGF0ZT5cbiAgPGgzIFtuYXNDbGFzc109XCJnZXRDbGFzcygndGl0bGUnKVwiIFtpbm5lckhUTUxdPVwiaW5mbz8udGl0bGVcIj48L2gzPlxuPC9uZy10ZW1wbGF0ZT5cblxuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZm8vaW5mby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZm8vaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2SCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7OztBQUd0RTs7O0dBR0c7QUFPSCxNQUFNLE9BQU8sYUFBYyxTQUFRLGdCQUFnQjtJQU1qRDs7Ozs7O09BTUc7SUFDSCxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksSUFBSSxDQUFDLElBQWU7UUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBd0ZEO1FBQ0UsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBMUdWLGVBQVUsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQTJGMUU7Ozs7V0FJRztRQUNNLFNBQUksR0FBRyxJQUFJLENBQUM7UUFFckI7Ozs7V0FJRztRQUNNLGNBQVMsR0FBRyxJQUFJLENBQUM7SUFJMUIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFnQixFQUFFLGNBQW9CO1FBQ2pELElBQUksU0FBUyxHQUFHLGNBQWMsQ0FBQztRQUUvQixJQUFJLE9BQU8sY0FBYyxLQUFLLFFBQVEsRUFBRTtZQUN0QyxTQUFTLEdBQUcsQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUM5QjtRQUVELE9BQU87WUFDTCxLQUFLLEVBQUUsTUFBTTtZQUNiLE9BQU8sRUFBRSxPQUFPO1lBQ2hCLFNBQVMsRUFBRSxTQUFTO1NBQ3JCLENBQUM7SUFDSixDQUFDO0lBRU8sWUFBWSxDQUFDLElBQWU7UUFDbEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLE1BQU0sa0JBQWtCLEdBQUcsTUFBTSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQUMsZUFBZSxDQUFDLFNBQVMsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLENBQUM7WUFFcEgsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUU7Z0JBQ3ZCLE9BQU87YUFDUjtZQUVELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQztZQUM3RCxJQUFJLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksa0JBQWtCLEdBQUcsU0FBUyxFQUFFO2dCQUN6RyxNQUFNLENBQUMsUUFBUSxDQUFDO29CQUNkLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsQ0FBQztvQkFDUCxHQUFHLEVBQUUsU0FBUztpQkFDZixDQUFDLENBQUM7YUFDSjtRQUNILENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPO1lBQ0wsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksT0FBTztZQUNsQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxTQUFTO1lBQ3RDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLGFBQWE7WUFDOUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksU0FBUztZQUN0QyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxVQUFVO1NBQ3pDLENBQUM7SUFDSixDQUFDOzhHQTlKVSxhQUFhO2tHQUFiLGFBQWEsc2NDZjFCLDZ5REF1Q0E7OzJGRHhCYSxhQUFhO2tCQU56QixTQUFTOytCQUNFLFVBQVUsbUJBR0gsdUJBQXVCLENBQUMsTUFBTTswRUFLckMsVUFBVTtzQkFBbkIsTUFBTTtnQkFDcUIsYUFBYTtzQkFBeEMsU0FBUzt1QkFBQyxlQUFlO2dCQVV0QixJQUFJO3NCQURQLEtBQUs7Z0JBa0JHLEtBQUs7c0JBQWIsS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBU0csV0FBVztzQkFBbkIsS0FBSztnQkFXRyxPQUFPO3NCQUFmLEtBQUs7Z0JBU0csUUFBUTtzQkFBaEIsS0FBSztnQkFVRyxlQUFlO3NCQUF2QixLQUFLO2dCQVdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBT0csSUFBSTtzQkFBWixLQUFLO2dCQU9HLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5mb01vZGVsIH0gZnJvbSAnLi9tb2RlbHMvaW5mby5tb2RlbCc7XG5pbXBvcnQgeyBOYXNDb21wb25lbnRCYXNlIH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlL25hcy1jb21wb25lbnQuYmFzZSc7XG5pbXBvcnQgeyBDbGFzc01vZGVsIH0gZnJvbSAnLi4vLi4vY29yZS9tb2RlbHMvY2xhc3MubW9kZWwnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIGluZm8gQ29tcG9uZW50IHwgRGlhbG9ncyBhbmQgTW9kYWxzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25hcy1pbmZvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2luZm8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbmZvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEluZm9Db21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIHtcbiAgcHJpdmF0ZSBpbmZvVmFsdWU6IEluZm9Nb2RlbDtcbiAgcmVtb3ZlQnV0dG9uUHJlc3NlZDogYm9vbGVhbjtcbiAgQE91dHB1dCgpIHNob3dDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQFZpZXdDaGlsZCgnaW5mb0NvbnRhaW5lcicpIGluZm9Db250YWluZXI6IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQSBtb2RlbCB0aGF0IGNvbnRhaW5zIGFuIG9wdGlvbmFsIHRpdGxlIGFuZCBhbiBhcnJheSBvZiBtZXNzYWdlcy5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1pbmZvIFtpbmZvXT1cImluZm9cIj48L25hcy1pbmZvPlxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IGluZm8oKSB7XG4gICAgcmV0dXJuIHRoaXMuaW5mb1ZhbHVlO1xuICB9XG4gIHNldCBpbmZvKGluZm86IEluZm9Nb2RlbCkge1xuICAgIHRoaXMuaW5mb1ZhbHVlID0gaW5mbztcbiAgICB0aGlzLnNjcm9sbFRvSW5mbyhpbmZvKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEEgYm9vbGVhbiBpbnB1dCB2YWx1ZSB0byBzZXQgdGhlIGFjY29yZGlvbiB0byBwcmltYXJ5IHN0eWxlLlxuICAgKiBAZXhhbXBsZVxuICAgKiA8bmFzLWluZm8gW2luZm9dPVwiaW5mb1wiIGVycm9yPjwvbmFzLWluZm8+XG4gICAqIG9yXG4gICAqIDxuYXMtYWNjb3JkaW9uIFtlcnJvcl09XCJpc0Vycm9yUHJvcGVydHlcIj48L25hcy1hY2NvcmRpb24+XG4gICAqL1xuICBASW5wdXQoKSBlcnJvcj86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQSBib29sZWFuIGlucHV0IHZhbHVlIHRvIHNldCB0aGUgYWNjb3JkaW9uIHRvIHdhcm5pbmcgc3R5bGUuXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtaW5mbyBbaW5mb109XCJpbmZvXCIgd2FybmluZz48L25hcy1pbmZvPlxuICAgKiBvclxuICAgKiA8bmFzLWFjY29yZGlvbiBbd2FybmluZ109XCJpc1dhcm5pbmdQcm9wZXJ0eVwiPjwvbmFzLWFjY29yZGlvbj5cbiAgICovXG4gIEBJbnB1dCgpIHdhcm5pbmc/OiBib29sZWFuO1xuXG4gIC8qKlxuICogQHByb3BlcnR5IElucHV0XG4gKiBAZGVzY3JpcHRpb25cbiAqIEEgYm9vbGVhbiBpbnB1dCB2YWx1ZSB0byBzZXQgdGhlIGFjY29yZGlvbiB0byBpbmZvcm1hdGlvbiBzdHlsZS5cbiAqIEBleGFtcGxlXG4gKiA8bmFzLWluZm8gW2luZm9dPVwiaW5mb1wiIGluZm9ybWF0aW9uPjwvbmFzLWluZm8+XG4gKi9cbiAgQElucHV0KCkgaW5mb3JtYXRpb24/OiBib29sZWFuO1xuXG4gIC8qKlxuICogQHByb3BlcnR5IElucHV0XG4gKiBAZGVzY3JpcHRpb25cbiAqIEEgYm9vbGVhbiBpbnB1dCB2YWx1ZSB0byBzZXQgdGhlIGFjY29yZGlvbiB0byBzdWNjZXNzIGluZm8uXG4gKiBAZXhhbXBsZVxuICogPG5hcy1pbmZvIFtpbmZvXT1cImluZm9cIiBzdWNjZXNzPjwvbmFzLWluZm8+XG4gKiBvclxuICogPG5hcy1hY2NvcmRpb24gW3N1Y2Nlc3NdPVwiaXNTdWNjZXNzUHJvcGVydHlcIj48L25hcy1hY2NvcmRpb24+XG4gKi9cbiAgQElucHV0KCkgc3VjY2Vzcz86IGJvb2xlYW47XG5cbiAgLyoqXG4gKiBAcHJvcGVydHkgSW5wdXRcbiAqIEBkZXNjcmlwdGlvblxuICogQSBib29sZWFuIGlucHV0IHZhbHVlIHRvIHNldCB0aGUgYWNjb3JkaW9uIHRvIG91dGxpbmVkIGluZm8uXG4gKiBAZXhhbXBsZVxuICogPG5hcy1pbmZvIFtpbmZvXT1cImluZm9cIiBvdXRsaW5lZD48L25hcy1pbmZvPlxuICovXG4gIEBJbnB1dCgpIG91dGxpbmVkPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTdHJpbmcgdG8gc2V0IHN0YWNrIHRyYWNlIGxhYmVsIG9uIHRoZSBhY2NvcmRpb24uXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtaW5mbyBbc3RhY2tUcmFjZUxhYmVsXT1cIidTdGFjayB0cmFjZSdcIj48L25hcy1pbmZvPlxuICAgKi9cbiAgQElucHV0KCkgc3RhY2tUcmFjZUxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogQSBib29sZWFuIGlucHV0IHZhbHVlIHRvIGFsbG93IHRoZSByZW1vdmUgaWNvbiBpbiB0aGUgSW5mbyBVSS5cbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1pbmZvIFtpbmZvXT1cImluZm9cIiByZW1vdmVJY29uPjwvbmFzLWluZm8+XG4gICAqIG9yXG4gICAqIDxuYXMtYWNjb3JkaW9uIFtyZW1vdmVJY29uXT1cImlzcmVtb3ZlSWNvblByb3BlcnR5XCI+PC9uYXMtYWNjb3JkaW9uPlxuICAgKi9cbiAgQElucHV0KCkgcmVtb3ZlSWNvbj86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogRmxhZyBmb3Igc2hvd2luZy9oaWRpbmcgZWxlbWVudC4gRGVmYXVsdHMgdG8gdHJ1ZS5cbiAgICovXG4gIEBJbnB1dCgpIHNob3cgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBAcHJvcGVydHkgSW5wdXRcbiAgICogQGRlc2NyaXB0aW9uXG4gICAqIEZsYWcgZm9yIHRvZ2dsaW5nIG9uIG9yIG9mZiB0aGUgSFRNTCBzYW5pdGl6aW5nLiBEZWZhdWx0cyB0byB0cnVlLlxuICAgKi9cbiAgQElucHV0KCkgc2FuaXRpemVkID0gdHJ1ZTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcignbmFzLWluZm8nKTtcbiAgfVxuXG4gIHJlbW92ZUluZm9Cb3goKTogdm9pZCB7XG4gICAgdGhpcy5zaG93ID0gZmFsc2U7XG4gICAgdGhpcy5zaG93Q2hhbmdlLmVtaXQodGhpcy5zaG93KTtcbiAgfVxuXG4gIGdldExpc3RDbGFzcyhlbGVtZW50Pzogc3RyaW5nLCBtb2RpZmllcnNJbnB1dD86IGFueSk6IENsYXNzTW9kZWwge1xuICAgIGxldCBtb2RpZmllcnMgPSBtb2RpZmllcnNJbnB1dDtcblxuICAgIGlmICh0eXBlb2YgbW9kaWZpZXJzSW5wdXQgPT09ICdzdHJpbmcnKSB7XG4gICAgICBtb2RpZmllcnMgPSBbbW9kaWZpZXJzSW5wdXRdO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBibG9jazogJ2xpc3QnLFxuICAgICAgZWxlbWVudDogZWxlbWVudCxcbiAgICAgIG1vZGlmaWVyczogbW9kaWZpZXJzXG4gICAgfTtcbiAgfVxuXG4gIHByaXZhdGUgc2Nyb2xsVG9JbmZvKGluZm86IEluZm9Nb2RlbCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgY29uc3Qgc2Nyb2xsZWRQaXhlbENvdW50ID0gd2luZG93LnBhZ2VZT2Zmc2V0IHx8IGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgfHwgZG9jdW1lbnQuYm9keS5zY3JvbGxUb3AgfHwgMDtcblxuICAgICAgaWYgKCF0aGlzLmluZm9Db250YWluZXIpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjb25zdCBvZmZzZXRUb3AgPSB0aGlzLmluZm9Db250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRUb3A7XG4gICAgICBpZiAoaW5mbyAmJiAoKGluZm8ubWVzc2FnZXMgJiYgaW5mby5tZXNzYWdlcy5sZW5ndGggPiAwKSB8fCBpbmZvLnRpdGxlKSAmJiBzY3JvbGxlZFBpeGVsQ291bnQgPiBvZmZzZXRUb3ApIHtcbiAgICAgICAgd2luZG93LnNjcm9sbFRvKHtcbiAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgbGVmdDogMCxcbiAgICAgICAgICB0b3A6IG9mZnNldFRvcFxuICAgICAgICB9KTtcbiAgICAgIH1cbiAgICB9LCAxMDApO1xuICB9XG5cbiAgZ2V0IG1vZGlmaWVycygpOiBBcnJheTxzdHJpbmc+IHtcbiAgICByZXR1cm4gW1xuICAgICAgdGhpcy5leGlzdHModGhpcy5lcnJvcikgJiYgJ2Vycm9yJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMud2FybmluZykgJiYgJ3dhcm5pbmcnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5pbmZvcm1hdGlvbikgJiYgJ2luZm9ybWF0aW9uJyxcbiAgICAgIHRoaXMuZXhpc3RzKHRoaXMuc3VjY2VzcykgJiYgJ3N1Y2Nlc3MnLFxuICAgICAgdGhpcy5leGlzdHModGhpcy5vdXRsaW5lZCkgJiYgJ291dGxpbmVkJyxcbiAgICBdO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZXhpc3RzKHNob3cpXCIgI2luZm9Db250YWluZXIgW25hc0NsYXNzXT1cImdldENvbnRhaW5lckNsYXNzKClcIj5cbiAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2NvbnRlbnQnLCBtb2RpZmllcnMpXCI+XG4gICAgPGRpdiAqbmdJZj1cImluZm8/LnRpbWVzdGFtcFwiIFtuYXNDbGFzc109XCJnZXRDbGFzcygndGltZXN0YW1wJylcIj5cbiAgICAgIDxzbWFsbD57e2luZm8/LnRpbWVzdGFtcCB8IGRhdGU6J2Z1bGwnfX08L3NtYWxsPlxuICAgICAgPHNtYWxsICpuZ0lmPVwiaW5mbz8uc2VydmVyXCI+ICh7e2luZm8/LnNlcnZlcn19KTwvc21hbGw+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImV4aXN0cyhlcnJvcikgfHwgZXhpc3RzKHN1Y2Nlc3MpOyBlbHNlIHRpdGxlVGVtcGxhdGVcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2Vycm9yLXRpdGxlJylcIj5cbiAgICAgIDxuYXMtaWNvbiAqbmdJZj1cImV4aXN0cyhlcnJvcilcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ2Vycm9yLWljb24nKVwiIGljb249XCJhbGVydC0tZXJyb3JcIiB0eXBlPVwic21hbGxcIj48L25hcy1pY29uPlxuICAgICAgPG5hcy1pY29uICpuZ0lmPVwiZXhpc3RzKHN1Y2Nlc3MpXCIgW25hc0NsYXNzXT1cImdldENsYXNzKCdlcnJvci1pY29uJylcIiBpY29uPVwiYWxlcnQtLXN1Y2Nlc3NcIiB0eXBlPVwic21hbGxcIj48L25hcy1pY29uPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICA8dWwgKm5nSWY9XCJpbmZvPy5tZXNzYWdlcz8ubGVuZ3RoID4gMFwiIFtuYXNDbGFzc109XCJnZXRMaXN0Q2xhc3MoJycsICdzcGFjZWxlc3MnKVwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIGluZm8/Lm1lc3NhZ2VzXCI+IFxuICAgICAgICA8c3BhbiAqbmdJZj1cImV4aXN0cyhzYW5pdGl6ZWQpXCIgW2lubmVySFRNTF09XCJtZXNzYWdlXCI+PC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cIiFleGlzdHMoc2FuaXRpemVkKVwiPnt7bWVzc2FnZX19PC9zcGFuPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzKCdjdXN0b20tY29udGVudCcpXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImluZm8/LmxpbmtcIj5cbiAgICAgIDxuYXMtYnV0dG9uIGxpbmsgW2hyZWZdPVwiaW5mby5saW5rLmhyZWZcIj57e2luZm8ubGluay50ZXh0fX08L25hcy1idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImluZm8/LnN0YWNrVHJhY2VcIiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3MoJ3N0YWNrLXRyYWNlJylcIj5cbiAgICAgIDxuYXMtYWNjb3JkaW9uIHNpbXBsZSBbdGl0bGVdPVwic3RhY2tUcmFjZUxhYmVsXCI+XG4gICAgICAgIHt7aW5mbz8uc3RhY2tUcmFjZX19XG4gICAgICA8L25hcy1hY2NvcmRpb24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IFtuYXNDbGFzc109XCJnZXRDbGFzcygncmVtb3ZlLWJveCcpXCIgKm5nSWY9XCJleGlzdHMocmVtb3ZlSWNvbik7XCI+XG4gICAgPG5hcy1pY29uIHR5cGU9XCJyZW1vdmVcIiAoY2xpY2spPVwicmVtb3ZlSW5mb0JveCgpXCI+PC9uYXMtaWNvbj5cbiAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICN0aXRsZVRlbXBsYXRlPlxuICA8aDMgW25hc0NsYXNzXT1cImdldENsYXNzKCd0aXRsZScpXCIgW2lubmVySFRNTF09XCJpbmZvPy50aXRsZVwiPjwvaDM+XG48L25nLXRlbXBsYXRlPlxuXG5cbiJdfQ==

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

@@ -114,11 +114,11 @@ export class InputComponent extends NasComponentBase {
         this.blur.emit(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputComponent, selector: "nas-input", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", label: "label", labelInside: "labelInside", errorMessage: "errorMessage", placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", info: "info", icon: "icon", type: "type", readonly: "readonly", name: "name", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", min: "min", max: "max", line: "line", pattern: "pattern" }, outputs: { modelChange: "modelChange", blur: "blur" }, viewQueries: [{ propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }, { propertyName: "inputNotReactive", first: true, predicate: ["inputNotReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#d81939}.nas-input--error .nas-input__line{background-color:#d81939}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{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: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputComponent, selector: "nas-input", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", label: "label", labelInside: "labelInside", errorMessage: "errorMessage", placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", info: "info", icon: "icon", type: "type", readonly: "readonly", name: "name", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", min: "min", max: "max", line: "line", pattern: "pattern" }, outputs: { modelChange: "modelChange", blur: "blur" }, viewQueries: [{ propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }, { propertyName: "inputNotReactive", first: true, predicate: ["inputNotReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{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: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#d81939}.nas-input--error .nas-input__line{background-color:#d81939}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
+            args: [{ selector: 'nas-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\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-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { inputReactive: [{
                 type: ViewChild,
                 args: ['inputReactive']

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

@@ -97,11 +97,11 @@ export class JourneyComponent extends NasComponentBase {
         return this.datePipe.transform(this.dateService.date(date), format, this.timeZone, this.locale);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyComponent, deps: [{ token: i1.DatePipe }, { token: i2.DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyComponent, selector: "nas-journey", inputs: { journeyModel: "journeyModel", dateFormat: "dateFormat", timeFormat: "timeFormat", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyModel\">\n  <span [nasClass]=\"getLineClass()\"></span>\n\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('flight-details', ['departure'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.departure?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.departure?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.departure)\">\n        {{ departureLabel }}\n        <span\n          >{{ currentJourney?.departureDate }}\n          {{ currentJourney?.departureTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ departureEstimatedLabel }}\n        {{ currentJourney?.estimatedDepartureDate }}\n        {{ currentJourney?.estimatedDepartureTime }}\n      </div>\n    </div>\n\n    <div [nasClass]=\"getClass('journey-details')\">\n      <ng-content></ng-content>\n    </div>\n\n    <div [nasClass]=\"getClass('flight-details', ['arrival'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.arrival?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.arrival?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.arrival)\">\n        {{ arrivalLabel }}\n        <span\n          >{{ currentJourney?.arrivalDate }}\n          {{ currentJourney?.arrivalTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ arrivalEstimatedLabel }} {{ currentJourney?.estimatedArrivalDate }}\n        {{ currentJourney?.estimatedArrivalTime }}\n      </div>\n    </div>\n  </div>\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-journey{position:relative}.nas-journey__line{position:absolute;top:18px;bottom:33px;left:6px;width:6px;background-image:radial-gradient(circle closest-side,#d8d8d8 3px,transparent 100%);background-position:0 100%;background-repeat:repeat-y;background-size:6px 10px}.nas-journey__line--delayed{bottom:52px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:-6px;width:18px;height:18px;border-radius:50%}.nas-journey__line:before{top:-9px;background-color:#003251}.nas-journey__line:after{bottom:-9px;background-color:#d81939}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey__body .nas-journey__flight-details .nas-journey--place .nas-journey__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey__body .nas-journey__flight-details .nas-journey--time,.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time span{text-decoration:line-through}.nas-journey__body .nas-journey__flight-details .nas-journey--estimated-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#d81939}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:15px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyComponent, selector: "nas-journey", inputs: { journeyModel: "journeyModel", dateFormat: "dateFormat", timeFormat: "timeFormat", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyModel\">\n  <span [nasClass]=\"getLineClass()\"></span>\n\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('flight-details', ['departure'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.departure?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.departure?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.departure)\">\n        {{ departureLabel }}\n        <span\n          >{{ currentJourney?.departureDate }}\n          {{ currentJourney?.departureTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ departureEstimatedLabel }}\n        {{ currentJourney?.estimatedDepartureDate }}\n        {{ currentJourney?.estimatedDepartureTime }}\n      </div>\n    </div>\n\n    <div [nasClass]=\"getClass('journey-details')\">\n      <ng-content></ng-content>\n    </div>\n\n    <div [nasClass]=\"getClass('flight-details', ['arrival'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.arrival?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.arrival?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.arrival)\">\n        {{ arrivalLabel }}\n        <span\n          >{{ currentJourney?.arrivalDate }}\n          {{ currentJourney?.arrivalTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ arrivalEstimatedLabel }} {{ currentJourney?.estimatedArrivalDate }}\n        {{ currentJourney?.estimatedArrivalTime }}\n      </div>\n    </div>\n  </div>\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-journey{position:relative}.nas-journey__line{position:absolute;top:18px;bottom:33px;left:6px;width:6px;background-image:radial-gradient(circle closest-side,#d8d8d8 3px,transparent 100%);background-position:0 100%;background-repeat:repeat-y;background-size:6px 10px}.nas-journey__line--delayed{bottom:52px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:-6px;width:18px;height:18px;border-radius:50%}.nas-journey__line:before{top:-9px;background-color:#003251}.nas-journey__line:after{bottom:-9px;background-color:#e5212d}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey__body .nas-journey__flight-details .nas-journey--place .nas-journey__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey__body .nas-journey__flight-details .nas-journey--time,.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time span{text-decoration:line-through}.nas-journey__body .nas-journey__flight-details .nas-journey--estimated-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#e5212d}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:15px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:15px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-journey', template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyModel\">\n  <span [nasClass]=\"getLineClass()\"></span>\n\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('flight-details', ['departure'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.departure?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.departure?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.departure)\">\n        {{ departureLabel }}\n        <span\n          >{{ currentJourney?.departureDate }}\n          {{ currentJourney?.departureTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ departureEstimatedLabel }}\n        {{ currentJourney?.estimatedDepartureDate }}\n        {{ currentJourney?.estimatedDepartureTime }}\n      </div>\n    </div>\n\n    <div [nasClass]=\"getClass('journey-details')\">\n      <ng-content></ng-content>\n    </div>\n\n    <div [nasClass]=\"getClass('flight-details', ['arrival'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.arrival?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.arrival?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.arrival)\">\n        {{ arrivalLabel }}\n        <span\n          >{{ currentJourney?.arrivalDate }}\n          {{ currentJourney?.arrivalTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ arrivalEstimatedLabel }} {{ currentJourney?.estimatedArrivalDate }}\n        {{ currentJourney?.estimatedArrivalTime }}\n      </div>\n    </div>\n  </div>\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-journey{position:relative}.nas-journey__line{position:absolute;top:18px;bottom:33px;left:6px;width:6px;background-image:radial-gradient(circle closest-side,#d8d8d8 3px,transparent 100%);background-position:0 100%;background-repeat:repeat-y;background-size:6px 10px}.nas-journey__line--delayed{bottom:52px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:-6px;width:18px;height:18px;border-radius:50%}.nas-journey__line:before{top:-9px;background-color:#003251}.nas-journey__line:after{bottom:-9px;background-color:#d81939}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey__body .nas-journey__flight-details .nas-journey--place .nas-journey__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey__body .nas-journey__flight-details .nas-journey--time,.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time span{text-decoration:line-through}.nas-journey__body .nas-journey__flight-details .nas-journey--estimated-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#d81939}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:15px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:15px}\n"] }]
+            args: [{ selector: 'nas-journey', template: "<div [nasClass]=\"getClass()\" *ngIf=\"journeyModel\">\n  <span [nasClass]=\"getLineClass()\"></span>\n\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('flight-details', ['departure'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.departure?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.departure?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.departure)\">\n        {{ departureLabel }}\n        <span\n          >{{ currentJourney?.departureDate }}\n          {{ currentJourney?.departureTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ departureEstimatedLabel }}\n        {{ currentJourney?.estimatedDepartureDate }}\n        {{ currentJourney?.estimatedDepartureTime }}\n      </div>\n    </div>\n\n    <div [nasClass]=\"getClass('journey-details')\">\n      <ng-content></ng-content>\n    </div>\n\n    <div [nasClass]=\"getClass('flight-details', ['arrival'])\">\n      <div [nasClass]=\"getClass('', ['place'])\">\n        {{ journeyModel?.arrival?.airportName }}\n        <span [nasClass]=\"getClass('airport-code')\">{{\n          journeyModel?.arrival?.airportCode\n        }}</span>\n      </div>\n      <div [nasClass]=\"getTimeClass(journeyModel?.arrival)\">\n        {{ arrivalLabel }}\n        <span\n          >{{ currentJourney?.arrivalDate }}\n          {{ currentJourney?.arrivalTime }}</span\n        >\n      </div>\n      <div\n        [nasClass]=\"getClass('', ['estimated-time'])\"\n        *ngIf=\"\n          journeyModel?.departure?.estimatedTime ||\n          journeyModel?.departure?.estimatedDate\n        \"\n      >\n        {{ arrivalEstimatedLabel }} {{ currentJourney?.estimatedArrivalDate }}\n        {{ currentJourney?.estimatedArrivalTime }}\n      </div>\n    </div>\n  </div>\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-journey{position:relative}.nas-journey__line{position:absolute;top:18px;bottom:33px;left:6px;width:6px;background-image:radial-gradient(circle closest-side,#d8d8d8 3px,transparent 100%);background-position:0 100%;background-repeat:repeat-y;background-size:6px 10px}.nas-journey__line--delayed{bottom:52px}.nas-journey__line:before,.nas-journey__line:after{content:\"\";position:absolute;left:-6px;width:18px;height:18px;border-radius:50%}.nas-journey__line:before{top:-9px;background-color:#003251}.nas-journey__line:after{bottom:-9px;background-color:#e5212d}.nas-journey__body{padding-left:36px}.nas-journey__body .nas-journey__flight-details .nas-journey--date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--place{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px}.nas-journey__body .nas-journey__flight-details .nas-journey--place .nas-journey__airport-code{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;top:-.5em;letter-spacing:0;vertical-align:super}.nas-journey__body .nas-journey__flight-details .nas-journey--time,.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#626363}.nas-journey__body .nas-journey__flight-details .nas-journey--crossed-time span{text-decoration:line-through}.nas-journey__body .nas-journey__flight-details .nas-journey--estimated-time{font-family:ApercuMono,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#e5212d}.nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:15px}.nas-journey__body .nas-journey__flight-details:last-child{padding-top:15px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: i2.DateHelper }]; }, propDecorators: { journeyModel: [{
                 type: Input
             }], dateFormat: [{

package/esm2022/lib/components/micro-button/micro-button.component.mjs

@@ -6,7 +6,7 @@
  * @license
  * Copyright Norwegian Air Shuttle. All Rights Reserved.
  */
-import { Component, Input } from '@angular/core';
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
 import { NasComponentBase } from '../../core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -37,14 +37,14 @@ export class MicroButtonComponent extends NasComponentBase {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { model: "model", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n  <a [nasClass]=\"getClasses('link')\" [href]=\"model.href\" *ngIf=\"model\">\n    <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n      <nas-icon [icon]=\"_icon\" [type]=\"'xsmall'\" [lightCircularBackground]=\"true\"\n        [nasClass]=\"getClasses('nas-icon')\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClasses('text-container')\">\n      <div class=\"text\" [nasClass]=\"_icon.length > 0 ? getClasses('text-space') : getClasses('text')\">\n        {{ model.text }}\n      </div>\n    </div>\n  </a>\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)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-xsmall{display:inline-block;margin-top:4px}.nas-micro-button{display:flex;background:#003251;height:32px;width:-webkit-max-content;width:max-content;flex-direction:row;justify-content:center;border-radius:4px;padding:8px 12px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button__text-space{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:0 0 1px 8px}.nas-micro-button__link{border-bottom:none;display:flex;align-items:center}.nas-micro-button:hover{background:#0A2033}.nas-micro-button:focus{border:2px solid #0978E8;background:#003251}.nas-micro-button:active{background:#071622}\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: MicroButtonComponent, selector: "nas-micro-button", inputs: { model: "model", icon: "icon" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-micro-button\">\n  <a [nasClass]=\"getClasses('link')\" [href]=\"model.href\" *ngIf=\"model\">\n    <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n      <nas-icon [icon]=\"_icon\" [type]=\"'xsmall'\" [lightCircularBackground]=\"true\"\n        [nasClass]=\"getClasses('nas-icon')\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClasses('text-container')\">\n      <div class=\"text\" [nasClass]=\"_icon.length > 0 ? getClasses('text-space') : getClasses('text')\">\n        {{ model.text }}\n      </div>\n    </div>\n  </a>\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)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-xsmall{display:inline-block;margin-top:4px}.nas-micro-button{display:flex;background:#003251;height:32px;width:-webkit-max-content;width:max-content;flex-direction:row;justify-content:center;border-radius:4px;padding:8px 12px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button__text-space{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:0 0 1px 8px}.nas-micro-button__link{border-bottom:none;display:flex;align-items:center}.nas-micro-button:hover{background:#0A2033}.nas-micro-button:focus{border:2px solid #0978E8;background:#003251}.nas-micro-button:active{background:#071622}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-micro-button', template: "<div class=\"nas-micro-button\">\n  <a [nasClass]=\"getClasses('link')\" [href]=\"model.href\" *ngIf=\"model\">\n    <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n      <nas-icon [icon]=\"_icon\" [type]=\"'xsmall'\" [lightCircularBackground]=\"true\"\n        [nasClass]=\"getClasses('nas-icon')\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClasses('text-container')\">\n      <div class=\"text\" [nasClass]=\"_icon.length > 0 ? getClasses('text-space') : getClasses('text')\">\n        {{ model.text }}\n      </div>\n    </div>\n  </a>\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)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-xsmall{display:inline-block;margin-top:4px}.nas-micro-button{display:flex;background:#003251;height:32px;width:-webkit-max-content;width:max-content;flex-direction:row;justify-content:center;border-radius:4px;padding:8px 12px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button__text-space{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:0 0 1px 8px}.nas-micro-button__link{border-bottom:none;display:flex;align-items:center}.nas-micro-button:hover{background:#0A2033}.nas-micro-button:focus{border:2px solid #0978E8;background:#003251}.nas-micro-button:active{background:#071622}\n"] }]
+            args: [{ selector: 'nas-micro-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"nas-micro-button\">\n  <a [nasClass]=\"getClasses('link')\" [href]=\"model.href\" *ngIf=\"model\">\n    <div class=\"icon\" *ngIf=\"_icon.length > 0\">\n      <nas-icon [icon]=\"_icon\" [type]=\"'xsmall'\" [lightCircularBackground]=\"true\"\n        [nasClass]=\"getClasses('nas-icon')\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClasses('text-container')\">\n      <div class=\"text\" [nasClass]=\"_icon.length > 0 ? getClasses('text-space') : getClasses('text')\">\n        {{ model.text }}\n      </div>\n    </div>\n  </a>\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)}}:host ::ng-deep .nas-micro-button .icon nas-icon .nas-icon-xsmall{display:inline-block;margin-top:4px}.nas-micro-button{display:flex;background:#003251;height:32px;width:-webkit-max-content;width:max-content;flex-direction:row;justify-content:center;border-radius:4px;padding:8px 12px;align-items:center}.nas-micro-button__text-container{display:flex;justify-content:center;align-items:center}.nas-micro-button__text{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.nas-micro-button__text-space{color:#fff;text-align:center;font-family:Apercu;font-size:12px;font-style:normal;font-weight:500;line-height:16px;padding:0 0 1px 8px}.nas-micro-button__link{border-bottom:none;display:flex;align-items:center}.nas-micro-button:hover{background:#0A2033}.nas-micro-button:focus{border:2px solid #0978E8;background:#003251}.nas-micro-button:active{background:#071622}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], icon: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWljcm8tYnV0dG9uL21pY3JvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21pY3JvLWJ1dHRvbi9taWNyby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOERBQThEO0FBQzlELHNEQUFzRDtBQUN0RCwrREFBK0Q7QUFDL0QsNERBQTREO0FBQzVEOzs7R0FHRztBQUNILE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBYyxnQkFBZ0IsRUFBRSxNQUFNLFlBQVksQ0FBQzs7Ozs7QUFHMUQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGdCQUFnQjtJQWF4RDs7OztPQUlHO0lBQ0gsSUFDSSxJQUFJLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFDNUMsQ0FBQztJQUVEO1FBQ0UsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUF2QnJCLFVBQUssR0FBRyxFQUFFLENBQUM7SUF3QmxCLENBQUM7SUFFRCxRQUFRLEtBQUssQ0FBQztJQUVkLFVBQVUsQ0FBQyxPQUFnQjtRQUN6QixNQUFNLE9BQU8sR0FBc0I7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7U0FDdkIsQ0FBQztRQUNGLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7OEdBbENVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHlIQ3JCakMsNmlCQVlNOzsyRkRTTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0Usa0JBQWtCOzBFQWdCbkIsS0FBSztzQkFBYixLQUFLO2dCQU9GLElBQUk7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9yZXN0cmljdC1wbHVzLW9wZXJhbmRzICovXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLWNhbGwgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtbWVtYmVyLWFjY2VzcyAqL1xuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1hc3NpZ25tZW50ICovXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgTm9yd2VnaWFuIEFpciBTaHV0dGxlLiBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICovXG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENsYXNzTW9kZWwsIE5hc0NvbXBvbmVudEJhc2UgfSBmcm9tICcuLi8uLi9jb3JlJztcbmltcG9ydCB7IE1pY3JvQnV0dG9uTW9kZWwgfSBmcm9tICcuL21vZGVscy9taWNyby1idXR0b24ubW9kZWwnO1xuXG4vKipcbiAqIEBkZXNjcmlwdGlvblxuICogTm9yd2VnaWFuIGFsZXJ0IENvbXBvbmVudCB8IEJ1dHRvbnMgYW5kIEluZGljYXRvcnNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmFzLW1pY3JvLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9taWNyby1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9taWNyby1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTWljcm9CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBOYXNDb21wb25lbnRCYXNlIGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIF9pY29uID0gJyc7XG5cbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogTW9kZWwgdGhhdCBjb250YWlucyBocmVmIGFuZCBidXR0b24gdGV4dC5cbiAgICogQ2FuIGJlIGNvbWJpbmVkIHdpdGggYWxsIG90aGVyIHByb3BlcnRpZXMuXG4gICAqXG4gICAqIEBleGFtcGxlXG4gICAqIDxuYXMtYnV0dG9uIFttb2RlbF09XCJtb2RlbFwiPkNsaWNrIG9uIG1lITwvbmFzLWJ1dHRvbj5cbiAgICovXG4gIEBJbnB1dCgpIG1vZGVsPzogTWljcm9CdXR0b25Nb2RlbDtcbiAgLyoqXG4gICAqIEBwcm9wZXJ0eSBJbnB1dFxuICAgKiBAZGVzY3JpcHRpb25cbiAgICogU2V0cyB0aGUgaWNvblxuICAgKi9cbiAgQElucHV0KClcbiAgc2V0IGljb24odmFsdWU6IGFueSkge1xuICAgIHRoaXMuX2ljb24gPSB2YWx1ZS50b1N0cmluZygpICsgJy0tbGlnaHQnO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoJ25hcy1taWNyby1idXR0b24nKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkgeyB9XG5cbiAgZ2V0Q2xhc3NlcyhlbGVtZW50Pzogc3RyaW5nKTogQXJyYXk8Q2xhc3NNb2RlbD4ge1xuICAgIGNvbnN0IGNsYXNzZXM6IEFycmF5PENsYXNzTW9kZWw+ID0gW1xuICAgICAgdGhpcy5nZXRDbGFzcyhlbGVtZW50KVxuICAgIF07XG4gICAgcmV0dXJuIGNsYXNzZXM7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJuYXMtbWljcm8tYnV0dG9uXCI+XG4gIDxhIFtuYXNDbGFzc109XCJnZXRDbGFzc2VzKCdsaW5rJylcIiBbaHJlZl09XCJtb2RlbC5ocmVmXCIgKm5nSWY9XCJtb2RlbFwiPlxuICAgIDxkaXYgY2xhc3M9XCJpY29uXCIgKm5nSWY9XCJfaWNvbi5sZW5ndGggPiAwXCI+XG4gICAgICA8bmFzLWljb24gW2ljb25dPVwiX2ljb25cIiBbdHlwZV09XCIneHNtYWxsJ1wiIFtsaWdodENpcmN1bGFyQmFja2dyb3VuZF09XCJ0cnVlXCJcbiAgICAgICAgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ25hcy1pY29uJylcIj48L25hcy1pY29uPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ3RleHQtY29udGFpbmVyJylcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCIgW25hc0NsYXNzXT1cIl9pY29uLmxlbmd0aCA+IDAgPyBnZXRDbGFzc2VzKCd0ZXh0LXNwYWNlJykgOiBnZXRDbGFzc2VzKCd0ZXh0JylcIj5cbiAgICAgICAge3sgbW9kZWwudGV4dCB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvYT5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWljcm8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWljcm8tYnV0dG9uL21pY3JvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21pY3JvLWJ1dHRvbi9taWNyby1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOERBQThEO0FBQzlELHNEQUFzRDtBQUN0RCwrREFBK0Q7QUFDL0QsNERBQTREO0FBQzVEOzs7R0FHRztBQUNILE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBYyxnQkFBZ0IsRUFBRSxNQUFNLFlBQVksQ0FBQzs7Ozs7QUFHMUQ7OztHQUdHO0FBT0gsTUFBTSxPQUFPLG9CQUFxQixTQUFRLGdCQUFnQjtJQWF4RDs7OztPQUlHO0lBQ0gsSUFDSSxJQUFJLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQUUsR0FBRyxTQUFTLENBQUM7SUFDNUMsQ0FBQztJQUVEO1FBQ0UsS0FBSyxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUF2QnJCLFVBQUssR0FBRyxFQUFFLENBQUM7SUF3QmxCLENBQUM7SUFFRCxRQUFRLEtBQUssQ0FBQztJQUVkLFVBQVUsQ0FBQyxPQUFnQjtRQUN6QixNQUFNLE9BQU8sR0FBc0I7WUFDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUM7U0FDdkIsQ0FBQztRQUNGLE9BQU8sT0FBTyxDQUFDO0lBQ2pCLENBQUM7OEdBbENVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHlIQ3RCakMsNmlCQVlNOzsyRkRVTyxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU07MEVBY3RDLEtBQUs7c0JBQWIsS0FBSztnQkFPRixJQUFJO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvcmVzdHJpY3QtcGx1cy1vcGVyYW5kcyAqL1xuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVuc2FmZS1jYWxsICovXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW5zYWZlLW1lbWJlci1hY2Nlc3MgKi9cbi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9uby11bnNhZmUtYXNzaWdubWVudCAqL1xuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IE5vcndlZ2lhbiBBaXIgU2h1dHRsZS4gQWxsIFJpZ2h0cyBSZXNlcnZlZC5cbiAqL1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2xhc3NNb2RlbCwgTmFzQ29tcG9uZW50QmFzZSB9IGZyb20gJy4uLy4uL2NvcmUnO1xuaW1wb3J0IHsgTWljcm9CdXR0b25Nb2RlbCB9IGZyb20gJy4vbW9kZWxzL21pY3JvLWJ1dHRvbi5tb2RlbCc7XG5cbi8qKlxuICogQGRlc2NyaXB0aW9uXG4gKiBOb3J3ZWdpYW4gYWxlcnQgQ29tcG9uZW50IHwgQnV0dG9ucyBhbmQgSW5kaWNhdG9yc1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYXMtbWljcm8tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21pY3JvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21pY3JvLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBNaWNyb0J1dHRvbkNvbXBvbmVudCBleHRlbmRzIE5hc0NvbXBvbmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgX2ljb24gPSAnJztcblxuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBNb2RlbCB0aGF0IGNvbnRhaW5zIGhyZWYgYW5kIGJ1dHRvbiB0ZXh0LlxuICAgKiBDYW4gYmUgY29tYmluZWQgd2l0aCBhbGwgb3RoZXIgcHJvcGVydGllcy5cbiAgICpcbiAgICogQGV4YW1wbGVcbiAgICogPG5hcy1idXR0b24gW21vZGVsXT1cIm1vZGVsXCI+Q2xpY2sgb24gbWUhPC9uYXMtYnV0dG9uPlxuICAgKi9cbiAgQElucHV0KCkgbW9kZWw/OiBNaWNyb0J1dHRvbk1vZGVsO1xuICAvKipcbiAgICogQHByb3BlcnR5IElucHV0XG4gICAqIEBkZXNjcmlwdGlvblxuICAgKiBTZXRzIHRoZSBpY29uXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgaWNvbih2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5faWNvbiA9IHZhbHVlLnRvU3RyaW5nKCkgKyAnLS1saWdodCc7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcignbmFzLW1pY3JvLWJ1dHRvbicpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7IH1cblxuICBnZXRDbGFzc2VzKGVsZW1lbnQ/OiBzdHJpbmcpOiBBcnJheTxDbGFzc01vZGVsPiB7XG4gICAgY29uc3QgY2xhc3NlczogQXJyYXk8Q2xhc3NNb2RlbD4gPSBbXG4gICAgICB0aGlzLmdldENsYXNzKGVsZW1lbnQpXG4gICAgXTtcbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm5hcy1taWNyby1idXR0b25cIj5cbiAgPGEgW25hc0NsYXNzXT1cImdldENsYXNzZXMoJ2xpbmsnKVwiIFtocmVmXT1cIm1vZGVsLmhyZWZcIiAqbmdJZj1cIm1vZGVsXCI+XG4gICAgPGRpdiBjbGFzcz1cImljb25cIiAqbmdJZj1cIl9pY29uLmxlbmd0aCA+IDBcIj5cbiAgICAgIDxuYXMtaWNvbiBbaWNvbl09XCJfaWNvblwiIFt0eXBlXT1cIid4c21hbGwnXCIgW2xpZ2h0Q2lyY3VsYXJCYWNrZ3JvdW5kXT1cInRydWVcIlxuICAgICAgICBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygnbmFzLWljb24nKVwiPjwvbmFzLWljb24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBbbmFzQ2xhc3NdPVwiZ2V0Q2xhc3NlcygndGV4dC1jb250YWluZXInKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInRleHRcIiBbbmFzQ2xhc3NdPVwiX2ljb24ubGVuZ3RoID4gMCA/IGdldENsYXNzZXMoJ3RleHQtc3BhY2UnKSA6IGdldENsYXNzZXMoJ3RleHQnKVwiPlxuICAgICAgICB7eyBtb2RlbC50ZXh0IH19XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9hPlxuPC9kaXY+Il19