@norwegian/core-components 6.0.0 → 6.0.1

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

@@ -100,10 +100,10 @@ export class AccordionComponent extends NasComponentBase {
     setHeaderType() {
         this.regularHeader = !this.exists(this.small) && !this.exists(this.simple) ? true : false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AccordionComponent, selector: "nas-accordion", inputs: { expanded: "expanded", title: "title", subheader: "subheader", icon: "icon", simple: "simple", spaced: "spaced", small: "small", inverted: "inverted", containerOnToggle: "containerOnToggle", nopadding: "nopadding", transparent: "transparent", approve: "approve", primary: "primary", info: "info", subheaderPositive: "subheaderPositive", subheaderNegative: "subheaderNegative", cssClass: "cssClass", cssStyle: "cssStyle" }, outputs: { toggleChange: "toggleChange" }, usesInheritance: true, ngImport: i0, template: "<section [nasClass]=\"getClasses('', getModifiers())\" [ngStyle]=\"cssStyle\" ref=\"element\">\n  <div *ngIf=\"exists(containerOnToggle); else toggleTemplate\" class=\"container\">\n    <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\n  </div>\n\n  <div [nasClass]=\"wrapperClass()\">\n    <div [hidden]=\"!exists(expanded)\" [nasClass]=\"getClass('content')\" [style.background-color]=\"exists(transparent) && 'inherit'\"\n      [style.padding]=\"exists(transparent) && 'unset'\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</section>\n\n<ng-template #toggleTemplate>\n  <button type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"toggle()\">\n    <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n      <nas-icon [icon]=\"icon\"></nas-icon>\n    </span>\n    <div>\n      <h4 *ngIf=\"regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h4>\n      <h5 *ngIf=\"!regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h5>\n      <div *ngIf=\"subheader\" \n        [nasClass]=\"getClass('subheader', exists(subheaderPositive) ? 'positive' : exists(subheaderNegative) ? 'negative' :'')\">\n        <nas-icon *ngIf=\"exists(subheaderPositive) || exists(subheaderNegative)\"\n          [type]=\"exists(subheaderPositive) ? 'positive--light' : exists(subheaderNegative) ? 'negative--light' : ''\"></nas-icon>\n        <span [nasClass]=\"getClass('subheader--text')\">{{subheader}}</span>\n      </div>\n    </div>\n    <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator')\"></nas-icon>\n  </button>\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-accordion{position:relative;margin-bottom:3px}.nas-accordion__toggle{display:flex;align-items:center;text-align:left;width:100%;padding:12px 16px;background-color:#e3e3e3;outline:0}.nas-accordion__toggle:hover,.nas-accordion__toggle:focus{background-color:#fff}.nas-accordion__wrapper--enter{perspective:1000px}.nas-accordion__wrapper--enter .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both}.nas-accordion__wrapper--leave{position:absolute;width:100%;perspective:1000px}.nas-accordion__wrapper--leave .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-out .2s ease both}.nas-accordion__content{padding:9px 16px 16px;background-color:#fff}.nas-accordion__content p:last-child{margin-bottom:0}.nas-accordion__indicator{position:relative;margin-left:auto;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-accordion__title{margin:0}.nas-accordion--simple .nas-accordion__toggle{padding:0;background-color:transparent;margin-bottom:12px}.nas-accordion--simple .nas-accordion__indicator{margin-left:9px;transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--simple .nas-accordion__content{padding:16px}.nas-accordion__icon{margin:0 9px 0 0}.nas-accordion__subheader--text{vertical-align:middle}.nas-accordion__subheader--positive{background-color:#238e00;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion__subheader--negative{background-color:#d81939;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion--expanded{z-index:20}.nas-accordion--expanded:not(.nas-accordion--info):not(.nas-accordion--simple) .nas-accordion__toggle{background-color:#fff}.nas-accordion--expanded .nas-accordion__indicator{transform:rotate(-180deg)}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__toggle{padding:16px 24px}}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__content{padding:12px 24px 24px}}.nas-accordion--small .nas-accordion__toggle{padding:9px 16px;background-color:#e3e3e3}.nas-accordion--small .nas-accordion__toggle:hover,.nas-accordion--small .nas-accordion__toggle:focus{background-color:#fff}.nas-accordion--small .nas-accordion__content{padding:3px 16px 24px}.nas-accordion--small .nas-accordion__indicator{transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--inverted .nas-accordion__toggle{background-color:#fff}.nas-accordion--inverted .nas-accordion__toggle:hover,.nas-accordion--inverted .nas-accordion__toggle:focus{background-color:#e3e3e3}.nas-accordion--inverted .nas-accordion__content,.nas-accordion--inverted.nas-accordion--expanded .nas-accordion__toggle{background-color:#e3e3e3}.nas-accordion--nopadding{padding-bottom:25px}.nas-accordion--nopadding .nas-accordion__toggle,.nas-accordion--nopadding .nas-accordion__content{padding:0}.nas-accordion--approve .nas-accordion__toggle{color:#238e00}.nas-accordion--primary .nas-accordion__toggle{color:#d81939}.nas-accordion--info .nas-accordion__toggle,.nas-accordion--info .nas-accordion__content{background-color:#ffc;color:#003251}.nas-accordion .nas-icon-positive--light,.nas-accordion .nas-icon-negative--light{transform:scale(.85)}\n"], dependencies: [{ 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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AccordionComponent, selector: "nas-accordion", inputs: { expanded: "expanded", title: "title", subheader: "subheader", icon: "icon", simple: "simple", spaced: "spaced", small: "small", inverted: "inverted", containerOnToggle: "containerOnToggle", nopadding: "nopadding", transparent: "transparent", approve: "approve", primary: "primary", info: "info", subheaderPositive: "subheaderPositive", subheaderNegative: "subheaderNegative", cssClass: "cssClass", cssStyle: "cssStyle" }, outputs: { toggleChange: "toggleChange" }, usesInheritance: true, ngImport: i0, template: "<section [nasClass]=\"getClasses('', getModifiers())\" [ngStyle]=\"cssStyle\" ref=\"element\">\n  <div *ngIf=\"exists(containerOnToggle); else toggleTemplate\" class=\"container\">\n    <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\n  </div>\n\n  <div [nasClass]=\"wrapperClass()\">\n    <div [hidden]=\"!exists(expanded)\" [nasClass]=\"getClass('content')\" [style.background-color]=\"exists(transparent) && 'inherit'\"\n      [style.padding]=\"exists(transparent) && 'unset'\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</section>\n\n<ng-template #toggleTemplate>\n  <button type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"toggle()\">\n    <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n      <nas-icon [icon]=\"icon\"></nas-icon>\n    </span>\n    <div>\n      <h4 *ngIf=\"regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h4>\n      <h5 *ngIf=\"!regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h5>\n      <div *ngIf=\"subheader\" \n        [nasClass]=\"getClass('subheader', exists(subheaderPositive) ? 'positive' : exists(subheaderNegative) ? 'negative' :'')\">\n        <nas-icon *ngIf=\"exists(subheaderPositive) || exists(subheaderNegative)\"\n          [type]=\"exists(subheaderPositive) ? 'positive--light' : exists(subheaderNegative) ? 'negative--light' : ''\"></nas-icon>\n        <span [nasClass]=\"getClass('subheader--text')\">{{subheader}}</span>\n      </div>\n    </div>\n    <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator')\"></nas-icon>\n  </button>\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-accordion{position:relative;margin-bottom:3px}.nas-accordion__toggle{display:flex;align-items:center;text-align:left;width:100%;padding:12px 16px;background-color:#e3e3e3;outline:0}.nas-accordion__toggle:hover,.nas-accordion__toggle:focus{background-color:#fff}.nas-accordion__wrapper--enter{perspective:1000px}.nas-accordion__wrapper--enter .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both}.nas-accordion__wrapper--leave{position:absolute;width:100%;perspective:1000px}.nas-accordion__wrapper--leave .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-out .2s ease both}.nas-accordion__content{padding:9px 16px 16px;background-color:#fff}.nas-accordion__content p:last-child{margin-bottom:0}.nas-accordion__indicator{position:relative;margin-left:auto;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-accordion__title{margin:0}.nas-accordion--simple .nas-accordion__toggle{padding:0;background-color:transparent;margin-bottom:12px}.nas-accordion--simple .nas-accordion__indicator{margin-left:9px;transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--simple .nas-accordion__content{padding:16px}.nas-accordion__icon{margin:0 9px 0 0}.nas-accordion__subheader--text{vertical-align:middle}.nas-accordion__subheader--positive{background-color:#238e00;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion__subheader--negative{background-color:#d81939;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion--expanded{z-index:20}.nas-accordion--expanded:not(.nas-accordion--info):not(.nas-accordion--simple) .nas-accordion__toggle{background-color:#fff}.nas-accordion--expanded .nas-accordion__indicator{transform:rotate(-180deg)}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__toggle{padding:16px 24px}}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__content{padding:12px 24px 24px}}.nas-accordion--small .nas-accordion__toggle{padding:9px 16px;background-color:#e3e3e3}.nas-accordion--small .nas-accordion__toggle:hover,.nas-accordion--small .nas-accordion__toggle:focus{background-color:#fff}.nas-accordion--small .nas-accordion__content{padding:3px 16px 24px}.nas-accordion--small .nas-accordion__indicator{transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--inverted .nas-accordion__toggle{background-color:#fff}.nas-accordion--inverted .nas-accordion__toggle:hover,.nas-accordion--inverted .nas-accordion__toggle:focus{background-color:#e3e3e3}.nas-accordion--inverted .nas-accordion__content,.nas-accordion--inverted.nas-accordion--expanded .nas-accordion__toggle{background-color:#e3e3e3}.nas-accordion--nopadding{padding-bottom:25px}.nas-accordion--nopadding .nas-accordion__toggle,.nas-accordion--nopadding .nas-accordion__content{padding:0}.nas-accordion--approve .nas-accordion__toggle{color:#238e00}.nas-accordion--primary .nas-accordion__toggle{color:#d81939}.nas-accordion--info .nas-accordion__toggle,.nas-accordion--info .nas-accordion__content{background-color:#ffc;color:#003251}.nas-accordion .nas-icon-positive--light,.nas-accordion .nas-icon-negative--light{transform:scale(.85)}\n"], dependencies: [{ 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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nas-accordion', encapsulation: ViewEncapsulation.None, template: "<section [nasClass]=\"getClasses('', getModifiers())\" [ngStyle]=\"cssStyle\" ref=\"element\">\n  <div *ngIf=\"exists(containerOnToggle); else toggleTemplate\" class=\"container\">\n    <ng-container *ngTemplateOutlet=\"toggleTemplate\"></ng-container>\n  </div>\n\n  <div [nasClass]=\"wrapperClass()\">\n    <div [hidden]=\"!exists(expanded)\" [nasClass]=\"getClass('content')\" [style.background-color]=\"exists(transparent) && 'inherit'\"\n      [style.padding]=\"exists(transparent) && 'unset'\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</section>\n\n<ng-template #toggleTemplate>\n  <button type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"toggle()\">\n    <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n      <nas-icon [icon]=\"icon\"></nas-icon>\n    </span>\n    <div>\n      <h4 *ngIf=\"regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h4>\n      <h5 *ngIf=\"!regularHeader\" [nasClass]=\"getClass('title')\">{{title}}</h5>\n      <div *ngIf=\"subheader\" \n        [nasClass]=\"getClass('subheader', exists(subheaderPositive) ? 'positive' : exists(subheaderNegative) ? 'negative' :'')\">\n        <nas-icon *ngIf=\"exists(subheaderPositive) || exists(subheaderNegative)\"\n          [type]=\"exists(subheaderPositive) ? 'positive--light' : exists(subheaderNegative) ? 'negative--light' : ''\"></nas-icon>\n        <span [nasClass]=\"getClass('subheader--text')\">{{subheader}}</span>\n      </div>\n    </div>\n    <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator')\"></nas-icon>\n  </button>\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-accordion{position:relative;margin-bottom:3px}.nas-accordion__toggle{display:flex;align-items:center;text-align:left;width:100%;padding:12px 16px;background-color:#e3e3e3;outline:0}.nas-accordion__toggle:hover,.nas-accordion__toggle:focus{background-color:#fff}.nas-accordion__wrapper--enter{perspective:1000px}.nas-accordion__wrapper--enter .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both}.nas-accordion__wrapper--leave{position:absolute;width:100%;perspective:1000px}.nas-accordion__wrapper--leave .nas-accordion__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-out .2s ease both}.nas-accordion__content{padding:9px 16px 16px;background-color:#fff}.nas-accordion__content p:last-child{margin-bottom:0}.nas-accordion__indicator{position:relative;margin-left:auto;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-accordion__title{margin:0}.nas-accordion--simple .nas-accordion__toggle{padding:0;background-color:transparent;margin-bottom:12px}.nas-accordion--simple .nas-accordion__indicator{margin-left:9px;transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--simple .nas-accordion__content{padding:16px}.nas-accordion__icon{margin:0 9px 0 0}.nas-accordion__subheader--text{vertical-align:middle}.nas-accordion__subheader--positive{background-color:#238e00;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion__subheader--negative{background-color:#d81939;padding:1px 9px 1px 3px;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-accordion--expanded{z-index:20}.nas-accordion--expanded:not(.nas-accordion--info):not(.nas-accordion--simple) .nas-accordion__toggle{background-color:#fff}.nas-accordion--expanded .nas-accordion__indicator{transform:rotate(-180deg)}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__toggle{padding:16px 24px}}@media (min-width: 640px){.nas-accordion--spaced .nas-accordion__content{padding:12px 24px 24px}}.nas-accordion--small .nas-accordion__toggle{padding:9px 16px;background-color:#e3e3e3}.nas-accordion--small .nas-accordion__toggle:hover,.nas-accordion--small .nas-accordion__toggle:focus{background-color:#fff}.nas-accordion--small .nas-accordion__content{padding:3px 16px 24px}.nas-accordion--small .nas-accordion__indicator{transform-origin:45% 55%;margin-bottom:3px}.nas-accordion--inverted .nas-accordion__toggle{background-color:#fff}.nas-accordion--inverted .nas-accordion__toggle:hover,.nas-accordion--inverted .nas-accordion__toggle:focus{background-color:#e3e3e3}.nas-accordion--inverted .nas-accordion__content,.nas-accordion--inverted.nas-accordion--expanded .nas-accordion__toggle{background-color:#e3e3e3}.nas-accordion--nopadding{padding-bottom:25px}.nas-accordion--nopadding .nas-accordion__toggle,.nas-accordion--nopadding .nas-accordion__content{padding:0}.nas-accordion--approve .nas-accordion__toggle{color:#238e00}.nas-accordion--primary .nas-accordion__toggle{color:#d81939}.nas-accordion--info .nas-accordion__toggle,.nas-accordion--info .nas-accordion__content{background-color:#ffc;color:#003251}.nas-accordion .nas-icon-positive--light,.nas-accordion .nas-icon-negative--light{transform:scale(.85)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { expanded: [{

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

@@ -5,11 +5,11 @@ import { IconModule } from '../icon/icon.module';
 import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
 import * as i0 from "@angular/core";
 export class AccordionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, declarations: [AccordionComponent], imports: [CommonModule, IconModule, NasClassModule], exports: [AccordionComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, imports: [CommonModule, IconModule, NasClassModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AccordionModule, declarations: [AccordionComponent], imports: [CommonModule, IconModule, NasClassModule], exports: [AccordionComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AccordionModule, imports: [CommonModule, IconModule, NasClassModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AccordionComponent],

package/esm2022/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.mjs

@@ -543,10 +543,10 @@ export class AirportSelectDropdownComponent extends NasComponentBase {
         this.focusedAirportIndex = -1;
         this.updateSelected(airport);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectDropdownComponent, deps: [{ token: DOCUMENT }, { token: i1.AirportSelectService }, { token: i2.AirportSelectDropdownService }, { token: i3.GeolocationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i7.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, deps: [{ token: DOCUMENT }, { token: i1.AirportSelectService }, { token: i2.AirportSelectDropdownService }, { token: i3.GeolocationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i7.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nas-airport-select-dropdown', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', open && 'active')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

package/esm2022/lib/components/airport-select/airport-select.component.mjs

@@ -347,10 +347,10 @@ export class AirportSelectComponent extends NasComponentBase {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AirportSelectComponent, selector: "nas-airport-select", inputs: { airports: "airports", airportRelations: "airportRelations", latestSearchesOrigin: "latestSearchesOrigin", latestSearchesDestination: "latestSearchesDestination", closestAirports: "closestAirports", allowedOriginAiports: "allowedOriginAiports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", combo: "combo", useSwitch: "useSwitch", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", selectOriginFirstLabel: "selectOriginFirstLabel", invalidDestinationText: "invalidDestinationText", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormGroup: "nasFormGroup", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { originChange: "originChange", originOpenChange: "originOpenChange", destinationChange: "destinationChange", destinationOpenChange: "destinationOpenChange", focusOnNext: "focusOnNext", positionChange: "positionChange" }, viewQueries: [{ propertyName: "switchButton", first: true, predicate: ["switchButton"], descendants: true }, { propertyName: "airportSelectDropdownOrigin", first: true, predicate: ["airportSelectDropdownOrigin"], descendants: true }, { propertyName: "airportSelectDropdownDestination", first: true, predicate: ["airportSelectDropdownDestination"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass()\">\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\"\n    *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin\n      displayLatestSearches\n      [enableGeolocation]=\"displayClosestAirports\"\n      [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\"\n      [latestSearches]=\"latestSearchesOrigin\"\n      [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\"\n      [airports]=\"airportsOrigin\"\n      [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\"\n      [open]=\"originOpen\"\n      [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\"\n      [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [ariaLabelClear]=\"ariaLabelClear\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\"\n      (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <span [nasClass]=\"getAirportSelectComboClass('separator')\"></span>\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination\n        displayLatestSearches\n        [airportSelectLabel]=\"labelDestination\"\n        [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\"\n        [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\"\n        [airport]=\"destination\"\n        [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\"\n        [keepSelection]=\"keepSelection\"\n        [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\"\n        [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\"\n        [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n        [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\"\n        (selected)=\"setSelectedDestination($event)\"\n        (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\"\n        (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch)\"\n      #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher')\"\n      (mouseover)=\"changeSwitchIcon()\"\n      (mouseleave)=\"changeSwitchIcon()\"\n      (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon [type]=\"switchType\"></nas-icon>\n    </div>\n  </ng-container>\n</ng-template>", 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-airport-select{position:relative;width:100%;text-align:left;height:67px}.nas-airport-select:after{content:\"\";border-bottom:3px solid #c3c3c3;position:absolute;bottom:-3px;width:100%}.nas-airport-select:first-child{margin-bottom:0}.nas-airport-select:only-child{max-width:360px}.nas-airport-select--expanded{z-index:30}.nas-airport-select__wrapper{position:relative;display:block;z-index:3;background-color:#fff}.nas-airport-select__wrapper--active{background-color:#f1f1f1}.nas-airport-select__list-section-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#f1f1f1}.nas-airport-select__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;margin-bottom:auto;background-color:inherit}.nas-airport-select__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__input[type=text]:focus{border-bottom:none}.nas-airport-select__label+.nas-airport-select__input{height:35px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-airport-select__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:airport-select-results .65s ease both}.nas-airport-select__dummy{position:absolute;left:-100px}.nas-airport-select__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:airport-select-backdrop .7s ease-out both}.nas-airport-select__list-item{position:relative}.nas-airport-select__list-item:not(:last-of-type):after{content:\"\";display:block;width:calc(100% - 24px);margin:0 12px;position:absolute;bottom:0;border-bottom:1px solid #c3c3c3}.nas-airport-select__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select__geolocation--icon{padding-right:26px}.nas-airport-select__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-airport-select__item--focus,.nas-airport-select__item:hover,.nas-airport-select__item:focus{background-color:#003251}.nas-airport-select__item--focus,.nas-airport-select__item--focus .nas-airport-select__name,.nas-airport-select__item--focus .nas-airport-select__code,.nas-airport-select__item:hover,.nas-airport-select__item:hover .nas-airport-select__name,.nas-airport-select__item:hover .nas-airport-select__code,.nas-airport-select__item:focus,.nas-airport-select__item:focus .nas-airport-select__name,.nas-airport-select__item:focus .nas-airport-select__code{color:#fff!important}.nas-airport-select__item--disabled{border-bottom-width:0}.nas-airport-select__item--disabled,.nas-airport-select__item--disabled .nas-airport-select__name,.nas-airport-select__item--disabled .nas-airport-select__code{color:#909090!important}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:hover .nas-airport-select__name,.nas-airport-select__item--disabled:hover .nas-airport-select__code,.nas-airport-select__item--disabled:focus,.nas-airport-select__item--disabled:focus .nas-airport-select__name,.nas-airport-select__item--disabled:focus .nas-airport-select__code{color:#909090!important}.nas-airport-select__name,.nas-airport-select__code{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-airport-select__name--invalid,.nas-airport-select__code--invalid{margin:12px}.nas-airport-select__code{margin-left:.12em}.nas-airport-select__country{display:block;font-size:14px}.nas-airport-select__empty{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#003251;margin:0;padding:12px}.nas-filter .nas-airport-select-combo,.nas-search-filter .nas-airport-select-combo{margin:0 3px 0 0}.nas-airport-select-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:24px auto}@media (min-width: 640px){.nas-airport-select-combo{flex-direction:row;flex:1}}@media (min-width: 640px){.nas-airport-select-combo__separator{position:relative;bottom:-3px;align-self:flex-end;flex-shrink:0;width:3px;border-bottom:3px solid #c3c3c3}}.nas-airport-select-combo__switcher{position:absolute;top:48px;z-index:4;left:76%;cursor:pointer}@media (min-width: 640px){.nas-airport-select-combo__switcher{top:16px;left:50%;margin-left:-16px;transform:rotate(90deg)}}.nas-airport-select-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-origin .nas-airport-select__icon{right:36px}}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-destination .nas-airport-select__label{padding:9px 36px 0}}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-destination .nas-airport-select__input[type=text]{padding-left:36px}}@keyframes airport-select-backdrop{0%{opacity:0}}@keyframes airport-select-results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}\n"], dependencies: [{ 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.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: ["displayLatestSearches", "displayClosestAirports", "latestSearches", "resultsLabels", "airportSelectLabel", "airportSelectPlaceholder", "airportSelectIconModifier", "keepSelection", "nasFormControlName", "nasFormGroup", "enableGeolocation", "ariaLabelClear", "ariaLabelBackdrop", "isValid", "invalidText", "closestAirports", "airport", "open", "airports"], outputs: ["selected", "openChange", "focusOnNext", "focusOnPrevious", "positionChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectComponent, selector: "nas-airport-select", inputs: { airports: "airports", airportRelations: "airportRelations", latestSearchesOrigin: "latestSearchesOrigin", latestSearchesDestination: "latestSearchesDestination", closestAirports: "closestAirports", allowedOriginAiports: "allowedOriginAiports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", combo: "combo", useSwitch: "useSwitch", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", selectOriginFirstLabel: "selectOriginFirstLabel", invalidDestinationText: "invalidDestinationText", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormGroup: "nasFormGroup", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { originChange: "originChange", originOpenChange: "originOpenChange", destinationChange: "destinationChange", destinationOpenChange: "destinationOpenChange", focusOnNext: "focusOnNext", positionChange: "positionChange" }, viewQueries: [{ propertyName: "switchButton", first: true, predicate: ["switchButton"], descendants: true }, { propertyName: "airportSelectDropdownOrigin", first: true, predicate: ["airportSelectDropdownOrigin"], descendants: true }, { propertyName: "airportSelectDropdownDestination", first: true, predicate: ["airportSelectDropdownDestination"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass()\">\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\"\n    *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin\n      displayLatestSearches\n      [enableGeolocation]=\"displayClosestAirports\"\n      [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\"\n      [latestSearches]=\"latestSearchesOrigin\"\n      [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\"\n      [airports]=\"airportsOrigin\"\n      [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\"\n      [open]=\"originOpen\"\n      [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\"\n      [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [ariaLabelClear]=\"ariaLabelClear\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\"\n      (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <span [nasClass]=\"getAirportSelectComboClass('separator')\"></span>\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination\n        displayLatestSearches\n        [airportSelectLabel]=\"labelDestination\"\n        [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\"\n        [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\"\n        [airport]=\"destination\"\n        [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\"\n        [keepSelection]=\"keepSelection\"\n        [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\"\n        [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\"\n        [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n        [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\"\n        (selected)=\"setSelectedDestination($event)\"\n        (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\"\n        (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch)\"\n      #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher')\"\n      (mouseover)=\"changeSwitchIcon()\"\n      (mouseleave)=\"changeSwitchIcon()\"\n      (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon [type]=\"switchType\"></nas-icon>\n    </div>\n  </ng-container>\n</ng-template>", 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-airport-select{position:relative;width:100%;text-align:left;height:67px}.nas-airport-select:after{content:\"\";border-bottom:3px solid #c3c3c3;position:absolute;bottom:-3px;width:100%}.nas-airport-select:first-child{margin-bottom:0}.nas-airport-select:only-child{max-width:360px}.nas-airport-select--expanded{z-index:30}.nas-airport-select__wrapper{position:relative;display:block;z-index:3;background-color:#fff}.nas-airport-select__wrapper--active{background-color:#f1f1f1}.nas-airport-select__list-section-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#f1f1f1}.nas-airport-select__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;margin-bottom:auto;background-color:inherit}.nas-airport-select__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__input[type=text]:focus{border-bottom:none}.nas-airport-select__label+.nas-airport-select__input{height:35px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-airport-select__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:airport-select-results .65s ease both}.nas-airport-select__dummy{position:absolute;left:-100px}.nas-airport-select__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:airport-select-backdrop .7s ease-out both}.nas-airport-select__list-item{position:relative}.nas-airport-select__list-item:not(:last-of-type):after{content:\"\";display:block;width:calc(100% - 24px);margin:0 12px;position:absolute;bottom:0;border-bottom:1px solid #c3c3c3}.nas-airport-select__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select__geolocation--icon{padding-right:26px}.nas-airport-select__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-airport-select__item--focus,.nas-airport-select__item:hover,.nas-airport-select__item:focus{background-color:#003251}.nas-airport-select__item--focus,.nas-airport-select__item--focus .nas-airport-select__name,.nas-airport-select__item--focus .nas-airport-select__code,.nas-airport-select__item:hover,.nas-airport-select__item:hover .nas-airport-select__name,.nas-airport-select__item:hover .nas-airport-select__code,.nas-airport-select__item:focus,.nas-airport-select__item:focus .nas-airport-select__name,.nas-airport-select__item:focus .nas-airport-select__code{color:#fff!important}.nas-airport-select__item--disabled{border-bottom-width:0}.nas-airport-select__item--disabled,.nas-airport-select__item--disabled .nas-airport-select__name,.nas-airport-select__item--disabled .nas-airport-select__code{color:#909090!important}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:hover .nas-airport-select__name,.nas-airport-select__item--disabled:hover .nas-airport-select__code,.nas-airport-select__item--disabled:focus,.nas-airport-select__item--disabled:focus .nas-airport-select__name,.nas-airport-select__item--disabled:focus .nas-airport-select__code{color:#909090!important}.nas-airport-select__name,.nas-airport-select__code{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-airport-select__name--invalid,.nas-airport-select__code--invalid{margin:12px}.nas-airport-select__code{margin-left:.12em}.nas-airport-select__country{display:block;font-size:14px}.nas-airport-select__empty{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#003251;margin:0;padding:12px}.nas-filter .nas-airport-select-combo,.nas-search-filter .nas-airport-select-combo{margin:0 3px 0 0}.nas-airport-select-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:24px auto}@media (min-width: 640px){.nas-airport-select-combo{flex-direction:row;flex:1}}@media (min-width: 640px){.nas-airport-select-combo__separator{position:relative;bottom:-3px;align-self:flex-end;flex-shrink:0;width:3px;border-bottom:3px solid #c3c3c3}}.nas-airport-select-combo__switcher{position:absolute;top:48px;z-index:4;left:76%;cursor:pointer}@media (min-width: 640px){.nas-airport-select-combo__switcher{top:16px;left:50%;margin-left:-16px;transform:rotate(90deg)}}.nas-airport-select-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-origin .nas-airport-select__icon{right:36px}}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-destination .nas-airport-select__label{padding:9px 36px 0}}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-destination .nas-airport-select__input[type=text]{padding-left:36px}}@keyframes airport-select-backdrop{0%{opacity:0}}@keyframes airport-select-results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}\n"], dependencies: [{ 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.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i4.AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: ["displayLatestSearches", "displayClosestAirports", "latestSearches", "resultsLabels", "airportSelectLabel", "airportSelectPlaceholder", "airportSelectIconModifier", "keepSelection", "nasFormControlName", "nasFormGroup", "enableGeolocation", "ariaLabelClear", "ariaLabelBackdrop", "isValid", "invalidText", "closestAirports", "airport", "open", "airports"], outputs: ["selected", "openChange", "focusOnNext", "focusOnPrevious", "positionChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nas-airport-select', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass()\">\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\"\n    *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin\n      displayLatestSearches\n      [enableGeolocation]=\"displayClosestAirports\"\n      [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\"\n      [latestSearches]=\"latestSearchesOrigin\"\n      [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\"\n      [airports]=\"airportsOrigin\"\n      [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\"\n      [open]=\"originOpen\"\n      [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\"\n      [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [ariaLabelClear]=\"ariaLabelClear\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\"\n      (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <span [nasClass]=\"getAirportSelectComboClass('separator')\"></span>\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination\n        displayLatestSearches\n        [airportSelectLabel]=\"labelDestination\"\n        [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\"\n        [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\"\n        [airport]=\"destination\"\n        [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\"\n        [keepSelection]=\"keepSelection\"\n        [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\"\n        [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\"\n        [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n        [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\"\n        (selected)=\"setSelectedDestination($event)\"\n        (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\"\n        (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch)\"\n      #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher')\"\n      (mouseover)=\"changeSwitchIcon()\"\n      (mouseleave)=\"changeSwitchIcon()\"\n      (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon [type]=\"switchType\"></nas-icon>\n    </div>\n  </ng-container>\n</ng-template>", 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-airport-select{position:relative;width:100%;text-align:left;height:67px}.nas-airport-select:after{content:\"\";border-bottom:3px solid #c3c3c3;position:absolute;bottom:-3px;width:100%}.nas-airport-select:first-child{margin-bottom:0}.nas-airport-select:only-child{max-width:360px}.nas-airport-select--expanded{z-index:30}.nas-airport-select__wrapper{position:relative;display:block;z-index:3;background-color:#fff}.nas-airport-select__wrapper--active{background-color:#f1f1f1}.nas-airport-select__list-section-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#f1f1f1}.nas-airport-select__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;margin-bottom:auto;background-color:inherit}.nas-airport-select__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__input[type=text]:focus{border-bottom:none}.nas-airport-select__label+.nas-airport-select__input{height:35px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-airport-select__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:airport-select-results .65s ease both}.nas-airport-select__dummy{position:absolute;left:-100px}.nas-airport-select__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:airport-select-backdrop .7s ease-out both}.nas-airport-select__list-item{position:relative}.nas-airport-select__list-item:not(:last-of-type):after{content:\"\";display:block;width:calc(100% - 24px);margin:0 12px;position:absolute;bottom:0;border-bottom:1px solid #c3c3c3}.nas-airport-select__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select__geolocation--icon{padding-right:26px}.nas-airport-select__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-airport-select__item--focus,.nas-airport-select__item:hover,.nas-airport-select__item:focus{background-color:#003251}.nas-airport-select__item--focus,.nas-airport-select__item--focus .nas-airport-select__name,.nas-airport-select__item--focus .nas-airport-select__code,.nas-airport-select__item:hover,.nas-airport-select__item:hover .nas-airport-select__name,.nas-airport-select__item:hover .nas-airport-select__code,.nas-airport-select__item:focus,.nas-airport-select__item:focus .nas-airport-select__name,.nas-airport-select__item:focus .nas-airport-select__code{color:#fff!important}.nas-airport-select__item--disabled{border-bottom-width:0}.nas-airport-select__item--disabled,.nas-airport-select__item--disabled .nas-airport-select__name,.nas-airport-select__item--disabled .nas-airport-select__code{color:#909090!important}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:hover .nas-airport-select__name,.nas-airport-select__item--disabled:hover .nas-airport-select__code,.nas-airport-select__item--disabled:focus,.nas-airport-select__item--disabled:focus .nas-airport-select__name,.nas-airport-select__item--disabled:focus .nas-airport-select__code{color:#909090!important}.nas-airport-select__name,.nas-airport-select__code{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-airport-select__name--invalid,.nas-airport-select__code--invalid{margin:12px}.nas-airport-select__code{margin-left:.12em}.nas-airport-select__country{display:block;font-size:14px}.nas-airport-select__empty{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#003251;margin:0;padding:12px}.nas-filter .nas-airport-select-combo,.nas-search-filter .nas-airport-select-combo{margin:0 3px 0 0}.nas-airport-select-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:24px auto}@media (min-width: 640px){.nas-airport-select-combo{flex-direction:row;flex:1}}@media (min-width: 640px){.nas-airport-select-combo__separator{position:relative;bottom:-3px;align-self:flex-end;flex-shrink:0;width:3px;border-bottom:3px solid #c3c3c3}}.nas-airport-select-combo__switcher{position:absolute;top:48px;z-index:4;left:76%;cursor:pointer}@media (min-width: 640px){.nas-airport-select-combo__switcher{top:16px;left:50%;margin-left:-16px;transform:rotate(90deg)}}.nas-airport-select-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-origin .nas-airport-select__icon{right:36px}}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-destination .nas-airport-select__label{padding:9px 36px 0}}@media (min-width: 640px){.nas-airport-select-combo .nas-airport-select--padding-destination .nas-airport-select__input[type=text]{padding-left:36px}}@keyframes airport-select-backdrop{0%{opacity:0}}@keyframes airport-select-results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { switchButton: [{

package/esm2022/lib/components/airport-select/airport-select.module.mjs

@@ -9,21 +9,21 @@ import { ButtonModule } from '../button/button.module';
 import { IconModule } from '../icon/icon.module';
 import * as i0 from "@angular/core";
 export class AirportSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectModule, declarations: [AirportSelectComponent, AirportSelectDropdownComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectModule, declarations: [AirportSelectComponent, AirportSelectDropdownComponent], imports: [CommonModule,
             FormsModule,
             NasClassModule,
             IconModule,
             ReactiveFormsModule,
             ButtonModule], exports: [AirportSelectComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectModule, providers: [GeolocationService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectModule, providers: [GeolocationService], imports: [CommonModule,
             FormsModule,
             NasClassModule,
             IconModule,
             ReactiveFormsModule,
             ButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/airport-select/services/airport-select-dropdown.service.mjs

@@ -23,10 +23,10 @@ export class AirportSelectDropdownService {
         const isIndexInClosestAirports = focusedClosestAirportIndex < closestAirports.length - 1;
         return isIndexInClosestAirports;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectDropdownService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectDropdownService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/components/airport-select/services/airport-select.service.mjs

@@ -26,10 +26,10 @@ export class AirportSelectService {
         }
         return results;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AirportSelectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

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

@@ -238,10 +238,10 @@ export class AutocompleteComponent extends NasComponentBase {
             results.scrollTo(0, focusedItem.offsetTop + extraOffset - results.clientHeight);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AutocompleteComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: AutocompleteComponent, selector: "nas-autocomplete", inputs: { label: "label", placeholder: "placeholder", icon: "icon", items: "items", open: "open", model: "model", disableBackdrop: "disableBackdrop", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelClear: "ariaLabelClear" }, outputs: { focusOnNext: "focusOnNext", selectedChange: "selectedChange", openChange: "openChange", modelChange: "modelChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [nasClass]=\"getClass('input')\"\n      [(ngModel)]=\"model\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n    <span [nasClass]=\"getClass('input-line')\"></span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [formControlName]=\"nasFormControlName\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n    <span [nasClass]=\"getClass('input-line')\"></span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n  [nasClass]=\"getClass('results-wrapper')\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"getLabelId()\"\n    [nasClass]=\"getClass('results')\">\n    <li role=\"option\"\n      *ngFor=\"let item of filteredItems\"\n      [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\"\n        [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n        (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n  [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", 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-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:auto}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0}.nas-autocomplete__input[type=text]{padding:0 16px 9px}.nas-autocomplete__input:focus~.nas-autocomplete__input-line{border-color:#003251}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:24px}.nas-autocomplete__input-line{display:block;position:relative;z-index:3;margin-top:3px;margin-bottom:-9px;border-top:3px solid #c3c3c3}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-autocomplete__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-autocomplete__item--focus,.nas-autocomplete__item:hover,.nas-autocomplete__item:focus{background-color:#003251}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:hover,.nas-autocomplete__item:hover .nas-autocomplete__title,.nas-autocomplete__item:hover .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#fff}.nas-autocomplete__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i5.BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AutocompleteComponent, selector: "nas-autocomplete", inputs: { label: "label", placeholder: "placeholder", icon: "icon", items: "items", open: "open", model: "model", disableBackdrop: "disableBackdrop", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelClear: "ariaLabelClear" }, outputs: { focusOnNext: "focusOnNext", selectedChange: "selectedChange", openChange: "openChange", modelChange: "modelChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [nasClass]=\"getClass('input')\"\n      [(ngModel)]=\"model\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n    <span [nasClass]=\"getClass('input-line')\"></span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [formControlName]=\"nasFormControlName\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n    <span [nasClass]=\"getClass('input-line')\"></span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n  [nasClass]=\"getClass('results-wrapper')\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"getLabelId()\"\n    [nasClass]=\"getClass('results')\">\n    <li role=\"option\"\n      *ngFor=\"let item of filteredItems\"\n      [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\"\n        [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n        (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n  [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", 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-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:auto}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0}.nas-autocomplete__input[type=text]{padding:0 16px 9px}.nas-autocomplete__input:focus~.nas-autocomplete__input-line{border-color:#003251}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:24px}.nas-autocomplete__input-line{display:block;position:relative;z-index:3;margin-top:3px;margin-bottom:-9px;border-top:3px solid #c3c3c3}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-autocomplete__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-autocomplete__item--focus,.nas-autocomplete__item:hover,.nas-autocomplete__item:focus{background-color:#003251}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:hover,.nas-autocomplete__item:hover .nas-autocomplete__title,.nas-autocomplete__item:hover .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#fff}.nas-autocomplete__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: i5.BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { 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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AutocompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nas-autocomplete', template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [nasClass]=\"getClass('input')\"\n      [(ngModel)]=\"model\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n    <span [nasClass]=\"getClass('input-line')\"></span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [formControlName]=\"nasFormControlName\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n    <span [nasClass]=\"getClass('input-line')\"></span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n  [nasClass]=\"getClass('results-wrapper')\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"getLabelId()\"\n    [nasClass]=\"getClass('results')\">\n    <li role=\"option\"\n      *ngFor=\"let item of filteredItems\"\n      [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\"\n        [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n        (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n  [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", 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-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:auto}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0}.nas-autocomplete__input[type=text]{padding:0 16px 9px}.nas-autocomplete__input:focus~.nas-autocomplete__input-line{border-color:#003251}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:24px}.nas-autocomplete__input-line{display:block;position:relative;z-index:3;margin-top:3px;margin-bottom:-9px;border-top:3px solid #c3c3c3}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-autocomplete__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-autocomplete__item--focus,.nas-autocomplete__item:hover,.nas-autocomplete__item:focus{background-color:#003251}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:hover,.nas-autocomplete__item:hover .nas-autocomplete__title,.nas-autocomplete__item:hover .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#fff}.nas-autocomplete__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{

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

@@ -8,15 +8,15 @@ import { NasClassModule } from '../../core/directives/nas-class/nas-class.module
 import { BackdropModule } from '../backdrop/backdrop.module';
 import * as i0 from "@angular/core";
 export class AutocompleteModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: AutocompleteModule, declarations: [AutocompleteComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteModule, declarations: [AutocompleteComponent], imports: [CommonModule,
             NasClassModule,
             FormsModule,
             IconModule,
             SpinnerModule,
             BackdropModule,
             ReactiveFormsModule], exports: [AutocompleteComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AutocompleteModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteModule, imports: [CommonModule,
             NasClassModule,
             FormsModule,
             IconModule,
@@ -24,7 +24,7 @@ export class AutocompleteModule {
             BackdropModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: AutocompleteModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AutocompleteComponent],

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

@@ -40,10 +40,10 @@ export class BackdropComponent extends NasComponentBase {
         this.showBackdrop = false;
         event.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: BackdropComponent, selector: "nas-backdrop", inputs: { showBackdrop: "showBackdrop", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { showBackdropChange: "showBackdropChange" }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\"\n    tabindex=\"0\"\n    #backdrop\n    [attr.aria-label]=\"ariaLabelBackdrop\"\n    [nasClass]=\"getClass()\"\n    (click)=\"onClose($event)\"\n    *ngIf=\"show\">\n</button>", 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-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop-animation .7s ease-out both}@keyframes backdrop-animation{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: BackdropComponent, selector: "nas-backdrop", inputs: { showBackdrop: "showBackdrop", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { showBackdropChange: "showBackdropChange" }, usesInheritance: true, ngImport: i0, template: "<button type=\"button\"\n    tabindex=\"0\"\n    #backdrop\n    [attr.aria-label]=\"ariaLabelBackdrop\"\n    [nasClass]=\"getClass()\"\n    (click)=\"onClose($event)\"\n    *ngIf=\"show\">\n</button>", 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-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop-animation .7s ease-out both}@keyframes backdrop-animation{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BackdropComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BackdropComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nas-backdrop', template: "<button type=\"button\"\n    tabindex=\"0\"\n    #backdrop\n    [attr.aria-label]=\"ariaLabelBackdrop\"\n    [nasClass]=\"getClass()\"\n    (click)=\"onClose($event)\"\n    *ngIf=\"show\">\n</button>", 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-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop-animation .7s ease-out both}@keyframes backdrop-animation{0%{opacity:0}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { showBackdropChange: [{

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

@@ -4,13 +4,13 @@ import { BackdropComponent } from './backdrop.component';
 import { NasClassModule } from '../../core/directives/nas-class/nas-class.module';
 import * as i0 from "@angular/core";
 export class BackdropModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", ngImport: i0, type: BackdropModule, declarations: [BackdropComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: BackdropModule, declarations: [BackdropComponent], imports: [CommonModule,
             NasClassModule], exports: [BackdropComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BackdropModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BackdropModule, imports: [CommonModule,
             NasClassModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BackdropModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BackdropModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [BackdropComponent],

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

@@ -38,10 +38,10 @@ export class BoxComponent extends NasComponentBase {
         ];
         return classes;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: BoxComponent, selector: "nas-box", inputs: { outlined: "outlined", primary: "primary", secondary: "secondary", light: "light", transparent: "transparent", center: "center", nopadding: "nopadding", nomargin: "nomargin", stretch: "stretch", grey: "grey" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <ng-content></ng-content>\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-box{display:block;position:relative;margin:0 -12px 24px;padding:24px 12px 12px;background-color:#e3e3e3;overflow:visible}@media (min-width: 640px){.nas-box{padding:36px;margin:0 0 24px}}.nas-box--outlined{border:3px solid #003251;background-color:#fff;padding:21px 9px 9px}@media (min-width: 640px){.nas-box--outlined{padding:33px}}.nas-box--primary{color:#fff;background-color:#d81939}.nas-box--secondary{color:#fff;background-color:#003251}.nas-box--grey{color:#002a3a;background-color:#f1f1f1}.nas-box--light{color:#002a3a;background-color:#fff}.nas-box--transparent{background-color:transparent}.nas-box--center{text-align:center}.nas-box--nomargin{margin:0}.nas-box--nopadding{padding:0}.nas-box--stretch{height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: BoxComponent, selector: "nas-box", inputs: { outlined: "outlined", primary: "primary", secondary: "secondary", light: "light", transparent: "transparent", center: "center", nopadding: "nopadding", nomargin: "nomargin", stretch: "stretch", grey: "grey" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <ng-content></ng-content>\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-box{display:block;position:relative;margin:0 -12px 24px;padding:24px 12px 12px;background-color:#e3e3e3;overflow:visible}@media (min-width: 640px){.nas-box{padding:36px;margin:0 0 24px}}.nas-box--outlined{border:3px solid #003251;background-color:#fff;padding:21px 9px 9px}@media (min-width: 640px){.nas-box--outlined{padding:33px}}.nas-box--primary{color:#fff;background-color:#d81939}.nas-box--secondary{color:#fff;background-color:#003251}.nas-box--grey{color:#002a3a;background-color:#f1f1f1}.nas-box--light{color:#002a3a;background-color:#fff}.nas-box--transparent{background-color:transparent}.nas-box--center{text-align:center}.nas-box--nomargin{margin:0}.nas-box--nopadding{padding:0}.nas-box--stretch{height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", ngImport: i0, type: BoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nas-box', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <ng-content></ng-content>\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-box{display:block;position:relative;margin:0 -12px 24px;padding:24px 12px 12px;background-color:#e3e3e3;overflow:visible}@media (min-width: 640px){.nas-box{padding:36px;margin:0 0 24px}}.nas-box--outlined{border:3px solid #003251;background-color:#fff;padding:21px 9px 9px}@media (min-width: 640px){.nas-box--outlined{padding:33px}}.nas-box--primary{color:#fff;background-color:#d81939}.nas-box--secondary{color:#fff;background-color:#003251}.nas-box--grey{color:#002a3a;background-color:#f1f1f1}.nas-box--light{color:#002a3a;background-color:#fff}.nas-box--transparent{background-color:transparent}.nas-box--center{text-align:center}.nas-box--nomargin{margin:0}.nas-box--nopadding{padding:0}.nas-box--stretch{height:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { outlined: [{