@norwegian/core-components 7.10.0 → 7.11.2

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

@@ -80,11 +80,11 @@ export class StatusBoxComponent extends NasComponentBase {
         this.clickChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusBoxComponent, selector: "nas-status-box", inputs: { info: "info", warning: "warning", error: "error", success: "success", title: "title", text: "text", buttonText: "buttonText", statusBox: "statusBox", trackingvalue: "trackingvalue" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange", "focusOnNext"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusBoxComponent, selector: "nas-status-box", inputs: { info: "info", warning: "warning", error: "error", success: "success", title: "title", text: "text", buttonText: "buttonText", statusBox: "statusBox", trackingvalue: "trackingvalue" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}@media (max-width: 639px){.nas-status-box__text,.nas-status-box__text--small{font-size:20px;line-height:28px}}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: i3.ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "tertiary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange", "focusOnNext"] }, { kind: "component", type: i4.IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-status-box', template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"] }]
+            args: [{ selector: 'nas-status-box', template: "<div [nasClass]=\"getClass('container')\">\n  <div [nasClass]=\"getClass('icon')\">\n    <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n  </div>\n  <div [nasClass]=\"getClass('content')\">\n    <div [nasClass]=\"getClass('text-container')\">\n      <div [nasClass]=\"getClass('text')\">{{title}}</div>\n      <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n    </div>\n    <div *ngIf=\"buttonText\">\n      <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n    </div>\n  </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}@media (max-width: 639px){.nas-status-box__text,.nas-status-box__text--small{font-size:20px;line-height:28px}}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { info: [{
                 type: Input
             }], warning: [{

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

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