@norwegian/core-components 6.1.0 → 6.2.0

package/fesm2022/norwegian-core-components.mjs

@@ -15,7 +15,7 @@ import localeSv from '@angular/common/locales/sv';
 import localeEnGb from '@angular/common/locales/en-GB';
 import { Observable, Subject, BehaviorSubject } from 'rxjs';
 import * as i3$1 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';
+import { FormsModule, ReactiveFormsModule, FormControl } from '@angular/forms';
 import * as i3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { __decorate } from 'tslib';
@@ -881,25 +881,20 @@ class AccordionComponent extends NasComponentBase {
     constructor() {
         super('nas-accordion');
         /**
+         * @property Input
          * @description
          * Property to set custom styling on accordion.
-         *
          * @example
-         *
-         * ```html
          * <nas-accordion [cssStyle]="{'width': '300px', 'height': '40px'}}">You can put any kind of elements and content here...</nas-accordion>
-         * ```
-         *
-         */
+        */
         this.cssStyle = {};
         /**
+         * @property Output
          * @description
          * A boolean event that is fired on toggle.
          * @example
-         * ```html
          * <nas-accordion (toggleChange)="onToggleChange($event)">You can put any kind of elements and content here...</nas-accordion>
-         * ```
-         */
+        */
         this.toggleChange = new EventEmitter();
         this.animateIn = false;
         this.animateOut = false;
@@ -961,17 +956,19 @@ class AccordionComponent extends NasComponentBase {
         this.regularHeader = !this.exists(this.small) && !this.exists(this.simple) ? true : false;
     }
     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: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AccordionComponent, selector: "nas-accordion", inputs: { expanded: "expanded", title: "title", subheader: "subheader", badge: "badge", 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", badgeInfo: "badgeInfo", badgeSuccess: "badgeSuccess", badgeWarning: "badgeWarning", badgeError: "badgeError", 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')\"\n      [style.background-color]=\"exists(transparent) && 'inherit'\" [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      \n    </div>\n    <div *ngIf=\"badge\"[nasClass]=\"getClass('badge', exists(badgeInfo) ? 'info' : \n      exists(badgeSuccess) ? 'success' : exists(badgeWarning) ? 'warning': exists(badgeError) ? 'error': '')\">\n      <span>{{badge}}</span>\n    </div>\n    <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator', exists(badge) ? 'no-margin' : '')\"></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__indicator--no-margin,.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;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 8px}.nas-accordion__subheader--negative{background-color:#d81939;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 8px}.nas-accordion__badge{background-color:#f9f9f9;border:1px solid #EAEAEA;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--success{background-color:#f4faf2;border:1px solid #2EB004;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--info{background-color:#ebf4ff;border:1px solid #003251;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--error{background-color:#fff5f3;border:1px solid #CC3A19;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--warning{background-color:#fff6ec;border:1px solid #FC9E12;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.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: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 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"] }]
+            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')\"\n      [style.background-color]=\"exists(transparent) && 'inherit'\" [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      \n    </div>\n    <div *ngIf=\"badge\"[nasClass]=\"getClass('badge', exists(badgeInfo) ? 'info' : \n      exists(badgeSuccess) ? 'success' : exists(badgeWarning) ? 'warning': exists(badgeError) ? 'error': '')\">\n      <span>{{badge}}</span>\n    </div>\n    <nas-icon type=\"chevron-down\" [nasClass]=\"getClass('indicator', exists(badge) ? 'no-margin' : '')\"></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__indicator--no-margin,.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;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 8px}.nas-accordion__subheader--negative{background-color:#d81939;margin:3px 0;border-radius:50px;font-size:small;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 8px}.nas-accordion__badge{background-color:#f9f9f9;border:1px solid #EAEAEA;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--success{background-color:#f4faf2;border:1px solid #2EB004;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--info{background-color:#ebf4ff;border:1px solid #003251;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--error{background-color:#fff5f3;border:1px solid #CC3A19;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.nas-accordion__badge--warning{background-color:#fff6ec;border:1px solid #FC9E12;padding:4px 8px;font-size:14px;color:#003251;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:3px 24px 3px auto}.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: [{
                 type: Input
             }], title: [{
                 type: Input
             }], subheader: [{
                 type: Input
+            }], badge: [{
+                type: Input
             }], icon: [{
                 type: Input
             }], simple: [{
@@ -998,6 +995,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], subheaderNegative: [{
                 type: Input
+            }], badgeInfo: [{
+                type: Input
+            }], badgeSuccess: [{
+                type: Input
+            }], badgeWarning: [{
+                type: Input
+            }], badgeError: [{
+                type: Input
             }], cssClass: [{
                 type: Input
             }], cssStyle: [{
@@ -1152,6 +1157,7 @@ class ButtonComponent extends NasComponentBase {
     constructor() {
         super('nas-button');
         /**
+         * @property Input
          * @description
          * String to set button type. Default value is "button".
          *
@@ -1160,6 +1166,7 @@ class ButtonComponent extends NasComponentBase {
          */
         this.type = 'button';
         /**
+         * @property Input
          * @description
          * Property to set custom styling on button.
          *
@@ -1168,6 +1175,7 @@ class ButtonComponent extends NasComponentBase {
          */
         this.cssStyle = {};
         /**
+         * @property Input
          * @description
          * The target attribute specifies where to open the link.
          * @example
@@ -1175,6 +1183,7 @@ class ButtonComponent extends NasComponentBase {
          */
         this.target = '_self';
         /**
+         * @property Output
          * @description
          * Change event when clicking on button.
          *
@@ -1871,6 +1880,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class AirportSelectComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * The airport code of the origin airport. It will set the selected origin airport based on this value.
      */
@@ -1890,6 +1900,7 @@ class AirportSelectComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * The airport code of the destination airport. It will set the selected destination airport based on this value.
      */
@@ -1923,52 +1934,62 @@ class AirportSelectComponent extends NasComponentBase {
             geolocationDenied: ''
         };
         /**
+         * @property Input
          * @required
          * @description
          * A label that will appear on top of the origin airport input field.
          */
         this.labelOrigin = '';
         /**
+         * @property Input
          * @description
          * A placeholder that will appear on the origin airport input field.
          */
         this.placeholderOrigin = '';
         /**
+         * @property Input
          * @description
          * A label that will appear on top of the destination airport input field.
          */
         this.labelDestination = '';
         /**
+         * @property Input
          * @description
          * A placeholder that will appear on the destination airport input field.
          */
         this.placeholderDestination = '';
         /**
+         * @property Output
          * @description
          * An event that is fired every time the selected origin airport changes.
          */
         this.originChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time the origin dropdown selector opens or closes.
          */
         this.originOpenChange = new EventEmitter();
         /**
+        * @property Output
         * @description
         * An event that is fired every time the origin dropdown selector opens or closes.
         */
         this.destinationChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time the destination dropdown selector opens or closes.
          */
         this.destinationOpenChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired when the destination dropdown closes.
          */
         this.focusOnNext = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired when geolocation position has changed.
          */
@@ -2352,9 +2373,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class BoxComponent extends NasComponentBase {
     /**
-   * Represent a box component.
-   * Will initiate correct block style.
-   */
+     * Represent a box component.
+     * Will initiate correct block style.
+     */
     constructor() {
         super('nas-box');
     }
@@ -2427,6 +2448,7 @@ let nextId$9 = 0;
  */
 class CheckboxComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Sets the Id of the native input element
      */
@@ -2473,6 +2495,7 @@ class CheckboxComponent extends NasComponentBase {
     constructor() {
         super('nas-checkbox');
         /**
+         * @property Input
          * @description
          * The value attribute is bound to ngModel of the native input element.
          */
@@ -2655,6 +2678,7 @@ let nextId$8 = 0;
  */
 class ContinueComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Boolean to set sticky style of component.
      *
@@ -2694,6 +2718,7 @@ class ContinueComponent extends NasComponentBase {
         super('nas-continue');
         this.viewportService = viewportService;
         /**
+         * @property Input
          * @description
          * String to set icon on the call to action button.
          *
@@ -2704,6 +2729,7 @@ class ContinueComponent extends NasComponentBase {
          */
         this.icon = 'arrow-right--light';
         /**
+         * @property Input
          * @description
          * Sets type on the CTA button. Default is "button".
          * @example
@@ -2711,6 +2737,7 @@ class ContinueComponent extends NasComponentBase {
          */
         this.actionType = 'button';
         /**
+         * @property Output
          * @description
          * Boolean output for sticky changes.
          *
@@ -2719,6 +2746,7 @@ class ContinueComponent extends NasComponentBase {
          */
         this.stickyChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Boolean output for when call to action button has been clicked.
          *
@@ -2959,6 +2987,7 @@ class DropdownComponent extends NasComponentBase {
         this.maxWidth = document.documentElement.clientWidth || document.body.clientWidth;
         this.useInline = false;
         /**
+         * @property Output
          * @description
          * An event that is fired every time the dropdown is toggled.
          */
@@ -3109,9 +3138,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class NumberFieldComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * The selected number.
-     */
+    */
     get number() {
         return this.numberValue;
     }
@@ -3130,6 +3160,7 @@ class NumberFieldComponent extends NasComponentBase {
     constructor() {
         super('nas-number-field');
         /**
+         * @property Output
          * @description
          * An event that is fired every time the number changes.
          */
@@ -3309,24 +3340,28 @@ class PassengerSelectComponent extends NasComponentBase {
     constructor() {
         super('nas-passenger-select');
         /**
+         * @property Input
          * @description
          * An array of different passenger types that will be displayed.
-         */
+        */
         this.passengers = new Array();
         /**
+         * @property Output
          * @description
          * An event that is fired every time a passenger selection change is performed.
-         */
+        */
         this.passengersChange = new EventEmitter();
         /**
-       * @description
-       * An event that is fired every time a passenger selection change is performed.
-       */
+         * @property Output
+         * @description
+         * An event that is fired every time a passenger selection change is performed.
+        */
         this.focusOnNext = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time a passenger selection change is performed.
-         */
+        */
         this.focusOnPrevious = new EventEmitter();
     }
     ngOnInit() {
@@ -3568,9 +3603,10 @@ let nextId$6 = 0;
  */
 class SelectComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Add options to the selector.
-     */
+    */
     get options() {
         return this.optionsValue;
     }
@@ -3587,9 +3623,10 @@ class SelectComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * Gets or sets the selected value.
-     */
+    */
     get selected() {
         return this.selectedValue;
     }
@@ -3607,17 +3644,19 @@ class SelectComponent extends NasComponentBase {
     constructor(change) {
         super('nas-select');
         this.change = change;
-        this.selectControl = new UntypedFormControl();
+        this.selectControl = new FormControl();
         this.hasContent = false;
         /**
+         * @property Output
          * @description
          * An event that is fired every time a selection is done.
-         */
+        */
         this.selectedChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An events that fires every type a keydown event has been pressed on the select element.
-         */
+        */
         this.keydown = new EventEmitter();
         this.open = false;
         this.componentId = nextId$6++;
@@ -3910,6 +3949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class BackdropComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * backdrop show/hide.
      */
@@ -3923,6 +3963,7 @@ class BackdropComponent extends NasComponentBase {
     constructor() {
         super('nas-backdrop');
         /**
+         * @property Output
          * @description
          * Event emmitted when showBackdrop is changed.
          */
@@ -4751,6 +4792,7 @@ class DatepickerComponent extends NasComponentBase {
         });
     }
     /**
+     * @property Input
      * @description
      * The lowest date allowed.
      */
@@ -4764,6 +4806,7 @@ class DatepickerComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * boolean value to disable or enable the input of the date picker.
      */
@@ -4788,6 +4831,7 @@ class DatepickerComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * An array of times to be added in the time selector.
      */
@@ -4810,6 +4854,7 @@ class DatepickerComponent extends NasComponentBase {
         this.dateDisplayFormat = 'mediumDate';
     }
     /**
+     * @property Input
      * @description
      * The calendar is open or closed.
      */
@@ -4829,6 +4874,7 @@ class DatepickerComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * Set selected month.
      */
@@ -4848,6 +4894,7 @@ class DatepickerComponent extends NasComponentBase {
         });
     }
     /**
+     * @property Input
      * @description
      * Gets or sets the selected Date in the date picker. Setting this date will highlight the date in the date picker
      * and user can change it by clicking from any other enabled dates
@@ -4886,6 +4933,7 @@ class DatepickerComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * Sets the selected time in the time selector.
      */
@@ -4943,43 +4991,51 @@ class DatepickerComponent extends NasComponentBase {
         this.dateService = dateService;
         this.show = false;
         /**
+         * @property Input
          * @description
          * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
          * Please look at the angular Date pipe for valid formats and variations.
          */
         this.dateDisplayFormat = 'EEEE d, MMMM yyyy';
         /**
+         * @property Input
          * @description
          * The time display format.
          */
         this.timeDisplayFormat = 'HH:mm';
         /**
+         * @property Input
          * @description
          * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
          * This requires that registerLocaleData is called with the respective locale.
          */
         this.locale = 'en-US';
         /**
+         * @property Output
          * @description
          * Date selected by the user by clicking in date-picker date-box.
          */
         this.selectedDateChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Month selected by the user by clicking in drop down for month selection or month navigation buttons.
          */
         this.selectedMonthChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * The calendar is open or closed.
          */
         this.openChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * When a user has actively changed the date.
          */
         this.focusOnNextChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * When a user has pressed shift + tab to go to previous control.
          */
@@ -5281,6 +5337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class DatepickerComboComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Sets outbound datepicker open.
      */
@@ -5300,6 +5357,7 @@ class DatepickerComboComponent extends NasComponentBase {
         });
     }
     /**
+     * @property Input
      * @description
      * Sets inbound datepicker open.
      */
@@ -5323,6 +5381,7 @@ class DatepickerComboComponent extends NasComponentBase {
         });
     }
     /**
+     * @property Input
      * @description
      * Selected datefor outbound calendar.
      */
@@ -5342,6 +5401,7 @@ class DatepickerComboComponent extends NasComponentBase {
         this.outboundSelectedDateChange.emit(date);
     }
     /**
+     * @property Input
      * @description
      * Selected datefor inbound calendar.
      */
@@ -5378,23 +5438,27 @@ class DatepickerComboComponent extends NasComponentBase {
         this.dateService = dateService;
         this.deviceHelper = deviceHelper;
         /**
+         * @property Input
          * @description
          * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
          * Please look at the angular Date pipe for valid formats and variations.
          */
         this.dateDisplayFormat = 'EEEE d, MMMM yyyy';
         /**
+         * @property Input
          * @description
          * The time display format.
          */
         this.timeDisplayFormat = 'HH:mm';
         /**
+         * @property Input
          * @description
          * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
          * This requires that registerLocaleData is called with the respective locale.
          */
         this.locale = 'en-US';
         /**
+         * @property Input
          * @description
          * Sets a relative number to decide when the inbound lower limit date should be based on selected outbound date.
          *
@@ -5405,41 +5469,49 @@ class DatepickerComboComponent extends NasComponentBase {
          */
         this.inboundLowerLimitDateOffset = 0;
         /**
+         * @property Output
          * @description
          * When selected datehas been changed on the outbound calendar.
          */
         this.outboundSelectedDateChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * When selected datehas been changed on the inbound calendar.
          */
         this.inboundSelectedDateChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Outbound datepicker is open or closed.
          */
         this.outboundOpenChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Inbound datepicker is open or closed.
          */
         this.inboundOpenChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Outbound calendar changes month.
          */
         this.outboundMonthChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Inbound calendar changes month.
          */
         this.inboundMonthChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * When a user has actively changed the date.
          */
         this.focusOnNextChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * When a user has pressed shift + tab to go to previous control.
          */
@@ -5622,9 +5694,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
 */
 class SubsidyDiscountComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Gets or sets the selected discount value.
-     */
+    */
     get selectedDiscount() {
         return this.selectedDiscountValue;
     }
@@ -5638,9 +5711,10 @@ class SubsidyDiscountComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * Gets or sets discounts value.
-     */
+    */
     get discounts() {
         return this.discountsValue;
     }
@@ -5663,24 +5737,28 @@ class SubsidyDiscountComponent extends NasComponentBase {
     constructor() {
         super('nas-subsidy-discount');
         /**
+         * @property Input
          * @description
          * Set icon on component. Icon need to exist in medium size. Default value is 'family'
-         */
+        */
         this.icon = 'family';
         /**
+         * @property Output
          * @description
          * An even that is fired every time the info button is clicked.
-         */
+        */
         this.infoButtonClick = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Fires when info button has a keydown event.
-         */
+        */
         this.infoButtonKeydown = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An even that is fired every time the info button is clicked.
-         */
+        */
         this.discountSelectChange = new EventEmitter();
     }
     onInfoButtonClick() {
@@ -5731,9 +5809,10 @@ class SuggestionsComponent extends NasComponentBase {
     constructor() {
         super('nas-suggestions');
         /**
+         * @property Output
          * @description
          * Fired when an airport is selected
-         */
+        */
         this.airportSelect = new EventEmitter();
     }
     onAirportSelect(airport) {
@@ -5803,6 +5882,7 @@ class FilterComponent extends NasComponentBase {
         this.inboundOpenChange.emit(value);
     }
     /**
+     * @property Input
      * @description
      * An array of different passenger types that will be displayed.
      */
@@ -5817,6 +5897,7 @@ class FilterComponent extends NasComponentBase {
         this.passengersChange.emit(value);
     }
     /**
+    * @property Input
     * @description
     * Indicates if the edit search of accordion should be expended on mobile screen sizes.
     */
@@ -5842,6 +5923,7 @@ class FilterComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @required
      * @description
      * All airports that will be populated into the dropdown lists.
@@ -5858,6 +5940,7 @@ class FilterComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * Sets and gets the selected trip type.
      */
@@ -5872,6 +5955,7 @@ class FilterComponent extends NasComponentBase {
         this.tripTypeChange.emit(this.tripType);
     }
     /**
+     * @property Input
      * @description
      * Sets and gets whether the selected transit type is direct only or not.
      */
@@ -5886,6 +5970,7 @@ class FilterComponent extends NasComponentBase {
         this.directOnlyChange.emit(this.directOnly);
     }
     /**
+     * @property Input
      * @description
      * Selected datefor outbound calendar.
      */
@@ -5902,6 +5987,7 @@ class FilterComponent extends NasComponentBase {
         });
     }
     /**
+     * @property Input
      * @description
      * Selected datefor inbound calendar.
      */
@@ -5942,6 +6028,7 @@ class FilterComponent extends NasComponentBase {
         this.maximize = false;
         this.isNasGroupValid = false;
         /**
+         * @property Input
          * @description
          * A separator for the filter summary that is dispayed if minimizeOnMobile is true.
          *
@@ -5957,133 +6044,159 @@ class FilterComponent extends NasComponentBase {
          */
         this.lastSummarySeparator = '';
         /**
+         * @property Input
          * @description
          * A placeholder that will appear on the origin airport input field.
          */
         this.placeholderOrigin = '';
         /**
+         * @property Input
          * @description
          * A placeholder that will appear on the destination airport input field.
          */
         this.placeholderDestination = '';
         /**
+         * @property Output
          * @description
          * An event that is fired every time the origin dropdown selector opens or closes.
          */
         this.originOpenChange = new EventEmitter();
         /**
+        * @property Output
         * @description
         * An event that is fired every time the origin dropdown selector opens or closes.
         */
         this.destinationOpenChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time the passenger select dropdown opens or closes.
          */
         this.passengerSelectOpenChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time the selected origin airport changes.
          */
         this.originChange = new EventEmitter();
         /**
+        * @property Output
         * @description
         * An event that is fired every time the selected destination airport changes.
         */
         this.destinationChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time a passenger selection change is performed.
          */
         this.passengersChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Sets and gets the selected trip type.
          */
         this.tripTypeChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Sets and gets whether the selected transit type is direct only or not.
          */
         this.directOnlyChange = new EventEmitter();
         /**
+         * @property Input
          * @description
          * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
          * Please look at the angular Date pipe for valid formats and variations.
          */
         this.dateDisplayFormat = 'EEEE d, MMMM yyyy';
         /**
+         * @property Input
          * @description
          * The time display format.
          */
         this.timeDisplayFormat = 'HH:mm';
         /**
+         * @property Input
          * @description
          * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
          * This requires that registerLocaleData is called with the respective locale.
          */
         this.locale = 'en-GB';
         /**
+         * @property Input
          * @description
          * Will display the destination input, set this to false to remove it. It's true by default.
          */
         this.enableDestinationSelect = true;
         /**
+         * @property Input
          * @description
          * Will display passenger select, set this to false to remove it. It's true by default.
          */
         this.enablePassengersSelect = true;
         /**
+         * @property Input
          * @description
          * Will display the trip switch, set this to false to remove it. It's true by default.
          */
         this.enableTripSwitch = true;
         /**
+         * @property Input
          * @description
          * Will display the transit switch, set this to false to remove it. It's true by default.
          */
         this.enableTransitSwitch = true;
         /**
+         * @property Output
          * @description
          * When selected datehas been changed on the outbound calendar.
          */
         this.outboundSelectedDateChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * When selected datehas been changed on the inbound calendar.
          */
         this.inboundSelectedDateChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Outbound datepicker is open or closed.
          */
         this.outboundOpenChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Inbound datepicker is open or closed.
          */
         this.inboundOpenChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Outbound calendar changes month.
          */
         this.outboundMonthChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Inbound calendar changes month.
          */
         this.inboundMonthChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * When a user has actively changed the date.
          */
         this.focusOnNextChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * The geolocation of the user. Will be emitted if 'enableSuggestions' is true.
          */
         this.positionChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An even that is fired every time the info button on the subsidy discount is clicked.
          */
@@ -6733,7 +6846,7 @@ class FilterComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: FilterComponent, deps: [{ token: DeviceHelper }, { token: SortService }, { token: AbandonedBasketService }, { token: DateHelper }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: FilterComponent, selector: "nas-filter", inputs: { airportRelations: "airportRelations", ariaLabelClear: "ariaLabelClear", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelAdd: "ariaLabelAdd", allowedOriginAirports: "allowedOriginAirports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", useSwitch: "useSwitch", displayClosestAirports: "displayClosestAirports", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", passengerSelectLabel: "passengerSelectLabel", maxPaxCount: "maxPaxCount", passengers: "passengers", minAdultCount: "minAdultCount", tripSwitchRoundTripLabel: "tripSwitchRoundTripLabel", tripSwitchOneWayLabel: "tripSwitchOneWayLabel", directOnlyLabel: "directOnlyLabel", directTransitLabel: "directTransitLabel", minimizeOnMobile: "minimizeOnMobile", expandedAccordionMobile: "expandedAccordionMobile", defaultSummarySeparator: "defaultSummarySeparator", lastSummarySeparator: "lastSummarySeparator", passengerSelectTitle: "passengerSelectTitle", passengerSelectAdultsLabel: "passengerSelectAdultsLabel", passengerSelectChildrenLabel: "passengerSelectChildrenLabel", passengerSelectInfantsLabel: "passengerSelectInfantsLabel", groupBookingLabel: "groupBookingLabel", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", selectOriginFirstLabel: "selectOriginFirstLabel", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", editSearchTitle: "editSearchTitle", nasFormGroup: "nasFormGroup", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormControlNameTripType: "nasFormControlNameTripType", nasFormControlNameDirectOnly: "nasFormControlNameDirectOnly", nasFormControlNameOutbound: "nasFormControlNameOutbound", nasFormControlNameInbound: "nasFormControlNameInbound", nasFormControlGroupBooking: "nasFormControlGroupBooking", nasFormControlNameSubsidyDiscount: "nasFormControlNameSubsidyDiscount", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", subsidyDiscounts: "subsidyDiscounts", selectedSubsidyDiscount: "selectedSubsidyDiscount", subsidyDiscountLabel: "subsidyDiscountLabel", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", enableDatepickers: "enableDatepickers", minimizingLabel: "minimizingLabel", maximizingLabel: "maximizingLabel", directOnlyMobileLabel: "directOnlyMobileLabel", orLabel: "orLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch" }, outputs: { originOpenChange: "originOpenChange", destinationOpenChange: "destinationOpenChange", passengerSelectOpenChange: "passengerSelectOpenChange", originChange: "originChange", destinationChange: "destinationChange", passengersChange: "passengersChange", tripTypeChange: "tripTypeChange", directOnlyChange: "directOnlyChange", outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", positionChange: "positionChange", subsidyDiscountInfoClick: "subsidyDiscountInfoClick" }, viewQueries: [{ propertyName: "passengerSelectDropdown", first: true, predicate: ["passengerSelectDropdown"], descendants: true }, { propertyName: "passengerSelect", first: true, predicate: ["passengerSelect"], descendants: true }, { propertyName: "tripSwitch", first: true, predicate: ["tripSwitch"], descendants: true }, { propertyName: "transitSwitch", first: true, predicate: ["transitSwitch"], descendants: true }, { propertyName: "airportSelect", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "datepickerCombo", first: true, predicate: ["datepickerCombo"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tripTypeOneway", first: true, predicate: ["tripTypeOneway"], descendants: true }, { propertyName: "tripTypeRoundTrip", first: true, predicate: ["tripTypeRoundTrip"], descendants: true }, { propertyName: "transitTypeDirectOnly", first: true, predicate: ["transitTypeDirectOnly"], descendants: true }, { propertyName: "transitTypeTransit", first: true, predicate: ["transitTypeTransit"], descendants: true }, { propertyName: "subsidyDiscount", first: true, predicate: ["subsidyDiscount"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-airport-select *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div\n          [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <nas-dropdown #passengerSelectDropdown\n              *ngIf=\"passengers?.length > 0\"\n              [nasClass]=\"getTravelDetailsClass('dropdown', 'passengers')\"\n              [cssClass]=\"getTravelDetailsClass('dropdown')\"\n              [label]=\"passengerSelectLabel\"\n              [labelStyle]=\"{'width': '102px'}\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              (openChange)=\"onPassengerSelectOpen($event)\"\n              (keydown)=\"passengerKeyDown($event)\">\n              <nas-passenger-select #passengerSelect\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select>\n            </nas-dropdown>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <nas-dropdown *ngIf=\"tripSwitchOneWayLabel && tripSwitchRoundTripLabel\"\n              #tripSwitch\n              [nasClass]=\"getTravelDetailsClass('dropdown', 'trip-type')\"\n              [cssClass]=\"getTravelDetailsClass('dropdown')\"\n              [label]=\"getTripSwitchLabel()\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              (openChange)=\"onTripSwitchOpen($event)\"\n              (keydown)=\"onTripSwitchKeyDown($event)\">\n              <div [nasClass]=\"getTravelDetailsClass('actions')\">\n                <button type=\"button\"\n                  #tripTypeRoundTrip\n                  [nasClass]=\"getTravelDetailsClass('action', tripType === 2 && 'active')\"\n                  (click)=\"onTripTypeChange(2)\">\n                  <nas-icon [type]=\"'medium'\"\n                    [icon]=\"tripType === 2 ? 'flight-return--light' : 'flight-return'\"></nas-icon>\n                  <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{tripSwitchRoundTripLabel}}</span>\n                </button>\n                <button type=\"button\"\n                  #tripTypeOneway\n                  [nasClass]=\"getTravelDetailsClass('action', tripType === 1 && 'active')\"\n                  (click)=\"onTripTypeChange(1)\">\n                  <nas-icon [type]=\"'medium'\"\n                    [icon]=\"tripType === 1 ? 'flight-oneway--light' : 'flight-oneway'\"></nas-icon>\n                  <span [nasClass]=\"getTravelDetailsClass('title', ['small'])\">{{tripSwitchOneWayLabel}}</span>\n                </button>\n              </div>\n            </nas-dropdown>\n          </ng-container>\n          <ng-container *ngIf=\"enableTransitSwitch\">\n            <nas-dropdown *ngIf=\"directOnlyLabel && directTransitLabel\"\n              #transitSwitch\n              [nasClass]=\"getTravelDetailsClass('dropdown', 'transit-type')\"\n              [cssClass]=\"getTravelDetailsClass('dropdown')\"\n              [label]=\"getTransitLabel()\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              (openChange)=\"onTransitSwitchOpen($event)\"\n              (keydown)=\"transitKeyDown($event)\">\n              <div [nasClass]=\"getTravelDetailsClass('actions')\">\n                <button type=\"button\"\n                  #transitTypeTransit\n                  [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n                  (click)=\"onTransitChange(false)\">\n                  <span [nasClass]=\"getTravelDetailsClass('transit-icon')\">\n                    <span [nasClass]=\"getTravelDetailsClass('transit-icon-stop')\"></span>\n                  </span>\n                  <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directTransitLabel}}</span>\n                </button>\n                <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n                  type=\"button\"\n                  #transitTypeDirectOnly\n                  (click)=\"onTransitChange(true)\">\n                  <span [nasClass]=\"getTravelDetailsClass('transit-icon')\"></span>\n                  <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directOnlyLabel}}</span>\n                </button>\n              </div>\n            </nas-dropdown>\n          </ng-container>\n        </div>\n        <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo #datepickerCombo\n            compact\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\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-filter{background-color:#f1f1f1;position:relative;z-index:6}.nas-filter__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter__title{font-size:32px;line-height:38px}}.nas-filter__title--md{margin-top:60px}.nas-filter__filters{margin-top:12px;display:flex;flex-wrap:wrap;order:2}.nas-filter__filters .nas-filter__date-combo{order:2;flex:1;z-index:2}.nas-filter__filters--minimized .nas-filter__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter__filters--maximize .nas-filter__airport-select:after{display:none}.nas-filter__filters--md .nas-filter__date-combo{flex:0 0 100%}.nas-filter__filters--lg{display:flex;align-items:stretch}.nas-filter__filters--lg .nas-filter__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter__filters--lg .nas-filter__suggestions{order:3}.nas-filter__filters--lg .nas-filter__filters--minimized .nas-filter__airport-select{margin-right:0;flex:0 1 100%}.nas-filter__filters--lg .nas-filter__filters--maximize .nas-filter__airport-select{margin-right:3px;flex:auto}.nas-filter__filters--lg.nas-filter__filters--maximize .nas-filter__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter__suggestions:before{content:\"\";position:absolute;top:-3px;left:0px;width:100%;border-top:3px solid #c3c3c3}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#003251;margin-top:6px;z-index:1}.nas-filter__toggler .nas-filter__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter__toggler .nas-filter__direct-only{display:inline-block}.travel-details{position:relative;display:flex;margin:0;flex-wrap:wrap;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__actions{display:flex}.travel-details__action{padding:12px;width:100%;background-color:#fff}.travel-details__action:hover,.travel-details__action:focus{background-color:#e3e3e3}.travel-details__action--active,.travel-details__action--active:hover,.travel-details__action--active:focus{color:#fff;background-color:#003251}.travel-details__action:focus{outline:none;box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle{padding:20px!important;width:100%;height:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:hover:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle nas-icon{float:right}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:focus{outline:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown{width:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown:focus{outline:none}@media (min-width: 640px){::ng-deep .nas-filter__filters .travel-details__dropdown:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-filter__date-combo--side-by-side .nas-datepicker-combo__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter__filters .nas-airport-select__input-line{border-top:none!important}::ng-deep .nas-filter__filters .nas-airport-select-combo__separator{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter__filters .nas-datepicker-combo__separator{display:none}::ng-deep .nas-filter__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter__filters--lg .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter__filters--lg .nas-airport-select__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-datepicker-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-airport-select-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__rotate{transform:rotate(180deg)}::ng-deep .nas-filter__rotate-enter,::ng-deep .nas-filter__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__input-line{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select-combo__separator{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results-wrapper{margin-top:0}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results{top:-3px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__icon{bottom:18px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select:after{display:none}::ng-deep .nas-filter__airport-select .nas-airport-select__input-line{display:none}::ng-deep .nas-filter__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter__airport-origin-select .nas-airport-select:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter__airport-origin-select .nas-airport-select:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter__origin-combined{display:flex;flex:none}::ng-deep .nas-filter__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter__subsidy-discount{order:3}::ng-deep .nas-filter__subsidy-discount .nas-subsidy-discount{margin-top:16px}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AirportSelectComponent, selector: "nas-airport-select", inputs: ["airports", "airportRelations", "latestSearchesOrigin", "latestSearchesDestination", "closestAirports", "allowedOriginAiports", "allowedDestinationAirports", "displayLatestSearches", "displayClosestAirports", "combo", "useSwitch", "allAirportsLabel", "latestSearchesLabel", "closestAirportsLabel", "geolocationLabel", "geolocationBlockedLabel", "selectOriginFirstLabel", "invalidDestinationText", "labelOrigin", "placeholderOrigin", "labelDestination", "placeholderDestination", "keepSelection", "nasFormControlNameOrigin", "nasFormControlNameDestination", "nasFormGroup", "originAirportCode", "destinationAirportCode", "ariaLabelClear", "ariaLabelBackdrop"], outputs: ["originChange", "originOpenChange", "destinationChange", "destinationOpenChange", "focusOnNext", "positionChange"] }, { kind: "component", type: DropdownComponent, selector: "nas-dropdown", inputs: ["open", "id", "ariaLabelBackdrop", "cssClass", "inline", "label", "stretched", "labelStyle"], outputs: ["openChange"] }, { kind: "component", type: PassengerSelectComponent, selector: "nas-passenger-select", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "subheader", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "info", "subheaderPositive", "subheaderNegative", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: DatepickerComboComponent, selector: "nas-datepicker-combo", inputs: ["ariaLabelBackdrop", "outboundOpen", "inboundOpen", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "outboundDisabled", "inboundDisabled", "outboundOnly", "outboundLabel", "inboundLabel", "availability", "outboundAvailableDates", "inboundAvailableDates", "times", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlNameOutbound", "nasFormControlNameInbound", "outboundSelectedDate", "inboundSelectedDate", "disableBackdrop", "outboundSelectedTime", "inboundSelectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "inboundLowerLimitDateOffset"], outputs: ["outboundSelectedDateChange", "inboundSelectedDateChange", "outboundOpenChange", "inboundOpenChange", "outboundMonthChange", "inboundMonthChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "component", type: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: ["label", "icon", "selectedDiscount", "discounts"], outputs: ["infoButtonClick", "infoButtonKeydown", "discountSelectChange"] }, { kind: "component", type: SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: FilterComponent, selector: "nas-filter", inputs: { airportRelations: "airportRelations", ariaLabelClear: "ariaLabelClear", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelAdd: "ariaLabelAdd", allowedOriginAirports: "allowedOriginAirports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", useSwitch: "useSwitch", displayClosestAirports: "displayClosestAirports", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", passengerSelectLabel: "passengerSelectLabel", maxPaxCount: "maxPaxCount", passengers: "passengers", minAdultCount: "minAdultCount", tripSwitchRoundTripLabel: "tripSwitchRoundTripLabel", tripSwitchOneWayLabel: "tripSwitchOneWayLabel", directOnlyLabel: "directOnlyLabel", directTransitLabel: "directTransitLabel", minimizeOnMobile: "minimizeOnMobile", expandedAccordionMobile: "expandedAccordionMobile", defaultSummarySeparator: "defaultSummarySeparator", lastSummarySeparator: "lastSummarySeparator", passengerSelectTitle: "passengerSelectTitle", passengerSelectAdultsLabel: "passengerSelectAdultsLabel", passengerSelectChildrenLabel: "passengerSelectChildrenLabel", passengerSelectInfantsLabel: "passengerSelectInfantsLabel", groupBookingLabel: "groupBookingLabel", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", selectOriginFirstLabel: "selectOriginFirstLabel", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", editSearchTitle: "editSearchTitle", nasFormGroup: "nasFormGroup", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormControlNameTripType: "nasFormControlNameTripType", nasFormControlNameDirectOnly: "nasFormControlNameDirectOnly", nasFormControlNameOutbound: "nasFormControlNameOutbound", nasFormControlNameInbound: "nasFormControlNameInbound", nasFormControlGroupBooking: "nasFormControlGroupBooking", nasFormControlNameSubsidyDiscount: "nasFormControlNameSubsidyDiscount", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", subsidyDiscounts: "subsidyDiscounts", selectedSubsidyDiscount: "selectedSubsidyDiscount", subsidyDiscountLabel: "subsidyDiscountLabel", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", enableDatepickers: "enableDatepickers", minimizingLabel: "minimizingLabel", maximizingLabel: "maximizingLabel", directOnlyMobileLabel: "directOnlyMobileLabel", orLabel: "orLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch" }, outputs: { originOpenChange: "originOpenChange", destinationOpenChange: "destinationOpenChange", passengerSelectOpenChange: "passengerSelectOpenChange", originChange: "originChange", destinationChange: "destinationChange", passengersChange: "passengersChange", tripTypeChange: "tripTypeChange", directOnlyChange: "directOnlyChange", outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", positionChange: "positionChange", subsidyDiscountInfoClick: "subsidyDiscountInfoClick" }, viewQueries: [{ propertyName: "passengerSelectDropdown", first: true, predicate: ["passengerSelectDropdown"], descendants: true }, { propertyName: "passengerSelect", first: true, predicate: ["passengerSelect"], descendants: true }, { propertyName: "tripSwitch", first: true, predicate: ["tripSwitch"], descendants: true }, { propertyName: "transitSwitch", first: true, predicate: ["transitSwitch"], descendants: true }, { propertyName: "airportSelect", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "datepickerCombo", first: true, predicate: ["datepickerCombo"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tripTypeOneway", first: true, predicate: ["tripTypeOneway"], descendants: true }, { propertyName: "tripTypeRoundTrip", first: true, predicate: ["tripTypeRoundTrip"], descendants: true }, { propertyName: "transitTypeDirectOnly", first: true, predicate: ["transitTypeDirectOnly"], descendants: true }, { propertyName: "transitTypeTransit", first: true, predicate: ["transitTypeTransit"], descendants: true }, { propertyName: "subsidyDiscount", first: true, predicate: ["subsidyDiscount"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-airport-select *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div\n          [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <nas-dropdown #passengerSelectDropdown\n              *ngIf=\"passengers?.length > 0\"\n              [nasClass]=\"getTravelDetailsClass('dropdown', 'passengers')\"\n              [cssClass]=\"getTravelDetailsClass('dropdown')\"\n              [label]=\"passengerSelectLabel\"\n              [labelStyle]=\"{'width': '102px'}\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              (openChange)=\"onPassengerSelectOpen($event)\"\n              (keydown)=\"passengerKeyDown($event)\">\n              <nas-passenger-select #passengerSelect\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select>\n            </nas-dropdown>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <nas-dropdown *ngIf=\"tripSwitchOneWayLabel && tripSwitchRoundTripLabel\"\n              #tripSwitch\n              [nasClass]=\"getTravelDetailsClass('dropdown', 'trip-type')\"\n              [cssClass]=\"getTravelDetailsClass('dropdown')\"\n              [label]=\"getTripSwitchLabel()\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              (openChange)=\"onTripSwitchOpen($event)\"\n              (keydown)=\"onTripSwitchKeyDown($event)\">\n              <div [nasClass]=\"getTravelDetailsClass('actions')\">\n                <button type=\"button\"\n                  #tripTypeRoundTrip\n                  [nasClass]=\"getTravelDetailsClass('action', tripType === 2 && 'active')\"\n                  (click)=\"onTripTypeChange(2)\">\n                  <nas-icon [type]=\"'medium'\"\n                    [icon]=\"tripType === 2 ? 'flight-return--light' : 'flight-return'\"></nas-icon>\n                  <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{tripSwitchRoundTripLabel}}</span>\n                </button>\n                <button type=\"button\"\n                  #tripTypeOneway\n                  [nasClass]=\"getTravelDetailsClass('action', tripType === 1 && 'active')\"\n                  (click)=\"onTripTypeChange(1)\">\n                  <nas-icon [type]=\"'medium'\"\n                    [icon]=\"tripType === 1 ? 'flight-oneway--light' : 'flight-oneway'\"></nas-icon>\n                  <span [nasClass]=\"getTravelDetailsClass('title', ['small'])\">{{tripSwitchOneWayLabel}}</span>\n                </button>\n              </div>\n            </nas-dropdown>\n          </ng-container>\n          <ng-container *ngIf=\"enableTransitSwitch\">\n            <nas-dropdown *ngIf=\"directOnlyLabel && directTransitLabel\"\n              #transitSwitch\n              [nasClass]=\"getTravelDetailsClass('dropdown', 'transit-type')\"\n              [cssClass]=\"getTravelDetailsClass('dropdown')\"\n              [label]=\"getTransitLabel()\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              (openChange)=\"onTransitSwitchOpen($event)\"\n              (keydown)=\"transitKeyDown($event)\">\n              <div [nasClass]=\"getTravelDetailsClass('actions')\">\n                <button type=\"button\"\n                  #transitTypeTransit\n                  [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n                  (click)=\"onTransitChange(false)\">\n                  <span [nasClass]=\"getTravelDetailsClass('transit-icon')\">\n                    <span [nasClass]=\"getTravelDetailsClass('transit-icon-stop')\"></span>\n                  </span>\n                  <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directTransitLabel}}</span>\n                </button>\n                <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n                  type=\"button\"\n                  #transitTypeDirectOnly\n                  (click)=\"onTransitChange(true)\">\n                  <span [nasClass]=\"getTravelDetailsClass('transit-icon')\"></span>\n                  <span [nasClass]=\"getTravelDetailsClass('title', 'small')\">{{directOnlyLabel}}</span>\n                </button>\n              </div>\n            </nas-dropdown>\n          </ng-container>\n        </div>\n        <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo #datepickerCombo\n            compact\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\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-filter{background-color:#f1f1f1;position:relative;z-index:6}.nas-filter__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter__title{font-size:32px;line-height:38px}}.nas-filter__title--md{margin-top:60px}.nas-filter__filters{margin-top:12px;display:flex;flex-wrap:wrap;order:2}.nas-filter__filters .nas-filter__date-combo{order:2;flex:1;z-index:2}.nas-filter__filters--minimized .nas-filter__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter__filters--maximize .nas-filter__airport-select:after{display:none}.nas-filter__filters--md .nas-filter__date-combo{flex:0 0 100%}.nas-filter__filters--lg{display:flex;align-items:stretch}.nas-filter__filters--lg .nas-filter__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter__filters--lg .nas-filter__suggestions{order:3}.nas-filter__filters--lg .nas-filter__filters--minimized .nas-filter__airport-select{margin-right:0;flex:0 1 100%}.nas-filter__filters--lg .nas-filter__filters--maximize .nas-filter__airport-select{margin-right:3px;flex:auto}.nas-filter__filters--lg.nas-filter__filters--maximize .nas-filter__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter__suggestions:before{content:\"\";position:absolute;top:-3px;left:0px;width:100%;border-top:3px solid #c3c3c3}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#003251;margin-top:6px;z-index:1}.nas-filter__toggler .nas-filter__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter__toggler .nas-filter__direct-only{display:inline-block}.travel-details{position:relative;display:flex;margin:0;flex-wrap:wrap;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__actions{display:flex}.travel-details__action{padding:12px;width:100%;background-color:#fff}.travel-details__action:hover,.travel-details__action:focus{background-color:#e3e3e3}.travel-details__action--active,.travel-details__action--active:hover,.travel-details__action--active:focus{color:#fff;background-color:#003251}.travel-details__action:focus{outline:none;box-shadow:inset 0 0 2px #c3c3c3,inset 0 0 2px 3px #3b99fc;z-index:1}.travel-details__icon{margin-bottom:9px}.travel-details__dropdown{margin-right:0}.travel-details__dropdown:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle{padding:20px!important;width:100%;height:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:hover:after{display:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle nas-icon{float:right}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown__toggle:focus{outline:none}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown{width:100%}::ng-deep .nas-filter__filters .travel-details__dropdown .nas-dropdown:focus{outline:none}@media (min-width: 640px){::ng-deep .nas-filter__filters .travel-details__dropdown:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-filter__date-combo--side-by-side .nas-datepicker-combo__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter__filters .nas-airport-select__input-line{border-top:none!important}::ng-deep .nas-filter__filters .nas-airport-select-combo__separator{border-bottom:none!important}::ng-deep .nas-filter__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter__filters .nas-datepicker-combo__separator{display:none}::ng-deep .nas-filter__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter__filters--lg .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter__filters--lg .nas-airport-select__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-datepicker-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__filters--lg .nas-airport-select-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter__rotate{transform:rotate(180deg)}::ng-deep .nas-filter__rotate-enter,::ng-deep .nas-filter__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__input-line{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select-combo__separator{border-top:none}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results-wrapper{margin-top:0}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__results{top:-3px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select__icon{bottom:18px}::ng-deep .nas-filter__airport-select--no-border .nas-airport-select:after{display:none}::ng-deep .nas-filter__airport-select .nas-airport-select__input-line{display:none}::ng-deep .nas-filter__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter__airport-origin-select .nas-airport-select:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter__airport-origin-select .nas-airport-select:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter__origin-combined{display:flex;flex:none}::ng-deep .nas-filter__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter__subsidy-discount{order:3}::ng-deep .nas-filter__subsidy-discount .nas-subsidy-discount{margin-top:16px}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AirportSelectComponent, selector: "nas-airport-select", inputs: ["airports", "airportRelations", "latestSearchesOrigin", "latestSearchesDestination", "closestAirports", "allowedOriginAiports", "allowedDestinationAirports", "displayLatestSearches", "displayClosestAirports", "combo", "useSwitch", "allAirportsLabel", "latestSearchesLabel", "closestAirportsLabel", "geolocationLabel", "geolocationBlockedLabel", "selectOriginFirstLabel", "invalidDestinationText", "labelOrigin", "placeholderOrigin", "labelDestination", "placeholderDestination", "keepSelection", "nasFormControlNameOrigin", "nasFormControlNameDestination", "nasFormGroup", "originAirportCode", "destinationAirportCode", "ariaLabelClear", "ariaLabelBackdrop"], outputs: ["originChange", "originOpenChange", "destinationChange", "destinationOpenChange", "focusOnNext", "positionChange"] }, { kind: "component", type: DropdownComponent, selector: "nas-dropdown", inputs: ["open", "id", "ariaLabelBackdrop", "cssClass", "inline", "label", "stretched", "labelStyle"], outputs: ["openChange"] }, { kind: "component", type: PassengerSelectComponent, selector: "nas-passenger-select", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "subheader", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "info", "subheaderPositive", "subheaderNegative", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: DatepickerComboComponent, selector: "nas-datepicker-combo", inputs: ["ariaLabelBackdrop", "outboundOpen", "inboundOpen", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "outboundDisabled", "inboundDisabled", "outboundOnly", "outboundLabel", "inboundLabel", "availability", "outboundAvailableDates", "inboundAvailableDates", "times", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlNameOutbound", "nasFormControlNameInbound", "outboundSelectedDate", "inboundSelectedDate", "disableBackdrop", "outboundSelectedTime", "inboundSelectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "inboundLowerLimitDateOffset"], outputs: ["outboundSelectedDateChange", "inboundSelectedDateChange", "outboundOpenChange", "inboundOpenChange", "outboundMonthChange", "inboundMonthChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "component", type: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: ["label", "icon", "selectedDiscount", "discounts"], outputs: ["infoButtonClick", "infoButtonKeydown", "discountSelectChange"] }, { kind: "component", type: SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
@@ -7037,13 +7150,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
 */
 class SpinnerComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Enables the spinner after 500ms. If false again within 500ms, the spinner will not be displayed at all.
      * @example
-     * ```html
      * <nas-spinner [enable]="enable"></nas-spinner>
-     * ```
-     */
+    */
     get enable() {
         return this.enableValue;
     }
@@ -7052,13 +7164,12 @@ class SpinnerComponent extends NasComponentBase {
         this.setEnabled(this.enableValue);
     }
     /**
+     * @property Input
      * @descriptionp
      * Sets the number of seconds to wait before showing the refresh link.
      * @example
-     * ```html
      * <nas-spinner [refresh]="10"></nas-spinner>
-     * ```
-     */
+    */
     get refresh() {
         return this.refreshSecondValue;
     }
@@ -7072,17 +7183,14 @@ class SpinnerComponent extends NasComponentBase {
         super('nas-spinner');
         this.renderer = renderer;
         /**
-       * @description
-       * Block page scrolling.
-       * @example
-       * ```html
-       * <nas-select blockScrolling></nas-select>
-       * ```
-       * or
-       * ```html
-       * <nas-select [blockScrolling]="true"></nas-select>
-       * ```
-       */
+         * @property Input
+         * @description
+         * Block page scrolling.
+         * @example
+         * <nas-select blockScrolling></nas-select>
+         * or
+         * <nas-select [blockScrolling]="true"></nas-select>
+        */
         this.blockScrolling = true;
     }
     ngOnInit() {
@@ -7350,11 +7458,12 @@ let nextId$5 = 0;
  */
 class RadioComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Set the radio button checked.
      * @example
      * <nas-radio checked></nas-radio>
-     */
+    */
     get checked() {
         return this.checkedValue;
     }
@@ -7368,6 +7477,7 @@ class RadioComponent extends NasComponentBase {
     constructor() {
         super('nas-radio');
         /**
+         * @property Output
          * @description
          * Listen for checked change events.
          * @example
@@ -7443,9 +7553,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class SortComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * popup open set & get.
-     */
+    */
     get open() {
         return this.dropdownOpen;
     }
@@ -7453,9 +7564,10 @@ class SortComponent extends NasComponentBase {
         this.dropdownOpen = value;
     }
     /**
-   * @description
-   * checked option set & get.
-   */
+     * @property Input
+     * @description
+     * checked option set & get.
+    */
     get selectedOption() {
         return this.checkedOptionObject;
     }
@@ -7468,14 +7580,16 @@ class SortComponent extends NasComponentBase {
     constructor() {
         super('nas-sort');
         /**
+         * @property Output
          * @description
          * Listen for option change events.
-         */
+        */
         this.selectedOptionChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Listen for apply button click events.
-         */
+        */
         this.applyButtonClicked = new EventEmitter();
     }
     checkSpaceless(option, index) {
@@ -7751,12 +7865,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class InfoComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * A model that contains an optional title and an array of messages.
      * @example
-     * ```html
      * <nas-info [info]="info"></nas-info>
-     * ```
      */
     get info() {
         return this.infoValue;
@@ -7769,11 +7882,13 @@ class InfoComponent extends NasComponentBase {
         super('nas-info');
         this.showChange = new EventEmitter();
         /**
+         * @property Input
          * @description
          * Flag for showing/hiding element. Defaults to true.
          */
         this.show = true;
         /**
+         * @property Input
          * @description
          * Flag for toggling on or off the HTML sanitizing. Defaults to true.
          */
@@ -7817,7 +7932,7 @@ class InfoComponent extends NasComponentBase {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", success: "success", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #d81939}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "subheader", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "info", "subheaderPositive", "subheaderNegative", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", success: "success", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n  <div [nasClass]=\"getClass('content', modifiers)\">\n    <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n      <small>{{info?.timestamp | date:'full'}}</small>\n      <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n    </div>\n    <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n      <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n      <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n      <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n    </div>\n    <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n      <li *ngFor=\"let message of info?.messages\"> \n        <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n        <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n      </li>\n    </ul>\n    <div [nasClass]=\"getClass('custom-content')\">\n      <ng-content></ng-content>\n    </div>\n    <div *ngIf=\"info?.link\">\n      <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n    </div>\n    <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n      <nas-accordion simple [title]=\"stackTraceLabel\">\n        {{info?.stackTrace}}\n      </nas-accordion>\n    </div>\n  </div>\n  <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n    <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n  </div>\n</div>\n\n<ng-template #titleTemplate>\n  <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#ffc}.nas-info__content--error{background-color:#fff;border:3px solid #d81939}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "subheader", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "info", "subheaderPositive", "subheaderNegative", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, decorators: [{
             type: Component,
@@ -7878,6 +7993,7 @@ let nextId$4 = 0;
  */
 class InputComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * The value of the native input element
      */
@@ -7889,6 +8005,7 @@ class InputComponent extends NasComponentBase {
         this.modelChange.emit(this.modelValue);
     }
     /**
+     * @property Input
      * @description
      * Whether the native input element is disabled or no, with disabled styling.
      */
@@ -7909,6 +8026,7 @@ class InputComponent extends NasComponentBase {
         }
     }
     /**
+    * @property Input
     * @description
     * String to set name on native input element.
     */
@@ -7933,11 +8051,13 @@ class InputComponent extends NasComponentBase {
         this.modelChange = new EventEmitter(false);
         this.blur = new EventEmitter(false);
         /**
+         * @property Input
          * @description
          * Input type of the element.
          */
         this.type = 'text';
         /**
+         * @property Input
          * @description
          * Adds a line below the input element. Default value is true.
          * @example
@@ -8120,14 +8240,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class ModalComponent extends NasComponentBase {
     /**
+     * @property Input
      * @required
      * @description
      * Used to decide whether the modal should be diplayed or not.
      * @example
-     * ```html
      * <nas-modal [(show)]="diplayModal"></nas-modal>
-     * ```
-     */
+    */
     get show() {
         return this.showValue;
     }
@@ -8154,13 +8273,12 @@ class ModalComponent extends NasComponentBase {
         this.ref = ref;
         this.renderer = renderer;
         /**
+         * @property Input
          * @description
          * Determines if the modal should be animated when shown. Defaults to true
          * @example
-         * ```html
          * <nas-modal [animated]="'false'"></nas-modal>
-         * ```
-         */
+        */
         this.animated = true;
         this.enableClose = true;
         this.showChange = new EventEmitter();
@@ -8292,14 +8410,12 @@ class PageFooterComponent extends NasComponentBase {
     constructor() {
         super('nas-page-footer');
         /**
+         * @property Input
          * @description
          * String to set Text on To Top Button.
          *
          * @example
-         *
-         * ```html
          * <nas-page-footer [buttonText]="'Til Toppen'"></nas-page-footer>
-         * ```
          */
         this.buttonText = 'To Top';
     }
@@ -8411,34 +8527,40 @@ class PageHeaderComponent extends NasComponentBase {
         super('nas-page-header');
         this.changeDetector = changeDetector;
         /**
+         * @property Input
          * @description
          * Sets the menu text. Defaults to "Menu".
-         */
+        */
         this.menuText = 'Menu';
         /**
+         * @property Input
          * @description
          * Sets the close text. Defaults to "Close".
-         */
+        */
         this.closeText = 'Close';
         /**
+         * @property Input
          * @description
          * Sets the search label for search field. Defaults to "Search".
-         */
+        */
         this.searchText = 'Search';
         /**
-        * @description
-        * Will display the Norwegian Reward logo, set this to true display it. It's false by default.
+         * @property Input
+         * @description
+         * Will display the Norwegian Reward logo, set this to true display it. It's false by default.
         */
         this.reward = false;
         /**
+         * @property Input
          * @description
          * Url to the front-/homepage.
-         */
+        */
         this.frontPageUrl = '/';
         /**
+         * @property Output
          * @description
          * Notifies consumer that menu is expanded or collapsed
-         */
+        */
         this.openChange = new EventEmitter();
         this.expanded = false;
         this.animateOut = false;
@@ -8564,20 +8686,20 @@ class ToggleComponent extends NasComponentBase {
     constructor() {
         super('nas-toggle');
         /**
+         * @property Output
          * @description
          * An event that is fired every time a toggle is performed.
          * @example
-         * ```html
          * <nas-toggle (handleChange)="onHandleChange($event)"></nas-toggle>
-         * ```
-         */
+        */
         this.handleChange = new EventEmitter();
         /**
+         * @property Input
          * @description
          * To set horizontal scroll.
          * @example
          * <nas-toggle scrollable></nas-toggle>
-         */
+        */
         this.scrollable = false;
     }
     ngOnInit() {
@@ -8660,13 +8782,12 @@ class PremiumToggleComponent extends NasComponentBase {
     constructor() {
         super('premium-toggle');
         /**
+         * @property Output
          * @description
          * An event that is fired every time a toggle is performed.
          * @example
-         * ```html
          * <nas-premium-toggle (handleChange)="onHandleChange($event)"></nas-premium-toggle>
-         * ```
-         */
+        */
         this.handleChange = new EventEmitter();
     }
     ngOnInit() {
@@ -8779,9 +8900,10 @@ class WeatherIconComponent extends NasComponentBase {
     constructor() {
         super('nas-weather-icon');
         /**
+         * @property Input
          * @description
          * Sets the text above the temperature. "Ex. Avg.:". Default value is "Avg.";
-         */
+        */
         this.temperatureText = 'Avg.';
     }
     ngOnInit() {
@@ -8992,40 +9114,38 @@ class JourneyComponent extends NasComponentBase {
         this.datePipe = datePipe;
         this.dateService = dateService;
         /**
+         * @property Input
          * @description
          * A string representing date display format, if not provided, default formatting on date will be applied
          * i.e 'dd MMM yyyy', which will result in displaying date like '21, Feb 2019'.
          * @example
-         * ```html
          * <nas-journey [dateFormat]="'dd, MMM yyyy'"></nas-journey>
-         * ```
          */
         this.dateFormat = 'dd, MMM yyyy';
         /**
+         * @property Input
          * @description
          * A string representing time display format, if not provided, default formatting on date will be applied
          * i.e 'HH:mm' , which will result in displaying time like '09:23'.
          * @example
-         * ```html
          * <nas-journey [timeFormat]="'HH:mm'"></nas-journey>
-         * ```
          */
         this.timeFormat = 'HH:mm';
         /**
+         * @property Input
          * @description
          * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
          * This requires that registerLocaleData is called with the respective locale.
          * @example
-         * ```html
          * <nas-journey [locale]="'es'"></nas-journey>
          */
         this.locale = 'en-US';
         /**
+         * @property Input
          * @description
          * User can input the timezone to localize the date.
          * Default is set to UTC and it will by default show the date exactly what is passed to it.
          * @example
-         * ```html
          * <nas-journey [timeZone]="'UTC'"></nas-journey>
          */
         this.timeZone = 'UTC';
@@ -9125,42 +9245,40 @@ class JourneyStopoverComponent extends NasComponentBase {
         this.datePipe = datePipe;
         this.dateService = dateService;
         /**
+         * @property Input
          * @description
          * A string representing time display format, if not provided, default formatting on date will be applied
          * i.e 'HH:mm' , which will result in displaying time like '09:23'.
          * @example
-         * ```html
          * <nas-journey-stopover [timeFormat]='HH:mm'></nas-journey-stopover>
-         * ```
          */
         this.timeFormat = 'HH:mm';
         /**
-       * @description
-       * A string representing date display format, if not provided, default formatting on date will be applied
-       * i.e 'dd MMM,' , which will result in displaying time like '21 Feb,'.
-       * @example
-       * ```html
-       * <nas-journey-stopover [dateFormat]='dd MMM,'></nas-journey-stopover>
-       * ```
-       */
+         * @property Input
+         * @description
+         * A string representing date display format, if not provided, default formatting on date will be applied
+         * i.e 'dd MMM,' , which will result in displaying time like '21 Feb,'.
+         * @example
+         * <nas-journey-stopover [dateFormat]='dd MMM,'></nas-journey-stopover>
+        */
         this.dateFormat = 'dd MMM,';
         /**
-       * @description
-       * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
-       * This requires that registerLocaleData is called with the respective locale.
-       * @example
-       * ```html
-       * <nas-journey-stopover [locale]="'es'"></nas-journey-stopover>
-       */
+         * @property Input
+         * @description
+         * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
+         * This requires that registerLocaleData is called with the respective locale.
+         * @example
+         * <nas-journey-stopover [locale]="'es'"></nas-journey-stopover>
+        */
         this.locale = 'en-US';
         /**
+         * @property Input
          * @description
          * User can input the timezone to localize the date.
          * Default is set to UTC and it will by default show the date exactly what is passed to it.
          * @example
-         * ```html
          * <nas-journey-stopover [timeZone]="'UTC'"></nas-journey-stopover>
-         */
+        */
         this.timeZone = 'UTC';
     }
     ngOnChanges(_changes) {
@@ -9229,70 +9347,65 @@ class TripSummaryComponent extends NasComponentBase {
     constructor() {
         super('nas-trip-summary');
         /**
-       * @description
-       * A boolean vlaue to set whether the trip summary details are expanded/minimized.
-       * Default is false
-       * @example
-       * ```html
-       * <nas-trip-summary [expanded]="true"></nas-trip-summary>
-       * ```
-       */
+         * @property Input
+         * @description
+         * A boolean vlaue to set whether the trip summary details are expanded/minimized.
+         * Default is false
+         * @example
+         * <nas-trip-summary [expanded]="true"></nas-trip-summary>
+        */
         this.expanded = false;
         /**
+         * @property Input
          * @description
          * A boolean value to enable expanding/collapsing the trip summary details. Default value is false
          * @example
-         * ```html
          * <nas-trip-summary [collapsable]="true"></nas-trip-summary>
-         * ```
-         */
+        */
         this.collapsable = true;
         /**
+         * @property Input
          * @description
          * A string represents the title of the expand/collase action.
          * @example
-         * ```html
          * <nas-trip-summary [expandTitle]="'Details'"></nas-trip-summary>
-         * ```
-         */
+        */
         this.expandTitle = 'Details';
         /**
-       * @description
-       * A string representing date display format, if not provided, default formatting on date will be applied
-       * i.e 'dd MMM yyyy', which will result in displaying date like '21, Feb 2019'.
-       * @example
-       * ```html
-       * <nas-trip-summary [dateFormat]="'dd, MMM yyyy'"></nas-trip-summary>
-       * ```
-       */
+         * @property Input
+         * @description
+         * A string representing date display format, if not provided, default formatting on date will be applied
+         * i.e 'dd MMM yyyy', which will result in displaying date like '21, Feb 2019'.
+         * @example
+         * <nas-trip-summary [dateFormat]="'dd, MMM yyyy'"></nas-trip-summary>
+        */
         this.dateFormat = 'dd, MMM yyyy';
         /**
+         * @property Input
          * @description
          * A string representing time display format, if not provided, default formatting on date will be applied
          * i.e 'HH:mm' , which will result in displaying time like '09:23'.
          * @example
-         * ```html
          * <nas-trip-summary [timeFormat]="'HH:mm'"></nas-trip-summary>
-         * ```
-         */
+        */
         this.timeFormat = 'HH:mm';
         /**
+         * @property Input
          * @description
          * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
          * This requires that registerLocaleData is called with the respective locale.
          * @example
-         * ```html
          * <nas-trip-summary [locale]="'es'"></nas-trip-summary>
-         */
+        */
         this.locale = 'en-US';
         /**
+         * @property Input
          * @description
          * User can input the timezone to localize the date.
          * Default is set to UTC and it will by default show the date exactly what is passed to it.
          * @example
-         * ```html
          * <nas-trip-summary [timeZone]="'UTC'"></nas-trip-summary>
-         */
+        */
         this.timeZone = 'UTC';
     }
     ngOnChanges(changes) {
@@ -9340,7 +9453,7 @@ class TripSummaryComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n  <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n    [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n    <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n      <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n        <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n      </nas-accordion>\n    </div>\n\n    <ng-template #tripDetailsRef>\n      <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n        <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n          <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n            <div>\n\n              <div [nasClass]=\"getClass('item')\">\n                <div [nasClass]=\"getClass('',['title'])\">\n                  {{detail.header}}\n                </div>\n                <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n                  <span [nasClass]=\"getClass('',['text'])\">\n                    {{explanation.text}}\n                  </span>\n                  <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n                    <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n          <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\"  \n            [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n            [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n            [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n            [departureTimeLabel]=\"departureLabel\">\n          </nas-journey-stopover>\n        </div>\n\n      </div>\n\n    </ng-template>\n  </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "subheader", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "info", "subheaderPositive", "subheaderNegative", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: JourneyComponent, selector: "nas-journey", inputs: ["journeyModel", "dateFormat", "timeFormat", "arrivalLabel", "departureLabel", "arrivalEstimatedLabel", "departureEstimatedLabel", "locale", "timeZone"] }, { kind: "component", type: JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: ["journeyStopoverModel", "transitLabel", "arrivalTimeLabel", "departureTimeLabel", "timeFormat", "dateFormat", "transitHoursIndicator", "transitMinutesIndicator", "locale", "timeZone"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: { tripSummaryModel: "tripSummaryModel", expanded: "expanded", collapsable: "collapsable", displayMinimumInfo: "displayMinimumInfo", expandTitle: "expandTitle", arrivalLabel: "arrivalLabel", departureLabel: "departureLabel", arrivalEstimatedLabel: "arrivalEstimatedLabel", departureEstimatedLabel: "departureEstimatedLabel", dateFormat: "dateFormat", timeFormat: "timeFormat", transitHoursIndicator: "transitHoursIndicator", transitMinutesIndicator: "transitMinutesIndicator", transitLabel: "transitLabel", locale: "locale", timeZone: "timeZone" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\" *ngIf=\"tripSummaryModel && journeyModel\">\n\n  <nas-journey [timeZone]=\"timeZone\" [locale]=\"locale\" [journeyModel]=\"journeyModel\" [dateFormat]=\"dateFormat\" [timeFormat]=\"timeFormat\" [arrivalLabel]=\"arrivalLabel\"\n    [departureLabel]=\"departureLabel\" [arrivalEstimatedLabel]=\"arrivalEstimatedLabel\" [departureEstimatedLabel]=\"departureEstimatedLabel\">\n\n    <div *ngIf=\"exists(collapsable); else tripDetailsRef;\">\n      <nas-accordion simple [title]=\"expandTitle\" [expanded]=\"expanded\">\n        <ng-template [ngTemplateOutlet]=\"tripDetailsRef\"></ng-template>\n      </nas-accordion>\n    </div>\n\n    <ng-template #tripDetailsRef>\n      <div [nasClass]=\"getClass('details')\" *ngFor=\"let tripSummary of tripSummaryModel.flightList;\">\n\n        <div [nasClass]=\"getClass('view')\" *ngFor=\"let detail of tripSummary.flightDetailList;index as flightDetailsIndex\">\n\n          <div *ngIf=\"exists(displayMinimumInfo) && flightDetailsIndex < 2 || !exists(displayMinimumInfo)\">\n            <div>\n\n              <div [nasClass]=\"getClass('item')\">\n                <div [nasClass]=\"getClass('',['title'])\">\n                  {{detail.header}}\n                </div>\n                <div [nasClass]=\"getClass('',['explanation'])\" *ngFor=\"let explanation of detail.itemDetailList\">\n                  <span [nasClass]=\"getClass('',['text'])\">\n                    {{explanation.text}}\n                  </span>\n                  <span [nasClass]=\"getClass('',['link'])\" *ngIf=\"explanation?.link?.text.length\">\n                    <a href=\"{{explanation?.link?.url}}\">{{explanation?.link?.text}}</a>\n                  </span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div *ngIf=\"tripSummary.stopover\" [nasClass]=\"getClass('stopover')\">\n          <nas-journey-stopover [timeZone]=\"timeZone\" [locale]=\"locale\"  \n            [journeyStopoverModel]=\"tripSummary.stopover\" [dateFormat]=\"dateFormat\"\n            [transitHoursIndicator]=\"transitHoursIndicator\" [transitMinutesIndicator]=\"transitMinutesIndicator\"\n            [timeFormat]=\"timeFormat\" [transitLabel]=\"transitLabel\" [arrivalTimeLabel]=\"arrivalLabel\"\n            [departureTimeLabel]=\"departureLabel\">\n          </nas-journey-stopover>\n        </div>\n\n      </div>\n\n    </ng-template>\n  </nas-journey>\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-trip-summary{position:relative}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item{border-bottom:2px solid #c3c3c3;padding:10px;color:#002a3a}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;line-height:26px}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:flex;place-content:space-between}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__item .nas-trip-summary--explanation .nas-trip-summary--link{align-self:center}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__view:first-child .nas-trip-summary__item{border-top:2px solid #c3c3c3}.nas-trip-summary .nas-trip-summary__details .nas-trip-summary__stopover{margin:5px 0 20px}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__toggle{margin-bottom:0;background-color:transparent}:host ::ng-deep .nas-trip-summary .nas-accordion--simple .nas-accordion__content{background-color:transparent;padding-left:0}:host ::ng-deep .nas-trip-summary .nas-accordion{margin-bottom:0}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:first-child{padding-bottom:5px!important}:host ::ng-deep .nas-trip-summary .nas-journey__body .nas-journey__flight-details:last-child{padding-top:5px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "subheader", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "info", "subheaderPositive", "subheaderNegative", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: JourneyComponent, selector: "nas-journey", inputs: ["journeyModel", "dateFormat", "timeFormat", "arrivalLabel", "departureLabel", "arrivalEstimatedLabel", "departureEstimatedLabel", "locale", "timeZone"] }, { kind: "component", type: JourneyStopoverComponent, selector: "nas-journey-stopover", inputs: ["journeyStopoverModel", "transitLabel", "arrivalTimeLabel", "departureTimeLabel", "timeFormat", "dateFormat", "transitHoursIndicator", "transitMinutesIndicator", "locale", "timeZone"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TripSummaryComponent, decorators: [{
             type: Component,
@@ -9385,6 +9498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class JourneyAvailabilityComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Setter and getter when the flight info popup shows/hidden.
      */
@@ -9403,38 +9517,39 @@ class JourneyAvailabilityComponent extends NasComponentBase {
         this.deviceService = deviceService;
         this.dateService = dateService;
         /**
+         * @property Input
          * @description
          * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
          * This requires that registerLocaleData is called with the respective locale.
          * @example
-         * ```html
          * <nas-journey-availability [locale]="'es'"></nas-journey-availability>
          */
         this.locale = 'en-US';
         /**
+         * @property Input
          * @description
          * Time display format, Default is HH:mm
          * @example
-         * ```html
          * <nas-journey-availability [timeDisplayFormat]="'HH:mm'"></nas-journey-availability>
          */
         this.timeDisplayFormat = 'HH:mm';
         /**
+         * @property Input
          * @description
          * User can input the timezone to localize the date.
          * Default is set to UTC and it will by default show the date exactly what is passed to it.
          * @example
-         * ```html
          * <nas-journey-availability [timeZone]="'UTC'"></nas-journey-availability>
          */
         this.timeZone = 'UTC';
         /**
-         *
+         * @property Output
          * @description
          * An Event which Emitts boolean when Flight info popup is toggled.
          */
         this.displayJourneyDetailsChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Event emits when user click on journey availability for selection.
          */
@@ -9505,6 +9620,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class JourneyAvailabilityListComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * An optional model for sort popup options.
      */
@@ -9525,6 +9641,7 @@ class JourneyAvailabilityListComponent extends NasComponentBase {
         };
     }
     /**
+     * @property Input
      * @description
      * set or get selected sort option.
      */
@@ -9540,13 +9657,11 @@ class JourneyAvailabilityListComponent extends NasComponentBase {
         this.sortSelectedOptionChange.emit(option);
     }
     /**
-     *
+     * @property Input
      * @description
      * A number that sets the SelectedIndex from the JourneyList array in journeyAvailabilityListModel
      * @example
-     * ```html
      * <nas-journey-availability-list [(selectIndex)]="selectIndex"></nas-journey-availability-list>
-     * ```
      */
     get selectedIndex() {
         return this.activeIndex;
@@ -9559,49 +9674,46 @@ class JourneyAvailabilityListComponent extends NasComponentBase {
         super('nas-journey-availability-list');
         this.dateService = dateService;
         /**
-        * @description
-        * Event that fires when the sort option changes.
+         * @property Output
+         * @description
+         * Event that fires when the sort option changes.
         */
         this.sortSelectedOptionChange = new EventEmitter();
         /**
-        * @description
-        * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
-        * This requires that registerLocaleData is called with the respective locale.
-        * @example
-        * ```html
-        * <nas-journey-availability-list [locale]="'es'"></nas-journey-availability-list>
+         * @property Input
+         * @description
+         * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
+         * This requires that registerLocaleData is called with the respective locale.
+         * @example
+         * <nas-journey-availability-list [locale]="'es'"></nas-journey-availability-list>
         */
         this.locale = 'en-US';
         /**
-       * @description
-       * Time display format.
-       * @example
-       * ```html
-       * <nas-journey-availability-list [timeDisplayFormat]="'HH:mm'"></nas-journey-availability-list>
-       */
+         * @property Input
+         * @description
+         * Time display format.
+         * @example
+         * <nas-journey-availability-list [timeDisplayFormat]="'HH:mm'"></nas-journey-availability-list>
+        */
         this.timeDisplayFormat = 'HH:mm';
         /**
-         *
+         * @property Output
          * @description
          * A JourneyModel type record the represents selected journey data;
          * @example
-         * ```html
          * <nas-journey-availability-list (selectedJourney)="onselectedJourney($event)"></nas-journey-availability-list>
-         * ```
          */
         this.selectedJourney = new EventEmitter();
         /**
-        *
+        * @property Output
         * @description
         * A selected index of selected journey data;
         * @example
-        * ```html
         * <nas-journey-availability-list (selectedIndexChange)="onSelectedIndexChange($event)"></nas-journey-availability-list>
-        * ```
         */
         this.selectedIndexChange = new EventEmitter();
         /**
-         *
+         * @property Output
          * @description
          * An Event which Emitts boolean when Flight info popup is toggled.
          */
@@ -9812,20 +9924,15 @@ class ChipComponent extends NasComponentBase {
     constructor() {
         super('nas-chip');
         /**
+         * @property Input
          * @description
          * Property to set custom styling on button.
          *
          * @example
-         *
-         * ```html
          * <nas-chip [cssStyle]="{'width': '300px', 'height': '40px'}"></nas-chip>
-         * ```
-         *
          */
         this.cssStyle = {};
     }
-    ngOnInit() {
-    }
     getChipClass() {
         return this.getClass('', [
             this.exists(this.approve) && 'approve',
@@ -9999,9 +10106,10 @@ let nextId$3 = 0;
 */
 class TabGroupComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * The selected index for the tab group. Default value is 0.
-     */
+    */
     get selectedIndex() {
         return this.selectedIndexValue;
     }
@@ -10113,13 +10221,12 @@ class PhoneNumberComponent extends NasComponentBase {
         this.modelChange.emit(this.modelValue);
     }
     /**
+     * @property Input
      * @description
      * Gets or sets the selected value.
      * @example
-     * ```html
      * <nas-phone-number [(selected)]="selected"></nas-phone-number>
-     * ```
-     */
+    */
     get selected() {
         return this.selectedValue;
     }
@@ -10133,31 +10240,28 @@ class PhoneNumberComponent extends NasComponentBase {
     constructor() {
         super('nas-phone-number');
         /**
+         * @property Input
          * @description
          * The type of the native input element. Default value is number
          * @example
-         * ```html
          * <nas-phone-number [type]="'text'"></nas-phone-number>
-         * ```
-         */
+        */
         this.type = 'number';
         /**
-        * @description
-        * An output event that fies when input value changes.
-        * @example
-         * ```html
+         * @property Output
+         * @description
+         * An output event that fies when input value changes.
+         * @example
          * <nas-phone-number (modelChange)="onModelChange()"></nas-phone-number>
-         * ```
         */
         this.modelChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time a selection is done.
          * @example
-         * ```html
          * <nas-phone-number (selectedChange)="onSelectedChange($event)"></nas-phone-number>
-         * ```
-         */
+        */
         this.selectedChange = new EventEmitter();
     }
     mainClass() {
@@ -10283,6 +10387,7 @@ class AutocompleteComponent extends NasComponentBase {
         }
     }
     /**
+     * @property Input
      * @description
      * An array of items that will appear inside the dropdown list.
      */
@@ -10297,6 +10402,7 @@ class AutocompleteComponent extends NasComponentBase {
         this.filter();
     }
     /**
+     * @property Input
      * @description
      * Can set and listen to wheather the dropdown list is or should be open or not.
      */
@@ -10311,6 +10417,7 @@ class AutocompleteComponent extends NasComponentBase {
         this.openChange.emit(open);
     }
     /**
+     * @property Input
      * @description
      * Can set and listen to changes in the model of the text field.
      */
@@ -10333,16 +10440,19 @@ class AutocompleteComponent extends NasComponentBase {
         this.document = document;
         this.filteredItems = this.items;
         /**
+         * @property Input
          * @description
          * A placeholder that will appear inside the text field.
          */
         this.placeholder = '';
         /**
+         * @property Output
          * @description
          * Is fired when the next element should be focused.
          */
         this.focusOnNext = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Is fired when the user selects an item in the dropdown list.
          */
@@ -10598,6 +10708,11 @@ class TextareaComponent extends NasComponentBase {
     }
     constructor() {
         super('nas-textarea');
+        /**
+         * @property Output
+         * @description
+         * Emits a string if the model has changesd
+        */
         this.modelChange = new EventEmitter(false);
     }
     mainClass() {
@@ -10698,6 +10813,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
  */
 class JourneySelectionComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * A boolean that changes how journey selection component looks/behaves based on journey selected/not-selected.
      */
@@ -10717,8 +10833,14 @@ class JourneySelectionComponent extends NasComponentBase {
         this.datePipe = datePipe;
         this.deviceService = deviceService;
         this.sanitizer = sanitizer;
+        /**
+         * @property Output
+         * @description
+         * A EventEmitter that returns a boolean based on collapse change.
+         */
         this.collapseChange = new EventEmitter();
         /**
+         * @property Input
          * @description
          * User can input the timezone to localize the date.
          * Default is set to UTC and it will by default show the date exactly what is passed to it.
@@ -10728,9 +10850,10 @@ class JourneySelectionComponent extends NasComponentBase {
          */
         this.timeZone = 'UTC';
         /**
-       * @description
-       * this event emits when button is clicked or date changes by nevigation icons.
-       */
+         * @property Output
+         * @description
+         * this event emits when button is clicked or date changes by nevigation icons.
+        */
         this.selectedDateChanged = new EventEmitter();
     }
     ngOnChanges(changes) {
@@ -10827,9 +10950,10 @@ let nextId$1 = 0;
 */
 class SlideToggleComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Sets the Id of the native input element.
-     */
+    */
     get inputId() {
         return this.inputIdValue ? this.inputIdValue : `nas-slide-toggle-input-${this.componentId}`;
     }
@@ -10837,9 +10961,10 @@ class SlideToggleComponent extends NasComponentBase {
         this.inputIdValue = value;
     }
     /**
+     * @property Input
      * @description
      * Set the toggle value.
-     */
+    */
     get toggle() {
         return this.toggleValue;
     }
@@ -10857,14 +10982,16 @@ class SlideToggleComponent extends NasComponentBase {
     constructor() {
         super('nas-slide-toggle');
         /**
+         * @property Output
          * @description
          * Toggle change events.
-         */
+        */
         this.toggleChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * Emits when the focus should be on the previous element.
-         */
+        */
         this.focusOnPrevious = new EventEmitter();
         this.componentId = nextId$1++;
     }
@@ -10961,9 +11088,10 @@ let nextId = 0;
 */
 class SliderComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * The value of the slider
-     */
+    */
     get value() {
         return this.valueValue;
     }
@@ -10976,8 +11104,9 @@ class SliderComponent extends NasComponentBase {
         this.valueChange.emit(value);
     }
     /**
-    * @description
-    * The selected minimum value of the range-slider
+     * @property Input
+     * @description
+     * The selected minimum value of the range-slider
     */
     get selectedMinValue() {
         return this.rangeMinValue;
@@ -10991,9 +11120,10 @@ class SliderComponent extends NasComponentBase {
         this.selectedMinValueChange.emit(value);
     }
     /**
+     * @property Input
      * @description
      * The selected maximum value of the range-slider
-     */
+    */
     get selectedMaxValue() {
         return this.rangeMaxValue;
     }
@@ -11006,8 +11136,9 @@ class SliderComponent extends NasComponentBase {
         this.selectedMaxValueChange.emit(value);
     }
     /**
-    * @description
-    * The minimum difference of min and max range-slider.
+     * @property Input
+     * @description
+     * The minimum difference of min and max range-slider.
     */
     get minDiffRange() {
         return this.minDifferenceRange;
@@ -11019,9 +11150,10 @@ class SliderComponent extends NasComponentBase {
         this.minDifferenceRange = Number(value);
     }
     /**
+     * @property Input
      * @description
      * The suffix/ending of the value that the slider can have.
-     */
+    */
     get suffix() {
         if (this.suffixLabelValue) {
             return this.suffixLabelValue;
@@ -11034,9 +11166,10 @@ class SliderComponent extends NasComponentBase {
         this.suffixLabelValue = value;
     }
     /**
+     * @property Input
      * @description
      * The minimum value that the slider can have. The default value is 0.
-     */
+    */
     get min() {
         return this.minValue;
     }
@@ -11047,9 +11180,10 @@ class SliderComponent extends NasComponentBase {
         this.minValue = value;
     }
     /**
+     * @property Input
      * @description
      * A custom label for the minimum value. The actual value is still specified by min input.
-     */
+    */
     get minLabel() {
         if (this.minLabelValue) {
             return this.minLabelValue;
@@ -11062,9 +11196,10 @@ class SliderComponent extends NasComponentBase {
         this.minLabelValue = value;
     }
     /**
+     * @property Input
      * @description
      * The maximum value that the slider can have. The default value is 100.
-     */
+    */
     get max() {
         return this.maxValue;
     }
@@ -11075,9 +11210,10 @@ class SliderComponent extends NasComponentBase {
         this.maxValue = value;
     }
     /**
+     * @property Input
      * @description
      * A custom label for the maximum value. The actual value is still specified by max input.
-     */
+    */
     get maxLabel() {
         if (this.maxLabelValue) {
             return this.maxLabelValue;
@@ -11090,9 +11226,10 @@ class SliderComponent extends NasComponentBase {
         this.maxLabelValue = value;
     }
     /**
+     * @property Input
      * @description
      * The values at which the thumb will snap
-     */
+    */
     get step() {
         return this.stepValue;
     }
@@ -11103,9 +11240,10 @@ class SliderComponent extends NasComponentBase {
         this.stepValue = Number(value);
     }
     /**
+     * @property Input
      * @description
      * Whether the component is disabled
-     */
+    */
     get disabled() {
         return this.disabledValue;
     }
@@ -11156,18 +11294,21 @@ class SliderComponent extends NasComponentBase {
         super('nas-slider');
         this.cdr = cdr;
         /**
+         * @property Output
          * @description
          * An event that is fired every time the silder value changes
-         */
+        */
         this.valueChange = new EventEmitter();
         /**
+         * @property Output
          * @description
          * An event that is fired every time the silder minimum value changes
-         */
+        */
         this.selectedMinValueChange = new EventEmitter();
         /**
-        * @description
-        * An event that is fired every time the silder maximum value changes
+         * @property Output
+         * @description
+         * An event that is fired every time the silder maximum value changes
         */
         this.selectedMaxValueChange = new EventEmitter();
         this.isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent);
@@ -11479,8 +11620,6 @@ class TableComponent extends NasComponentBase {
     constructor() {
         super('nas-table');
     }
-    ngOnInit() {
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TableComponent, selector: "nas-table", inputs: { caption: "caption" }, usesInheritance: true, ngImport: i0, template: "<table [nasClass]=\"getClass()\">\n    <caption *ngIf=\"caption\">{{caption}}</caption>\n    <ng-content select=\"nas-column-group\"></ng-content>\n    <ng-content select=\"nas-table-row\"></ng-content>\n    <ng-content select=\"nas-table-head\"></ng-content>\n    <ng-content select=\"nas-table-body\"></ng-content>\n    <ng-content select=\"nas-table-foot\"></ng-content>\n</table>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{overflow-x:auto;display:block}.nas-table{width:100%;background:#fff}.nas-table ::ng-deep tr{height:56px}.nas-table ::ng-deep tr td,.nas-table ::ng-deep tr th{padding-left:24px;border-bottom:2px solid #e3e3e3;text-align:left}.nas-table ::ng-deep tr td:last-child,.nas-table ::ng-deep tr th:last-child{padding-right:24px}.nas-table ::ng-deep caption{margin-bottom:9px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
 }