@norwegian/core-components 7.2.2 → 7.3.0

package/fesm2022/norwegian-core-components.mjs

@@ -1811,11 +1811,11 @@ class AirportSelectDropdownComponent extends NasComponentBase {
         this.updateSelected(airport);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, deps: [{ token: DOCUMENT }, { token: AirportSelectService }, { token: AirportSelectDropdownService }, { token: GeolocationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { id: "id", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange", clearedSelection: "clearedSelection" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId + '__origin'\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\"/>\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId + '__destination'\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { id: "id", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange", clearedSelection: "clearedSelection" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\"/>\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-airport-select-dropdown', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId + '__origin'\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\"/>\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId + '__destination'\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>" }]
+            args: [{ selector: 'nas-airport-select-dropdown', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\">\n    <span [nasClass]=\"getClass('label')\">\n      <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n      <ng-template #emptyLabel>&nbsp;</ng-template>\n    </span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-haspopup=\"listbox\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (focus)=\"setOpen()\"\n      (mousedown)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\"\n      [(ngModel)]=\"selectedModel\"/>\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"labelId\"\n    [attr.aria-label]=\"airportSelectLabel\"\n    [nasClass]=\"getClass('wrapper', [open && 'active', selectedModel && 'filled'])\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\"\n      *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n    <input #airportSelect\n      type=\"text\"\n      role=\"combobox\"\n      autocomplete=\"off\"\n      aria-autocomplete=\"none\"\n      [id]=\"inputId\"\n      [attr.aria-controls]=\"resultsId\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"resultsId\"\n      [nasClass]=\"getClass('input')\"\n      [formControlName]=\"nasFormControlName\"\n      [placeholder]=\"airportSelectPlaceholder\"\n      (mousedown)=\"setOpen()\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"selectedModel; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"selectedModel ? 'remove--secondary' : 'remove'\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"airportSelectIconModifier\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n  [id]=\"resultsId\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"labelId\"\n    [nasClass]=\"getClass('results')\">\n    <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n      <li role=\"option\">\n        <nas-button link\n          secondary\n          [disabled]=\"geolocationState === 2\"\n          [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n          [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n          [tabindex]=\"-1\"\n          (clickChange)=\"updateCurrentPosition()\"\n          (mouseenter)=\"onGeolocationHover(true)\"\n          (mouseleave)=\"onGeolocationHover(false)\">\n          <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n            [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n          <ng-template #geolocationDenied>\n            <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n          </ng-template>\n          <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n            [type]=\"geolocationIcon\"></nas-icon>\n        </nas-button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"latestSearches?.length > 0\n      && exists(displayLatestSearches)\n      && resultsLabels?.latestSearches\n      && isValid\">\n      <span>{{resultsLabels?.latestSearches}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of latestSearches\"\n        [id]=\"getLatestSearchesAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      *ngIf=\"exists(displayClosestAirports)\n       && geolocationState !== null\n       && geolocationState === 0\n       && closestAirports?.length > 0\n       && resultsLabels?.closestAirports\n       && isValid\"\n      [nasClass]=\"getClass('list-section-label')\">\n      <span>{{resultsLabels?.closestAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of closestAirports\"\n        [id]=\"getClosestAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li role=\"separator\"\n      [nasClass]=\"getClass('list-section-label')\"\n      *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n      <span>{{resultsLabels?.allAirports}}</span>\n    </li>\n    <ng-container *ngIf=\"isValid\">\n      <li role=\"option\"\n        *ngFor=\"let airport of filteredAirports\"\n        [id]=\"getAllAirportsAirportId(airport.code)\"\n        [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n        [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n        <button type=\"button\"\n          [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n          (click)=\"setSelected(airport)\"\n          tabindex=\"-1\">\n          <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n          <span [nasClass]=\"getClass('code')\"></span>\n          <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n        </button>\n      </li>\n    </ng-container>\n    <li *ngIf=\"!isValid\"\n      role=\"listitem\">\n      <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n    </li>\n  </ul>\n</div>\n<button type=\"button\"\n  tabindex=\"0\"\n  *ngIf=\"open\"\n  [attr.aria-label]=\"ariaLabelBackdrop\"\n  [nasClass]=\"getClass('backdrop')\"\n  (click)=\"blur()\"></button>" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -2258,11 +2258,11 @@ class AirportSelectComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectComponent, deps: [{ token: DeviceHelper }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectComponent, selector: "nas-airport-select", inputs: { id: "id", airports: "airports", airportRelations: "airportRelations", latestSearchesOrigin: "latestSearchesOrigin", latestSearchesDestination: "latestSearchesDestination", closestAirports: "closestAirports", allowedOriginAiports: "allowedOriginAiports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", combo: "combo", useSwitch: "useSwitch", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", selectOriginFirstLabel: "selectOriginFirstLabel", invalidDestinationText: "invalidDestinationText", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormGroup: "nasFormGroup", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { originChange: "originChange", originOpenChange: "originOpenChange", destinationChange: "destinationChange", destinationOpenChange: "destinationOpenChange", focusOnNext: "focusOnNext", positionChange: "positionChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "switchButton", first: true, predicate: ["switchButton"], descendants: true }, { propertyName: "airportSelectDropdownOrigin", first: true, predicate: ["airportSelectDropdownOrigin"], descendants: true }, { propertyName: "airportSelectDropdownDestination", first: true, predicate: ["airportSelectDropdownDestination"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass('', [inlineFlex && 'inline'])\" #container>\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\" *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin displayLatestSearches [id]=\"id\"\n      [enableGeolocation]=\"displayClosestAirports\" [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\" [latestSearches]=\"latestSearchesOrigin\" [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\" [airports]=\"airportsOrigin\" [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\" [open]=\"originOpen\" [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\" [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\" (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\" (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination displayLatestSearches [id]=\"id\"\n        [airportSelectLabel]=\"labelDestination\" [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\" [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\" [airport]=\"destination\" [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\" [keepSelection]=\"keepSelection\" [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\" [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\" (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\" (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\" (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\" #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\" (mouseleave)=\"changeSwitchIcon()\" (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon\n        [type]=\"(this.destinationAirportCodeValue && this.originAirportCodeValue) ? 'vector--secondary' : 'vector'\"></nas-icon>\n    </div>\n  </ng-container>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-airport-select{position:relative;width:100%;text-align:left}.nas-airport-select label{margin-bottom:0;height:67px}.nas-airport-select:first-child{margin-bottom:0}.nas-airport-select:only-child{max-width:360px}.nas-airport-select--expanded{z-index:30}.nas-airport-select__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6F6F6F}.nas-airport-select__wrapper--active{background-color:#ebf4ff;border:2px solid #15273F}.nas-airport-select__wrapper--filled{border:2px solid #15273F}.nas-airport-select__list-section-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#e9e7e4}.nas-airport-select__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__input[type=text]:focus{border-bottom:none}.nas-airport-select__label+.nas-airport-select__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:airport-select-results .65s ease both}.nas-airport-select__dummy{position:absolute;left:-100px}.nas-airport-select__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:airport-select-backdrop .7s ease-out both}.nas-airport-select__list-item{border-bottom:2px solid #E9E7E4}.nas-airport-select__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #E9E7E4}.nas-airport-select__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select__geolocation--icon{margin-right:3px}.nas-airport-select__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:16px;margin-top:-1px;display:flex;justify-content:space-between;outline:0}.nas-airport-select__item--focus,.nas-airport-select__item:hover,.nas-airport-select__item:focus{background-color:#f8f8f8}.nas-airport-select__item--focus,.nas-airport-select__item--focus .nas-airport-select__name,.nas-airport-select__item--focus .nas-airport-select__code,.nas-airport-select__item:hover,.nas-airport-select__item:hover .nas-airport-select__name,.nas-airport-select__item:hover .nas-airport-select__code,.nas-airport-select__item:focus,.nas-airport-select__item:focus .nas-airport-select__name,.nas-airport-select__item:focus .nas-airport-select__code{color:#15273f!important}.nas-airport-select__item--disabled{border-bottom-width:0}.nas-airport-select__item--disabled,.nas-airport-select__item--disabled .nas-airport-select__name,.nas-airport-select__item--disabled .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:hover .nas-airport-select__name,.nas-airport-select__item--disabled:hover .nas-airport-select__code,.nas-airport-select__item--disabled:focus,.nas-airport-select__item--disabled:focus .nas-airport-select__name,.nas-airport-select__item--disabled:focus .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__name,.nas-airport-select__code{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select__name--invalid,.nas-airport-select__code--invalid{margin:12px}.nas-airport-select__code{margin-left:.12em}.nas-airport-select__country{display:block;font-size:14px}.nas-airport-select__empty{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#15273f;margin:0;padding:12px}.nas-icon-vector,.nas-icon-vector--secondary{margin-bottom:2px}.nas-filter .nas-airport-select-combo,.nas-search-filter .nas-airport-select-combo{margin:0 3px 0 0}.nas-airport-select-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-combo--inline{flex-direction:row}.nas-airport-select-combo--inline .nas-airport-select-combo__switcher{left:48%;top:14px;transform:rotate(90deg)}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label{padding:12px 24px 0}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 24px 12px}.nas-airport-select-combo__switcher{position:absolute;top:48px;z-index:4;left:76%;cursor:pointer;border:2px solid #6F6F6F;border-radius:50%;width:40px;height:40px;background-color:#fff;justify-content:center;align-items:center;display:flex}.nas-airport-select-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e9e7e4,0 0 2px 3px #7ca4cd}.nas-airport-select-combo__switcher--filled{border:2px solid #15273F}@keyframes airport-select-backdrop{0%{opacity:0}}@keyframes airport-select-results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: ["id", "displayLatestSearches", "displayClosestAirports", "latestSearches", "resultsLabels", "airportSelectLabel", "airportSelectPlaceholder", "airportSelectIconModifier", "keepSelection", "nasFormControlName", "nasFormGroup", "enableGeolocation", "ariaLabelClear", "ariaLabelBackdrop", "isValid", "invalidText", "closestAirports", "airport", "open", "airports"], outputs: ["selected", "openChange", "focusOnNext", "focusOnPrevious", "positionChange", "clearedSelection"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectComponent, selector: "nas-airport-select", inputs: { outboundId: "outboundId", inboundId: "inboundId", airports: "airports", airportRelations: "airportRelations", latestSearchesOrigin: "latestSearchesOrigin", latestSearchesDestination: "latestSearchesDestination", closestAirports: "closestAirports", allowedOriginAiports: "allowedOriginAiports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", combo: "combo", useSwitch: "useSwitch", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", selectOriginFirstLabel: "selectOriginFirstLabel", invalidDestinationText: "invalidDestinationText", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormGroup: "nasFormGroup", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { originChange: "originChange", originOpenChange: "originOpenChange", destinationChange: "destinationChange", destinationOpenChange: "destinationOpenChange", focusOnNext: "focusOnNext", positionChange: "positionChange" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "switchButton", first: true, predicate: ["switchButton"], descendants: true }, { propertyName: "airportSelectDropdownOrigin", first: true, predicate: ["airportSelectDropdownOrigin"], descendants: true }, { propertyName: "airportSelectDropdownDestination", first: true, predicate: ["airportSelectDropdownDestination"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass('', [inlineFlex && 'inline'])\" #container>\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\" *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin displayLatestSearches [id]=\"outboundId\"\n      [enableGeolocation]=\"displayClosestAirports\" [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\" [latestSearches]=\"latestSearchesOrigin\" [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\" [airports]=\"airportsOrigin\" [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\" [open]=\"originOpen\" [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\" [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\" (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\" (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination displayLatestSearches [id]=\"inboundId\"\n        [airportSelectLabel]=\"labelDestination\" [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\" [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\" [airport]=\"destination\" [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\" [keepSelection]=\"keepSelection\" [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\" [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\" (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\" (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\" (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\" #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\" (mouseleave)=\"changeSwitchIcon()\" (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon\n        [type]=\"(this.destinationAirportCodeValue && this.originAirportCodeValue) ? 'vector--secondary' : 'vector'\"></nas-icon>\n    </div>\n  </ng-container>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-airport-select{position:relative;width:100%;text-align:left}.nas-airport-select label{margin-bottom:0;height:67px}.nas-airport-select:first-child{margin-bottom:0}.nas-airport-select:only-child{max-width:360px}.nas-airport-select--expanded{z-index:30}.nas-airport-select__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6F6F6F}.nas-airport-select__wrapper--active{background-color:#ebf4ff;border:2px solid #15273F}.nas-airport-select__wrapper--filled{border:2px solid #15273F}.nas-airport-select__list-section-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#e9e7e4}.nas-airport-select__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__input[type=text]:focus{border-bottom:none}.nas-airport-select__label+.nas-airport-select__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:airport-select-results .65s ease both}.nas-airport-select__dummy{position:absolute;left:-100px}.nas-airport-select__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:airport-select-backdrop .7s ease-out both}.nas-airport-select__list-item{border-bottom:2px solid #E9E7E4}.nas-airport-select__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #E9E7E4}.nas-airport-select__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select__geolocation--icon{margin-right:3px}.nas-airport-select__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:16px;margin-top:-1px;display:flex;justify-content:space-between;outline:0}.nas-airport-select__item--focus,.nas-airport-select__item:hover,.nas-airport-select__item:focus{background-color:#f8f8f8}.nas-airport-select__item--focus,.nas-airport-select__item--focus .nas-airport-select__name,.nas-airport-select__item--focus .nas-airport-select__code,.nas-airport-select__item:hover,.nas-airport-select__item:hover .nas-airport-select__name,.nas-airport-select__item:hover .nas-airport-select__code,.nas-airport-select__item:focus,.nas-airport-select__item:focus .nas-airport-select__name,.nas-airport-select__item:focus .nas-airport-select__code{color:#15273f!important}.nas-airport-select__item--disabled{border-bottom-width:0}.nas-airport-select__item--disabled,.nas-airport-select__item--disabled .nas-airport-select__name,.nas-airport-select__item--disabled .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:hover .nas-airport-select__name,.nas-airport-select__item--disabled:hover .nas-airport-select__code,.nas-airport-select__item--disabled:focus,.nas-airport-select__item--disabled:focus .nas-airport-select__name,.nas-airport-select__item--disabled:focus .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__name,.nas-airport-select__code{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select__name--invalid,.nas-airport-select__code--invalid{margin:12px}.nas-airport-select__code{margin-left:.12em}.nas-airport-select__country{display:block;font-size:14px}.nas-airport-select__empty{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#15273f;margin:0;padding:12px}.nas-icon-vector,.nas-icon-vector--secondary{margin-bottom:2px}.nas-filter .nas-airport-select-combo,.nas-search-filter .nas-airport-select-combo{margin:0 3px 0 0}.nas-airport-select-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-combo--inline{flex-direction:row}.nas-airport-select-combo--inline .nas-airport-select-combo__switcher{left:48%;top:14px;transform:rotate(90deg)}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label{padding:12px 24px 0}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 24px 12px}.nas-airport-select-combo__switcher{position:absolute;top:48px;z-index:3;left:76%;cursor:pointer;border:2px solid #6F6F6F;border-radius:50%;width:40px;height:40px;background-color:#fff;justify-content:center;align-items:center;display:flex}.nas-airport-select-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e9e7e4,0 0 2px 3px #7ca4cd}.nas-airport-select-combo__switcher--filled{border:2px solid #15273F}@keyframes airport-select-backdrop{0%{opacity:0}}@keyframes airport-select-results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: ["id", "displayLatestSearches", "displayClosestAirports", "latestSearches", "resultsLabels", "airportSelectLabel", "airportSelectPlaceholder", "airportSelectIconModifier", "keepSelection", "nasFormControlName", "nasFormGroup", "enableGeolocation", "ariaLabelClear", "ariaLabelBackdrop", "isValid", "invalidText", "closestAirports", "airport", "open", "airports"], outputs: ["selected", "openChange", "focusOnNext", "focusOnPrevious", "positionChange", "clearedSelection"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-airport-select', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass('', [inlineFlex && 'inline'])\" #container>\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\" *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin displayLatestSearches [id]=\"id\"\n      [enableGeolocation]=\"displayClosestAirports\" [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\" [latestSearches]=\"latestSearchesOrigin\" [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\" [airports]=\"airportsOrigin\" [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\" [open]=\"originOpen\" [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\" [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\" (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\" (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination displayLatestSearches [id]=\"id\"\n        [airportSelectLabel]=\"labelDestination\" [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\" [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\" [airport]=\"destination\" [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\" [keepSelection]=\"keepSelection\" [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\" [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\" (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\" (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\" (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\" #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\" (mouseleave)=\"changeSwitchIcon()\" (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon\n        [type]=\"(this.destinationAirportCodeValue && this.originAirportCodeValue) ? 'vector--secondary' : 'vector'\"></nas-icon>\n    </div>\n  </ng-container>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-airport-select{position:relative;width:100%;text-align:left}.nas-airport-select label{margin-bottom:0;height:67px}.nas-airport-select:first-child{margin-bottom:0}.nas-airport-select:only-child{max-width:360px}.nas-airport-select--expanded{z-index:30}.nas-airport-select__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6F6F6F}.nas-airport-select__wrapper--active{background-color:#ebf4ff;border:2px solid #15273F}.nas-airport-select__wrapper--filled{border:2px solid #15273F}.nas-airport-select__list-section-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#e9e7e4}.nas-airport-select__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__input[type=text]:focus{border-bottom:none}.nas-airport-select__label+.nas-airport-select__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:airport-select-results .65s ease both}.nas-airport-select__dummy{position:absolute;left:-100px}.nas-airport-select__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:airport-select-backdrop .7s ease-out both}.nas-airport-select__list-item{border-bottom:2px solid #E9E7E4}.nas-airport-select__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #E9E7E4}.nas-airport-select__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select__geolocation--icon{margin-right:3px}.nas-airport-select__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:16px;margin-top:-1px;display:flex;justify-content:space-between;outline:0}.nas-airport-select__item--focus,.nas-airport-select__item:hover,.nas-airport-select__item:focus{background-color:#f8f8f8}.nas-airport-select__item--focus,.nas-airport-select__item--focus .nas-airport-select__name,.nas-airport-select__item--focus .nas-airport-select__code,.nas-airport-select__item:hover,.nas-airport-select__item:hover .nas-airport-select__name,.nas-airport-select__item:hover .nas-airport-select__code,.nas-airport-select__item:focus,.nas-airport-select__item:focus .nas-airport-select__name,.nas-airport-select__item:focus .nas-airport-select__code{color:#15273f!important}.nas-airport-select__item--disabled{border-bottom-width:0}.nas-airport-select__item--disabled,.nas-airport-select__item--disabled .nas-airport-select__name,.nas-airport-select__item--disabled .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:hover .nas-airport-select__name,.nas-airport-select__item--disabled:hover .nas-airport-select__code,.nas-airport-select__item--disabled:focus,.nas-airport-select__item--disabled:focus .nas-airport-select__name,.nas-airport-select__item--disabled:focus .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__name,.nas-airport-select__code{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select__name--invalid,.nas-airport-select__code--invalid{margin:12px}.nas-airport-select__code{margin-left:.12em}.nas-airport-select__country{display:block;font-size:14px}.nas-airport-select__empty{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#15273f;margin:0;padding:12px}.nas-icon-vector,.nas-icon-vector--secondary{margin-bottom:2px}.nas-filter .nas-airport-select-combo,.nas-search-filter .nas-airport-select-combo{margin:0 3px 0 0}.nas-airport-select-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-combo--inline{flex-direction:row}.nas-airport-select-combo--inline .nas-airport-select-combo__switcher{left:48%;top:14px;transform:rotate(90deg)}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label{padding:12px 24px 0}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 24px 12px}.nas-airport-select-combo__switcher{position:absolute;top:48px;z-index:4;left:76%;cursor:pointer;border:2px solid #6F6F6F;border-radius:50%;width:40px;height:40px;background-color:#fff;justify-content:center;align-items:center;display:flex}.nas-airport-select-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e9e7e4,0 0 2px 3px #7ca4cd}.nas-airport-select-combo__switcher--filled{border:2px solid #15273F}@keyframes airport-select-backdrop{0%{opacity:0}}@keyframes airport-select-results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}\n"] }]
+            args: [{ selector: 'nas-airport-select', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass('', [inlineFlex && 'inline'])\" #container>\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\" *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin displayLatestSearches [id]=\"outboundId\"\n      [enableGeolocation]=\"displayClosestAirports\" [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\" [latestSearches]=\"latestSearchesOrigin\" [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\" [airports]=\"airportsOrigin\" [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\" [open]=\"originOpen\" [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\" [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\" (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\" (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination displayLatestSearches [id]=\"inboundId\"\n        [airportSelectLabel]=\"labelDestination\" [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\" [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\" [airport]=\"destination\" [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\" [keepSelection]=\"keepSelection\" [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\" [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\" (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\" (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\" (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\" #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\" (mouseleave)=\"changeSwitchIcon()\" (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon\n        [type]=\"(this.destinationAirportCodeValue && this.originAirportCodeValue) ? 'vector--secondary' : 'vector'\"></nas-icon>\n    </div>\n  </ng-container>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-airport-select{position:relative;width:100%;text-align:left}.nas-airport-select label{margin-bottom:0;height:67px}.nas-airport-select:first-child{margin-bottom:0}.nas-airport-select:only-child{max-width:360px}.nas-airport-select--expanded{z-index:30}.nas-airport-select__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6F6F6F}.nas-airport-select__wrapper--active{background-color:#ebf4ff;border:2px solid #15273F}.nas-airport-select__wrapper--filled{border:2px solid #15273F}.nas-airport-select__list-section-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#e9e7e4}.nas-airport-select__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__input[type=text]:focus{border-bottom:none}.nas-airport-select__label+.nas-airport-select__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 16px 9px}.nas-airport-select__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:airport-select-results .65s ease both}.nas-airport-select__dummy{position:absolute;left:-100px}.nas-airport-select__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:airport-select-backdrop .7s ease-out both}.nas-airport-select__list-item{border-bottom:2px solid #E9E7E4}.nas-airport-select__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #E9E7E4}.nas-airport-select__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select__geolocation--icon{margin-right:3px}.nas-airport-select__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:16px;margin-top:-1px;display:flex;justify-content:space-between;outline:0}.nas-airport-select__item--focus,.nas-airport-select__item:hover,.nas-airport-select__item:focus{background-color:#f8f8f8}.nas-airport-select__item--focus,.nas-airport-select__item--focus .nas-airport-select__name,.nas-airport-select__item--focus .nas-airport-select__code,.nas-airport-select__item:hover,.nas-airport-select__item:hover .nas-airport-select__name,.nas-airport-select__item:hover .nas-airport-select__code,.nas-airport-select__item:focus,.nas-airport-select__item:focus .nas-airport-select__name,.nas-airport-select__item:focus .nas-airport-select__code{color:#15273f!important}.nas-airport-select__item--disabled{border-bottom-width:0}.nas-airport-select__item--disabled,.nas-airport-select__item--disabled .nas-airport-select__name,.nas-airport-select__item--disabled .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select__item--disabled:hover,.nas-airport-select__item--disabled:hover .nas-airport-select__name,.nas-airport-select__item--disabled:hover .nas-airport-select__code,.nas-airport-select__item--disabled:focus,.nas-airport-select__item--disabled:focus .nas-airport-select__name,.nas-airport-select__item--disabled:focus .nas-airport-select__code{color:#6f6f6f!important}.nas-airport-select__name,.nas-airport-select__code{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select__name--invalid,.nas-airport-select__code--invalid{margin:12px}.nas-airport-select__code{margin-left:.12em}.nas-airport-select__country{display:block;font-size:14px}.nas-airport-select__empty{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#15273f;margin:0;padding:12px}.nas-icon-vector,.nas-icon-vector--secondary{margin-bottom:2px}.nas-filter .nas-airport-select-combo,.nas-search-filter .nas-airport-select-combo{margin:0 3px 0 0}.nas-airport-select-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-combo--inline{flex-direction:row}.nas-airport-select-combo--inline .nas-airport-select-combo__switcher{left:48%;top:14px;transform:rotate(90deg)}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label{padding:12px 24px 0}.nas-airport-select-combo--inline .nas-airport-select--padding-destination .nas-airport-select__label+.nas-airport-select__input[type=text]{padding:0 24px 12px}.nas-airport-select-combo__switcher{position:absolute;top:48px;z-index:3;left:76%;cursor:pointer;border:2px solid #6F6F6F;border-radius:50%;width:40px;height:40px;background-color:#fff;justify-content:center;align-items:center;display:flex}.nas-airport-select-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e9e7e4,0 0 2px 3px #7ca4cd}.nas-airport-select-combo__switcher--filled{border:2px solid #15273F}@keyframes airport-select-backdrop{0%{opacity:0}}@keyframes airport-select-results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}\n"] }]
         }], ctorParameters: function () { return [{ type: DeviceHelper }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container']
@@ -2275,7 +2275,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }], airportSelectDropdownDestination: [{
                 type: ViewChild,
                 args: ['airportSelectDropdownDestination']
-            }], id: [{
+            }], outboundId: [{
+                type: Input
+            }], inboundId: [{
                 type: Input
             }], airports: [{
                 type: Input
@@ -2438,11 +2440,11 @@ class BoxComponent extends NasComponentBase {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: BoxComponent, selector: "nas-box", inputs: { outlined: "outlined", primary: "primary", secondary: "secondary", light: "light", transparent: "transparent", center: "center", nopadding: "nopadding", nomargin: "nomargin", stretch: "stretch", grey: "grey" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-box{display:block;position:relative;margin:0 -12px 24px;padding:24px 12px 12px;background-color:#e9e7e4;overflow:visible}@media (min-width: 640px){.nas-box{padding:36px;margin:0 0 24px}}.nas-box--outlined{border:3px solid #15273F;background-color:#fff;padding:21px 9px 9px}@media (min-width: 640px){.nas-box--outlined{padding:33px}}.nas-box--primary{color:#fff;background-color:#e5212d}.nas-box--secondary{color:#fff;background-color:#15273f}.nas-box--grey{color:#15273f;background-color:#f8f8f8}.nas-box--light{color:#15273f;background-color:#fff}.nas-box--transparent{background-color:transparent}.nas-box--center{text-align:center}.nas-box--nomargin{margin:0}.nas-box--nopadding{padding:0}.nas-box--stretch{height:100%}\n"], dependencies: [{ kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: BoxComponent, selector: "nas-box", inputs: { outlined: "outlined", primary: "primary", secondary: "secondary", light: "light", transparent: "transparent", center: "center", nopadding: "nopadding", nomargin: "nomargin", stretch: "stretch", grey: "grey" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-box{display:block;position:relative;margin:0 -12px 24px;padding:24px 12px 12px;background-color:#e9e7e4;overflow:visible}@media (min-width: 640px){.nas-box{padding:36px;margin:0 0 24px}}.nas-box--outlined{border:3px solid #15273F;background-color:#fff;padding:21px 9px 9px}@media (min-width: 640px){.nas-box--outlined{padding:33px}}.nas-box--primary{color:#fff;background-color:#e5212d}.nas-box--secondary{color:#fff;background-color:#15273f}.nas-box--grey{color:#15273f;background-color:#f1f1f1}.nas-box--light{color:#15273f;background-color:#fff}.nas-box--transparent{background-color:transparent}.nas-box--center{text-align:center}.nas-box--nomargin{margin:0}.nas-box--nopadding{padding:0}.nas-box--stretch{height:100%}\n"], dependencies: [{ kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: BoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-box{display:block;position:relative;margin:0 -12px 24px;padding:24px 12px 12px;background-color:#e9e7e4;overflow:visible}@media (min-width: 640px){.nas-box{padding:36px;margin:0 0 24px}}.nas-box--outlined{border:3px solid #15273F;background-color:#fff;padding:21px 9px 9px}@media (min-width: 640px){.nas-box--outlined{padding:33px}}.nas-box--primary{color:#fff;background-color:#e5212d}.nas-box--secondary{color:#fff;background-color:#15273f}.nas-box--grey{color:#15273f;background-color:#f8f8f8}.nas-box--light{color:#15273f;background-color:#fff}.nas-box--transparent{background-color:transparent}.nas-box--center{text-align:center}.nas-box--nomargin{margin:0}.nas-box--nopadding{padding:0}.nas-box--stretch{height:100%}\n"] }]
+            args: [{ selector: 'nas-box', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-box{display:block;position:relative;margin:0 -12px 24px;padding:24px 12px 12px;background-color:#e9e7e4;overflow:visible}@media (min-width: 640px){.nas-box{padding:36px;margin:0 0 24px}}.nas-box--outlined{border:3px solid #15273F;background-color:#fff;padding:21px 9px 9px}@media (min-width: 640px){.nas-box--outlined{padding:33px}}.nas-box--primary{color:#fff;background-color:#e5212d}.nas-box--secondary{color:#fff;background-color:#15273f}.nas-box--grey{color:#15273f;background-color:#f1f1f1}.nas-box--light{color:#15273f;background-color:#fff}.nas-box--transparent{background-color:transparent}.nas-box--center{text-align:center}.nas-box--nomargin{margin:0}.nas-box--nopadding{padding:0}.nas-box--stretch{height:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { outlined: [{
                 type: Input
             }], primary: [{
@@ -2522,7 +2524,9 @@ class CheckboxComponent extends NasComponentBase {
             this.exists(this.inverted) && 'inverted',
             (this.exists(this.inverted) && this.error) && 'inverted-error',
             this.exists(this.outlined) && 'outlined',
-            (this.exists(this.outlined) && this.error) && 'outlined-error'
+            (this.exists(this.outlined) && this.error) && 'outlined-error',
+            this.exists(this.reverse) && 'reverse',
+            this.exists(this.filled) && 'filled',
         ]);
     }
     /**
@@ -2569,11 +2573,11 @@ class CheckboxComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CheckboxComponent, selector: "nas-checkbox", inputs: { inputId: "inputId", value: "value", error: "error", disabled: "disabled", block: "block", spaceless: "spaceless", inverted: "inverted", outlined: "outlined", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], name: "name", required: "required", tabIndex: "tabIndex", checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass\">\n    <input type=\"checkbox\" #input [id]=\"inputId\" [checked]=\"exists(checked)\" [disabled]=\"exists(disabled)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (change)=\"inputChanged($event)\" (click)=\"inputClicked($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass\" #inputReactive [formGroup]=\"nasFormGroup\">\n    <input type=\"checkbox\" [formControlName]=\"nasFormControlName\" [id]=\"inputId\" [checked]=\"exists(checked)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (keydown)=\"onKeydown($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\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-checkbox{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-checkbox:hover .nas-checkbox__indicator:after{border-color:#6f6f6f}.nas-checkbox input{position:absolute;opacity:0;z-index:-1}.nas-checkbox input:checked+.nas-checkbox__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox input:checked+.nas-checkbox__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox input:checked+.nas-checkbox__indicator:after{border-color:#15273f}.nas-checkbox input[disabled]+.nas-checkbox__indicator{background-color:#e9e7e4;border-color:#6f6f6f}.nas-checkbox input[disabled]+.nas-checkbox__indicator:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:hover:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:focus:after{border-color:#e9e7e4}.nas-checkbox__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;border:2px solid #15273F;width:22px;height:22px;background-color:#fff}.nas-checkbox__indicator:focus-visible{outline:2px solid #2A5980;outline-offset:2px}.nas-checkbox__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled{color:#6f6f6f;cursor:default}.nas-checkbox--disabled .nas-checkbox__indicator{background-color:#e9e7e4}.nas-checkbox--disabled .nas-checkbox__indicator:before{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%236F6F6F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled:hover .nas-checkbox__indicator:after{border-color:#e9e7e4}.nas-checkbox--error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--inverted{color:#fff}.nas-checkbox--inverted input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted input+.nas-checkbox__indicator:after{border-color:#fff}.nas-checkbox--inverted-error{color:#fff}.nas-checkbox--inverted-error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted-error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--outlined .nas-checkbox__indicator{border:2px solid #E9E7E4}.nas-checkbox--outlined .nas-checkbox__indicator:after{display:none}.nas-checkbox--outlined-error .nas-checkbox__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox--outlined-error .nas-checkbox__indicator:after{display:none}.nas-checkbox--spaceless{margin-bottom:6px}.nas-checkbox--block{display:block}\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: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CheckboxComponent, selector: "nas-checkbox", inputs: { inputId: "inputId", value: "value", error: "error", disabled: "disabled", block: "block", spaceless: "spaceless", inverted: "inverted", outlined: "outlined", reverse: "reverse", filled: "filled", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], name: "name", required: "required", tabIndex: "tabIndex", checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass\">\n    <input type=\"checkbox\" #input [id]=\"inputId\" [checked]=\"exists(checked)\" [disabled]=\"exists(disabled)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (change)=\"inputChanged($event)\" (click)=\"inputClicked($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass\" #inputReactive [formGroup]=\"nasFormGroup\">\n    <input type=\"checkbox\" [formControlName]=\"nasFormControlName\" [id]=\"inputId\" [checked]=\"exists(checked)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (keydown)=\"onKeydown($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\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-checkbox{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-checkbox:hover .nas-checkbox__indicator:after{border-color:#6f6f6f}.nas-checkbox input{position:absolute;opacity:0;z-index:-1}.nas-checkbox input:checked+.nas-checkbox__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox input:checked+.nas-checkbox__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox input:checked+.nas-checkbox__indicator:after{border-color:#15273f}.nas-checkbox input[disabled]+.nas-checkbox__indicator{background-color:#e9e7e4;border-color:#6f6f6f}.nas-checkbox input[disabled]+.nas-checkbox__indicator:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:hover:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:focus:after{border-color:#e9e7e4}.nas-checkbox__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;border:2px solid #15273F;width:22px;height:22px;background-color:#fff}.nas-checkbox__indicator:focus-visible{outline:2px solid #2A5980;outline-offset:2px}.nas-checkbox__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled{color:#6f6f6f;cursor:default}.nas-checkbox--disabled .nas-checkbox__indicator{background-color:#e9e7e4}.nas-checkbox--disabled .nas-checkbox__indicator:before{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%236F6F6F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled:hover .nas-checkbox__indicator:after{border-color:#e9e7e4}.nas-checkbox--error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--inverted{color:#fff}.nas-checkbox--inverted input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted input+.nas-checkbox__indicator:after{border-color:#fff}.nas-checkbox--inverted-error{color:#fff}.nas-checkbox--inverted-error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted-error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--outlined .nas-checkbox__indicator{border:2px solid #E9E7E4}.nas-checkbox--outlined .nas-checkbox__indicator:after{display:none}.nas-checkbox--outlined-error .nas-checkbox__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox--outlined-error .nas-checkbox__indicator:after{display:none}.nas-checkbox--spaceless{margin-bottom:6px}.nas-checkbox--block{display:block}.nas-checkbox--reverse{padding-left:0;padding-right:30px}.nas-checkbox--reverse .nas-checkbox__indicator{right:0;left:auto}.nas-checkbox--filled{width:100%;margin:0;display:flex;justify-content:flex-end}.nas-checkbox--filled.nas-checkbox--reverse{display:block}\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: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-checkbox', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass\">\n    <input type=\"checkbox\" #input [id]=\"inputId\" [checked]=\"exists(checked)\" [disabled]=\"exists(disabled)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (change)=\"inputChanged($event)\" (click)=\"inputClicked($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass\" #inputReactive [formGroup]=\"nasFormGroup\">\n    <input type=\"checkbox\" [formControlName]=\"nasFormControlName\" [id]=\"inputId\" [checked]=\"exists(checked)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (keydown)=\"onKeydown($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\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-checkbox{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-checkbox:hover .nas-checkbox__indicator:after{border-color:#6f6f6f}.nas-checkbox input{position:absolute;opacity:0;z-index:-1}.nas-checkbox input:checked+.nas-checkbox__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox input:checked+.nas-checkbox__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox input:checked+.nas-checkbox__indicator:after{border-color:#15273f}.nas-checkbox input[disabled]+.nas-checkbox__indicator{background-color:#e9e7e4;border-color:#6f6f6f}.nas-checkbox input[disabled]+.nas-checkbox__indicator:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:hover:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:focus:after{border-color:#e9e7e4}.nas-checkbox__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;border:2px solid #15273F;width:22px;height:22px;background-color:#fff}.nas-checkbox__indicator:focus-visible{outline:2px solid #2A5980;outline-offset:2px}.nas-checkbox__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled{color:#6f6f6f;cursor:default}.nas-checkbox--disabled .nas-checkbox__indicator{background-color:#e9e7e4}.nas-checkbox--disabled .nas-checkbox__indicator:before{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%236F6F6F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled:hover .nas-checkbox__indicator:after{border-color:#e9e7e4}.nas-checkbox--error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--inverted{color:#fff}.nas-checkbox--inverted input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted input+.nas-checkbox__indicator:after{border-color:#fff}.nas-checkbox--inverted-error{color:#fff}.nas-checkbox--inverted-error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted-error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--outlined .nas-checkbox__indicator{border:2px solid #E9E7E4}.nas-checkbox--outlined .nas-checkbox__indicator:after{display:none}.nas-checkbox--outlined-error .nas-checkbox__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox--outlined-error .nas-checkbox__indicator:after{display:none}.nas-checkbox--spaceless{margin-bottom:6px}.nas-checkbox--block{display:block}\n"] }]
+            args: [{ selector: 'nas-checkbox', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass\">\n    <input type=\"checkbox\" #input [id]=\"inputId\" [checked]=\"exists(checked)\" [disabled]=\"exists(disabled)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (change)=\"inputChanged($event)\" (click)=\"inputClicked($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass\" #inputReactive [formGroup]=\"nasFormGroup\">\n    <input type=\"checkbox\" [formControlName]=\"nasFormControlName\" [id]=\"inputId\" [checked]=\"exists(checked)\"\n      [required]=\"exists(required)\" [tabIndex]=\"tabIndex\" [attr.name]=\"name\" [attr.aria-label]=\"ariaLabel || null\"\n      [attr.aria-labelledby]=\"ariaLabelledby\" [attr.aria-describedby]=\"ariaLabelledby\" [attr.value]=\"value\"\n      (keydown)=\"onKeydown($event)\" />\n    <span [nasClass]=\"getClass('indicator')\"></span>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </label>\n</ng-template>\n\n<ng-template #content>\n  <ng-content></ng-content>\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-checkbox{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-checkbox:hover .nas-checkbox__indicator:after{border-color:#6f6f6f}.nas-checkbox input{position:absolute;opacity:0;z-index:-1}.nas-checkbox input:checked+.nas-checkbox__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox input:checked+.nas-checkbox__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox input:checked+.nas-checkbox__indicator:after{border-color:#15273f}.nas-checkbox input[disabled]+.nas-checkbox__indicator{background-color:#e9e7e4;border-color:#6f6f6f}.nas-checkbox input[disabled]+.nas-checkbox__indicator:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:hover:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:focus:after{border-color:#e9e7e4}.nas-checkbox__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;border:2px solid #15273F;width:22px;height:22px;background-color:#fff}.nas-checkbox__indicator:focus-visible{outline:2px solid #2A5980;outline-offset:2px}.nas-checkbox__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled{color:#6f6f6f;cursor:default}.nas-checkbox--disabled .nas-checkbox__indicator{background-color:#e9e7e4}.nas-checkbox--disabled .nas-checkbox__indicator:before{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%236F6F6F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox--disabled:hover .nas-checkbox__indicator:after{border-color:#e9e7e4}.nas-checkbox--error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--inverted{color:#fff}.nas-checkbox--inverted input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted input+.nas-checkbox__indicator:after{border-color:#fff}.nas-checkbox--inverted-error{color:#fff}.nas-checkbox--inverted-error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted-error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--outlined .nas-checkbox__indicator{border:2px solid #E9E7E4}.nas-checkbox--outlined .nas-checkbox__indicator:after{display:none}.nas-checkbox--outlined-error .nas-checkbox__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox--outlined-error .nas-checkbox__indicator:after{display:none}.nas-checkbox--spaceless{margin-bottom:6px}.nas-checkbox--block{display:block}.nas-checkbox--reverse{padding-left:0;padding-right:30px}.nas-checkbox--reverse .nas-checkbox__indicator{right:0;left:auto}.nas-checkbox--filled{width:100%;margin:0;display:flex;justify-content:flex-end}.nas-checkbox--filled.nas-checkbox--reverse{display:block}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input']
@@ -2596,6 +2600,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], outlined: [{
                 type: Input
+            }], reverse: [{
+                type: Input
+            }], filled: [{
+                type: Input
             }], ariaLabel: [{
                 type: Input,
                 args: ['aria-label']
@@ -2844,14 +2852,14 @@ class ContinueComponent extends NasComponentBase {
         this.scrolledPast = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ContinueComponent, deps: [{ token: ViewPortService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ContinueComponent, selector: "nas-continue", inputs: { wide: "wide", icon: "icon", disabled: "disabled", actionText: "actionText", actionType: "actionType", simple: "simple", spaceless: "spaceless", tiny: "tiny", canContinueOnDisabled: "canContinueOnDisabled", light: "light", sticky: "sticky", actionId: "actionId" }, outputs: { stickyChange: "stickyChange", clickContinue: "clickContinue" }, host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"mainClass\"\n  [style.minHeight.px]=\"minHeight\">\n  <div #wrapper\n    [nasClass]=\"wrapperClass\">\n    <div #content\n      [nasClass]=\"getClass('content')\">\n      <div [nasClass]=\"getClass('extra')\">\n        <ng-content></ng-content>\n      </div>\n      <nas-button #button\n        *ngIf=\"actionText\"\n        primary\n        spaceless\n        [type]=\"actionType\"\n        [nasClass]=\"getClass('action')\"\n        [disabled]=\"disabled\"\n        [canContinueOnDisabled]=\"canContinueOnDisabled\"\n        [id]=\"actionButtonId\"\n        (clickChange)=\"clickContinue.emit($event)\">\n        <span>{{actionText}}</span>\n        <nas-icon *ngIf=\"icon\"\n          [icon]=\"icon\"\n          [cssClass]=\"iconClass\"\n          [isIndicator]=\"true\"></nas-icon>\n      </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-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #E9E7E4;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f8f8f8;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ContinueComponent, selector: "nas-continue", inputs: { wide: "wide", icon: "icon", disabled: "disabled", actionText: "actionText", actionType: "actionType", simple: "simple", spaceless: "spaceless", tiny: "tiny", canContinueOnDisabled: "canContinueOnDisabled", light: "light", sticky: "sticky", actionId: "actionId" }, outputs: { stickyChange: "stickyChange", clickContinue: "clickContinue" }, host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"mainClass\"\n  [style.minHeight.px]=\"minHeight\">\n  <div #wrapper\n    [nasClass]=\"wrapperClass\">\n    <div #content\n      [nasClass]=\"getClass('content')\">\n      <div [nasClass]=\"getClass('extra')\">\n        <ng-content></ng-content>\n      </div>\n      <nas-button #button\n        *ngIf=\"actionText\"\n        primary\n        spaceless\n        [type]=\"actionType\"\n        [nasClass]=\"getClass('action')\"\n        [disabled]=\"disabled\"\n        [canContinueOnDisabled]=\"canContinueOnDisabled\"\n        [id]=\"actionButtonId\"\n        (clickChange)=\"clickContinue.emit($event)\">\n        <span>{{actionText}}</span>\n        <nas-icon *ngIf=\"icon\"\n          [icon]=\"icon\"\n          [cssClass]=\"iconClass\"\n          [isIndicator]=\"true\"></nas-icon>\n      </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-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #E9E7E4;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f1f1f1;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
 }
 __decorate([
     Debounce()
 ], ContinueComponent.prototype, "onScroll", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ContinueComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-continue', template: "<div [nasClass]=\"mainClass\"\n  [style.minHeight.px]=\"minHeight\">\n  <div #wrapper\n    [nasClass]=\"wrapperClass\">\n    <div #content\n      [nasClass]=\"getClass('content')\">\n      <div [nasClass]=\"getClass('extra')\">\n        <ng-content></ng-content>\n      </div>\n      <nas-button #button\n        *ngIf=\"actionText\"\n        primary\n        spaceless\n        [type]=\"actionType\"\n        [nasClass]=\"getClass('action')\"\n        [disabled]=\"disabled\"\n        [canContinueOnDisabled]=\"canContinueOnDisabled\"\n        [id]=\"actionButtonId\"\n        (clickChange)=\"clickContinue.emit($event)\">\n        <span>{{actionText}}</span>\n        <nas-icon *ngIf=\"icon\"\n          [icon]=\"icon\"\n          [cssClass]=\"iconClass\"\n          [isIndicator]=\"true\"></nas-icon>\n      </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-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #E9E7E4;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f8f8f8;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"] }]
+            args: [{ selector: 'nas-continue', template: "<div [nasClass]=\"mainClass\"\n  [style.minHeight.px]=\"minHeight\">\n  <div #wrapper\n    [nasClass]=\"wrapperClass\">\n    <div #content\n      [nasClass]=\"getClass('content')\">\n      <div [nasClass]=\"getClass('extra')\">\n        <ng-content></ng-content>\n      </div>\n      <nas-button #button\n        *ngIf=\"actionText\"\n        primary\n        spaceless\n        [type]=\"actionType\"\n        [nasClass]=\"getClass('action')\"\n        [disabled]=\"disabled\"\n        [canContinueOnDisabled]=\"canContinueOnDisabled\"\n        [id]=\"actionButtonId\"\n        (clickChange)=\"clickContinue.emit($event)\">\n        <span>{{actionText}}</span>\n        <nas-icon *ngIf=\"icon\"\n          [icon]=\"icon\"\n          [cssClass]=\"iconClass\"\n          [isIndicator]=\"true\"></nas-icon>\n      </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-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #E9E7E4;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f1f1f1;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"] }]
         }], ctorParameters: function () { return [{ type: ViewPortService }]; }, propDecorators: { wrapper: [{
                 type: ViewChild,
                 args: ['wrapper']
@@ -3115,11 +3123,11 @@ class DropdownComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DropdownComponent, selector: "nas-dropdown", inputs: { open: "open", id: "id", ariaLabelBackdrop: "ariaLabelBackdrop", cssClass: "cssClass", inline: "inline", label: "label", stretched: "stretched", labelStyle: "labelStyle" }, outputs: { openChange: "openChange" }, host: { properties: { "class.inline": "this.useInline" } }, viewQueries: [{ propertyName: "toggleElement", first: true, predicate: ["toggleElement"], descendants: true }, { propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true }, { propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true }, { propertyName: "contentParent", first: true, predicate: ["contentParent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getMainClass()\"\n  [id]=\"getId()\">\n  <button type=\"button\"\n    #toggleElement\n    [nasClass]=\"getClass('toggle', [open && 'active', !open && 'blured'])\"\n    (mousedown)=\"toggle()\"\n    (focus)=\"toggleOnFocus($event)\">\n    <div [nasClass]=\"getClass('label')\"\n      [ngStyle]=\"labelStyle\">{{label}}</div>\n    <nas-icon [nasClass]=\"getClass('dropdown-icon', open && 'rotate')\"\n      [icon]=\"'arrow-right'\"\n      [type]=\"'chevron-down'\"\n      [isIndicator]=\"true\"></nas-icon>\n  </button>\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('content')\"\n      [ngStyle]=\"position\"\n      *ngIf=\"open\"\n      tabindex=\"-1\">\n      <span [nasClass]=\"getClass('arrow')\"\n        [ngStyle]=\"arrowPosition\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div *ngIf=\"!open\" #contentElement\n      [nasClass]=\"getClass('content', 'hidden')\" [style.maxWidth]=\"maxWidth - 24 + 'px'\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </div>\n  <button type=\"button\"\n    tabindex=\"0\"\n    *ngIf=\"open\"\n    [attr.aria-label]=\"ariaLabelBackdrop\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"toggle()\"></button>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host(.inline){display:inline-block}.nas-dropdown{position:relative;display:inline-block;height:100%}.nas-dropdown__toggle{position:relative;z-index:3;padding:9px 16px;background-color:#fff;outline:0;text-align:left;white-space:nowrap;align-items:center}.nas-dropdown__toggle:after{content:\"\";position:absolute;width:100%;left:0;bottom:-6px;height:3px;background-color:#e9e7e4;display:none;animation:fade-in .1s linear both;animation-delay:.13s}.nas-dropdown__toggle:focus{outline:none}.nas-dropdown__toggle:focus:after{background-color:transparent}.nas-dropdown__toggle--blured:focus{transition:box-shadow .9s;outline:none;box-shadow:inset 0 0 2px #e9e7e4,inset 0 0 2px 3px #7ca4cd}.nas-dropdown__toggle--active{background-color:#f8f8f8}.nas-dropdown__toggle--active:focus{box-shadow:none}.nas-dropdown__indicator{margin-left:9px}.nas-dropdown__body{position:relative;z-index:4;perspective:1000px}.nas-dropdown__arrow{position:absolute;width:16px;height:16px;top:-10px;left:calc(50% - 8px);background-color:inherit;transform:rotate(45deg);border-top:3px solid #15273F;border-left:3px solid #15273F}.nas-dropdown__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;outline:0;position:absolute;padding:16px;margin-top:16px;background-color:#fff;left:calc(50% - 150px);min-width:300px;max-width:calc(100vw - 24px);box-shadow:0 2px 12px #0000000d;border:3px solid #15273F}.nas-dropdown__content--tight{left:calc(50% - 100px);width:200px}.nas-dropdown__content--wide{left:calc(50% - 180px);width:360px}.nas-dropdown__content--form{padding:16px 16px 24px;background-color:#f8f8f8}.nas-dropdown__content--hidden{visibility:hidden;overflow:hidden;height:0;padding:0;margin:0;border:0}.nas-dropdown__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .5s ease-out both}.nas-dropdown--inline .nas-dropdown__toggle{padding:0;background-color:transparent}.nas-dropdown--inline .nas-dropdown__toggle:after{display:block}.nas-dropdown--stretched{display:block}.nas-dropdown--stretched button{width:100%!important}.nas-dropdown--stretched .nas-dropdown__content{width:300px;margin:16px auto 0}.nas-dropdown__label{display:inline-block}::ng-deep .nas-dropdown__dropdown-icon{float:right}::ng-deep .nas-dropdown__dropdown-icon--rotate .nas-icon-chevron-down{transform:rotate(180deg)}::ng-deep .nas-dropdown__dropdown-icon .nas-icon-chevron-down{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}\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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DropdownComponent, selector: "nas-dropdown", inputs: { open: "open", id: "id", ariaLabelBackdrop: "ariaLabelBackdrop", cssClass: "cssClass", inline: "inline", label: "label", stretched: "stretched", labelStyle: "labelStyle" }, outputs: { openChange: "openChange" }, host: { properties: { "class.inline": "this.useInline" } }, viewQueries: [{ propertyName: "toggleElement", first: true, predicate: ["toggleElement"], descendants: true }, { propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true }, { propertyName: "dropdownContent", first: true, predicate: ["dropdownContent"], descendants: true }, { propertyName: "contentParent", first: true, predicate: ["contentParent"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getMainClass()\"\n  [id]=\"getId()\">\n  <button type=\"button\"\n    #toggleElement\n    [nasClass]=\"getClass('toggle', [open && 'active', !open && 'blured'])\"\n    (mousedown)=\"toggle()\"\n    (focus)=\"toggleOnFocus($event)\">\n    <div [nasClass]=\"getClass('label')\"\n      [ngStyle]=\"labelStyle\">{{label}}</div>\n    <nas-icon [nasClass]=\"getClass('dropdown-icon', open && 'rotate')\"\n      [icon]=\"'arrow-right'\"\n      [type]=\"'chevron-down'\"\n      [isIndicator]=\"true\"></nas-icon>\n  </button>\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('content')\"\n      [ngStyle]=\"position\"\n      *ngIf=\"open\"\n      tabindex=\"-1\">\n      <span [nasClass]=\"getClass('arrow')\"\n        [ngStyle]=\"arrowPosition\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div *ngIf=\"!open\" #contentElement\n      [nasClass]=\"getClass('content', 'hidden')\" [style.maxWidth]=\"maxWidth - 24 + 'px'\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </div>\n  <button type=\"button\"\n    tabindex=\"0\"\n    *ngIf=\"open\"\n    [attr.aria-label]=\"ariaLabelBackdrop\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"toggle()\"></button>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host(.inline){display:inline-block}.nas-dropdown{position:relative;display:inline-block;height:100%}.nas-dropdown__toggle{position:relative;z-index:3;padding:9px 16px;background-color:#fff;outline:0;text-align:left;white-space:nowrap;align-items:center}.nas-dropdown__toggle:after{content:\"\";position:absolute;width:100%;left:0;bottom:-6px;height:3px;background-color:#e9e7e4;display:none;animation:fade-in .1s linear both;animation-delay:.13s}.nas-dropdown__toggle:focus{outline:none}.nas-dropdown__toggle:focus:after{background-color:transparent}.nas-dropdown__toggle--blured:focus{transition:box-shadow .9s;outline:none;box-shadow:inset 0 0 2px #e9e7e4,inset 0 0 2px 3px #7ca4cd}.nas-dropdown__toggle--active{background-color:#f1f1f1}.nas-dropdown__toggle--active:focus{box-shadow:none}.nas-dropdown__indicator{margin-left:9px}.nas-dropdown__body{position:relative;z-index:4;perspective:1000px}.nas-dropdown__arrow{position:absolute;width:16px;height:16px;top:-10px;left:calc(50% - 8px);background-color:inherit;transform:rotate(45deg);border-top:3px solid #15273F;border-left:3px solid #15273F}.nas-dropdown__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;outline:0;position:absolute;padding:16px;margin-top:16px;background-color:#fff;left:calc(50% - 150px);min-width:300px;max-width:calc(100vw - 24px);box-shadow:0 2px 12px #0000000d;border:3px solid #15273F}.nas-dropdown__content--tight{left:calc(50% - 100px);width:200px}.nas-dropdown__content--wide{left:calc(50% - 180px);width:360px}.nas-dropdown__content--form{padding:16px 16px 24px;background-color:#f1f1f1}.nas-dropdown__content--hidden{visibility:hidden;overflow:hidden;height:0;padding:0;margin:0;border:0}.nas-dropdown__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .5s ease-out both}.nas-dropdown--inline .nas-dropdown__toggle{padding:0;background-color:transparent}.nas-dropdown--inline .nas-dropdown__toggle:after{display:block}.nas-dropdown--stretched{display:block}.nas-dropdown--stretched button{width:100%!important}.nas-dropdown--stretched .nas-dropdown__content{width:300px;margin:16px auto 0}.nas-dropdown__label{display:inline-block}::ng-deep .nas-dropdown__dropdown-icon{float:right}::ng-deep .nas-dropdown__dropdown-icon--rotate .nas-icon-chevron-down{transform:rotate(180deg)}::ng-deep .nas-dropdown__dropdown-icon .nas-icon-chevron-down{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}\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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-dropdown', template: "<div [nasClass]=\"getMainClass()\"\n  [id]=\"getId()\">\n  <button type=\"button\"\n    #toggleElement\n    [nasClass]=\"getClass('toggle', [open && 'active', !open && 'blured'])\"\n    (mousedown)=\"toggle()\"\n    (focus)=\"toggleOnFocus($event)\">\n    <div [nasClass]=\"getClass('label')\"\n      [ngStyle]=\"labelStyle\">{{label}}</div>\n    <nas-icon [nasClass]=\"getClass('dropdown-icon', open && 'rotate')\"\n      [icon]=\"'arrow-right'\"\n      [type]=\"'chevron-down'\"\n      [isIndicator]=\"true\"></nas-icon>\n  </button>\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('content')\"\n      [ngStyle]=\"position\"\n      *ngIf=\"open\"\n      tabindex=\"-1\">\n      <span [nasClass]=\"getClass('arrow')\"\n        [ngStyle]=\"arrowPosition\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div *ngIf=\"!open\" #contentElement\n      [nasClass]=\"getClass('content', 'hidden')\" [style.maxWidth]=\"maxWidth - 24 + 'px'\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </div>\n  <button type=\"button\"\n    tabindex=\"0\"\n    *ngIf=\"open\"\n    [attr.aria-label]=\"ariaLabelBackdrop\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"toggle()\"></button>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host(.inline){display:inline-block}.nas-dropdown{position:relative;display:inline-block;height:100%}.nas-dropdown__toggle{position:relative;z-index:3;padding:9px 16px;background-color:#fff;outline:0;text-align:left;white-space:nowrap;align-items:center}.nas-dropdown__toggle:after{content:\"\";position:absolute;width:100%;left:0;bottom:-6px;height:3px;background-color:#e9e7e4;display:none;animation:fade-in .1s linear both;animation-delay:.13s}.nas-dropdown__toggle:focus{outline:none}.nas-dropdown__toggle:focus:after{background-color:transparent}.nas-dropdown__toggle--blured:focus{transition:box-shadow .9s;outline:none;box-shadow:inset 0 0 2px #e9e7e4,inset 0 0 2px 3px #7ca4cd}.nas-dropdown__toggle--active{background-color:#f8f8f8}.nas-dropdown__toggle--active:focus{box-shadow:none}.nas-dropdown__indicator{margin-left:9px}.nas-dropdown__body{position:relative;z-index:4;perspective:1000px}.nas-dropdown__arrow{position:absolute;width:16px;height:16px;top:-10px;left:calc(50% - 8px);background-color:inherit;transform:rotate(45deg);border-top:3px solid #15273F;border-left:3px solid #15273F}.nas-dropdown__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;outline:0;position:absolute;padding:16px;margin-top:16px;background-color:#fff;left:calc(50% - 150px);min-width:300px;max-width:calc(100vw - 24px);box-shadow:0 2px 12px #0000000d;border:3px solid #15273F}.nas-dropdown__content--tight{left:calc(50% - 100px);width:200px}.nas-dropdown__content--wide{left:calc(50% - 180px);width:360px}.nas-dropdown__content--form{padding:16px 16px 24px;background-color:#f8f8f8}.nas-dropdown__content--hidden{visibility:hidden;overflow:hidden;height:0;padding:0;margin:0;border:0}.nas-dropdown__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .5s ease-out both}.nas-dropdown--inline .nas-dropdown__toggle{padding:0;background-color:transparent}.nas-dropdown--inline .nas-dropdown__toggle:after{display:block}.nas-dropdown--stretched{display:block}.nas-dropdown--stretched button{width:100%!important}.nas-dropdown--stretched .nas-dropdown__content{width:300px;margin:16px auto 0}.nas-dropdown__label{display:inline-block}::ng-deep .nas-dropdown__dropdown-icon{float:right}::ng-deep .nas-dropdown__dropdown-icon--rotate .nas-icon-chevron-down{transform:rotate(180deg)}::ng-deep .nas-dropdown__dropdown-icon .nas-icon-chevron-down{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}\n"] }]
+            args: [{ selector: 'nas-dropdown', template: "<div [nasClass]=\"getMainClass()\"\n  [id]=\"getId()\">\n  <button type=\"button\"\n    #toggleElement\n    [nasClass]=\"getClass('toggle', [open && 'active', !open && 'blured'])\"\n    (mousedown)=\"toggle()\"\n    (focus)=\"toggleOnFocus($event)\">\n    <div [nasClass]=\"getClass('label')\"\n      [ngStyle]=\"labelStyle\">{{label}}</div>\n    <nas-icon [nasClass]=\"getClass('dropdown-icon', open && 'rotate')\"\n      [icon]=\"'arrow-right'\"\n      [type]=\"'chevron-down'\"\n      [isIndicator]=\"true\"></nas-icon>\n  </button>\n  <div [nasClass]=\"getClass('body')\">\n    <div [nasClass]=\"getClass('content')\"\n      [ngStyle]=\"position\"\n      *ngIf=\"open\"\n      tabindex=\"-1\">\n      <span [nasClass]=\"getClass('arrow')\"\n        [ngStyle]=\"arrowPosition\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n    <div *ngIf=\"!open\" #contentElement\n      [nasClass]=\"getClass('content', 'hidden')\" [style.maxWidth]=\"maxWidth - 24 + 'px'\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </div>\n  <button type=\"button\"\n    tabindex=\"0\"\n    *ngIf=\"open\"\n    [attr.aria-label]=\"ariaLabelBackdrop\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"toggle()\"></button>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host(.inline){display:inline-block}.nas-dropdown{position:relative;display:inline-block;height:100%}.nas-dropdown__toggle{position:relative;z-index:3;padding:9px 16px;background-color:#fff;outline:0;text-align:left;white-space:nowrap;align-items:center}.nas-dropdown__toggle:after{content:\"\";position:absolute;width:100%;left:0;bottom:-6px;height:3px;background-color:#e9e7e4;display:none;animation:fade-in .1s linear both;animation-delay:.13s}.nas-dropdown__toggle:focus{outline:none}.nas-dropdown__toggle:focus:after{background-color:transparent}.nas-dropdown__toggle--blured:focus{transition:box-shadow .9s;outline:none;box-shadow:inset 0 0 2px #e9e7e4,inset 0 0 2px 3px #7ca4cd}.nas-dropdown__toggle--active{background-color:#f1f1f1}.nas-dropdown__toggle--active:focus{box-shadow:none}.nas-dropdown__indicator{margin-left:9px}.nas-dropdown__body{position:relative;z-index:4;perspective:1000px}.nas-dropdown__arrow{position:absolute;width:16px;height:16px;top:-10px;left:calc(50% - 8px);background-color:inherit;transform:rotate(45deg);border-top:3px solid #15273F;border-left:3px solid #15273F}.nas-dropdown__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;outline:0;position:absolute;padding:16px;margin-top:16px;background-color:#fff;left:calc(50% - 150px);min-width:300px;max-width:calc(100vw - 24px);box-shadow:0 2px 12px #0000000d;border:3px solid #15273F}.nas-dropdown__content--tight{left:calc(50% - 100px);width:200px}.nas-dropdown__content--wide{left:calc(50% - 180px);width:360px}.nas-dropdown__content--form{padding:16px 16px 24px;background-color:#f1f1f1}.nas-dropdown__content--hidden{visibility:hidden;overflow:hidden;height:0;padding:0;margin:0;border:0}.nas-dropdown__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .5s ease-out both}.nas-dropdown--inline .nas-dropdown__toggle{padding:0;background-color:transparent}.nas-dropdown--inline .nas-dropdown__toggle:after{display:block}.nas-dropdown--stretched{display:block}.nas-dropdown--stretched button{width:100%!important}.nas-dropdown--stretched .nas-dropdown__content{width:300px;margin:16px auto 0}.nas-dropdown__label{display:inline-block}::ng-deep .nas-dropdown__dropdown-icon{float:right}::ng-deep .nas-dropdown__dropdown-icon--rotate .nas-icon-chevron-down{transform:rotate(180deg)}::ng-deep .nas-dropdown__dropdown-icon .nas-icon-chevron-down{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { open: [{
                 type: Input
             }], toggleElement: [{
@@ -4997,7 +5005,7 @@ class CalendarComponent extends NasComponentBase {
         this.weeks = this.calendarService.getWeeks(this.availableDays, this.weekStart);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CalendarComponent, deps: [{ token: DateHelper }, { token: i1.DatePipe }, { token: CalendarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CalendarComponent, selector: "nas-calendar", inputs: { id: "id", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", date: "date", weekStart: "weekStart", displayWeekNumbers: "displayWeekNumbers", availability: "availability", locale: "locale", availableDates: "availableDates", activeDate: "activeDate", selectedDate: "selectedDate", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", dateDisplayFormat: "dateDisplayFormat", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth" }, outputs: { monthChange: "monthChange", focusOnNextChange: "focusOnNextChange", selectedDateChange: "selectedDateChange", activeDateChange: "activeDateChange" }, viewQueries: [{ propertyName: "previousMonthRef", first: true, predicate: ["previousMonthRef"], descendants: true }, { propertyName: "nextMonthRef", first: true, predicate: ["nextMonthRef"], descendants: true }, { propertyName: "calendarContent", first: true, predicate: ["calendarContent"], descendants: true }, { propertyName: "monthSelectRef", first: true, predicate: ["monthSelect"], descendants: true }, { propertyName: "tableCells", predicate: ["tableCells"], descendants: true }, { propertyName: "dateButtons", predicate: ["dateButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n  <div #calendarContent tabindex=\"0\" [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button [id]=\"prevMonthId\" type=\"button\" #previousMonthRef tabindex=\"0\" [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\" [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\" (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\" [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect [cssClass]=\"getClass('month')\" [inline]=\"true\" [simple]=\"true\" [options]=\"months\"\n          [(selected)]=\"selectedMonth\" (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>\n      <button [id]=\"nextMonthId\" type=\"button\" tabindex=\"0\" #nextMonthRef [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\" [disabled]=\"nextMonthDisabled\" (keydown)=\"onNextMonthKeydown($event)\"\n        (mousedown)=\"onNextMonthMousedown()\">\n        <nas-icon [type]=\"'arrow-right'\"></nas-icon>\n      </button>\n    </header>\n\n    <!-- Weekdays + Dates -->\n    <table [nasClass]=\"getClass('table')\">\n      <thead>\n        <tr [nasClass]=\"getClass('week')\">\n          <th *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\" *ngFor=\"let weekday of weekdays\">\n            <div [nasClass]=\"getClass('item', 'header')\">{{weekday}}</div>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let week of weeks\" [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\" *ngFor=\"let day of week?.days\" #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\" *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate tabindex=\"0\">\n              <button id=\"day-{{day.date | date : 'd':'UTC':locale}}\" type=\"button\" #dateButton (keydown)=\"dateKeyDown($event)\" tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\" (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\" (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\" [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date\n                    : 'd':'UTC':locale }}</span>\n                </div>\n              </button>\n            </ng-template>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div [nasClass]=\"getClass('footer')\">\n      <div *ngIf=\"availableDates?.length === 0 && noAvailableFlightsLabel\" [nasClass]=\"getClass('footer', 'item')\">\n        <nas-icon [icon]=\"'alert'\"></nas-icon>\n        {{noAvailableFlightsLabel}}\n      </div>\n      <div *ngIf=\"availableDates?.length > 0 && noAvailableFlightsLabel && availableFlightsLabel\"\n        [nasClass]=\"getClass('footer', 'item')\">\n        <div [nasClass]=\"getClass('item', 'available')\"></div>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{availableFlightsLabel}}</div>\n        <span [nasClass]=\"getClass('item', 'unavailable')\"></span>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{noAvailableFlightsLabel}}</div>\n      </div>\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-calendar{z-index:3;width:100%;min-width:300px;float:right;padding:16px 8px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;position:relative;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;z-index:4}@media (min-width: 640px){.nas-calendar{max-width:350px}}@media (min-width: 380px){.nas-calendar{min-width:325px}}.nas-calendar__content:active{outline:none;box-shadow:none}.nas-calendar__content:focus{outline:none;box-shadow:none}.nas-calendar__cover{margin-bottom:16px}.nas-calendar__header{height:30px;font-size:16px;line-height:24px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar__month{margin:0 auto 21px}.nas-calendar__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar__months--item{text-transform:uppercase}.nas-calendar__table{table-layout:fixed;width:100%}.nas-calendar__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar__week-number{display:table-cell}}.nas-calendar__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar__nav{margin:-3px 2px 12px;width:24px;height:24px;border-radius:50%;transition:transform .2s cubic-bezier(0,0,.1,1),opacity .2s ease-out}.nas-calendar__nav .nas-icon-arrow-left--light,.nas-calendar__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar__nav:active{transform:translateY(2px)}.nas-calendar__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar__item{font-size:14px;line-height:20px;display:flex;flex-direction:column;margin-left:5px;cursor:pointer;overflow:hidden;width:100%;height:40px;text-align:left;outline:0;padding:2px;border:1px solid #FFFFFF;transition:transform .17s cubic-bezier(0,0,.1,1);border-radius:0;align-items:center;justify-content:center;pointer-events:none;opacity:.5;background-color:#fff}.nas-calendar__item .nas-calendar__date{color:#0a2033}@media (min-width: 640px){.nas-calendar__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar__item{padding:2px 6px}}.nas-calendar__item--large{height:40px;width:37px;height:37px;margin-top:8px;margin-left:2px}@media (min-width: 400px){.nas-calendar__item--large{width:39px;height:39px}}@media (min-width: 415px){.nas-calendar__item--large{width:40px;margin-top:8px;margin-left:6px}}.nas-calendar__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar__item--dummy{visibility:hidden}.nas-calendar__item--today .nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#15273f}.nas-calendar__item--cheapest{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#b12a0b}.nas-calendar__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar__item--empty .nas-calendar__date{color:inherit}.nas-calendar__item--available{pointer-events:all;opacity:1;border-color:#e9e7e4;background-color:#f8f8f8;border-radius:2px}.nas-calendar__item--available .nas-calendar__date{color:#0a2033}.nas-calendar__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar__item--within-range{background-color:#ebf4ff}.nas-calendar__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar__item:hover,.nas-calendar__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar__item:hover .nas-calendar__date,.nas-calendar__item:focus .nas-calendar__date{font-weight:700}.nas-calendar__item:active{transform:translateY(3px)}.nas-calendar__item--selected,.nas-calendar__item:active{color:#fff;background-color:#15273f;height:37px;width:37px;margin-left:5px}@media (min-width: 380px){.nas-calendar__item--selected,.nas-calendar__item:active{height:40px;width:40px}}.nas-calendar__item--selected:hover,.nas-calendar__item--selected:focus,.nas-calendar__item:active:hover,.nas-calendar__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar__item--selected .nas-calendar__date,.nas-calendar__item:active .nas-calendar__date{color:inherit}.nas-calendar__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar__item--sold-out .nas-calendar__date{color:#0a2033}.nas-calendar__item[disabled]{pointer-events:none}.nas-calendar__week{border-bottom:1px solid #E9E7E4}.nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar__date--week-number{top:6px;right:6px}.nas-calendar__date:hover,.nas-calendar__date:focus{font-weight:700}.nas-calendar__price{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em;font-size:14px}@media (min-width: 640px){.nas-calendar__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar__price{font-size:16px}}.nas-calendar__price--before{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar__price--before{margin-bottom:2px}}.nas-calendar__sold-out{position:absolute;bottom:2px;left:2px;line-height:1;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.015em;color:#8c8c8c;font-size:.75em}@media (min-width: 640px){.nas-calendar__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar__sold-out{left:6px}}.nas-calendar__transit{position:relative;display:flex;max-width:3.8em;width:calc(100% - 12px);padding:0 .5em 0 .3em;height:8px;justify-content:space-around;margin-bottom:2px;transform:scale(.85);transform-origin:left;background-color:inherit}@media (min-width: 640px){.nas-calendar__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar__transit:before,.nas-calendar__transit:after{content:\"\";position:absolute}.nas-calendar__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar__footer{display:flex;justify-content:center}.nas-calendar__footer .nas-calendar__item{width:25px;height:25px;margin-right:3px}.nas-calendar__footer .nas-calendar__item--unavailable{border:1px solid #15273F}.nas-calendar__footer--item{margin-bottom:6px}.nas-calendar__footer--label{flex-shrink:0;margin-right:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:20px}@keyframes lowfare-item-in{0%{opacity:0;transform:scale(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keyDownEvent"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CalendarComponent, selector: "nas-calendar", inputs: { id: "id", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", date: "date", weekStart: "weekStart", displayWeekNumbers: "displayWeekNumbers", availability: "availability", locale: "locale", availableDates: "availableDates", activeDate: "activeDate", selectedDate: "selectedDate", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", dateDisplayFormat: "dateDisplayFormat", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth" }, outputs: { monthChange: "monthChange", focusOnNextChange: "focusOnNextChange", selectedDateChange: "selectedDateChange", activeDateChange: "activeDateChange" }, viewQueries: [{ propertyName: "previousMonthRef", first: true, predicate: ["previousMonthRef"], descendants: true }, { propertyName: "nextMonthRef", first: true, predicate: ["nextMonthRef"], descendants: true }, { propertyName: "calendarContent", first: true, predicate: ["calendarContent"], descendants: true }, { propertyName: "monthSelectRef", first: true, predicate: ["monthSelect"], descendants: true }, { propertyName: "tableCells", predicate: ["tableCells"], descendants: true }, { propertyName: "dateButtons", predicate: ["dateButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n  <div #calendarContent tabindex=\"0\" [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button [id]=\"prevMonthId\" type=\"button\" #previousMonthRef tabindex=\"0\" [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\" [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\" (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\" [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect [cssClass]=\"getClass('month')\" [inline]=\"true\" [simple]=\"true\" [options]=\"months\"\n          [(selected)]=\"selectedMonth\" (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>\n      <button [id]=\"nextMonthId\" type=\"button\" tabindex=\"0\" #nextMonthRef [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\" [disabled]=\"nextMonthDisabled\" (keydown)=\"onNextMonthKeydown($event)\"\n        (mousedown)=\"onNextMonthMousedown()\">\n        <nas-icon [type]=\"'arrow-right'\"></nas-icon>\n      </button>\n    </header>\n\n    <!-- Weekdays + Dates -->\n    <table [nasClass]=\"getClass('table')\">\n      <thead>\n        <tr [nasClass]=\"getClass('week')\">\n          <th *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\" *ngFor=\"let weekday of weekdays\">\n            <div [nasClass]=\"getClass('item', 'header')\">{{weekday}}</div>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let week of weeks\" [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\" *ngFor=\"let day of week?.days\" #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\" *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate tabindex=\"0\">\n              <button id=\"day-{{day.date | date : 'd':'UTC':locale}}\" type=\"button\" #dateButton (keydown)=\"dateKeyDown($event)\" tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\" (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\" (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\" [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date\n                    : 'd':'UTC':locale }}</span>\n                </div>\n              </button>\n            </ng-template>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div [nasClass]=\"getClass('footer')\">\n      <div *ngIf=\"availableDates?.length === 0 && noAvailableFlightsLabel\" [nasClass]=\"getClass('footer', 'item')\">\n        <nas-icon [icon]=\"'alert'\"></nas-icon>\n        {{noAvailableFlightsLabel}}\n      </div>\n      <div *ngIf=\"availableDates?.length > 0 && noAvailableFlightsLabel && availableFlightsLabel\"\n        [nasClass]=\"getClass('footer', 'item')\">\n        <div [nasClass]=\"getClass('item', 'available')\"></div>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{availableFlightsLabel}}</div>\n        <span [nasClass]=\"getClass('item', 'unavailable')\"></span>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{noAvailableFlightsLabel}}</div>\n      </div>\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-calendar{z-index:3;width:100%;min-width:300px;float:right;padding:16px 8px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;position:relative;border:2px solid #15273F;z-index:4}@media (min-width: 640px){.nas-calendar{max-width:350px}}@media (min-width: 380px){.nas-calendar{min-width:325px}}.nas-calendar__content:active{outline:none;box-shadow:none}.nas-calendar__content:focus{outline:none;box-shadow:none}.nas-calendar__cover{margin-bottom:16px}.nas-calendar__header{height:30px;font-size:16px;line-height:24px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar__month{margin:0 auto 21px}.nas-calendar__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar__months--item{text-transform:uppercase}.nas-calendar__table{table-layout:fixed;width:100%}.nas-calendar__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar__week-number{display:table-cell}}.nas-calendar__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar__nav{margin:-3px 2px 12px;width:24px;height:24px;border-radius:50%;transition:transform .2s cubic-bezier(0,0,.1,1),opacity .2s ease-out}.nas-calendar__nav .nas-icon-arrow-left--light,.nas-calendar__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar__nav:active{transform:translateY(2px)}.nas-calendar__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar__item{font-size:14px;line-height:20px;display:flex;flex-direction:column;margin-left:5px;cursor:pointer;overflow:hidden;width:100%;height:40px;text-align:left;outline:0;padding:2px;border:1px solid #FFFFFF;transition:transform .17s cubic-bezier(0,0,.1,1);border-radius:0;align-items:center;justify-content:center;pointer-events:none;opacity:.5;background-color:#fff}.nas-calendar__item .nas-calendar__date{color:#0a2033}@media (min-width: 640px){.nas-calendar__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar__item{padding:2px 6px}}.nas-calendar__item--large{height:40px;width:37px;height:37px;margin-top:8px;margin-left:2px}@media (min-width: 400px){.nas-calendar__item--large{width:39px;height:39px}}@media (min-width: 415px){.nas-calendar__item--large{width:40px;margin-top:8px;margin-left:6px}}.nas-calendar__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar__item--dummy{visibility:hidden}.nas-calendar__item--today .nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#15273f}.nas-calendar__item--cheapest{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#b12a0b}.nas-calendar__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar__item--empty .nas-calendar__date{color:inherit}.nas-calendar__item--available{pointer-events:all;opacity:1;border-color:#e9e7e4;background-color:#f8f8f8;border-radius:2px}.nas-calendar__item--available .nas-calendar__date{color:#0a2033}.nas-calendar__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar__item--within-range{background-color:#ebf4ff}.nas-calendar__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar__item:hover,.nas-calendar__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar__item:hover .nas-calendar__date,.nas-calendar__item:focus .nas-calendar__date{font-weight:700}.nas-calendar__item:active{transform:translateY(3px)}.nas-calendar__item--selected,.nas-calendar__item:active{color:#fff;background-color:#15273f;height:37px;width:37px;margin-left:5px}@media (min-width: 380px){.nas-calendar__item--selected,.nas-calendar__item:active{height:40px;width:40px}}.nas-calendar__item--selected:hover,.nas-calendar__item--selected:focus,.nas-calendar__item:active:hover,.nas-calendar__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar__item--selected .nas-calendar__date,.nas-calendar__item:active .nas-calendar__date{color:inherit}.nas-calendar__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar__item--sold-out .nas-calendar__date{color:#0a2033}.nas-calendar__item[disabled]{pointer-events:none}.nas-calendar__week{border-bottom:1px solid #E9E7E4}.nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar__date--week-number{top:6px;right:6px}.nas-calendar__date:hover,.nas-calendar__date:focus{font-weight:700}.nas-calendar__price{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em;font-size:14px}@media (min-width: 640px){.nas-calendar__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar__price{font-size:16px}}.nas-calendar__price--before{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar__price--before{margin-bottom:2px}}.nas-calendar__sold-out{position:absolute;bottom:2px;left:2px;line-height:1;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.015em;color:#8c8c8c;font-size:.75em}@media (min-width: 640px){.nas-calendar__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar__sold-out{left:6px}}.nas-calendar__transit{position:relative;display:flex;max-width:3.8em;width:calc(100% - 12px);padding:0 .5em 0 .3em;height:8px;justify-content:space-around;margin-bottom:2px;transform:scale(.85);transform-origin:left;background-color:inherit}@media (min-width: 640px){.nas-calendar__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar__transit:before,.nas-calendar__transit:after{content:\"\";position:absolute}.nas-calendar__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar__footer{display:flex;justify-content:center}.nas-calendar__footer .nas-calendar__item{width:25px;height:25px;margin-right:3px}.nas-calendar__footer .nas-calendar__item--unavailable{border:1px solid #15273F}.nas-calendar__footer--item{margin-bottom:6px}.nas-calendar__footer--label{flex-shrink:0;margin-right:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:20px}@keyframes lowfare-item-in{0%{opacity:0;transform:scale(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keyDownEvent"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     Debounce(150)
@@ -5013,7 +5021,7 @@ __decorate([
 ], CalendarComponent.prototype, "onPreviousMonthMousedown", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-calendar', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass()\">\n  <div #calendarContent tabindex=\"0\" [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button [id]=\"prevMonthId\" type=\"button\" #previousMonthRef tabindex=\"0\" [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\" [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\" (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\" [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect [cssClass]=\"getClass('month')\" [inline]=\"true\" [simple]=\"true\" [options]=\"months\"\n          [(selected)]=\"selectedMonth\" (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>\n      <button [id]=\"nextMonthId\" type=\"button\" tabindex=\"0\" #nextMonthRef [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\" [disabled]=\"nextMonthDisabled\" (keydown)=\"onNextMonthKeydown($event)\"\n        (mousedown)=\"onNextMonthMousedown()\">\n        <nas-icon [type]=\"'arrow-right'\"></nas-icon>\n      </button>\n    </header>\n\n    <!-- Weekdays + Dates -->\n    <table [nasClass]=\"getClass('table')\">\n      <thead>\n        <tr [nasClass]=\"getClass('week')\">\n          <th *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\" *ngFor=\"let weekday of weekdays\">\n            <div [nasClass]=\"getClass('item', 'header')\">{{weekday}}</div>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let week of weeks\" [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\" *ngFor=\"let day of week?.days\" #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\" *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate tabindex=\"0\">\n              <button id=\"day-{{day.date | date : 'd':'UTC':locale}}\" type=\"button\" #dateButton (keydown)=\"dateKeyDown($event)\" tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\" (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\" (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\" [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date\n                    : 'd':'UTC':locale }}</span>\n                </div>\n              </button>\n            </ng-template>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div [nasClass]=\"getClass('footer')\">\n      <div *ngIf=\"availableDates?.length === 0 && noAvailableFlightsLabel\" [nasClass]=\"getClass('footer', 'item')\">\n        <nas-icon [icon]=\"'alert'\"></nas-icon>\n        {{noAvailableFlightsLabel}}\n      </div>\n      <div *ngIf=\"availableDates?.length > 0 && noAvailableFlightsLabel && availableFlightsLabel\"\n        [nasClass]=\"getClass('footer', 'item')\">\n        <div [nasClass]=\"getClass('item', 'available')\"></div>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{availableFlightsLabel}}</div>\n        <span [nasClass]=\"getClass('item', 'unavailable')\"></span>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{noAvailableFlightsLabel}}</div>\n      </div>\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-calendar{z-index:3;width:100%;min-width:300px;float:right;padding:16px 8px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;position:relative;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;z-index:4}@media (min-width: 640px){.nas-calendar{max-width:350px}}@media (min-width: 380px){.nas-calendar{min-width:325px}}.nas-calendar__content:active{outline:none;box-shadow:none}.nas-calendar__content:focus{outline:none;box-shadow:none}.nas-calendar__cover{margin-bottom:16px}.nas-calendar__header{height:30px;font-size:16px;line-height:24px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar__month{margin:0 auto 21px}.nas-calendar__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar__months--item{text-transform:uppercase}.nas-calendar__table{table-layout:fixed;width:100%}.nas-calendar__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar__week-number{display:table-cell}}.nas-calendar__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar__nav{margin:-3px 2px 12px;width:24px;height:24px;border-radius:50%;transition:transform .2s cubic-bezier(0,0,.1,1),opacity .2s ease-out}.nas-calendar__nav .nas-icon-arrow-left--light,.nas-calendar__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar__nav:active{transform:translateY(2px)}.nas-calendar__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar__item{font-size:14px;line-height:20px;display:flex;flex-direction:column;margin-left:5px;cursor:pointer;overflow:hidden;width:100%;height:40px;text-align:left;outline:0;padding:2px;border:1px solid #FFFFFF;transition:transform .17s cubic-bezier(0,0,.1,1);border-radius:0;align-items:center;justify-content:center;pointer-events:none;opacity:.5;background-color:#fff}.nas-calendar__item .nas-calendar__date{color:#0a2033}@media (min-width: 640px){.nas-calendar__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar__item{padding:2px 6px}}.nas-calendar__item--large{height:40px;width:37px;height:37px;margin-top:8px;margin-left:2px}@media (min-width: 400px){.nas-calendar__item--large{width:39px;height:39px}}@media (min-width: 415px){.nas-calendar__item--large{width:40px;margin-top:8px;margin-left:6px}}.nas-calendar__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar__item--dummy{visibility:hidden}.nas-calendar__item--today .nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#15273f}.nas-calendar__item--cheapest{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#b12a0b}.nas-calendar__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar__item--empty .nas-calendar__date{color:inherit}.nas-calendar__item--available{pointer-events:all;opacity:1;border-color:#e9e7e4;background-color:#f8f8f8;border-radius:2px}.nas-calendar__item--available .nas-calendar__date{color:#0a2033}.nas-calendar__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar__item--within-range{background-color:#ebf4ff}.nas-calendar__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar__item:hover,.nas-calendar__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar__item:hover .nas-calendar__date,.nas-calendar__item:focus .nas-calendar__date{font-weight:700}.nas-calendar__item:active{transform:translateY(3px)}.nas-calendar__item--selected,.nas-calendar__item:active{color:#fff;background-color:#15273f;height:37px;width:37px;margin-left:5px}@media (min-width: 380px){.nas-calendar__item--selected,.nas-calendar__item:active{height:40px;width:40px}}.nas-calendar__item--selected:hover,.nas-calendar__item--selected:focus,.nas-calendar__item:active:hover,.nas-calendar__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar__item--selected .nas-calendar__date,.nas-calendar__item:active .nas-calendar__date{color:inherit}.nas-calendar__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar__item--sold-out .nas-calendar__date{color:#0a2033}.nas-calendar__item[disabled]{pointer-events:none}.nas-calendar__week{border-bottom:1px solid #E9E7E4}.nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar__date--week-number{top:6px;right:6px}.nas-calendar__date:hover,.nas-calendar__date:focus{font-weight:700}.nas-calendar__price{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em;font-size:14px}@media (min-width: 640px){.nas-calendar__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar__price{font-size:16px}}.nas-calendar__price--before{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar__price--before{margin-bottom:2px}}.nas-calendar__sold-out{position:absolute;bottom:2px;left:2px;line-height:1;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.015em;color:#8c8c8c;font-size:.75em}@media (min-width: 640px){.nas-calendar__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar__sold-out{left:6px}}.nas-calendar__transit{position:relative;display:flex;max-width:3.8em;width:calc(100% - 12px);padding:0 .5em 0 .3em;height:8px;justify-content:space-around;margin-bottom:2px;transform:scale(.85);transform-origin:left;background-color:inherit}@media (min-width: 640px){.nas-calendar__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar__transit:before,.nas-calendar__transit:after{content:\"\";position:absolute}.nas-calendar__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar__footer{display:flex;justify-content:center}.nas-calendar__footer .nas-calendar__item{width:25px;height:25px;margin-right:3px}.nas-calendar__footer .nas-calendar__item--unavailable{border:1px solid #15273F}.nas-calendar__footer--item{margin-bottom:6px}.nas-calendar__footer--label{flex-shrink:0;margin-right:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:20px}@keyframes lowfare-item-in{0%{opacity:0;transform:scale(0)}}\n"] }]
+            args: [{ selector: 'nas-calendar', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass()\">\n  <div #calendarContent tabindex=\"0\" [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button [id]=\"prevMonthId\" type=\"button\" #previousMonthRef tabindex=\"0\" [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\" [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\" (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\" [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect [cssClass]=\"getClass('month')\" [inline]=\"true\" [simple]=\"true\" [options]=\"months\"\n          [(selected)]=\"selectedMonth\" (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>\n      <button [id]=\"nextMonthId\" type=\"button\" tabindex=\"0\" #nextMonthRef [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\" [disabled]=\"nextMonthDisabled\" (keydown)=\"onNextMonthKeydown($event)\"\n        (mousedown)=\"onNextMonthMousedown()\">\n        <nas-icon [type]=\"'arrow-right'\"></nas-icon>\n      </button>\n    </header>\n\n    <!-- Weekdays + Dates -->\n    <table [nasClass]=\"getClass('table')\">\n      <thead>\n        <tr [nasClass]=\"getClass('week')\">\n          <th *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\" *ngFor=\"let weekday of weekdays\">\n            <div [nasClass]=\"getClass('item', 'header')\">{{weekday}}</div>\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr *ngFor=\"let week of weeks\" [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\" *ngFor=\"let day of week?.days\" #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\" *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate tabindex=\"0\">\n              <button id=\"day-{{day.date | date : 'd':'UTC':locale}}\" type=\"button\" #dateButton (keydown)=\"dateKeyDown($event)\" tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\" (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\" (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\" [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date\n                    : 'd':'UTC':locale }}</span>\n                </div>\n              </button>\n            </ng-template>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div [nasClass]=\"getClass('footer')\">\n      <div *ngIf=\"availableDates?.length === 0 && noAvailableFlightsLabel\" [nasClass]=\"getClass('footer', 'item')\">\n        <nas-icon [icon]=\"'alert'\"></nas-icon>\n        {{noAvailableFlightsLabel}}\n      </div>\n      <div *ngIf=\"availableDates?.length > 0 && noAvailableFlightsLabel && availableFlightsLabel\"\n        [nasClass]=\"getClass('footer', 'item')\">\n        <div [nasClass]=\"getClass('item', 'available')\"></div>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{availableFlightsLabel}}</div>\n        <span [nasClass]=\"getClass('item', 'unavailable')\"></span>\n        <div [nasClass]=\"getClass('footer', 'label')\">{{noAvailableFlightsLabel}}</div>\n      </div>\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-calendar{z-index:3;width:100%;min-width:300px;float:right;padding:16px 8px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;position:relative;border:2px solid #15273F;z-index:4}@media (min-width: 640px){.nas-calendar{max-width:350px}}@media (min-width: 380px){.nas-calendar{min-width:325px}}.nas-calendar__content:active{outline:none;box-shadow:none}.nas-calendar__content:focus{outline:none;box-shadow:none}.nas-calendar__cover{margin-bottom:16px}.nas-calendar__header{height:30px;font-size:16px;line-height:24px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar__month{margin:0 auto 21px}.nas-calendar__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar__months--item{text-transform:uppercase}.nas-calendar__table{table-layout:fixed;width:100%}.nas-calendar__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar__week-number{display:table-cell}}.nas-calendar__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar__nav{margin:-3px 2px 12px;width:24px;height:24px;border-radius:50%;transition:transform .2s cubic-bezier(0,0,.1,1),opacity .2s ease-out}.nas-calendar__nav .nas-icon-arrow-left--light,.nas-calendar__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar__nav:active{transform:translateY(2px)}.nas-calendar__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar__item{font-size:14px;line-height:20px;display:flex;flex-direction:column;margin-left:5px;cursor:pointer;overflow:hidden;width:100%;height:40px;text-align:left;outline:0;padding:2px;border:1px solid #FFFFFF;transition:transform .17s cubic-bezier(0,0,.1,1);border-radius:0;align-items:center;justify-content:center;pointer-events:none;opacity:.5;background-color:#fff}.nas-calendar__item .nas-calendar__date{color:#0a2033}@media (min-width: 640px){.nas-calendar__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar__item{padding:2px 6px}}.nas-calendar__item--large{height:40px;width:37px;height:37px;margin-top:8px;margin-left:2px}@media (min-width: 400px){.nas-calendar__item--large{width:39px;height:39px}}@media (min-width: 415px){.nas-calendar__item--large{width:40px;margin-top:8px;margin-left:6px}}.nas-calendar__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar__item--dummy{visibility:hidden}.nas-calendar__item--today .nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#15273f}.nas-calendar__item--cheapest{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#b12a0b}.nas-calendar__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar__item--empty .nas-calendar__date{color:inherit}.nas-calendar__item--available{pointer-events:all;opacity:1;border-color:#e9e7e4;background-color:#f8f8f8;border-radius:2px}.nas-calendar__item--available .nas-calendar__date{color:#0a2033}.nas-calendar__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar__item--within-range{background-color:#ebf4ff}.nas-calendar__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar__item:hover,.nas-calendar__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar__item:hover .nas-calendar__date,.nas-calendar__item:focus .nas-calendar__date{font-weight:700}.nas-calendar__item:active{transform:translateY(3px)}.nas-calendar__item--selected,.nas-calendar__item:active{color:#fff;background-color:#15273f;height:37px;width:37px;margin-left:5px}@media (min-width: 380px){.nas-calendar__item--selected,.nas-calendar__item:active{height:40px;width:40px}}.nas-calendar__item--selected:hover,.nas-calendar__item--selected:focus,.nas-calendar__item:active:hover,.nas-calendar__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar__item--selected .nas-calendar__date,.nas-calendar__item:active .nas-calendar__date{color:inherit}.nas-calendar__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar__item--sold-out .nas-calendar__date{color:#0a2033}.nas-calendar__item[disabled]{pointer-events:none}.nas-calendar__week{border-bottom:1px solid #E9E7E4}.nas-calendar__date{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar__date--week-number{top:6px;right:6px}.nas-calendar__date:hover,.nas-calendar__date:focus{font-weight:700}.nas-calendar__price{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em;font-size:14px}@media (min-width: 640px){.nas-calendar__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar__price{font-size:16px}}.nas-calendar__price--before{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar__price--before{margin-bottom:2px}}.nas-calendar__sold-out{position:absolute;bottom:2px;left:2px;line-height:1;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.015em;color:#8c8c8c;font-size:.75em}@media (min-width: 640px){.nas-calendar__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar__sold-out{left:6px}}.nas-calendar__transit{position:relative;display:flex;max-width:3.8em;width:calc(100% - 12px);padding:0 .5em 0 .3em;height:8px;justify-content:space-around;margin-bottom:2px;transform:scale(.85);transform-origin:left;background-color:inherit}@media (min-width: 640px){.nas-calendar__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar__transit:before,.nas-calendar__transit:after{content:\"\";position:absolute}.nas-calendar__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar__footer{display:flex;justify-content:center}.nas-calendar__footer .nas-calendar__item{width:25px;height:25px;margin-right:3px}.nas-calendar__footer .nas-calendar__item--unavailable{border:1px solid #15273F}.nas-calendar__footer--item{margin-bottom:6px}.nas-calendar__footer--label{flex-shrink:0;margin-right:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:20px}@keyframes lowfare-item-in{0%{opacity:0;transform:scale(0)}}\n"] }]
         }], ctorParameters: function () { return [{ type: DateHelper }, { type: i1.DatePipe }, { type: CalendarService }]; }, propDecorators: { previousMonthRef: [{
                 type: ViewChild,
                 args: ['previousMonthRef']
@@ -5558,11 +5566,11 @@ class DatepickerComponent extends NasComponentBase {
         this.showTimes = !this.showTimes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.DatePipe }, { token: DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DatepickerComponent, selector: "nas-datepicker", inputs: { id: "id", ariaLabelBackdrop: "ariaLabelBackdrop", disableBackdrop: "disableBackdrop", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", availability: "availability", availableDates: "availableDates", disabled: "disabled", placeholder: "placeholder", required: "required", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", times: "times", open: "open", selectedMonth: "selectedMonth", selectedDate: "selectedDate", selectedTime: "selectedTime", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", timepickerLabel: "timepickerLabel" }, outputs: { selectedDateChange: "selectedDateChange", selectedMonthChange: "selectedMonthChange", openChange: "openChange", focusOnNextChange: "focusOnNextChange", focusOnPreviousChange: "focusOnPreviousChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }, { propertyName: "datePickerContent", first: true, predicate: ["datePickerContent"], descendants: true }, { propertyName: "timeSelector", first: true, predicate: ["timeSelector"], descendants: true }, { propertyName: "time", first: true, predicate: ["time"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label [nasClass]=\"getMainClass()\">\n  <div [nasClass]=\"getClass('date-picker-content')\">\n    <div [nasClass]=\"getClass('date-picker-wrapper')\" [style.z-index]=\"showTimes ? 0 : 'auto'\">\n      <div [nasClass]=\"getClass('controls', [show && 'active', model && 'filled'])\"\n        (mousedown)=\"onMouseDownDatepicker()\">\n        <div #datePickerContent [nasClass]=\"getLabelClass()\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <input #input [id]=\"inputId\" [nasClass]=\"getClass('date-picker')\" [required]=\"required\" [disabled]=\"disabled\"\n          [attr.placeholder]=\"placeholder\" [attr.aria-label]=\"ariaLabel\" [attr.aria-describedby]=\"ariaDescribedby\"\n          [attr.aria-required]=\"required\" [attr.aria-haspopup]=\"true\" (keydown.tab)=\"selectDate($event)\"\n          (keydown.shift.tab)=\"onInputKeydownShiftTab($event)\" (keydown.enter)=\"selectDate($event)\"\n          (keydown.arrowdown)=\"onCalendarKeyDown($event)\" (keydown.arrowleft)=\"onCalendarKeyDown($event)\"\n          (keydown.arrowright)=\"onCalendarKeyDown($event)\" (keydown.arrowup)=\"onCalendarKeyDown($event)\"\n          (focus)=\"openCalendar()\" [(ngModel)]=\"model\" />\n      </div>\n      <div [nasClass]=\"getClass('calendar-icon')\">\n        <nas-icon *ngIf=\"exists(disabled); else regularIcon\" [icon]=\"'calendar--disabled'\"\n          [ngStyle]=\"{'pointer-events': 'none'}\">\n        </nas-icon>\n        <ng-template #regularIcon>\n          <nas-icon icon=\"calendar\" (click)=\"openCalendar()\">\n          </nas-icon>\n        </ng-template>\n      </div>\n      <nas-calendar #calendar *ngIf=\"show && !showTimes\" [id]=\"inputId\" [nasFormGroup]=\"nasFormGroup\"\n        [nasFormControlName]=\"nasFormControlName\" [dateDisplayFormat]=\"dateDisplayFormat\"\n        [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n        [availability]=\"exists(availability)\" [availableDates]=\"availableDates\" [lowerLimitDate]=\"lowerLimitDate\"\n        [disablePastSelection]=\"exists(disablePastSelection)\" [locale]=\"locale\"\n        [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n        [(activeDate)]=\"activeDate\" [(selectedDate)]=\"selectedDate\"\n        (focusOnNextChange)=\"setFocusOnTimeSelectorOrNext($event)\" (keydown)=\"onCalendarKeyDown($event)\"\n        (monthChange)=\"onMonthChange($event)\">\n      </nas-calendar>\n    </div>\n    <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>\n  </div>\n</label>\n<div *ngIf=\"timeOptions\" [nasClass]=\"getClass('time-selector-wrapper')\">\n  <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n    [(showBackdrop)]=\"showTimes\"></nas-backdrop>\n  <button #timeSelector [nasClass]=\"getClass('time-picker', showTimes && 'active')\"\n    [style.z-index]=\"!showTimes ? 0 : '4'\" (click)=\"onOpenTime()\">\n    <div [nasClass]=\"getClass('time-details')\">\n      <p *ngIf=\"timepickerLabel\" [nasClass]=\"getClass('time-details', 'label')\">{{timepickerLabel}}</p>\n      <p #timeSelector [nasClass]=\"getClass('time-details--time')\">{{selectedTimeOption?.title}}</p>\n    </div>\n    <div *ngIf=\"showTimes\" [nasClass]=\"getClass('times-wrapper')\">\n      <span *ngFor=\"let time of timeOptions\" [nasClass]=\"getClass('span')\" (click)=\"onTimeSelected(time)\"\n        #time>{{time?.title}}</span>\n    </div>\n  </button>\n</div>\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host{display:flex}.nas-datepicker{position:relative;top:0;left:0;width:100%;height:100%;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;max-height:98vh;overflow-y:visible;margin-bottom:8px}.nas-datepicker__date-picker-wrapper{position:relative}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker{display:block;width:100%;height:35px;padding:0 16px 9px;border:0;border-radius:0;transition:all .2s cubic-bezier(0,0,.1,1);font-family:inherit;outline:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:24px;position:relative;z-index:3;background-color:inherit}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker[disabled]{color:#6f6f6f;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-ms-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-webkit-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:focus~.nas-datepicker__input-line{border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__calendar-icon{position:relative;margin:-44px 10px 0 0;vertical-align:middle;cursor:pointer;z-index:3;float:right}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label{padding:9px 16px 0;position:relative;z-index:3;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;background-color:inherit;display:flex}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label--disabled{color:#6f6f6f}.nas-datepicker__date-picker-wrapper nas-calendar{position:absolute;top:75px;vertical-align:middle;right:0;z-index:4}@media (min-width: 640px){.nas-datepicker__date-picker-wrapper nas-calendar{right:-15px}}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border:2px solid #6F6F6F;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--filled{border-color:#15273f}.nas-datepicker__times-wrapper{display:flex;flex-direction:column;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;position:absolute;width:140px;top:66px;left:-2px;z-index:4;overflow-y:scroll;scrollbar-width:none;max-height:320px}.nas-datepicker__span{padding:12px 16px;text-align:left;background-color:#fff;font-weight:700}.nas-datepicker__span:not(:first-child){border-top:2px solid #E9E7E4}.nas-datepicker__time-selector-wrapper{padding:0 0 8px 8px;position:relative}.nas-datepicker__time-details{padding:9px 0 0 16px;text-align:left}.nas-datepicker__time-details p{margin:0}.nas-datepicker__time-details--label{padding:0;font-weight:700;font-size:14px;line-height:20px}.nas-datepicker__time-picker{position:relative;z-index:4;display:flex;border:2px solid #15273F;background-color:#fff;height:68px;width:140px}.nas-datepicker__time-picker:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM13 6C13 5.44772 12.5523 5 12 5C11.4477 5 11 5.44772 11 6V12C11 12.3788 11.214 12.725 11.5528 12.8944L15.5528 14.8944C16.0468 15.1414 16.6474 14.9412 16.8944 14.4472C17.1414 13.9532 16.9412 13.3526 16.4472 13.1056L13 11.382V6Z%22 fill%3D%22%2315273F%22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-datepicker__time-picker--active{background-color:#ebf4ff}.nas-datepicker__time-selector-wrapper nas-select{display:flex}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select{margin-bottom:0;margin-left:3px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select:after{bottom:26px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{border:3px solid #FFFFFF;background-color:#fff;height:64px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{height:60px}}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select:focus{border-color:#15273f}.nas-datepicker--has-time{padding-right:3px}.nas-datepicker nas-spinner{position:absolute;top:300px;left:45%;right:45%}.nas-datepicker__backdrop{position:relative;z-index:1}.nas-datepicker--compact{padding:0;margin-bottom:6px}@keyframes datepicker-backdrop{0%{opacity:0}}@keyframes timepicker-backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { kind: "component", type: CalendarComponent, selector: "nas-calendar", inputs: ["id", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "lowerLimitDate", "date", "weekStart", "displayWeekNumbers", "availability", "locale", "availableDates", "activeDate", "selectedDate", "nasFormGroup", "nasFormControlName", "dateDisplayFormat", "ariaLabelPreviousMonth", "ariaLabelNextMonth"], outputs: ["monthChange", "focusOnNextChange", "selectedDateChange", "activeDateChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DatepickerComponent, selector: "nas-datepicker", inputs: { id: "id", ariaLabelBackdrop: "ariaLabelBackdrop", disableBackdrop: "disableBackdrop", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", availability: "availability", availableDates: "availableDates", disabled: "disabled", placeholder: "placeholder", required: "required", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", times: "times", open: "open", selectedMonth: "selectedMonth", selectedDate: "selectedDate", selectedTime: "selectedTime", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", timepickerLabel: "timepickerLabel" }, outputs: { selectedDateChange: "selectedDateChange", selectedMonthChange: "selectedMonthChange", openChange: "openChange", focusOnNextChange: "focusOnNextChange", focusOnPreviousChange: "focusOnPreviousChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }, { propertyName: "datePickerContent", first: true, predicate: ["datePickerContent"], descendants: true }, { propertyName: "timeSelector", first: true, predicate: ["timeSelector"], descendants: true }, { propertyName: "time", first: true, predicate: ["time"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label [nasClass]=\"getMainClass()\">\n  <div [nasClass]=\"getClass('date-picker-content')\">\n    <div [nasClass]=\"getClass('date-picker-wrapper', show && 'active')\">\n      <div [nasClass]=\"getClass('controls', [show && 'active', model && 'filled'])\"\n        (mousedown)=\"onMouseDownDatepicker()\">\n        <div #datePickerContent [nasClass]=\"getLabelClass()\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <input #input [id]=\"inputId\" [nasClass]=\"getClass('date-picker')\" [required]=\"required\" [disabled]=\"disabled\"\n          [attr.placeholder]=\"placeholder\" [attr.aria-label]=\"ariaLabel\" [attr.aria-describedby]=\"ariaDescribedby\"\n          [attr.aria-required]=\"required\" [attr.aria-haspopup]=\"true\" (keydown.tab)=\"selectDate($event)\"\n          (keydown.shift.tab)=\"onInputKeydownShiftTab($event)\" (keydown.enter)=\"selectDate($event)\"\n          (keydown.arrowdown)=\"onCalendarKeyDown($event)\" (keydown.arrowleft)=\"onCalendarKeyDown($event)\"\n          (keydown.arrowright)=\"onCalendarKeyDown($event)\" (keydown.arrowup)=\"onCalendarKeyDown($event)\"\n          (focus)=\"openCalendar()\" [(ngModel)]=\"model\" />\n      </div>\n      <div [nasClass]=\"getClass('calendar-icon')\">\n        <nas-icon *ngIf=\"exists(disabled); else regularIcon\" [icon]=\"'calendar--disabled'\"\n          [ngStyle]=\"{'pointer-events': 'none'}\">\n        </nas-icon>\n        <ng-template #regularIcon>\n          <nas-icon icon=\"calendar\" (click)=\"openCalendar()\">\n          </nas-icon>\n        </ng-template>\n      </div>\n      <nas-calendar #calendar *ngIf=\"show && !showTimes\" [id]=\"inputId\" [nasFormGroup]=\"nasFormGroup\"\n        [nasFormControlName]=\"nasFormControlName\" [dateDisplayFormat]=\"dateDisplayFormat\"\n        [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n        [availability]=\"exists(availability)\" [availableDates]=\"availableDates\" [lowerLimitDate]=\"lowerLimitDate\"\n        [disablePastSelection]=\"exists(disablePastSelection)\" [locale]=\"locale\"\n        [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n        [(activeDate)]=\"activeDate\" [(selectedDate)]=\"selectedDate\"\n        (focusOnNextChange)=\"setFocusOnTimeSelectorOrNext($event)\" (keydown)=\"onCalendarKeyDown($event)\"\n        (monthChange)=\"onMonthChange($event)\">\n      </nas-calendar>\n    </div>\n    <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>\n  </div>\n</label>\n<div *ngIf=\"timeOptions\" [nasClass]=\"getClass('time-selector-wrapper')\">\n  <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n    [(showBackdrop)]=\"showTimes\"></nas-backdrop>\n  <button #timeSelector [nasClass]=\"getClass('time-picker', showTimes && 'active')\"\n    [style.z-index]=\"!showTimes ? 0 : '4'\" (click)=\"onOpenTime()\">\n    <div [nasClass]=\"getClass('time-details')\">\n      <p *ngIf=\"timepickerLabel\" [nasClass]=\"getClass('time-details', 'label')\">{{timepickerLabel}}</p>\n      <p #timeSelector [nasClass]=\"getClass('time-details--time')\">{{selectedTimeOption?.title}}</p>\n    </div>\n    <div *ngIf=\"showTimes\" [nasClass]=\"getClass('times-wrapper')\">\n      <span *ngFor=\"let time of timeOptions\" [nasClass]=\"getClass('span')\" (click)=\"onTimeSelected(time)\"\n        #time>{{time?.title}}</span>\n    </div>\n  </button>\n</div>\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host{display:flex}.nas-datepicker{position:relative;top:0;left:0;width:100%;height:100%;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;max-height:98vh;overflow-y:visible;margin-bottom:8px}.nas-datepicker__date-picker-wrapper{position:relative;z-index:0}.nas-datepicker__date-picker-wrapper--active{z-index:3}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker{display:block;width:100%;height:35px;padding:0 16px 9px;border:0;border-radius:0;transition:all .2s cubic-bezier(0,0,.1,1);font-family:inherit;outline:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:24px;position:relative;z-index:3;background-color:inherit}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker[disabled]{color:#6f6f6f;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-ms-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-webkit-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:focus~.nas-datepicker__input-line{border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__calendar-icon{position:relative;margin:-44px 16px 0 0;vertical-align:middle;cursor:pointer;z-index:3;float:right}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label{padding:9px 16px 0;position:relative;z-index:3;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;background-color:inherit;display:flex}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label--disabled{color:#6f6f6f}.nas-datepicker__date-picker-wrapper nas-calendar{position:absolute;top:66px;vertical-align:middle;right:0;z-index:4}@media (min-width: 640px){.nas-datepicker__date-picker-wrapper nas-calendar{right:-15px}}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border:2px solid #6F6F6F;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--filled{border-color:#15273f}.nas-datepicker__times-wrapper{display:flex;flex-direction:column;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;position:absolute;width:140px;top:66px;left:-2px;z-index:4;overflow-y:scroll;scrollbar-width:none;max-height:320px}.nas-datepicker__span{padding:12px 16px;text-align:left;background-color:#fff;font-weight:700}.nas-datepicker__span:not(:first-child){border-top:2px solid #E9E7E4}.nas-datepicker__time-selector-wrapper{padding:0 0 8px 8px;position:relative}.nas-datepicker__time-details{padding:9px 0 0 16px;text-align:left}.nas-datepicker__time-details p{margin:0}.nas-datepicker__time-details--label{padding:0;font-weight:700;font-size:14px;line-height:20px}.nas-datepicker__time-picker{position:relative;z-index:4;display:flex;border:2px solid #15273F;background-color:#fff;height:68px;width:140px}.nas-datepicker__time-picker:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM13 6C13 5.44772 12.5523 5 12 5C11.4477 5 11 5.44772 11 6V12C11 12.3788 11.214 12.725 11.5528 12.8944L15.5528 14.8944C16.0468 15.1414 16.6474 14.9412 16.8944 14.4472C17.1414 13.9532 16.9412 13.3526 16.4472 13.1056L13 11.382V6Z%22 fill%3D%22%2315273F%22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-datepicker__time-picker--active{background-color:#ebf4ff}.nas-datepicker__time-selector-wrapper nas-select{display:flex}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select{margin-bottom:0;margin-left:3px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select:after{bottom:26px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{border:3px solid #FFFFFF;background-color:#fff;height:64px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{height:60px}}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select:focus{border-color:#15273f}.nas-datepicker--has-time{padding-right:3px}.nas-datepicker nas-spinner{position:absolute;top:300px;left:45%;right:45%}.nas-datepicker__backdrop{position:relative;z-index:1}.nas-datepicker--compact{padding:0;margin-bottom:6px}@keyframes datepicker-backdrop{0%{opacity:0}}@keyframes timepicker-backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: 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"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { kind: "component", type: CalendarComponent, selector: "nas-calendar", inputs: ["id", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "lowerLimitDate", "date", "weekStart", "displayWeekNumbers", "availability", "locale", "availableDates", "activeDate", "selectedDate", "nasFormGroup", "nasFormControlName", "dateDisplayFormat", "ariaLabelPreviousMonth", "ariaLabelNextMonth"], outputs: ["monthChange", "focusOnNextChange", "selectedDateChange", "activeDateChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-datepicker', encapsulation: ViewEncapsulation.None, template: "<label [nasClass]=\"getMainClass()\">\n  <div [nasClass]=\"getClass('date-picker-content')\">\n    <div [nasClass]=\"getClass('date-picker-wrapper')\" [style.z-index]=\"showTimes ? 0 : 'auto'\">\n      <div [nasClass]=\"getClass('controls', [show && 'active', model && 'filled'])\"\n        (mousedown)=\"onMouseDownDatepicker()\">\n        <div #datePickerContent [nasClass]=\"getLabelClass()\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <input #input [id]=\"inputId\" [nasClass]=\"getClass('date-picker')\" [required]=\"required\" [disabled]=\"disabled\"\n          [attr.placeholder]=\"placeholder\" [attr.aria-label]=\"ariaLabel\" [attr.aria-describedby]=\"ariaDescribedby\"\n          [attr.aria-required]=\"required\" [attr.aria-haspopup]=\"true\" (keydown.tab)=\"selectDate($event)\"\n          (keydown.shift.tab)=\"onInputKeydownShiftTab($event)\" (keydown.enter)=\"selectDate($event)\"\n          (keydown.arrowdown)=\"onCalendarKeyDown($event)\" (keydown.arrowleft)=\"onCalendarKeyDown($event)\"\n          (keydown.arrowright)=\"onCalendarKeyDown($event)\" (keydown.arrowup)=\"onCalendarKeyDown($event)\"\n          (focus)=\"openCalendar()\" [(ngModel)]=\"model\" />\n      </div>\n      <div [nasClass]=\"getClass('calendar-icon')\">\n        <nas-icon *ngIf=\"exists(disabled); else regularIcon\" [icon]=\"'calendar--disabled'\"\n          [ngStyle]=\"{'pointer-events': 'none'}\">\n        </nas-icon>\n        <ng-template #regularIcon>\n          <nas-icon icon=\"calendar\" (click)=\"openCalendar()\">\n          </nas-icon>\n        </ng-template>\n      </div>\n      <nas-calendar #calendar *ngIf=\"show && !showTimes\" [id]=\"inputId\" [nasFormGroup]=\"nasFormGroup\"\n        [nasFormControlName]=\"nasFormControlName\" [dateDisplayFormat]=\"dateDisplayFormat\"\n        [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n        [availability]=\"exists(availability)\" [availableDates]=\"availableDates\" [lowerLimitDate]=\"lowerLimitDate\"\n        [disablePastSelection]=\"exists(disablePastSelection)\" [locale]=\"locale\"\n        [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n        [(activeDate)]=\"activeDate\" [(selectedDate)]=\"selectedDate\"\n        (focusOnNextChange)=\"setFocusOnTimeSelectorOrNext($event)\" (keydown)=\"onCalendarKeyDown($event)\"\n        (monthChange)=\"onMonthChange($event)\">\n      </nas-calendar>\n    </div>\n    <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>\n  </div>\n</label>\n<div *ngIf=\"timeOptions\" [nasClass]=\"getClass('time-selector-wrapper')\">\n  <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n    [(showBackdrop)]=\"showTimes\"></nas-backdrop>\n  <button #timeSelector [nasClass]=\"getClass('time-picker', showTimes && 'active')\"\n    [style.z-index]=\"!showTimes ? 0 : '4'\" (click)=\"onOpenTime()\">\n    <div [nasClass]=\"getClass('time-details')\">\n      <p *ngIf=\"timepickerLabel\" [nasClass]=\"getClass('time-details', 'label')\">{{timepickerLabel}}</p>\n      <p #timeSelector [nasClass]=\"getClass('time-details--time')\">{{selectedTimeOption?.title}}</p>\n    </div>\n    <div *ngIf=\"showTimes\" [nasClass]=\"getClass('times-wrapper')\">\n      <span *ngFor=\"let time of timeOptions\" [nasClass]=\"getClass('span')\" (click)=\"onTimeSelected(time)\"\n        #time>{{time?.title}}</span>\n    </div>\n  </button>\n</div>\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host{display:flex}.nas-datepicker{position:relative;top:0;left:0;width:100%;height:100%;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;max-height:98vh;overflow-y:visible;margin-bottom:8px}.nas-datepicker__date-picker-wrapper{position:relative}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker{display:block;width:100%;height:35px;padding:0 16px 9px;border:0;border-radius:0;transition:all .2s cubic-bezier(0,0,.1,1);font-family:inherit;outline:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:24px;position:relative;z-index:3;background-color:inherit}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker[disabled]{color:#6f6f6f;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-ms-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-webkit-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:focus~.nas-datepicker__input-line{border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__calendar-icon{position:relative;margin:-44px 10px 0 0;vertical-align:middle;cursor:pointer;z-index:3;float:right}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label{padding:9px 16px 0;position:relative;z-index:3;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;background-color:inherit;display:flex}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label--disabled{color:#6f6f6f}.nas-datepicker__date-picker-wrapper nas-calendar{position:absolute;top:75px;vertical-align:middle;right:0;z-index:4}@media (min-width: 640px){.nas-datepicker__date-picker-wrapper nas-calendar{right:-15px}}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border:2px solid #6F6F6F;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--filled{border-color:#15273f}.nas-datepicker__times-wrapper{display:flex;flex-direction:column;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;position:absolute;width:140px;top:66px;left:-2px;z-index:4;overflow-y:scroll;scrollbar-width:none;max-height:320px}.nas-datepicker__span{padding:12px 16px;text-align:left;background-color:#fff;font-weight:700}.nas-datepicker__span:not(:first-child){border-top:2px solid #E9E7E4}.nas-datepicker__time-selector-wrapper{padding:0 0 8px 8px;position:relative}.nas-datepicker__time-details{padding:9px 0 0 16px;text-align:left}.nas-datepicker__time-details p{margin:0}.nas-datepicker__time-details--label{padding:0;font-weight:700;font-size:14px;line-height:20px}.nas-datepicker__time-picker{position:relative;z-index:4;display:flex;border:2px solid #15273F;background-color:#fff;height:68px;width:140px}.nas-datepicker__time-picker:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM13 6C13 5.44772 12.5523 5 12 5C11.4477 5 11 5.44772 11 6V12C11 12.3788 11.214 12.725 11.5528 12.8944L15.5528 14.8944C16.0468 15.1414 16.6474 14.9412 16.8944 14.4472C17.1414 13.9532 16.9412 13.3526 16.4472 13.1056L13 11.382V6Z%22 fill%3D%22%2315273F%22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-datepicker__time-picker--active{background-color:#ebf4ff}.nas-datepicker__time-selector-wrapper nas-select{display:flex}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select{margin-bottom:0;margin-left:3px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select:after{bottom:26px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{border:3px solid #FFFFFF;background-color:#fff;height:64px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{height:60px}}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select:focus{border-color:#15273f}.nas-datepicker--has-time{padding-right:3px}.nas-datepicker nas-spinner{position:absolute;top:300px;left:45%;right:45%}.nas-datepicker__backdrop{position:relative;z-index:1}.nas-datepicker--compact{padding:0;margin-bottom:6px}@keyframes datepicker-backdrop{0%{opacity:0}}@keyframes timepicker-backdrop{0%{opacity:0}}\n"] }]
+            args: [{ selector: 'nas-datepicker', encapsulation: ViewEncapsulation.None, template: "<label [nasClass]=\"getMainClass()\">\n  <div [nasClass]=\"getClass('date-picker-content')\">\n    <div [nasClass]=\"getClass('date-picker-wrapper', show && 'active')\">\n      <div [nasClass]=\"getClass('controls', [show && 'active', model && 'filled'])\"\n        (mousedown)=\"onMouseDownDatepicker()\">\n        <div #datePickerContent [nasClass]=\"getLabelClass()\">\n          <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        </div>\n        <input #input [id]=\"inputId\" [nasClass]=\"getClass('date-picker')\" [required]=\"required\" [disabled]=\"disabled\"\n          [attr.placeholder]=\"placeholder\" [attr.aria-label]=\"ariaLabel\" [attr.aria-describedby]=\"ariaDescribedby\"\n          [attr.aria-required]=\"required\" [attr.aria-haspopup]=\"true\" (keydown.tab)=\"selectDate($event)\"\n          (keydown.shift.tab)=\"onInputKeydownShiftTab($event)\" (keydown.enter)=\"selectDate($event)\"\n          (keydown.arrowdown)=\"onCalendarKeyDown($event)\" (keydown.arrowleft)=\"onCalendarKeyDown($event)\"\n          (keydown.arrowright)=\"onCalendarKeyDown($event)\" (keydown.arrowup)=\"onCalendarKeyDown($event)\"\n          (focus)=\"openCalendar()\" [(ngModel)]=\"model\" />\n      </div>\n      <div [nasClass]=\"getClass('calendar-icon')\">\n        <nas-icon *ngIf=\"exists(disabled); else regularIcon\" [icon]=\"'calendar--disabled'\"\n          [ngStyle]=\"{'pointer-events': 'none'}\">\n        </nas-icon>\n        <ng-template #regularIcon>\n          <nas-icon icon=\"calendar\" (click)=\"openCalendar()\">\n          </nas-icon>\n        </ng-template>\n      </div>\n      <nas-calendar #calendar *ngIf=\"show && !showTimes\" [id]=\"inputId\" [nasFormGroup]=\"nasFormGroup\"\n        [nasFormControlName]=\"nasFormControlName\" [dateDisplayFormat]=\"dateDisplayFormat\"\n        [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n        [availability]=\"exists(availability)\" [availableDates]=\"availableDates\" [lowerLimitDate]=\"lowerLimitDate\"\n        [disablePastSelection]=\"exists(disablePastSelection)\" [locale]=\"locale\"\n        [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n        [(activeDate)]=\"activeDate\" [(selectedDate)]=\"selectedDate\"\n        (focusOnNextChange)=\"setFocusOnTimeSelectorOrNext($event)\" (keydown)=\"onCalendarKeyDown($event)\"\n        (monthChange)=\"onMonthChange($event)\">\n      </nas-calendar>\n    </div>\n    <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>\n  </div>\n</label>\n<div *ngIf=\"timeOptions\" [nasClass]=\"getClass('time-selector-wrapper')\">\n  <nas-backdrop [nasClass]=\"getClass('backdrop')\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n    [(showBackdrop)]=\"showTimes\"></nas-backdrop>\n  <button #timeSelector [nasClass]=\"getClass('time-picker', showTimes && 'active')\"\n    [style.z-index]=\"!showTimes ? 0 : '4'\" (click)=\"onOpenTime()\">\n    <div [nasClass]=\"getClass('time-details')\">\n      <p *ngIf=\"timepickerLabel\" [nasClass]=\"getClass('time-details', 'label')\">{{timepickerLabel}}</p>\n      <p #timeSelector [nasClass]=\"getClass('time-details--time')\">{{selectedTimeOption?.title}}</p>\n    </div>\n    <div *ngIf=\"showTimes\" [nasClass]=\"getClass('times-wrapper')\">\n      <span *ngFor=\"let time of timeOptions\" [nasClass]=\"getClass('span')\" (click)=\"onTimeSelected(time)\"\n        #time>{{time?.title}}</span>\n    </div>\n  </button>\n</div>\n<ng-template #content>\n  <ng-content></ng-content>\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)}}:host{display:flex}.nas-datepicker{position:relative;top:0;left:0;width:100%;height:100%;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;max-height:98vh;overflow-y:visible;margin-bottom:8px}.nas-datepicker__date-picker-wrapper{position:relative;z-index:0}.nas-datepicker__date-picker-wrapper--active{z-index:3}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker{display:block;width:100%;height:35px;padding:0 16px 9px;border:0;border-radius:0;transition:all .2s cubic-bezier(0,0,.1,1);font-family:inherit;outline:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:24px;position:relative;z-index:3;background-color:inherit}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker[disabled]{color:#6f6f6f;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-ms-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-webkit-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:focus~.nas-datepicker__input-line{border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__calendar-icon{position:relative;margin:-44px 16px 0 0;vertical-align:middle;cursor:pointer;z-index:3;float:right}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label{padding:9px 16px 0;position:relative;z-index:3;color:#15273f;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;background-color:inherit;display:flex}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label--disabled{color:#6f6f6f}.nas-datepicker__date-picker-wrapper nas-calendar{position:absolute;top:66px;vertical-align:middle;right:0;z-index:4}@media (min-width: 640px){.nas-datepicker__date-picker-wrapper nas-calendar{right:-15px}}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border:2px solid #6F6F6F;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{background-color:#ebf4ff;border-color:#15273f}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls--filled{border-color:#15273f}.nas-datepicker__times-wrapper{display:flex;flex-direction:column;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;position:absolute;width:140px;top:66px;left:-2px;z-index:4;overflow-y:scroll;scrollbar-width:none;max-height:320px}.nas-datepicker__span{padding:12px 16px;text-align:left;background-color:#fff;font-weight:700}.nas-datepicker__span:not(:first-child){border-top:2px solid #E9E7E4}.nas-datepicker__time-selector-wrapper{padding:0 0 8px 8px;position:relative}.nas-datepicker__time-details{padding:9px 0 0 16px;text-align:left}.nas-datepicker__time-details p{margin:0}.nas-datepicker__time-details--label{padding:0;font-weight:700;font-size:14px;line-height:20px}.nas-datepicker__time-picker{position:relative;z-index:4;display:flex;border:2px solid #15273F;background-color:#fff;height:68px;width:140px}.nas-datepicker__time-picker:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:24px;height:24px;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM13 6C13 5.44772 12.5523 5 12 5C11.4477 5 11 5.44772 11 6V12C11 12.3788 11.214 12.725 11.5528 12.8944L15.5528 14.8944C16.0468 15.1414 16.6474 14.9412 16.8944 14.4472C17.1414 13.9532 16.9412 13.3526 16.4472 13.1056L13 11.382V6Z%22 fill%3D%22%2315273F%22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-datepicker__time-picker--active{background-color:#ebf4ff}.nas-datepicker__time-selector-wrapper nas-select{display:flex}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select{margin-bottom:0;margin-left:3px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select:after{bottom:26px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{border:3px solid #FFFFFF;background-color:#fff;height:64px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{height:60px}}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select:focus{border-color:#15273f}.nas-datepicker--has-time{padding-right:3px}.nas-datepicker nas-spinner{position:absolute;top:300px;left:45%;right:45%}.nas-datepicker__backdrop{position:relative;z-index:1}.nas-datepicker--compact{padding:0;margin-bottom:6px}@keyframes datepicker-backdrop{0%{opacity:0}}@keyframes timepicker-backdrop{0%{opacity:0}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: DateHelper }]; }, propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input']
@@ -5752,12 +5760,6 @@ class DatepickerComboComponent extends NasComponentBase {
             this.inboundMonthChange.emit(month);
         });
     }
-    get outboundInputId() {
-        return this.id && `${this.id}__outbound`;
-    }
-    get inboundInputId() {
-        return this.id && `${this.id}__inbound`;
-    }
     constructor(dateService, deviceHelper) {
         super('nas-datepicker-combo');
         this.dateService = dateService;
@@ -5933,14 +5935,14 @@ class DatepickerComboComponent extends NasComponentBase {
         this.isInlineFlexOnView = !this.deviceHelper.isWidthMobile(this.containerWidth.getValue());
     }
     datePickerFloating() {
-        return this.containerWidth.getValue() <= 665;
+        return this.containerWidth.getValue() <= 450;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComboComponent, deps: [{ token: DateHelper }, { token: DeviceHelper }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DatepickerComboComponent, selector: "nas-datepicker-combo", inputs: { id: "id", ariaLabelBackdrop: "ariaLabelBackdrop", outboundOpen: "outboundOpen", inboundOpen: "inboundOpen", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", outboundOnly: "outboundOnly", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", timepickerLabel: "timepickerLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", nasFormGroup: "nasFormGroup", nasFormControlNameOutbound: "nasFormControlNameOutbound", nasFormControlNameInbound: "nasFormControlNameInbound", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", disableBackdrop: "disableBackdrop", outboundSelectedTime: "outboundSelectedTime", inboundSelectedTime: "inboundSelectedTime", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", inboundLowerLimitDateOffset: "inboundLowerLimitDateOffset", inlineFlex: "inlineFlex" }, outputs: { outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", focusOnPreviousChange: "focusOnPreviousChange" }, viewQueries: [{ propertyName: "datepickerOutbound", first: true, predicate: ["datepickerOutbound"], descendants: true }, { propertyName: "datepickerInbound", first: true, predicate: ["datepickerInbound"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getMainClass()\" #container>\n  <div [nasClass]=\"getClass('date-picker')\">\n    <nas-datepicker #datepickerOutbound compact [id]=\"outboundInputId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\" [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\" [availableDates]=\"outboundAvailableDates\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"outboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\" (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\" [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\" [nasClass]=\"getClass('date-picker', checkInboundDisabled() && 'hide')\">\n    <nas-datepicker #datepickerInbound compact [id]=\"inboundInputId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\" [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\" [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\" [lowerLimitDate]=\"inboundLowerLimitDate\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"inboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\" (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\" [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker>\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-datepicker-combo{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column;width:100%;z-index:1}.nas-datepicker-combo nas-datepicker{display:flex}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273F}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper nas-calendar{top:68px;right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo__date-picker{width:100%}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker--hide,.nas-datepicker-combo__separator{display:none}.nas-datepicker-combo--compact{margin:0 auto}.nas-datepicker-combo--inline-flex{flex-wrap:nowrap;flex-direction:row;position:relative;margin:0}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:0}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker{position:unset}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker__date-picker-wrapper{position:unset}.nas-datepicker-combo--inline-flex .nas-datepicker-combo__separator{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatepickerComponent, selector: "nas-datepicker", inputs: ["id", "ariaLabelBackdrop", "disableBackdrop", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "lowerLimitDate", "availability", "availableDates", "disabled", "placeholder", "required", "ariaDescribedby", "ariaLabel", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlName", "times", "open", "selectedMonth", "selectedDate", "selectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "timepickerLabel"], outputs: ["selectedDateChange", "selectedMonthChange", "openChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DatepickerComboComponent, selector: "nas-datepicker-combo", inputs: { outboundId: "outboundId", inboundId: "inboundId", ariaLabelBackdrop: "ariaLabelBackdrop", outboundOpen: "outboundOpen", inboundOpen: "inboundOpen", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", outboundOnly: "outboundOnly", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", timepickerLabel: "timepickerLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", nasFormGroup: "nasFormGroup", nasFormControlNameOutbound: "nasFormControlNameOutbound", nasFormControlNameInbound: "nasFormControlNameInbound", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", disableBackdrop: "disableBackdrop", outboundSelectedTime: "outboundSelectedTime", inboundSelectedTime: "inboundSelectedTime", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", inboundLowerLimitDateOffset: "inboundLowerLimitDateOffset", inlineFlex: "inlineFlex" }, outputs: { outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", focusOnPreviousChange: "focusOnPreviousChange" }, viewQueries: [{ propertyName: "datepickerOutbound", first: true, predicate: ["datepickerOutbound"], descendants: true }, { propertyName: "datepickerInbound", first: true, predicate: ["datepickerInbound"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getMainClass()\" #container>\n  <div [nasClass]=\"getClass('date-picker')\">\n    <nas-datepicker #datepickerOutbound compact [id]=\"outboundId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\" [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\" [availableDates]=\"outboundAvailableDates\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"outboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\" (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\" [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\" [nasClass]=\"getClass('date-picker', ['inbound', checkInboundDisabled() && 'hide'])\">\n    <nas-datepicker #datepickerInbound compact [id]=\"inboundId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\" [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\" [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\" [lowerLimitDate]=\"inboundLowerLimitDate\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"inboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\" (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\" [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker>\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-datepicker-combo{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column;width:100%;z-index:1}.nas-datepicker-combo nas-datepicker{display:flex}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273F}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper nas-calendar{right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo__date-picker{width:100%}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker--hide,.nas-datepicker-combo__separator{display:none}.nas-datepicker-combo--compact{margin:0 auto}.nas-datepicker-combo--inline-flex{flex-wrap:nowrap;flex-direction:row;position:relative;margin:0}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:0}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker:first-child .nas-datepicker__time-selector-wrapper{padding-right:8px}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker--inbound:has(.nas-datepicker__time-selector-wrapper) .nas-datepicker__controls{border:2px solid #6F6F6F!important}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker--inbound:has(.nas-datepicker__time-selector-wrapper) .nas-datepicker__controls--filled{border:2px solid #15273F!important}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker{position:unset}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker__date-picker-wrapper{position:unset}.nas-datepicker-combo--inline-flex .nas-datepicker-combo__separator{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatepickerComponent, selector: "nas-datepicker", inputs: ["id", "ariaLabelBackdrop", "disableBackdrop", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "lowerLimitDate", "availability", "availableDates", "disabled", "placeholder", "required", "ariaDescribedby", "ariaLabel", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlName", "times", "open", "selectedMonth", "selectedDate", "selectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "timepickerLabel"], outputs: ["selectedDateChange", "selectedMonthChange", "openChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-datepicker-combo', encapsulation: ViewEncapsulation.Emulated, template: "<div [nasClass]=\"getMainClass()\" #container>\n  <div [nasClass]=\"getClass('date-picker')\">\n    <nas-datepicker #datepickerOutbound compact [id]=\"outboundInputId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\" [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\" [availableDates]=\"outboundAvailableDates\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"outboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\" (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\" [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\" [nasClass]=\"getClass('date-picker', checkInboundDisabled() && 'hide')\">\n    <nas-datepicker #datepickerInbound compact [id]=\"inboundInputId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\" [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\" [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\" [lowerLimitDate]=\"inboundLowerLimitDate\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"inboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\" (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\" [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker>\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-datepicker-combo{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column;width:100%;z-index:1}.nas-datepicker-combo nas-datepicker{display:flex}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273F}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper nas-calendar{top:68px;right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo__date-picker{width:100%}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker--hide,.nas-datepicker-combo__separator{display:none}.nas-datepicker-combo--compact{margin:0 auto}.nas-datepicker-combo--inline-flex{flex-wrap:nowrap;flex-direction:row;position:relative;margin:0}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:0}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker{position:unset}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker__date-picker-wrapper{position:unset}.nas-datepicker-combo--inline-flex .nas-datepicker-combo__separator{display:none}\n"] }]
+            args: [{ selector: 'nas-datepicker-combo', encapsulation: ViewEncapsulation.Emulated, template: "<div [nasClass]=\"getMainClass()\" #container>\n  <div [nasClass]=\"getClass('date-picker')\">\n    <nas-datepicker #datepickerOutbound compact [id]=\"outboundId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\" [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\" [availableDates]=\"outboundAvailableDates\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"outboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\" (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\" [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\" [nasClass]=\"getClass('date-picker', ['inbound', checkInboundDisabled() && 'hide'])\">\n    <nas-datepicker #datepickerInbound compact [id]=\"inboundId\" [disableBackdrop]=\"disableBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\" [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\" [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\" [lowerLimitDate]=\"inboundLowerLimitDate\" [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\" [selectedTime]=\"inboundSelectedTime\" [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\" [locale]=\"locale\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\" [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\" (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\" [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker>\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-datepicker-combo{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column;width:100%;z-index:1}.nas-datepicker-combo nas-datepicker{display:flex}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273F}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper nas-calendar{right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo__date-picker{width:100%}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker:first-child nas-datepicker ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo__date-picker--hide,.nas-datepicker-combo__separator{display:none}.nas-datepicker-combo--compact{margin:0 auto}.nas-datepicker-combo--inline-flex{flex-wrap:nowrap;flex-direction:row;position:relative;margin:0}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:0}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker:first-child .nas-datepicker__time-selector-wrapper{padding-right:8px}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker--inbound:has(.nas-datepicker__time-selector-wrapper) .nas-datepicker__controls{border:2px solid #6F6F6F!important}.nas-datepicker-combo--inline-flex ::ng-deep .nas-datepicker-combo__date-picker--inbound:has(.nas-datepicker__time-selector-wrapper) .nas-datepicker__controls--filled{border:2px solid #15273F!important}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker{position:unset}.nas-datepicker-combo--inline-flex-datepicker-float ::ng-deep .nas-datepicker__date-picker-wrapper{position:unset}.nas-datepicker-combo--inline-flex .nas-datepicker-combo__separator{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: DateHelper }, { type: DeviceHelper }]; }, propDecorators: { datepickerOutbound: [{
                 type: ViewChild,
                 args: ['datepickerOutbound']
@@ -5950,7 +5952,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
             }], container: [{
                 type: ViewChild,
                 args: ['container']
-            }], id: [{
+            }], outboundId: [{
+                type: Input
+            }], inboundId: [{
                 type: Input
             }], ariaLabelBackdrop: [{
                 type: Input
@@ -6312,9 +6316,6 @@ class FilterComponent extends NasComponentBase {
     get passengerSelectInputId() {
         return this.passengerSelectId ? this.passengerSelectId : `nas-filter__passenger-select-${this.componentId}`;
     }
-    get datePickerInputId() {
-        return this.datePickerId ? this.datePickerId : `nas-filter__date-picker-${this.componentId}`;
-    }
     get tripTypeInputId() {
         return this.tripTypeId ? this.tripTypeId : `nas-filter__trip-type-${this.componentId}`;
     }
@@ -6517,6 +6518,10 @@ class FilterComponent extends NasComponentBase {
         this.componentId = nextId$5++;
     }
     ngOnInit() {
+        if (this.enableTripSwitch) {
+            this.tripTypeInit = true;
+            this.defaultTripType = this.tripType;
+        }
         if (!this.nasFormGroup) {
             return;
         }
@@ -6534,7 +6539,7 @@ class FilterComponent extends NasComponentBase {
         if (this.nasFormControlNameTripType) {
             const tripTypeControl = this.nasFormGroup.get(this.nasFormControlNameTripType);
             if (tripTypeControl) {
-                this.tripType = tripTypeControl.value;
+                this.tripType = this.tripTypeInit ? this.defaultTripType : this.tripType;
                 this.inboundDisabled = tripTypeControl.value === TripType.oneWay;
                 if (this.nasFormControlNameInbound) {
                     const inboundControl = this.nasFormGroup.get(this.nasFormControlNameInbound);
@@ -7021,11 +7026,20 @@ class FilterComponent extends NasComponentBase {
                 this.tripSwitch.open = false;
             }
         });
-        this.tripType = tripType;
+        if (this.tripType === tripType) {
+            return;
+        }
+        if (this.tripTypeInit) {
+            this.tripType = this.defaultTripType;
+        }
+        else {
+            this.tripType = tripType;
+        }
         if (this.nasFormGroup && this.nasFormControlNameTripType) {
             const tripSwitchControl = this.nasFormGroup.get(this.nasFormControlNameTripType);
-            tripSwitchControl.patchValue(tripType);
+            tripSwitchControl.patchValue(this.tripType);
         }
+        this.tripTypeInit = false;
     }
     onTransitChange(directOnly) {
         setTimeout(() => {
@@ -7146,11 +7160,11 @@ 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", passengerSelectYouthsLabel: "passengerSelectYouthsLabel", passengerSelectYoungAdultsLabel: "passengerSelectYoungAdultsLabel", 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", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", 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", passengersTitleLabel: "passengersTitleLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch", datePickerComboInlineFlex: "datePickerComboInlineFlex", airportSelectId: "airportSelectId", passengerSelectId: "passengerSelectId", datePickerId: "datePickerId", tripTypeId: "tripTypeId", transitTypeId: "transitTypeId" }, 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" }, 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 }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\" simple\n  containerOnToggle transparent [expanded]=\"expandedAccordionMobile\" [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\" *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}\n</div>\n\n<ng-template #filterTemplate>\n  <div #container [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select *ngIf=\"airports && airportRelations && (enableDestinationSelect)\" #airportSelect combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\" \n          [id]=\"airportSelectId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\" [airports]=\"airports\" [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\" [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\" [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\" [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\" [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\" (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-airport-select *ngIf=\"airports && (!enableDestinationSelect)\" #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [id]=\"airportSelectId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\" [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\" [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\" [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions', !exists(enableDatepickers) && 'flex-end')\" [suggestions]=\"getSuggestions()\" [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <ng-container *ngIf=\"enablePassengersSelect\">\n          <div [nasClass]=\"getClass('passengers')\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [id]=\"passengerSelectId\"\n              [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\"\n                  [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\" [nasClass]=\"getClass('passengers-selection')\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select [ariaLabelAdd]=\"ariaLabelAdd\" [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\" [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\" [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\" [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\" [title]=\"passengerSelectTitle\" [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\" [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\" (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTripSwitch\">\n          <form [nasClass]=\"getClass('radio', !exists(enableDatepickers) && 'flex-end')\">\n            <nas-radio #tripTypeRoundTrip [id]=\"tripTypeInputId + '__round-trip'\" [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\"\n              (checkedChange)=\"onTripTypeChange(2)\">\n              {{tripSwitchRoundTripLabel}}\n            </nas-radio>\n            <nas-radio #tripTypeOneway [id]=\"tripTypeInputId + '__one-way'\" [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n              {{tripSwitchOneWayLabel}}\n            </nas-radio>\n          </form>\n        </ng-container>\n        <ng-container *ngIf=\"exists(enableDatepickers)\">\n          <div [nasClass]=\"getDatePickersClass()\">\n            <nas-datepicker-combo #datepickerCombo compact \n              [id]=\"datePickerInputId\" [inlineFlex]=\"inlineFlex\" [nasFormGroup]=\"nasFormGroup\"\n              [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n              [nasFormControlNameInbound]=\"nasFormControlNameInbound\" [availability]=\"availability\"\n              [availableFlightsLabel]=\"availableFlightsLabel\" [dateDisplayFormat]=\"dateDisplayFormat\"\n              [disablePastSelection]=\"disablePastSelection\" [locale]=\"locale\"\n              [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [inboundAvailableDates]=\"inboundAvailableDates\"\n              [inboundLabel]=\"inboundLabel\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n              [outboundAvailableDates]=\"outboundAvailableDates\" [outboundLabel]=\"outboundLabel\"\n              [timeDisplayFormat]=\"timeDisplayFormat\" [times]=\"times\" [outboundDisabled]=\"outboundDisabled\"\n              [inboundDisabled]=\"inboundDisabled\" [outboundOnly]=\"tripType === 1\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n              [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n              (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n              (inboundMonthChange)=\"onInboundMonthChange($event)\" (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n              [(outboundOpen)]=\"outboundOpen\" [(inboundOpen)]=\"inboundOpen\"\n              [(inboundSelectedDate)]=\"inboundSelectedDate\" [(outboundSelectedDate)]=\"outboundSelectedDate\">\n            </nas-datepicker-combo>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <div [nasClass]=\"getClass('transit-type')\">\n            <nas-button *ngIf=\"directOnlyLabel && directTransitLabel\" #transitSwitch block light\n              [id]=\"transitTypeInputId\" [iconType]=\"'chevron-down'\" [label]=\"getTransitLabel()\"\n              [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" (click)=\"onTransitSwitchOpen($event)\"\n              (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n            </nas-button>\n            <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type-selection')\">\n              <button [id]=\"transitTypeInputId + '__direct'\" [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\" type=\"button\"\n                #transitTypeDirectOnly (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n              </button>\n              <button [id]=\"transitTypeInputId + '__transit'\" type=\"button\" #transitTypeTransit\n                [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n                (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n              </button>\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openTransitTypeSelect\"></nas-backdrop>\n            </div>\n          </div>\n        </ng-container>\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{position:relative;z-index:6}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light{border:2px solid #15273F}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:hover,.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:focus{background-color:#fff}.nas-filter ::ng-deep .nas-filter__transit .nas-button__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button__icon{transform:rotate(180deg)}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button{background-color:#ebf4ff!important;border:2px solid #15273F}.nas-filter__title{margin-top:24px;font-size:32px;line-height:40px}.nas-filter__radio{display:flex;gap:24px;padding:12px}.nas-filter__radio--flex-end{order:4!important}.nas-filter__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273F;padding:9px 14px;width:100%;height:67px}.nas-filter__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:5}.nas-filter__label{flex-direction:column;text-align:left;display:flex;justify-content:center}.nas-filter__label p{margin:0}.nas-filter__button-title{font-weight:700;font-size:14px}.nas-filter__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter__transit-type-selection{z-index:4;position:absolute;width:100%;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F}.nas-filter__transit-type-selection button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter__transit-type-selection ::ng-deep .nas-backdrop{z-index:-1}.nas-filter__passengers{margin:8px 0}.nas-filter__transit-type{z-index:3}.nas-filter__filters:has(.nas-filter__radio--flex-end){display:flex;flex-direction:column}.nas-filter__filters .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--md .nas-filter__airport-select ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--md .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md .nas-filter__radio{order:0;width:100%;padding-left:0}.nas-filter__filters--md .nas-filter__date-combo{order:1;flex:1 1 48.5%}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid currentColor;margin-left:8px}.nas-filter__filters--md .nas-filter__passengers{order:2;flex:1 1 24%;position:relative;height:68px;margin:0}.nas-filter__filters--md .nas-filter__passengers .nas-filter__passengers-button{height:68px}.nas-filter__filters--md .nas-filter__passengers .nas-filter__button-title{line-height:18px}.nas-filter__filters--md .nas-filter__transit-type{order:3;flex:1 1 24%;position:relative}.nas-filter__filters--md .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.nas-filter__filters--md:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--lg .nas-filter__airport-select{order:0;flex:0 0 48%}.nas-filter__filters--lg .nas-filter__suggestions{order:8;flex:0 0 100%}.nas-filter__filters--lg .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--lg .nas-filter__suggestions--flex-end{margin-bottom:0;order:4}.nas-filter__filters--lg .nas-filter__passengers{order:2;margin-top:0;position:relative;flex:0 0 24.5%}.nas-filter__filters--lg .nas-filter__passengers .nas-filter__passengers-button{height:67px}.nas-filter__filters--lg .nas-filter__transit-type{order:3;flex:0 0 24.4%;position:relative}.nas-filter__filters--lg .nas-filter__transit-type ::ng-deep .nas-button{height:67px;margin:0}.nas-filter__filters--lg .nas-filter__date-combo{order:1;flex:0 0 49.5%}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid currentColor;margin-left:8px}.nas-filter__filters--lg .nas-filter__radio{order:4;flex:0 0 49%;padding:9px 0 0}.nas-filter__filters--lg:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:46.5%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__airport-select{order:0;flex:0 0 100%}.nas-filter__filters--lg.nas-filter__filters--minimized ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:48%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__radio{order:0;flex:0 0 100%;padding:12px 0}.nas-filter__suggestions{flex-basis:100%;position:relative}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__toggler{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;color:#15273f;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;margin:0;z-index:1;display:flex;flex-direction:column}.travel-details--lg{flex-direction:row;flex-wrap:wrap;flex:0 0 50%}.travel-details--lg .nas-filter__passengers{order:0;flex:1 1 auto;height:68px}.travel-details--lg .nas-filter__transit-type{order:0;flex:1 1 auto;position:relative}.travel-details--lg .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.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 #E9E7E4}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:24px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:24px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f8f8f8}.travel-details__action--border{border-bottom:2px #E9E7E4}.travel-details__action:focus{outline:none;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:0;width:100%;border-bottom:3px solid #E9E7E4}.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__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}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-passenger-select__title{padding:8px 16px 0}::ng-deep .nas-filter__filters .nas-passenger-select__list-item{padding:8px 16px!important}::ng-deep .nas-filter__filters .nas-radio{margin:0!important}::ng-deep .nas-filter__filters .nas-button{margin-top:6px}::ng-deep .nas-filter__filters .travel-details--no-border:after{display: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__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 #E9E7E4;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__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}::ng-deep .nas-filter__passengers-selection{position:absolute;z-index:4;width:100%}::ng-deep .nas-filter__passengers-selection ::ng-deep .nas-backdrop{z-index:-1}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ["id", "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: PassengerSelectComponent, selector: "nas-passenger-select", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "youthsLabel", "youngAdultsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }, { kind: "component", type: DatepickerComboComponent, selector: "nas-datepicker-combo", inputs: ["id", "ariaLabelBackdrop", "outboundOpen", "inboundOpen", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "outboundDisabled", "inboundDisabled", "outboundOnly", "outboundLabel", "inboundLabel", "timepickerLabel", "availability", "outboundAvailableDates", "inboundAvailableDates", "times", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlNameOutbound", "nasFormControlNameInbound", "outboundSelectedDate", "inboundSelectedDate", "disableBackdrop", "outboundSelectedTime", "inboundSelectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "inboundLowerLimitDateOffset", "inlineFlex"], outputs: ["outboundSelectedDateChange", "inboundSelectedDateChange", "outboundOpenChange", "inboundOpenChange", "outboundMonthChange", "inboundMonthChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "component", type: RadioComponent, selector: "nas-radio", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }] }); }
+    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", passengerSelectYouthsLabel: "passengerSelectYouthsLabel", passengerSelectYoungAdultsLabel: "passengerSelectYoungAdultsLabel", 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", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", 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", passengersTitleLabel: "passengersTitleLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch", datePickerComboInlineFlex: "datePickerComboInlineFlex", airportSelectOutboundId: "airportSelectOutboundId", airportSelectInboundId: "airportSelectInboundId", passengerSelectId: "passengerSelectId", datePickerOutboundId: "datePickerOutboundId", datePickerInboundId: "datePickerInboundId", tripTypeId: "tripTypeId", transitTypeId: "transitTypeId" }, 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" }, 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 }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\" simple\n  containerOnToggle transparent [expanded]=\"expandedAccordionMobile\" [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\" *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}\n</div>\n\n<ng-template #filterTemplate>\n  <div #container [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select *ngIf=\"airports && airportRelations && (enableDestinationSelect)\" #airportSelect combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\" \n          [outboundId]=\"airportSelectOutboundId\" [inboundId]=\"airportSelectInboundId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\" [airports]=\"airports\" [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\" [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\" [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\" [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\" [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\" (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-airport-select *ngIf=\"airports && (!enableDestinationSelect)\" #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [outboundId]=\"airportSelectOutboundId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\" [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\" [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\" [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions', !exists(enableDatepickers) && 'flex-end')\" [suggestions]=\"getSuggestions()\" [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <ng-container *ngIf=\"enablePassengersSelect\">\n          <div [nasClass]=\"getClass('passengers')\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [id]=\"passengerSelectId\"\n              [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\"\n                  [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\" [nasClass]=\"getClass('passengers-selection')\">\n              <nas-passenger-select [ariaLabelAdd]=\"ariaLabelAdd\" [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\" [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\" [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\" [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\" [title]=\"passengerSelectTitle\" [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\" [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\" (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select>\n                 <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTripSwitch\">\n          <form [nasClass]=\"getClass('radio', !exists(enableDatepickers) && 'flex-end')\">\n            <nas-radio #tripTypeRoundTrip [id]=\"tripTypeInputId + '__round-trip'\" [name]=\"'tripType'\" [value]=\"2\" (checkedChange)=\"onTripTypeChange(2)\" [checked]=\"defaultTripType === 2\">\n              {{tripSwitchRoundTripLabel}}\n            </nas-radio>\n            <nas-radio #tripTypeOneway [id]=\"tripTypeInputId + '__one-way'\" [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\" [checked]=\"defaultTripType === 1\">\n              {{tripSwitchOneWayLabel}}\n            </nas-radio>\n          </form>\n        </ng-container>\n        <ng-container *ngIf=\"exists(enableDatepickers)\">\n          <div [nasClass]=\"getDatePickersClass()\">\n            <nas-datepicker-combo #datepickerCombo compact \n              [outboundId]=\"datePickerOutboundId\" [inboundId]=\"datePickerInboundId\" [inlineFlex]=\"inlineFlex\" [nasFormGroup]=\"nasFormGroup\"\n              [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n              [nasFormControlNameInbound]=\"nasFormControlNameInbound\" [availability]=\"availability\"\n              [availableFlightsLabel]=\"availableFlightsLabel\" [dateDisplayFormat]=\"dateDisplayFormat\"\n              [disablePastSelection]=\"disablePastSelection\" [locale]=\"locale\"\n              [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [inboundAvailableDates]=\"inboundAvailableDates\"\n              [inboundLabel]=\"inboundLabel\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n              [outboundAvailableDates]=\"outboundAvailableDates\" [outboundLabel]=\"outboundLabel\"\n              [timeDisplayFormat]=\"timeDisplayFormat\" [times]=\"times\" [outboundDisabled]=\"outboundDisabled\"\n              [inboundDisabled]=\"inboundDisabled\" [outboundOnly]=\"tripType === 1\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n              [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n              (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n              (inboundMonthChange)=\"onInboundMonthChange($event)\" (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n              [(outboundOpen)]=\"outboundOpen\" [(inboundOpen)]=\"inboundOpen\"\n              [(inboundSelectedDate)]=\"inboundSelectedDate\" [(outboundSelectedDate)]=\"outboundSelectedDate\">\n            </nas-datepicker-combo>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <div [nasClass]=\"getClass('transit-type')\">\n            <nas-button *ngIf=\"directOnlyLabel && directTransitLabel\" #transitSwitch block light\n              [id]=\"transitTypeInputId\" [iconType]=\"'chevron-down'\" [label]=\"getTransitLabel()\"\n              [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" (click)=\"onTransitSwitchOpen($event)\"\n              (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n            </nas-button>\n            <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type-selection')\">\n              <button [id]=\"transitTypeInputId + '__direct'\" [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\" type=\"button\"\n                #transitTypeDirectOnly (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n              </button>\n              <button [id]=\"transitTypeInputId + '__transit'\" type=\"button\" #transitTypeTransit\n                [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n                (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n              </button>\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openTransitTypeSelect\"></nas-backdrop>\n            </div>\n          </div>\n        </ng-container>\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{position:relative;z-index:6}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light{border:2px solid #15273F}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:hover,.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:focus{background-color:#fff}.nas-filter ::ng-deep .nas-filter__transit .nas-button__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button__icon{transform:rotate(180deg)}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button{background-color:#ebf4ff!important;border:2px solid #15273F;z-index:5}.nas-filter__title{margin-top:24px;font-size:32px;line-height:40px}.nas-filter__radio{display:flex;gap:24px;padding:12px}.nas-filter__radio--flex-end{order:4!important}.nas-filter__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273F;padding:9px 14px;width:100%;height:67px}.nas-filter__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:5}.nas-filter__label{flex-direction:column;text-align:left;display:flex;justify-content:center}.nas-filter__label p{margin:0}.nas-filter__button-title{font-weight:700;font-size:14px}.nas-filter__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter__transit-type-selection{z-index:4;position:absolute;width:100%;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F}.nas-filter__transit-type-selection button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter__transit-type-selection ::ng-deep .nas-backdrop{z-index:-1}.nas-filter__passengers{margin-top:8px}.nas-filter__filters:has(.nas-filter__radio--flex-end){display:flex;flex-direction:column}.nas-filter__filters .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--md .nas-filter__airport-select ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--md .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md .nas-filter__radio{order:0;width:100%;padding-left:0}.nas-filter__filters--md .nas-filter__date-combo{order:1;flex:1 1 48.5%}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid #6F6F6F}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{border-left:2px solid currentColor}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker__date-picker-wrapper,.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker--compact{position:relative}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound{margin-left:8px}.nas-filter__filters--md .nas-filter__passengers{order:2;flex:1 1 24%;position:relative;height:68px;margin:0}.nas-filter__filters--md .nas-filter__passengers .nas-filter__passengers-button{height:68px}.nas-filter__filters--md .nas-filter__passengers .nas-filter__button-title{line-height:18px}.nas-filter__filters--md .nas-filter__transit-type{order:3;flex:1 1 24%;position:relative}.nas-filter__filters--md .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.nas-filter__filters--md:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--lg .nas-filter__airport-select{order:0;flex:0 0 48%}.nas-filter__filters--lg .nas-filter__suggestions{order:8;flex:0 0 100%}.nas-filter__filters--lg .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--lg .nas-filter__suggestions--flex-end{margin-bottom:0;order:4}.nas-filter__filters--lg .nas-filter__passengers{order:2;margin-top:0;position:relative;flex:0 0 24.5%}.nas-filter__filters--lg .nas-filter__passengers .nas-filter__passengers-button{height:67px}.nas-filter__filters--lg .nas-filter__transit-type{order:3;flex:0 0 24.4%;position:relative}.nas-filter__filters--lg .nas-filter__transit-type ::ng-deep .nas-button{height:67px;margin:0}.nas-filter__filters--lg .nas-filter__date-combo{order:1;flex:0 0 49.5%}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid #6F6F6F}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{border-left:2px solid currentColor}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker__date-picker-wrapper,.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker--compact{position:relative}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound{margin-left:8px}.nas-filter__filters--lg .nas-filter__radio{order:4;flex:0 0 49%;padding:9px 0 0}.nas-filter__filters--lg:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:46.5%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__airport-select{order:0;flex:0 0 100%}.nas-filter__filters--lg.nas-filter__filters--minimized ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:48%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__radio{order:0;flex:0 0 100%;padding:12px 0}.nas-filter__suggestions{flex-basis:100%;position:relative}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__toggler{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;color:#15273f;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;margin:0;z-index:1;display:flex;flex-direction:column}.travel-details--lg{flex-direction:row;flex-wrap:wrap;flex:0 0 50%}.travel-details--lg .nas-filter__passengers{order:0;flex:1 1 auto;height:68px}.travel-details--lg .nas-filter__transit-type{order:0;flex:1 1 auto;position:relative}.travel-details--lg .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.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 #E9E7E4}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:24px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:24px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f1f1f1}.travel-details__action--border{border-bottom:2px #E9E7E4}.travel-details__action:focus{outline:none;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:0;width:100%;border-bottom:3px solid #E9E7E4}.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__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}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-passenger-select__title{padding:8px 16px 0}::ng-deep .nas-filter__filters .nas-passenger-select__list{position:absolute!important;width:100%}::ng-deep .nas-filter__filters .nas-passenger-select__list-item{padding:8px 16px!important}::ng-deep .nas-filter__filters .nas-radio{margin:0!important}::ng-deep .nas-filter__filters .nas-button{margin-top:6px}::ng-deep .nas-filter__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important;position:unset}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker--compact{position:unset}::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__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 #E9E7E4;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__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}::ng-deep .nas-filter__passengers-selection{position:absolute;z-index:4;width:100%}::ng-deep .nas-filter__passengers-selection ::ng-deep .nas-backdrop{z-index:-1}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: ["outboundId", "inboundId", "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: PassengerSelectComponent, selector: "nas-passenger-select", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "youthsLabel", "youngAdultsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }, { kind: "component", type: DatepickerComboComponent, selector: "nas-datepicker-combo", inputs: ["outboundId", "inboundId", "ariaLabelBackdrop", "outboundOpen", "inboundOpen", "noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "outboundDisabled", "inboundDisabled", "outboundOnly", "outboundLabel", "inboundLabel", "timepickerLabel", "availability", "outboundAvailableDates", "inboundAvailableDates", "times", "dateDisplayFormat", "timeDisplayFormat", "locale", "compact", "nasFormGroup", "nasFormControlNameOutbound", "nasFormControlNameInbound", "outboundSelectedDate", "inboundSelectedDate", "disableBackdrop", "outboundSelectedTime", "inboundSelectedTime", "ariaLabelPreviousMonth", "ariaLabelNextMonth", "inboundLowerLimitDateOffset", "inlineFlex"], outputs: ["outboundSelectedDateChange", "inboundSelectedDateChange", "outboundOpenChange", "inboundOpenChange", "outboundMonthChange", "inboundMonthChange", "focusOnNextChange", "focusOnPreviousChange"] }, { kind: "component", type: RadioComponent, selector: "nas-radio", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-filter', template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\" simple\n  containerOnToggle transparent [expanded]=\"expandedAccordionMobile\" [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\" *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}\n</div>\n\n<ng-template #filterTemplate>\n  <div #container [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select *ngIf=\"airports && airportRelations && (enableDestinationSelect)\" #airportSelect combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\" \n          [id]=\"airportSelectId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\" [airports]=\"airports\" [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\" [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\" [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\" [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\" [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\" (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-airport-select *ngIf=\"airports && (!enableDestinationSelect)\" #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [id]=\"airportSelectId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\" [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\" [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\" [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions', !exists(enableDatepickers) && 'flex-end')\" [suggestions]=\"getSuggestions()\" [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <ng-container *ngIf=\"enablePassengersSelect\">\n          <div [nasClass]=\"getClass('passengers')\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [id]=\"passengerSelectId\"\n              [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\"\n                  [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\" [nasClass]=\"getClass('passengers-selection')\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select [ariaLabelAdd]=\"ariaLabelAdd\" [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\" [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\" [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\" [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\" [title]=\"passengerSelectTitle\" [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\" [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\" (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTripSwitch\">\n          <form [nasClass]=\"getClass('radio', !exists(enableDatepickers) && 'flex-end')\">\n            <nas-radio #tripTypeRoundTrip [id]=\"tripTypeInputId + '__round-trip'\" [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\"\n              (checkedChange)=\"onTripTypeChange(2)\">\n              {{tripSwitchRoundTripLabel}}\n            </nas-radio>\n            <nas-radio #tripTypeOneway [id]=\"tripTypeInputId + '__one-way'\" [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n              {{tripSwitchOneWayLabel}}\n            </nas-radio>\n          </form>\n        </ng-container>\n        <ng-container *ngIf=\"exists(enableDatepickers)\">\n          <div [nasClass]=\"getDatePickersClass()\">\n            <nas-datepicker-combo #datepickerCombo compact \n              [id]=\"datePickerInputId\" [inlineFlex]=\"inlineFlex\" [nasFormGroup]=\"nasFormGroup\"\n              [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n              [nasFormControlNameInbound]=\"nasFormControlNameInbound\" [availability]=\"availability\"\n              [availableFlightsLabel]=\"availableFlightsLabel\" [dateDisplayFormat]=\"dateDisplayFormat\"\n              [disablePastSelection]=\"disablePastSelection\" [locale]=\"locale\"\n              [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [inboundAvailableDates]=\"inboundAvailableDates\"\n              [inboundLabel]=\"inboundLabel\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n              [outboundAvailableDates]=\"outboundAvailableDates\" [outboundLabel]=\"outboundLabel\"\n              [timeDisplayFormat]=\"timeDisplayFormat\" [times]=\"times\" [outboundDisabled]=\"outboundDisabled\"\n              [inboundDisabled]=\"inboundDisabled\" [outboundOnly]=\"tripType === 1\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n              [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n              (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n              (inboundMonthChange)=\"onInboundMonthChange($event)\" (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n              [(outboundOpen)]=\"outboundOpen\" [(inboundOpen)]=\"inboundOpen\"\n              [(inboundSelectedDate)]=\"inboundSelectedDate\" [(outboundSelectedDate)]=\"outboundSelectedDate\">\n            </nas-datepicker-combo>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <div [nasClass]=\"getClass('transit-type')\">\n            <nas-button *ngIf=\"directOnlyLabel && directTransitLabel\" #transitSwitch block light\n              [id]=\"transitTypeInputId\" [iconType]=\"'chevron-down'\" [label]=\"getTransitLabel()\"\n              [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" (click)=\"onTransitSwitchOpen($event)\"\n              (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n            </nas-button>\n            <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type-selection')\">\n              <button [id]=\"transitTypeInputId + '__direct'\" [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\" type=\"button\"\n                #transitTypeDirectOnly (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n              </button>\n              <button [id]=\"transitTypeInputId + '__transit'\" type=\"button\" #transitTypeTransit\n                [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n                (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n              </button>\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openTransitTypeSelect\"></nas-backdrop>\n            </div>\n          </div>\n        </ng-container>\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{position:relative;z-index:6}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light{border:2px solid #15273F}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:hover,.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:focus{background-color:#fff}.nas-filter ::ng-deep .nas-filter__transit .nas-button__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button__icon{transform:rotate(180deg)}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button{background-color:#ebf4ff!important;border:2px solid #15273F}.nas-filter__title{margin-top:24px;font-size:32px;line-height:40px}.nas-filter__radio{display:flex;gap:24px;padding:12px}.nas-filter__radio--flex-end{order:4!important}.nas-filter__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273F;padding:9px 14px;width:100%;height:67px}.nas-filter__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:5}.nas-filter__label{flex-direction:column;text-align:left;display:flex;justify-content:center}.nas-filter__label p{margin:0}.nas-filter__button-title{font-weight:700;font-size:14px}.nas-filter__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter__transit-type-selection{z-index:4;position:absolute;width:100%;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F}.nas-filter__transit-type-selection button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter__transit-type-selection ::ng-deep .nas-backdrop{z-index:-1}.nas-filter__passengers{margin:8px 0}.nas-filter__transit-type{z-index:3}.nas-filter__filters:has(.nas-filter__radio--flex-end){display:flex;flex-direction:column}.nas-filter__filters .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--md .nas-filter__airport-select ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--md .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md .nas-filter__radio{order:0;width:100%;padding-left:0}.nas-filter__filters--md .nas-filter__date-combo{order:1;flex:1 1 48.5%}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid currentColor;margin-left:8px}.nas-filter__filters--md .nas-filter__passengers{order:2;flex:1 1 24%;position:relative;height:68px;margin:0}.nas-filter__filters--md .nas-filter__passengers .nas-filter__passengers-button{height:68px}.nas-filter__filters--md .nas-filter__passengers .nas-filter__button-title{line-height:18px}.nas-filter__filters--md .nas-filter__transit-type{order:3;flex:1 1 24%;position:relative}.nas-filter__filters--md .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.nas-filter__filters--md:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--lg .nas-filter__airport-select{order:0;flex:0 0 48%}.nas-filter__filters--lg .nas-filter__suggestions{order:8;flex:0 0 100%}.nas-filter__filters--lg .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--lg .nas-filter__suggestions--flex-end{margin-bottom:0;order:4}.nas-filter__filters--lg .nas-filter__passengers{order:2;margin-top:0;position:relative;flex:0 0 24.5%}.nas-filter__filters--lg .nas-filter__passengers .nas-filter__passengers-button{height:67px}.nas-filter__filters--lg .nas-filter__transit-type{order:3;flex:0 0 24.4%;position:relative}.nas-filter__filters--lg .nas-filter__transit-type ::ng-deep .nas-button{height:67px;margin:0}.nas-filter__filters--lg .nas-filter__date-combo{order:1;flex:0 0 49.5%}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker:last-child .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid currentColor;margin-left:8px}.nas-filter__filters--lg .nas-filter__radio{order:4;flex:0 0 49%;padding:9px 0 0}.nas-filter__filters--lg:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:46.5%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__airport-select{order:0;flex:0 0 100%}.nas-filter__filters--lg.nas-filter__filters--minimized ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:48%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__radio{order:0;flex:0 0 100%;padding:12px 0}.nas-filter__suggestions{flex-basis:100%;position:relative}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__toggler{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;color:#15273f;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;margin:0;z-index:1;display:flex;flex-direction:column}.travel-details--lg{flex-direction:row;flex-wrap:wrap;flex:0 0 50%}.travel-details--lg .nas-filter__passengers{order:0;flex:1 1 auto;height:68px}.travel-details--lg .nas-filter__transit-type{order:0;flex:1 1 auto;position:relative}.travel-details--lg .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.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 #E9E7E4}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:24px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:24px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f8f8f8}.travel-details__action--border{border-bottom:2px #E9E7E4}.travel-details__action:focus{outline:none;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:0;width:100%;border-bottom:3px solid #E9E7E4}.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__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}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-passenger-select__title{padding:8px 16px 0}::ng-deep .nas-filter__filters .nas-passenger-select__list-item{padding:8px 16px!important}::ng-deep .nas-filter__filters .nas-radio{margin:0!important}::ng-deep .nas-filter__filters .nas-button{margin-top:6px}::ng-deep .nas-filter__filters .travel-details--no-border:after{display: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__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 #E9E7E4;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__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}::ng-deep .nas-filter__passengers-selection{position:absolute;z-index:4;width:100%}::ng-deep .nas-filter__passengers-selection ::ng-deep .nas-backdrop{z-index:-1}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"] }]
+            args: [{ selector: 'nas-filter', template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\" simple\n  containerOnToggle transparent [expanded]=\"expandedAccordionMobile\" [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\" *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}\n</div>\n\n<ng-template #filterTemplate>\n  <div #container [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select *ngIf=\"airports && airportRelations && (enableDestinationSelect)\" #airportSelect combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\" \n          [outboundId]=\"airportSelectOutboundId\" [inboundId]=\"airportSelectInboundId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\" [airports]=\"airports\" [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\" [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\" [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\" [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\" [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\" (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-airport-select *ngIf=\"airports && (!enableDestinationSelect)\" #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [outboundId]=\"airportSelectOutboundId\" [ariaLabelClear]=\"ariaLabelClear\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\" [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\" [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\" [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\" [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\" [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\" [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\" [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\" [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\" [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\" [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\" (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\" (positionChange)=\"getClosestAirports($event)\"></nas-airport-select>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions', !exists(enableDatepickers) && 'flex-end')\" [suggestions]=\"getSuggestions()\" [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <ng-container *ngIf=\"enablePassengersSelect\">\n          <div [nasClass]=\"getClass('passengers')\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [id]=\"passengerSelectId\"\n              [nasClass]=\"getClass('passengers-button', openPassengerSelect && 'active')\">\n              <div [nasClass]=\"getClass('label')\">\n                <p [nasClass]=\"getClass('button-title')\">{{passengersTitleLabel}}</p>\n                <p>{{passengerSelectLabel}}</p>\n              </div>\n              <div [nasClass]=\"getClass('traveler-icon')\"><nas-icon [icon]=\"'my-profile-compact'\"\n                  [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\" [nasClass]=\"getClass('passengers-selection')\">\n              <nas-passenger-select [ariaLabelAdd]=\"ariaLabelAdd\" [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\" [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\" [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\" [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\" [title]=\"passengerSelectTitle\" [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\" [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\" (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select>\n                 <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTripSwitch\">\n          <form [nasClass]=\"getClass('radio', !exists(enableDatepickers) && 'flex-end')\">\n            <nas-radio #tripTypeRoundTrip [id]=\"tripTypeInputId + '__round-trip'\" [name]=\"'tripType'\" [value]=\"2\" (checkedChange)=\"onTripTypeChange(2)\" [checked]=\"defaultTripType === 2\">\n              {{tripSwitchRoundTripLabel}}\n            </nas-radio>\n            <nas-radio #tripTypeOneway [id]=\"tripTypeInputId + '__one-way'\" [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\" [checked]=\"defaultTripType === 1\">\n              {{tripSwitchOneWayLabel}}\n            </nas-radio>\n          </form>\n        </ng-container>\n        <ng-container *ngIf=\"exists(enableDatepickers)\">\n          <div [nasClass]=\"getDatePickersClass()\">\n            <nas-datepicker-combo #datepickerCombo compact \n              [outboundId]=\"datePickerOutboundId\" [inboundId]=\"datePickerInboundId\" [inlineFlex]=\"inlineFlex\" [nasFormGroup]=\"nasFormGroup\"\n              [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n              [nasFormControlNameInbound]=\"nasFormControlNameInbound\" [availability]=\"availability\"\n              [availableFlightsLabel]=\"availableFlightsLabel\" [dateDisplayFormat]=\"dateDisplayFormat\"\n              [disablePastSelection]=\"disablePastSelection\" [locale]=\"locale\"\n              [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\" [inboundAvailableDates]=\"inboundAvailableDates\"\n              [inboundLabel]=\"inboundLabel\" [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n              [outboundAvailableDates]=\"outboundAvailableDates\" [outboundLabel]=\"outboundLabel\"\n              [timeDisplayFormat]=\"timeDisplayFormat\" [times]=\"times\" [outboundDisabled]=\"outboundDisabled\"\n              [inboundDisabled]=\"inboundDisabled\" [outboundOnly]=\"tripType === 1\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n              [ariaLabelNextMonth]=\"ariaLabelNextMonth\" (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n              (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n              (inboundMonthChange)=\"onInboundMonthChange($event)\" (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n              [(outboundOpen)]=\"outboundOpen\" [(inboundOpen)]=\"inboundOpen\"\n              [(inboundSelectedDate)]=\"inboundSelectedDate\" [(outboundSelectedDate)]=\"outboundSelectedDate\">\n            </nas-datepicker-combo>\n          </div>\n        </ng-container>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <div [nasClass]=\"getClass('transit-type')\">\n            <nas-button *ngIf=\"directOnlyLabel && directTransitLabel\" #transitSwitch block light\n              [id]=\"transitTypeInputId\" [iconType]=\"'chevron-down'\" [label]=\"getTransitLabel()\"\n              [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n              [ariaLabelBackdrop]=\"ariaLabelBackdrop\" (click)=\"onTransitSwitchOpen($event)\"\n              (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n            </nas-button>\n            <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type-selection')\">\n              <button [id]=\"transitTypeInputId + '__direct'\" [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\" type=\"button\"\n                #transitTypeDirectOnly (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n              </button>\n              <button [id]=\"transitTypeInputId + '__transit'\" type=\"button\" #transitTypeTransit\n                [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n                (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n              </button>\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n                [(showBackdrop)]=\"openTransitTypeSelect\"></nas-backdrop>\n            </div>\n          </div>\n        </ng-container>\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{position:relative;z-index:6}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light{border:2px solid #15273F}.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:hover,.nas-filter ::ng-deep .nas-filter__transit .nas-button--light:focus{background-color:#fff}.nas-filter ::ng-deep .nas-filter__transit .nas-button__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button__icon{transform:rotate(180deg)}.nas-filter ::ng-deep .nas-filter__transit--active .nas-button{background-color:#ebf4ff!important;border:2px solid #15273F;z-index:5}.nas-filter__title{margin-top:24px;font-size:32px;line-height:40px}.nas-filter__radio{display:flex;gap:24px;padding:12px}.nas-filter__radio--flex-end{order:4!important}.nas-filter__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273F;padding:9px 14px;width:100%;height:67px}.nas-filter__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:5}.nas-filter__label{flex-direction:column;text-align:left;display:flex;justify-content:center}.nas-filter__label p{margin:0}.nas-filter__button-title{font-weight:700;font-size:14px}.nas-filter__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter__transit-type-selection{z-index:4;position:absolute;width:100%;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F}.nas-filter__transit-type-selection button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter__transit-type-selection ::ng-deep .nas-backdrop{z-index:-1}.nas-filter__passengers{margin-top:8px}.nas-filter__filters:has(.nas-filter__radio--flex-end){display:flex;flex-direction:column}.nas-filter__filters .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--md .nas-filter__airport-select ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--md .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--md .nas-filter__radio{order:0;width:100%;padding-left:0}.nas-filter__filters--md .nas-filter__date-combo{order:1;flex:1 1 48.5%}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid #6F6F6F}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{border-left:2px solid currentColor}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker__date-picker-wrapper,.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker--compact{position:relative}.nas-filter__filters--md .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound{margin-left:8px}.nas-filter__filters--md .nas-filter__passengers{order:2;flex:1 1 24%;position:relative;height:68px;margin:0}.nas-filter__filters--md .nas-filter__passengers .nas-filter__passengers-button{height:68px}.nas-filter__filters--md .nas-filter__passengers .nas-filter__button-title{line-height:18px}.nas-filter__filters--md .nas-filter__transit-type{order:3;flex:1 1 24%;position:relative}.nas-filter__filters--md .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.nas-filter__filters--md:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px}.nas-filter__filters--lg .nas-filter__airport-select{order:0;flex:0 0 48%}.nas-filter__filters--lg .nas-filter__suggestions{order:8;flex:0 0 100%}.nas-filter__filters--lg .nas-filter__suggestions ::ng-deep .nas-suggestions{margin:0}.nas-filter__filters--lg .nas-filter__suggestions--flex-end{margin-bottom:0;order:4}.nas-filter__filters--lg .nas-filter__passengers{order:2;margin-top:0;position:relative;flex:0 0 24.5%}.nas-filter__filters--lg .nas-filter__passengers .nas-filter__passengers-button{height:67px}.nas-filter__filters--lg .nas-filter__transit-type{order:3;flex:0 0 24.4%;position:relative}.nas-filter__filters--lg .nas-filter__transit-type ::ng-deep .nas-button{height:67px;margin:0}.nas-filter__filters--lg .nas-filter__date-combo{order:1;flex:0 0 49.5%}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls{border-left:2px solid #6F6F6F}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound .nas-datepicker__date-picker-wrapper .nas-datepicker__controls--active{border-left:2px solid currentColor}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker__date-picker-wrapper,.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker .nas-datepicker--compact{position:relative}.nas-filter__filters--lg .nas-filter__date-combo ::ng-deep .nas-datepicker-combo__date-picker--inbound{margin-left:8px}.nas-filter__filters--lg .nas-filter__radio{order:4;flex:0 0 49%;padding:9px 0 0}.nas-filter__filters--lg:has(.nas-filter__radio--flex-end){display:flex;flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo{flex-direction:row}.nas-filter__filters--lg ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:46.5%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__airport-select{order:0;flex:0 0 100%}.nas-filter__filters--lg.nas-filter__filters--minimized ::ng-deep .nas-airport-select-combo__switcher{top:20%;left:48%;transform:rotate(90deg)}.nas-filter__filters--lg.nas-filter__filters--minimized .nas-filter__radio{order:0;flex:0 0 100%;padding:12px 0}.nas-filter__suggestions{flex-basis:100%;position:relative}.nas-filter__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter__toggler{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;color:#15273f;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;margin:0;z-index:1;display:flex;flex-direction:column}.travel-details--lg{flex-direction:row;flex-wrap:wrap;flex:0 0 50%}.travel-details--lg .nas-filter__passengers{order:0;flex:1 1 auto;height:68px}.travel-details--lg .nas-filter__transit-type{order:0;flex:1 1 auto;position:relative}.travel-details--lg .nas-filter__transit-type ::ng-deep .nas-button{height:68px;margin:0}.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 #E9E7E4}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:24px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:24px;margin:0}.travel-details__action{padding:12px;width:100%;background-color:#fff;font-weight:700}.travel-details__action:hover,.travel-details__action:focus{background-color:#f1f1f1}.travel-details__action--border{border-bottom:2px #E9E7E4}.travel-details__action:focus{outline:none;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:0;width:100%;border-bottom:3px solid #E9E7E4}.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__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}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-filter__filters .nas-passenger-select__title{padding:8px 16px 0}::ng-deep .nas-filter__filters .nas-passenger-select__list{position:absolute!important;width:100%}::ng-deep .nas-filter__filters .nas-passenger-select__list-item{padding:8px 16px!important}::ng-deep .nas-filter__filters .nas-radio{margin:0!important}::ng-deep .nas-filter__filters .nas-button{margin-top:6px}::ng-deep .nas-filter__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important;position:unset}::ng-deep .nas-filter__filters .nas-filter__date-combo .nas-datepicker--compact{position:unset}::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__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 #E9E7E4;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__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:passenger-backdrop .7s ease-out both}::ng-deep .nas-filter__passengers-selection{position:absolute;z-index:4;width:100%}::ng-deep .nas-filter__passengers-selection ::ng-deep .nas-backdrop{z-index:-1}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep .lower-z-index{z-index:1!important;position:relative}\n"] }]
         }], ctorParameters: function () { return [{ type: DeviceHelper }, { type: SortService }, { type: AbandonedBasketService }, { type: DateHelper }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { passengerSelectDropdown: [{
                 type: ViewChild,
                 args: ['passengerSelectDropdown']
@@ -7380,11 +7394,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], datePickerComboInlineFlex: [{
                 type: Input
-            }], airportSelectId: [{
+            }], airportSelectOutboundId: [{
+                type: Input
+            }], airportSelectInboundId: [{
                 type: Input
             }], passengerSelectId: [{
                 type: Input
-            }], datePickerId: [{
+            }], datePickerOutboundId: [{
+                type: Input
+            }], datePickerInboundId: [{
                 type: Input
             }], tripTypeId: [{
                 type: Input
@@ -8609,11 +8627,11 @@ class ModalComponent extends NasComponentBase {
         }, 30);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, deps: [{ token: AnimateHelper }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose", blockCloseOnClickOutside: "blockCloseOnClickOutside" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n  *ngIf=\"show\">\n  <div #content\n    [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n    [ngStyle]=\"animation\"\n    tabindex=\"0\">\n    <nas-button *ngIf=\"enableClose\"\n      [overrideBaseCssClass]=\"true\"\n      [cssClass]=\"getClass('close')\"\n      [ariaLabel]=\"closeLabel\"\n      (clickChange)=\"onClose()\">\n      <nas-icon [type]=\"'remove'\"></nas-icon>\n    </nas-button>\n    <h2 [nasClass]=\"getClass('title')\"\n      *ngIf=\"title\">{{title}}</h2>\n    <ng-content></ng-content>\n  </div>\n  <button type=\"button\"\n    #backdrop\n    [disabled]=\"!enableClose\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"onClose()\"\n    [disabled]=\"blockCloseOnClickOutside\"\n    [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f8f8f8}.nas-modal--form .nas-modal__content{background-color:#e9e7e4}.nas-modal--form .nas-modal__backdrop{background-color:#0b14202b}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose", blockCloseOnClickOutside: "blockCloseOnClickOutside" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n  *ngIf=\"show\">\n  <div #content\n    [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n    [ngStyle]=\"animation\"\n    tabindex=\"0\">\n    <nas-button *ngIf=\"enableClose\"\n      [overrideBaseCssClass]=\"true\"\n      [cssClass]=\"getClass('close')\"\n      [ariaLabel]=\"closeLabel\"\n      (clickChange)=\"onClose()\">\n      <nas-icon [type]=\"'remove'\"></nas-icon>\n    </nas-button>\n    <h2 [nasClass]=\"getClass('title')\"\n      *ngIf=\"title\">{{title}}</h2>\n    <ng-content></ng-content>\n  </div>\n  <button type=\"button\"\n    #backdrop\n    [disabled]=\"!enableClose\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"onClose()\"\n    [disabled]=\"blockCloseOnClickOutside\"\n    [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f1f1f1}.nas-modal--form .nas-modal__content{background-color:#e9e7e4}.nas-modal--form .nas-modal__backdrop{background-color:#0b14202b}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-modal', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n  *ngIf=\"show\">\n  <div #content\n    [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n    [ngStyle]=\"animation\"\n    tabindex=\"0\">\n    <nas-button *ngIf=\"enableClose\"\n      [overrideBaseCssClass]=\"true\"\n      [cssClass]=\"getClass('close')\"\n      [ariaLabel]=\"closeLabel\"\n      (clickChange)=\"onClose()\">\n      <nas-icon [type]=\"'remove'\"></nas-icon>\n    </nas-button>\n    <h2 [nasClass]=\"getClass('title')\"\n      *ngIf=\"title\">{{title}}</h2>\n    <ng-content></ng-content>\n  </div>\n  <button type=\"button\"\n    #backdrop\n    [disabled]=\"!enableClose\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"onClose()\"\n    [disabled]=\"blockCloseOnClickOutside\"\n    [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f8f8f8}.nas-modal--form .nas-modal__content{background-color:#e9e7e4}.nas-modal--form .nas-modal__backdrop{background-color:#0b14202b}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"] }]
+            args: [{ selector: 'nas-modal', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n  *ngIf=\"show\">\n  <div #content\n    [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n    [ngStyle]=\"animation\"\n    tabindex=\"0\">\n    <nas-button *ngIf=\"enableClose\"\n      [overrideBaseCssClass]=\"true\"\n      [cssClass]=\"getClass('close')\"\n      [ariaLabel]=\"closeLabel\"\n      (clickChange)=\"onClose()\">\n      <nas-icon [type]=\"'remove'\"></nas-icon>\n    </nas-button>\n    <h2 [nasClass]=\"getClass('title')\"\n      *ngIf=\"title\">{{title}}</h2>\n    <ng-content></ng-content>\n  </div>\n  <button type=\"button\"\n    #backdrop\n    [disabled]=\"!enableClose\"\n    [nasClass]=\"getClass('backdrop')\"\n    (click)=\"onClose()\"\n    [disabled]=\"blockCloseOnClickOutside\"\n    [ngStyle]=\"backdropStyle\">{{closeLabel}}</button>\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-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:32px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f1f1f1}.nas-modal--form .nas-modal__content{background-color:#e9e7e4}.nas-modal--form .nas-modal__backdrop{background-color:#0b14202b}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"] }]
         }], ctorParameters: function () { return [{ type: AnimateHelper }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { form: [{
                 type: Input
             }], tight: [{
@@ -8702,11 +8720,11 @@ class PageFooterComponent extends NasComponentBase {
         window.scrollTo(0, 0);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageFooterComponent, selector: "nas-page-footer", inputs: { links: "links", buttonText: "buttonText", hideButton: "hideButton", bottomText: "bottomText" }, usesInheritance: true, ngImport: i0, template: "<footer>\n  <hr />\n  <nas-grid>\n    <nas-col>\n      <nas-button *ngIf=\"!hideButton\"\n        right\n        (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n      </nas-button>\n      <ul class=\"list list--horizontal\">\n        <li *ngFor=\"let link of links\">\n          <a *ngIf=\"link.link\"\n            href=\"{{link.link}}\">{{link.title}}</a>\n        </li>\n      </ul>\n    </nas-col>\n    <nas-col *ngIf=\"bottomText\">\n      <div class=\"spacing-top\"\n        [innerHTML]=\"bottomText\"></div>\n    </nas-col>\n  </nas-grid>\n</footer>", 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)}}footer{background:#f8f8f8;position:relative;margin:60px 0 0;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\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: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: GridComponent, selector: "nas-grid", inputs: ["right", "center", "stretch", "wide", "tight", "xtight", "xxtight", "spaceless", "mobileview", "nopadding", "nomargin", "colGroup"] }, { kind: "component", type: ColComponent, selector: "nas-col", inputs: ["base", "md", "lg", "xl", "colSize"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageFooterComponent, selector: "nas-page-footer", inputs: { links: "links", buttonText: "buttonText", hideButton: "hideButton", bottomText: "bottomText" }, usesInheritance: true, ngImport: i0, template: "<footer>\n  <hr />\n  <nas-grid>\n    <nas-col>\n      <nas-button *ngIf=\"!hideButton\"\n        right\n        (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n      </nas-button>\n      <ul class=\"list list--horizontal\">\n        <li *ngFor=\"let link of links\">\n          <a *ngIf=\"link.link\"\n            href=\"{{link.link}}\">{{link.title}}</a>\n        </li>\n      </ul>\n    </nas-col>\n    <nas-col *ngIf=\"bottomText\">\n      <div class=\"spacing-top\"\n        [innerHTML]=\"bottomText\"></div>\n    </nas-col>\n  </nas-grid>\n</footer>", 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)}}footer{background:#f1f1f1;position:relative;margin:60px 0 0;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\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: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: GridComponent, selector: "nas-grid", inputs: ["right", "center", "stretch", "wide", "tight", "xtight", "xxtight", "spaceless", "mobileview", "nopadding", "nomargin", "colGroup"] }, { kind: "component", type: ColComponent, selector: "nas-col", inputs: ["base", "md", "lg", "xl", "colSize"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-page-footer', encapsulation: ViewEncapsulation.None, template: "<footer>\n  <hr />\n  <nas-grid>\n    <nas-col>\n      <nas-button *ngIf=\"!hideButton\"\n        right\n        (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n      </nas-button>\n      <ul class=\"list list--horizontal\">\n        <li *ngFor=\"let link of links\">\n          <a *ngIf=\"link.link\"\n            href=\"{{link.link}}\">{{link.title}}</a>\n        </li>\n      </ul>\n    </nas-col>\n    <nas-col *ngIf=\"bottomText\">\n      <div class=\"spacing-top\"\n        [innerHTML]=\"bottomText\"></div>\n    </nas-col>\n  </nas-grid>\n</footer>", 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)}}footer{background:#f8f8f8;position:relative;margin:60px 0 0;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\n"] }]
+            args: [{ selector: 'nas-page-footer', encapsulation: ViewEncapsulation.None, template: "<footer>\n  <hr />\n  <nas-grid>\n    <nas-col>\n      <nas-button *ngIf=\"!hideButton\"\n        right\n        (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n      </nas-button>\n      <ul class=\"list list--horizontal\">\n        <li *ngFor=\"let link of links\">\n          <a *ngIf=\"link.link\"\n            href=\"{{link.link}}\">{{link.title}}</a>\n        </li>\n      </ul>\n    </nas-col>\n    <nas-col *ngIf=\"bottomText\">\n      <div class=\"spacing-top\"\n        [innerHTML]=\"bottomText\"></div>\n    </nas-col>\n  </nas-grid>\n</footer>", 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)}}footer{background:#f1f1f1;position:relative;margin:60px 0 0;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { links: [{
                 type: Input
             }], buttonText: [{
@@ -10264,11 +10282,11 @@ class JourneyAvailabilityComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityComponent, deps: [{ token: i1.DatePipe }, { token: DeviceHelper }, { token: DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyAvailabilityComponent, selector: "nas-journey-availability", inputs: { model: "model", selected: "selected", locale: "locale", timeDisplayFormat: "timeDisplayFormat", timeZone: "timeZone", displayJourneyDetails: "displayJourneyDetails" }, outputs: { displayJourneyDetailsChange: "displayJourneyDetailsChange", journeyAvailabilityClick: "journeyAvailabilityClick" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"model\" [nasClass]=\"getClass()\">\n  <div [nasClass]=\"getClass('journey-details')\">\n    <nas-modal [(show)]=\"displayJourneyDetails\" animated center>\n      <nas-trip-summary [tripSummaryModel]=\"model?.tripSummary\" [expandTitle]=\"model?.journeyDetails?.expandTitle\"\n        [transitLabel]=\"model?.journeyDetails?.transitLabel\" [arrivalLabel]=\"model?.journeyDetails?.arrivalLabel\"\n        [departureLabel]=\"model?.journeyDetails?.departureLabel\"\n        [transitHoursIndicator]=\"model?.journeyDetails?.hoursIndicator\"\n        [transitMinutesIndicator]=\"model?.journeyDetails?.minutesIndicator\">\n      </nas-trip-summary>\n    </nas-modal>\n  </div>\n\n  <div [nasClass]=\"getClass('item', selected && 'selected')\" (click)=\"emitClick($event)\" role=\"button\"\n    aria-pressed=\"false\" tabindex=\"0\">\n    <article [nasClass]=\"getClass('trigger', model?.badge && 'badge-padding')\">\n      <div [nasClass]=\"getClass('badge')\" *ngIf=\"model?.badge\">\n        <span [nasClass]=\"getClass('badge-label')\">\n          {{ model?.badgeLabel }}\n        </span>\n      </div>\n\n      <div [nasClass]=\"getClass('overview')\">\n        <div [nasClass]=\"getClass('overview-details')\">\n          <section [nasClass]=\"getClass('flight-time')\" #journeyDetails>\n            <div [nasClass]=\"getClass('flight-time-from-to')\">\n              <div [nasClass]=\"getClass('flight-time-when')\">\n                <div [nasClass]=\"getClass('flight-time-when-departure')\">\n                  <time #departureTimeText>\n                    {{ currentJourney?.departureTime }}\n                  </time>\n                </div>\n\n                <span>&nbsp;-&nbsp;</span>\n                <div [nasClass]=\"getClass('flight-time-when-arrival')\">\n                  <time>{{ currentJourney?.arrivalTime }}</time>\n                </div>\n              </div>\n              <div *ngIf=\"!isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n              </div>\n              <ng-container *ngIf=\"isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n              </ng-container>\n            </div>\n            <div [nasClass]=\"getClass('flight-time-info')\" *ngIf=\"model?.journeyInfoLabel\">\n              <span [nasClass]=\"getClass('flight-time-info-link-wrapper')\" (click)=\"toggleJourneyInfoDetails($event)\">\n                <a [nasClass]=\"getClass('flight-time-info-link')\">\n                  {{ model?.journeyInfoLabel }}\n                </a>\n              </span>\n            </div>\n          </section>\n\n          <div [nasClass]=\"getClass('selected-info')\">\n            <div [nasClass]=\"getClass('selected-info', 'time-duration')\">\n              <section *ngIf=\"!isSmallScreen\" [nasClass]=\"getClass('selected-info-graph')\"></section>\n              <section [nasClass]=\"getClass('journey')\">\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <div [nasClass]=\"getClass('journey-info')\" *ngIf=\"\n                      model?.journeyTransitInfo?.transitCount;\n                      else directFlightLabel\n                    \">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.journeyTransitInfo?.transitCount }}\n                      {{ model?.journeyTransitInfo?.transitLabel }}\n                    </mark>\n\n                    <span *ngIf=\"isSmallScreen\">,&nbsp;</span>\n\n                    <mark [nasClass]=\"getClass('journey-info-stops-details')\">\n                      {{ model?.journeyTransitInfo?.transitDetails }}\n                    </mark>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n                </ng-container>\n\n                <ng-template #airportCodes>\n                  <summary [nasClass]=\"getClass('flight-time-when-airports')\">\n                    {{ model?.origin }}-\n\n                    <span [nasClass]=\"\n                        getClass('flight-time-when-airports-stopovers')\n                      \" *ngIf=\"model?.stopovers\">\n                      <ng-container *ngFor=\"let stop of model?.stopovers\">\n                        {{ stop }} -\n                      </ng-container>\n                    </span>\n                    {{ model?.destination }}\n                  </summary>\n                </ng-template>\n\n                <ng-template #directFlightLabel>\n                  <div [nasClass]=\"getClass('journey-info')\">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.directLabel\n                      }}<span [nasClass]=\"getClass('journey-info-stops-format')\">,&nbsp;</span>\n                    </mark>\n                  </div>\n                </ng-template>\n\n                <figure *ngIf=\"!isSmallScreen; else journeyIcon\" [nasClass]=\"getClass('md-icon')\">\n                  <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n                </figure>\n              </section>\n            </div>\n            <div [nasClass]=\"getClass('operated-by')\" *ngIf=\"model?.operatingCarriers\">\n              <label>{{ model?.operatingCarriers?.label }}\n                <mark *ngFor=\"\n                    let operator of model?.operatingCarriers.operators;\n                    index as operatorIndex\n                  \">\n                  {{ operator\n                  }}<span *ngIf=\"\n                      model?.operatingCarriers?.operators?.length >\n                      operatorIndex + 1\n                    \">,</span>\n                </mark>\n              </label>\n            </div>\n          </div>\n\n          <ng-template #TotalFlightTime>\n            <section [nasClass]=\"getClass('flight-time-details')\">\n              <label [nasClass]=\"getClass('flight-time-details-label')\">\n                {{ model?.duration?.durationLabel }}\n              </label>\n              <time [nasClass]=\"getClass('flight-time-details-text')\">\n                {{ model?.duration?.durationText }}\n              </time>\n              <time [nasClass]=\"getClass('flight-time-details-count')\" *ngIf=\"model?.duration?.dayCount\">\n                +{{ model.duration.dayCount }} {{ model.duration.dayLabel }}\n              </time>\n            </section>\n          </ng-template>\n\n          <ng-template #journeyIcon>\n            <figure [nasClass]=\"getClass('mobile-icon')\">\n              <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n            </figure>\n          </ng-template>\n        </div>\n      </div>\n    </article>\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-journey-availability{width:100%;background:#f8f8f8;position:relative;transform:all 3s;transition-duration:.3s}.nas-journey-availability--detailed-info{margin:auto 12px;width:auto}.nas-journey-availability__item{max-width:100%;perspective:1000px;background-color:#fff;outline:none;margin-bottom:2px;transform:all 3s;transition-duration:.3s}.nas-journey-availability__item:focus{transform:all 3s;transition-duration:.3s;box-shadow:0 0 0 3px #15273f}.nas-journey-availability__item--selected{margin-top:12px;margin-bottom:12px}.nas-journey-availability__trigger{display:flex;align-items:stretch;justify-content:space-between;text-align:left;width:100%;flex:1;outline:0;padding:12px}@media (min-width: 1000px){.nas-journey-availability__trigger{padding:12px 12px 12px 36px}}.nas-journey-availability__trigger--badge-padding{padding:36px 12px 12px}@media (min-width: 1000px){.nas-journey-availability__trigger--badge-padding{padding:12px 12px 12px 36px}}.nas-journey-availability__badge{background-color:#e9e7e4;margin:0;position:relative;position:absolute;left:0;right:0;top:0;padding:3px;text-align:center}.nas-journey-availability__badge-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#15273f;text-transform:uppercase}@media (min-width: 1000px){.nas-journey-availability__badge-label{transform:rotate(270deg);transform-origin:0 0;float:left;position:absolute;left:3px;bottom:5px}}@media (min-width: 1000px){.nas-journey-availability__badge{position:relative;width:24px;min-width:24px;margin:-12px 12px -12px -36px}}.nas-journey-availability__overview{display:flex;width:100%;padding-right:9px;flex:2 1 auto}@media (min-width: 1000px){.nas-journey-availability__overview{flex-wrap:wrap}}.nas-journey-availability__overview-details{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1}@media (min-width: 1000px){.nas-journey-availability__overview-details{width:100%;max-width:100%;flex:auto}}.nas-journey-availability__overview-details .nas-journey-availability__mobile-icon{position:absolute;right:20px;bottom:16px}.nas-journey-availability__overview-details .nas-journey-availability__info-details{cursor:pointer}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon{cursor:pointer;padding:6px}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon span{cursor:pointer}.nas-journey-availability__flight-time{display:flex;flex:1;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time{display:block;flex:1 1 60%}}.nas-journey-availability__flight-time-when{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:24px;line-height:32px;margin-top:-2px;color:#15273f;display:flex;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time-when{display:inline-block;justify-content:initial}}.nas-journey-availability__flight-time-when-arrival,.nas-journey-availability__flight-time-when-departure{display:inline}.nas-journey-availability__flight-time-when-airports{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:18px;line-height:24px;flex:0 0 100%;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-when-airports{flex:initial}}.nas-journey-availability__flight-time-when-airports-stopovers{color:#6f6f6f}.nas-journey-availability__flight-time-details{font-size:18px;line-height:24px;display:inline-block}.nas-journey-availability__flight-time-details-label{color:#15273f;display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-label{display:inline}}.nas-journey-availability__flight-time-details-text{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-journey-availability__flight-time-details-count{display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-count{display:inline-block}}@media (min-width: 1000px){.nas-journey-availability__flight-time-details{padding-top:1px;padding-bottom:3px;display:initial}}.nas-journey-availability__flight-time-from-to{padding-right:24px}.nas-journey-availability__flight-time-info{margin-left:auto;justify-self:flex-end;text-align:end;font-size:14px;line-height:20px;padding-top:6px}.nas-journey-availability__flight-time-info-link-wrapper{cursor:pointer;padding:6px 0 12px 12px}@media (min-width: 1000px){.nas-journey-availability__flight-time-info-link-wrapper{padding:6px 0 0}}.nas-journey-availability__flight-time-info-link{color:#b12a0b;border-bottom-color:#e9e7e4}.nas-journey-availability__flight-time-info-link:hover{border-bottom-color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-info{position:absolute;bottom:12px}}.nas-journey-availability__journey-figure{margin-top:12px;max-height:12px}@media (min-width: 1000px){.nas-journey-availability__journey-figure{margin-top:0;max-height:initial}}.nas-journey-availability__selected-info{display:flex;flex:0 0 100%;flex-wrap:wrap}@media (min-width: 1000px){.nas-journey-availability__selected-info{flex:1 1 40%}}@media (min-width: 1000px){.nas-journey-availability__selected-info-graph{align-self:center}}.nas-journey-availability__journey mark{background-color:transparent}.nas-journey-availability__journey-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#15273f;white-space:nowrap;display:inline}.nas-journey-availability__journey-airport{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-availability__journey-info{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;display:inline-block;vertical-align:top}@media (min-width: 1000px){.nas-journey-availability__journey-info{display:block}}.nas-journey-availability__journey-info-stops{display:inline-block;margin-bottom:0;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#6f6f6f}}.nas-journey-availability__journey-info-stops-format{display:inline;color:#6f6f6f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-format{display:none}}.nas-journey-availability__journey-info-stops-details{display:none}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-details{display:inline}}@media (min-width: 1000px){.nas-journey-availability__journey .nas-journey-availability__md-icon{min-height:22px}}.nas-journey-availability__operated-by{font-size:14px;line-height:20px;display:none}@media (min-width: 1000px){.nas-journey-availability__operated-by{display:block;flex:0 0 100%;display:inline-block;margin-top:6px}}.nas-journey-availability__operated-by label,.nas-journey-availability__operated-by caption{display:inline}.nas-journey-availability__operated-by mark{background-color:transparent}.nas-journey-availability__stopover{transform:rotate(90deg)}@media (min-width: 1000px){.nas-journey-availability__stopover{transform:rotate(0);align-self:center;margin-right:12px}}.nas-journey-availability__animate{display:block}.nas-journey-availability__animate--animate{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.48s}.nas-journey-availability__animate--animate:nth-child(1){animation-delay:.18s}.nas-journey-availability__animate--animate:nth-child(2){animation-delay:.21s}.nas-journey-availability__animate--animate:nth-child(3){animation-delay:.24s}.nas-journey-availability__animate--animate:nth-child(4){animation-delay:.27s}.nas-journey-availability__animate--animate:nth-child(5){animation-delay:.3s}.nas-journey-availability__animate--animate:nth-child(6){animation-delay:.33s}.nas-journey-availability__animate--animate:nth-child(7){animation-delay:.36s}.nas-journey-availability__animate--animate:nth-child(8){animation-delay:.39s}.nas-journey-availability__animate--animate:nth-child(9){animation-delay:.42s}.nas-journey-availability__animate--animate:nth-child(10){animation-delay:.45s}@keyframes arrival-fly-in{0%{opacity:0;transform:translate(-260px,-100px) rotate(10deg)}25%{opacity:1}}@keyframes departure-fly-off{75%{opacity:1}to{opacity:0;transform:translate(260px,-100px) rotate(-20deg)}}\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: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ModalComponent, selector: "nas-modal", inputs: ["form", "tight", "center", "outlined", "title", "closeLabel", "animated", "show", "enableClose", "blockCloseOnClickOutside"], outputs: ["showChange"] }, { kind: "component", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: ["tripSummaryModel", "expanded", "collapsable", "displayMinimumInfo", "expandTitle", "arrivalLabel", "departureLabel", "arrivalEstimatedLabel", "departureEstimatedLabel", "dateFormat", "timeFormat", "transitHoursIndicator", "transitMinutesIndicator", "transitLabel", "locale", "timeZone"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneyAvailabilityComponent, selector: "nas-journey-availability", inputs: { model: "model", selected: "selected", locale: "locale", timeDisplayFormat: "timeDisplayFormat", timeZone: "timeZone", displayJourneyDetails: "displayJourneyDetails" }, outputs: { displayJourneyDetailsChange: "displayJourneyDetailsChange", journeyAvailabilityClick: "journeyAvailabilityClick" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"model\" [nasClass]=\"getClass()\">\n  <div [nasClass]=\"getClass('journey-details')\">\n    <nas-modal [(show)]=\"displayJourneyDetails\" animated center>\n      <nas-trip-summary [tripSummaryModel]=\"model?.tripSummary\" [expandTitle]=\"model?.journeyDetails?.expandTitle\"\n        [transitLabel]=\"model?.journeyDetails?.transitLabel\" [arrivalLabel]=\"model?.journeyDetails?.arrivalLabel\"\n        [departureLabel]=\"model?.journeyDetails?.departureLabel\"\n        [transitHoursIndicator]=\"model?.journeyDetails?.hoursIndicator\"\n        [transitMinutesIndicator]=\"model?.journeyDetails?.minutesIndicator\">\n      </nas-trip-summary>\n    </nas-modal>\n  </div>\n\n  <div [nasClass]=\"getClass('item', selected && 'selected')\" (click)=\"emitClick($event)\" role=\"button\"\n    aria-pressed=\"false\" tabindex=\"0\">\n    <article [nasClass]=\"getClass('trigger', model?.badge && 'badge-padding')\">\n      <div [nasClass]=\"getClass('badge')\" *ngIf=\"model?.badge\">\n        <span [nasClass]=\"getClass('badge-label')\">\n          {{ model?.badgeLabel }}\n        </span>\n      </div>\n\n      <div [nasClass]=\"getClass('overview')\">\n        <div [nasClass]=\"getClass('overview-details')\">\n          <section [nasClass]=\"getClass('flight-time')\" #journeyDetails>\n            <div [nasClass]=\"getClass('flight-time-from-to')\">\n              <div [nasClass]=\"getClass('flight-time-when')\">\n                <div [nasClass]=\"getClass('flight-time-when-departure')\">\n                  <time #departureTimeText>\n                    {{ currentJourney?.departureTime }}\n                  </time>\n                </div>\n\n                <span>&nbsp;-&nbsp;</span>\n                <div [nasClass]=\"getClass('flight-time-when-arrival')\">\n                  <time>{{ currentJourney?.arrivalTime }}</time>\n                </div>\n              </div>\n              <div *ngIf=\"!isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n              </div>\n              <ng-container *ngIf=\"isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n              </ng-container>\n            </div>\n            <div [nasClass]=\"getClass('flight-time-info')\" *ngIf=\"model?.journeyInfoLabel\">\n              <span [nasClass]=\"getClass('flight-time-info-link-wrapper')\" (click)=\"toggleJourneyInfoDetails($event)\">\n                <a [nasClass]=\"getClass('flight-time-info-link')\">\n                  {{ model?.journeyInfoLabel }}\n                </a>\n              </span>\n            </div>\n          </section>\n\n          <div [nasClass]=\"getClass('selected-info')\">\n            <div [nasClass]=\"getClass('selected-info', 'time-duration')\">\n              <section *ngIf=\"!isSmallScreen\" [nasClass]=\"getClass('selected-info-graph')\"></section>\n              <section [nasClass]=\"getClass('journey')\">\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <div [nasClass]=\"getClass('journey-info')\" *ngIf=\"\n                      model?.journeyTransitInfo?.transitCount;\n                      else directFlightLabel\n                    \">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.journeyTransitInfo?.transitCount }}\n                      {{ model?.journeyTransitInfo?.transitLabel }}\n                    </mark>\n\n                    <span *ngIf=\"isSmallScreen\">,&nbsp;</span>\n\n                    <mark [nasClass]=\"getClass('journey-info-stops-details')\">\n                      {{ model?.journeyTransitInfo?.transitDetails }}\n                    </mark>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n                </ng-container>\n\n                <ng-template #airportCodes>\n                  <summary [nasClass]=\"getClass('flight-time-when-airports')\">\n                    {{ model?.origin }}-\n\n                    <span [nasClass]=\"\n                        getClass('flight-time-when-airports-stopovers')\n                      \" *ngIf=\"model?.stopovers\">\n                      <ng-container *ngFor=\"let stop of model?.stopovers\">\n                        {{ stop }} -\n                      </ng-container>\n                    </span>\n                    {{ model?.destination }}\n                  </summary>\n                </ng-template>\n\n                <ng-template #directFlightLabel>\n                  <div [nasClass]=\"getClass('journey-info')\">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.directLabel\n                      }}<span [nasClass]=\"getClass('journey-info-stops-format')\">,&nbsp;</span>\n                    </mark>\n                  </div>\n                </ng-template>\n\n                <figure *ngIf=\"!isSmallScreen; else journeyIcon\" [nasClass]=\"getClass('md-icon')\">\n                  <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n                </figure>\n              </section>\n            </div>\n            <div [nasClass]=\"getClass('operated-by')\" *ngIf=\"model?.operatingCarriers\">\n              <label>{{ model?.operatingCarriers?.label }}\n                <mark *ngFor=\"\n                    let operator of model?.operatingCarriers.operators;\n                    index as operatorIndex\n                  \">\n                  {{ operator\n                  }}<span *ngIf=\"\n                      model?.operatingCarriers?.operators?.length >\n                      operatorIndex + 1\n                    \">,</span>\n                </mark>\n              </label>\n            </div>\n          </div>\n\n          <ng-template #TotalFlightTime>\n            <section [nasClass]=\"getClass('flight-time-details')\">\n              <label [nasClass]=\"getClass('flight-time-details-label')\">\n                {{ model?.duration?.durationLabel }}\n              </label>\n              <time [nasClass]=\"getClass('flight-time-details-text')\">\n                {{ model?.duration?.durationText }}\n              </time>\n              <time [nasClass]=\"getClass('flight-time-details-count')\" *ngIf=\"model?.duration?.dayCount\">\n                +{{ model.duration.dayCount }} {{ model.duration.dayLabel }}\n              </time>\n            </section>\n          </ng-template>\n\n          <ng-template #journeyIcon>\n            <figure [nasClass]=\"getClass('mobile-icon')\">\n              <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n            </figure>\n          </ng-template>\n        </div>\n      </div>\n    </article>\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-journey-availability{width:100%;background:#f1f1f1;position:relative;transform:all 3s;transition-duration:.3s}.nas-journey-availability--detailed-info{margin:auto 12px;width:auto}.nas-journey-availability__item{max-width:100%;perspective:1000px;background-color:#fff;outline:none;margin-bottom:2px;transform:all 3s;transition-duration:.3s}.nas-journey-availability__item:focus{transform:all 3s;transition-duration:.3s;box-shadow:0 0 0 3px #15273f}.nas-journey-availability__item--selected{margin-top:12px;margin-bottom:12px}.nas-journey-availability__trigger{display:flex;align-items:stretch;justify-content:space-between;text-align:left;width:100%;flex:1;outline:0;padding:12px}@media (min-width: 1000px){.nas-journey-availability__trigger{padding:12px 12px 12px 36px}}.nas-journey-availability__trigger--badge-padding{padding:36px 12px 12px}@media (min-width: 1000px){.nas-journey-availability__trigger--badge-padding{padding:12px 12px 12px 36px}}.nas-journey-availability__badge{background-color:#e9e7e4;margin:0;position:relative;position:absolute;left:0;right:0;top:0;padding:3px;text-align:center}.nas-journey-availability__badge-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#15273f;text-transform:uppercase}@media (min-width: 1000px){.nas-journey-availability__badge-label{transform:rotate(270deg);transform-origin:0 0;float:left;position:absolute;left:3px;bottom:5px}}@media (min-width: 1000px){.nas-journey-availability__badge{position:relative;width:24px;min-width:24px;margin:-12px 12px -12px -36px}}.nas-journey-availability__overview{display:flex;width:100%;padding-right:9px;flex:2 1 auto}@media (min-width: 1000px){.nas-journey-availability__overview{flex-wrap:wrap}}.nas-journey-availability__overview-details{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1}@media (min-width: 1000px){.nas-journey-availability__overview-details{width:100%;max-width:100%;flex:auto}}.nas-journey-availability__overview-details .nas-journey-availability__mobile-icon{position:absolute;right:20px;bottom:16px}.nas-journey-availability__overview-details .nas-journey-availability__info-details{cursor:pointer}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon{cursor:pointer;padding:6px}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon span{cursor:pointer}.nas-journey-availability__flight-time{display:flex;flex:1;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time{display:block;flex:1 1 60%}}.nas-journey-availability__flight-time-when{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:24px;line-height:32px;margin-top:-2px;color:#15273f;display:flex;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time-when{display:inline-block;justify-content:initial}}.nas-journey-availability__flight-time-when-arrival,.nas-journey-availability__flight-time-when-departure{display:inline}.nas-journey-availability__flight-time-when-airports{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:18px;line-height:24px;flex:0 0 100%;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-when-airports{flex:initial}}.nas-journey-availability__flight-time-when-airports-stopovers{color:#6f6f6f}.nas-journey-availability__flight-time-details{font-size:18px;line-height:24px;display:inline-block}.nas-journey-availability__flight-time-details-label{color:#15273f;display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-label{display:inline}}.nas-journey-availability__flight-time-details-text{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-journey-availability__flight-time-details-count{display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-count{display:inline-block}}@media (min-width: 1000px){.nas-journey-availability__flight-time-details{padding-top:1px;padding-bottom:3px;display:initial}}.nas-journey-availability__flight-time-from-to{padding-right:24px}.nas-journey-availability__flight-time-info{margin-left:auto;justify-self:flex-end;text-align:end;font-size:14px;line-height:20px;padding-top:6px}.nas-journey-availability__flight-time-info-link-wrapper{cursor:pointer;padding:6px 0 12px 12px}@media (min-width: 1000px){.nas-journey-availability__flight-time-info-link-wrapper{padding:6px 0 0}}.nas-journey-availability__flight-time-info-link{color:#b12a0b;border-bottom-color:#e9e7e4}.nas-journey-availability__flight-time-info-link:hover{border-bottom-color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-info{position:absolute;bottom:12px}}.nas-journey-availability__journey-figure{margin-top:12px;max-height:12px}@media (min-width: 1000px){.nas-journey-availability__journey-figure{margin-top:0;max-height:initial}}.nas-journey-availability__selected-info{display:flex;flex:0 0 100%;flex-wrap:wrap}@media (min-width: 1000px){.nas-journey-availability__selected-info{flex:1 1 40%}}@media (min-width: 1000px){.nas-journey-availability__selected-info-graph{align-self:center}}.nas-journey-availability__journey mark{background-color:transparent}.nas-journey-availability__journey-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#15273f;white-space:nowrap;display:inline}.nas-journey-availability__journey-airport{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-availability__journey-info{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;display:inline-block;vertical-align:top}@media (min-width: 1000px){.nas-journey-availability__journey-info{display:block}}.nas-journey-availability__journey-info-stops{display:inline-block;margin-bottom:0;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#6f6f6f}}.nas-journey-availability__journey-info-stops-format{display:inline;color:#6f6f6f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-format{display:none}}.nas-journey-availability__journey-info-stops-details{display:none}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-details{display:inline}}@media (min-width: 1000px){.nas-journey-availability__journey .nas-journey-availability__md-icon{min-height:22px}}.nas-journey-availability__operated-by{font-size:14px;line-height:20px;display:none}@media (min-width: 1000px){.nas-journey-availability__operated-by{display:block;flex:0 0 100%;display:inline-block;margin-top:6px}}.nas-journey-availability__operated-by label,.nas-journey-availability__operated-by caption{display:inline}.nas-journey-availability__operated-by mark{background-color:transparent}.nas-journey-availability__stopover{transform:rotate(90deg)}@media (min-width: 1000px){.nas-journey-availability__stopover{transform:rotate(0);align-self:center;margin-right:12px}}.nas-journey-availability__animate{display:block}.nas-journey-availability__animate--animate{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.48s}.nas-journey-availability__animate--animate:nth-child(1){animation-delay:.18s}.nas-journey-availability__animate--animate:nth-child(2){animation-delay:.21s}.nas-journey-availability__animate--animate:nth-child(3){animation-delay:.24s}.nas-journey-availability__animate--animate:nth-child(4){animation-delay:.27s}.nas-journey-availability__animate--animate:nth-child(5){animation-delay:.3s}.nas-journey-availability__animate--animate:nth-child(6){animation-delay:.33s}.nas-journey-availability__animate--animate:nth-child(7){animation-delay:.36s}.nas-journey-availability__animate--animate:nth-child(8){animation-delay:.39s}.nas-journey-availability__animate--animate:nth-child(9){animation-delay:.42s}.nas-journey-availability__animate--animate:nth-child(10){animation-delay:.45s}@keyframes arrival-fly-in{0%{opacity:0;transform:translate(-260px,-100px) rotate(10deg)}25%{opacity:1}}@keyframes departure-fly-off{75%{opacity:1}to{opacity:0;transform:translate(260px,-100px) rotate(-20deg)}}\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: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ModalComponent, selector: "nas-modal", inputs: ["form", "tight", "center", "outlined", "title", "closeLabel", "animated", "show", "enableClose", "blockCloseOnClickOutside"], outputs: ["showChange"] }, { kind: "component", type: TripSummaryComponent, selector: "nas-trip-summary", inputs: ["tripSummaryModel", "expanded", "collapsable", "displayMinimumInfo", "expandTitle", "arrivalLabel", "departureLabel", "arrivalEstimatedLabel", "departureEstimatedLabel", "dateFormat", "timeFormat", "transitHoursIndicator", "transitMinutesIndicator", "transitLabel", "locale", "timeZone"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneyAvailabilityComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-journey-availability', template: "<div *ngIf=\"model\" [nasClass]=\"getClass()\">\n  <div [nasClass]=\"getClass('journey-details')\">\n    <nas-modal [(show)]=\"displayJourneyDetails\" animated center>\n      <nas-trip-summary [tripSummaryModel]=\"model?.tripSummary\" [expandTitle]=\"model?.journeyDetails?.expandTitle\"\n        [transitLabel]=\"model?.journeyDetails?.transitLabel\" [arrivalLabel]=\"model?.journeyDetails?.arrivalLabel\"\n        [departureLabel]=\"model?.journeyDetails?.departureLabel\"\n        [transitHoursIndicator]=\"model?.journeyDetails?.hoursIndicator\"\n        [transitMinutesIndicator]=\"model?.journeyDetails?.minutesIndicator\">\n      </nas-trip-summary>\n    </nas-modal>\n  </div>\n\n  <div [nasClass]=\"getClass('item', selected && 'selected')\" (click)=\"emitClick($event)\" role=\"button\"\n    aria-pressed=\"false\" tabindex=\"0\">\n    <article [nasClass]=\"getClass('trigger', model?.badge && 'badge-padding')\">\n      <div [nasClass]=\"getClass('badge')\" *ngIf=\"model?.badge\">\n        <span [nasClass]=\"getClass('badge-label')\">\n          {{ model?.badgeLabel }}\n        </span>\n      </div>\n\n      <div [nasClass]=\"getClass('overview')\">\n        <div [nasClass]=\"getClass('overview-details')\">\n          <section [nasClass]=\"getClass('flight-time')\" #journeyDetails>\n            <div [nasClass]=\"getClass('flight-time-from-to')\">\n              <div [nasClass]=\"getClass('flight-time-when')\">\n                <div [nasClass]=\"getClass('flight-time-when-departure')\">\n                  <time #departureTimeText>\n                    {{ currentJourney?.departureTime }}\n                  </time>\n                </div>\n\n                <span>&nbsp;-&nbsp;</span>\n                <div [nasClass]=\"getClass('flight-time-when-arrival')\">\n                  <time>{{ currentJourney?.arrivalTime }}</time>\n                </div>\n              </div>\n              <div *ngIf=\"!isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n              </div>\n              <ng-container *ngIf=\"isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n              </ng-container>\n            </div>\n            <div [nasClass]=\"getClass('flight-time-info')\" *ngIf=\"model?.journeyInfoLabel\">\n              <span [nasClass]=\"getClass('flight-time-info-link-wrapper')\" (click)=\"toggleJourneyInfoDetails($event)\">\n                <a [nasClass]=\"getClass('flight-time-info-link')\">\n                  {{ model?.journeyInfoLabel }}\n                </a>\n              </span>\n            </div>\n          </section>\n\n          <div [nasClass]=\"getClass('selected-info')\">\n            <div [nasClass]=\"getClass('selected-info', 'time-duration')\">\n              <section *ngIf=\"!isSmallScreen\" [nasClass]=\"getClass('selected-info-graph')\"></section>\n              <section [nasClass]=\"getClass('journey')\">\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <div [nasClass]=\"getClass('journey-info')\" *ngIf=\"\n                      model?.journeyTransitInfo?.transitCount;\n                      else directFlightLabel\n                    \">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.journeyTransitInfo?.transitCount }}\n                      {{ model?.journeyTransitInfo?.transitLabel }}\n                    </mark>\n\n                    <span *ngIf=\"isSmallScreen\">,&nbsp;</span>\n\n                    <mark [nasClass]=\"getClass('journey-info-stops-details')\">\n                      {{ model?.journeyTransitInfo?.transitDetails }}\n                    </mark>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n                </ng-container>\n\n                <ng-template #airportCodes>\n                  <summary [nasClass]=\"getClass('flight-time-when-airports')\">\n                    {{ model?.origin }}-\n\n                    <span [nasClass]=\"\n                        getClass('flight-time-when-airports-stopovers')\n                      \" *ngIf=\"model?.stopovers\">\n                      <ng-container *ngFor=\"let stop of model?.stopovers\">\n                        {{ stop }} -\n                      </ng-container>\n                    </span>\n                    {{ model?.destination }}\n                  </summary>\n                </ng-template>\n\n                <ng-template #directFlightLabel>\n                  <div [nasClass]=\"getClass('journey-info')\">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.directLabel\n                      }}<span [nasClass]=\"getClass('journey-info-stops-format')\">,&nbsp;</span>\n                    </mark>\n                  </div>\n                </ng-template>\n\n                <figure *ngIf=\"!isSmallScreen; else journeyIcon\" [nasClass]=\"getClass('md-icon')\">\n                  <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n                </figure>\n              </section>\n            </div>\n            <div [nasClass]=\"getClass('operated-by')\" *ngIf=\"model?.operatingCarriers\">\n              <label>{{ model?.operatingCarriers?.label }}\n                <mark *ngFor=\"\n                    let operator of model?.operatingCarriers.operators;\n                    index as operatorIndex\n                  \">\n                  {{ operator\n                  }}<span *ngIf=\"\n                      model?.operatingCarriers?.operators?.length >\n                      operatorIndex + 1\n                    \">,</span>\n                </mark>\n              </label>\n            </div>\n          </div>\n\n          <ng-template #TotalFlightTime>\n            <section [nasClass]=\"getClass('flight-time-details')\">\n              <label [nasClass]=\"getClass('flight-time-details-label')\">\n                {{ model?.duration?.durationLabel }}\n              </label>\n              <time [nasClass]=\"getClass('flight-time-details-text')\">\n                {{ model?.duration?.durationText }}\n              </time>\n              <time [nasClass]=\"getClass('flight-time-details-count')\" *ngIf=\"model?.duration?.dayCount\">\n                +{{ model.duration.dayCount }} {{ model.duration.dayLabel }}\n              </time>\n            </section>\n          </ng-template>\n\n          <ng-template #journeyIcon>\n            <figure [nasClass]=\"getClass('mobile-icon')\">\n              <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n            </figure>\n          </ng-template>\n        </div>\n      </div>\n    </article>\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-journey-availability{width:100%;background:#f8f8f8;position:relative;transform:all 3s;transition-duration:.3s}.nas-journey-availability--detailed-info{margin:auto 12px;width:auto}.nas-journey-availability__item{max-width:100%;perspective:1000px;background-color:#fff;outline:none;margin-bottom:2px;transform:all 3s;transition-duration:.3s}.nas-journey-availability__item:focus{transform:all 3s;transition-duration:.3s;box-shadow:0 0 0 3px #15273f}.nas-journey-availability__item--selected{margin-top:12px;margin-bottom:12px}.nas-journey-availability__trigger{display:flex;align-items:stretch;justify-content:space-between;text-align:left;width:100%;flex:1;outline:0;padding:12px}@media (min-width: 1000px){.nas-journey-availability__trigger{padding:12px 12px 12px 36px}}.nas-journey-availability__trigger--badge-padding{padding:36px 12px 12px}@media (min-width: 1000px){.nas-journey-availability__trigger--badge-padding{padding:12px 12px 12px 36px}}.nas-journey-availability__badge{background-color:#e9e7e4;margin:0;position:relative;position:absolute;left:0;right:0;top:0;padding:3px;text-align:center}.nas-journey-availability__badge-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#15273f;text-transform:uppercase}@media (min-width: 1000px){.nas-journey-availability__badge-label{transform:rotate(270deg);transform-origin:0 0;float:left;position:absolute;left:3px;bottom:5px}}@media (min-width: 1000px){.nas-journey-availability__badge{position:relative;width:24px;min-width:24px;margin:-12px 12px -12px -36px}}.nas-journey-availability__overview{display:flex;width:100%;padding-right:9px;flex:2 1 auto}@media (min-width: 1000px){.nas-journey-availability__overview{flex-wrap:wrap}}.nas-journey-availability__overview-details{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1}@media (min-width: 1000px){.nas-journey-availability__overview-details{width:100%;max-width:100%;flex:auto}}.nas-journey-availability__overview-details .nas-journey-availability__mobile-icon{position:absolute;right:20px;bottom:16px}.nas-journey-availability__overview-details .nas-journey-availability__info-details{cursor:pointer}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon{cursor:pointer;padding:6px}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon span{cursor:pointer}.nas-journey-availability__flight-time{display:flex;flex:1;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time{display:block;flex:1 1 60%}}.nas-journey-availability__flight-time-when{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:24px;line-height:32px;margin-top:-2px;color:#15273f;display:flex;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time-when{display:inline-block;justify-content:initial}}.nas-journey-availability__flight-time-when-arrival,.nas-journey-availability__flight-time-when-departure{display:inline}.nas-journey-availability__flight-time-when-airports{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:18px;line-height:24px;flex:0 0 100%;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-when-airports{flex:initial}}.nas-journey-availability__flight-time-when-airports-stopovers{color:#6f6f6f}.nas-journey-availability__flight-time-details{font-size:18px;line-height:24px;display:inline-block}.nas-journey-availability__flight-time-details-label{color:#15273f;display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-label{display:inline}}.nas-journey-availability__flight-time-details-text{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-journey-availability__flight-time-details-count{display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-count{display:inline-block}}@media (min-width: 1000px){.nas-journey-availability__flight-time-details{padding-top:1px;padding-bottom:3px;display:initial}}.nas-journey-availability__flight-time-from-to{padding-right:24px}.nas-journey-availability__flight-time-info{margin-left:auto;justify-self:flex-end;text-align:end;font-size:14px;line-height:20px;padding-top:6px}.nas-journey-availability__flight-time-info-link-wrapper{cursor:pointer;padding:6px 0 12px 12px}@media (min-width: 1000px){.nas-journey-availability__flight-time-info-link-wrapper{padding:6px 0 0}}.nas-journey-availability__flight-time-info-link{color:#b12a0b;border-bottom-color:#e9e7e4}.nas-journey-availability__flight-time-info-link:hover{border-bottom-color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-info{position:absolute;bottom:12px}}.nas-journey-availability__journey-figure{margin-top:12px;max-height:12px}@media (min-width: 1000px){.nas-journey-availability__journey-figure{margin-top:0;max-height:initial}}.nas-journey-availability__selected-info{display:flex;flex:0 0 100%;flex-wrap:wrap}@media (min-width: 1000px){.nas-journey-availability__selected-info{flex:1 1 40%}}@media (min-width: 1000px){.nas-journey-availability__selected-info-graph{align-self:center}}.nas-journey-availability__journey mark{background-color:transparent}.nas-journey-availability__journey-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#15273f;white-space:nowrap;display:inline}.nas-journey-availability__journey-airport{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-availability__journey-info{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;display:inline-block;vertical-align:top}@media (min-width: 1000px){.nas-journey-availability__journey-info{display:block}}.nas-journey-availability__journey-info-stops{display:inline-block;margin-bottom:0;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#6f6f6f}}.nas-journey-availability__journey-info-stops-format{display:inline;color:#6f6f6f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-format{display:none}}.nas-journey-availability__journey-info-stops-details{display:none}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-details{display:inline}}@media (min-width: 1000px){.nas-journey-availability__journey .nas-journey-availability__md-icon{min-height:22px}}.nas-journey-availability__operated-by{font-size:14px;line-height:20px;display:none}@media (min-width: 1000px){.nas-journey-availability__operated-by{display:block;flex:0 0 100%;display:inline-block;margin-top:6px}}.nas-journey-availability__operated-by label,.nas-journey-availability__operated-by caption{display:inline}.nas-journey-availability__operated-by mark{background-color:transparent}.nas-journey-availability__stopover{transform:rotate(90deg)}@media (min-width: 1000px){.nas-journey-availability__stopover{transform:rotate(0);align-self:center;margin-right:12px}}.nas-journey-availability__animate{display:block}.nas-journey-availability__animate--animate{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.48s}.nas-journey-availability__animate--animate:nth-child(1){animation-delay:.18s}.nas-journey-availability__animate--animate:nth-child(2){animation-delay:.21s}.nas-journey-availability__animate--animate:nth-child(3){animation-delay:.24s}.nas-journey-availability__animate--animate:nth-child(4){animation-delay:.27s}.nas-journey-availability__animate--animate:nth-child(5){animation-delay:.3s}.nas-journey-availability__animate--animate:nth-child(6){animation-delay:.33s}.nas-journey-availability__animate--animate:nth-child(7){animation-delay:.36s}.nas-journey-availability__animate--animate:nth-child(8){animation-delay:.39s}.nas-journey-availability__animate--animate:nth-child(9){animation-delay:.42s}.nas-journey-availability__animate--animate:nth-child(10){animation-delay:.45s}@keyframes arrival-fly-in{0%{opacity:0;transform:translate(-260px,-100px) rotate(10deg)}25%{opacity:1}}@keyframes departure-fly-off{75%{opacity:1}to{opacity:0;transform:translate(260px,-100px) rotate(-20deg)}}\n"] }]
+            args: [{ selector: 'nas-journey-availability', template: "<div *ngIf=\"model\" [nasClass]=\"getClass()\">\n  <div [nasClass]=\"getClass('journey-details')\">\n    <nas-modal [(show)]=\"displayJourneyDetails\" animated center>\n      <nas-trip-summary [tripSummaryModel]=\"model?.tripSummary\" [expandTitle]=\"model?.journeyDetails?.expandTitle\"\n        [transitLabel]=\"model?.journeyDetails?.transitLabel\" [arrivalLabel]=\"model?.journeyDetails?.arrivalLabel\"\n        [departureLabel]=\"model?.journeyDetails?.departureLabel\"\n        [transitHoursIndicator]=\"model?.journeyDetails?.hoursIndicator\"\n        [transitMinutesIndicator]=\"model?.journeyDetails?.minutesIndicator\">\n      </nas-trip-summary>\n    </nas-modal>\n  </div>\n\n  <div [nasClass]=\"getClass('item', selected && 'selected')\" (click)=\"emitClick($event)\" role=\"button\"\n    aria-pressed=\"false\" tabindex=\"0\">\n    <article [nasClass]=\"getClass('trigger', model?.badge && 'badge-padding')\">\n      <div [nasClass]=\"getClass('badge')\" *ngIf=\"model?.badge\">\n        <span [nasClass]=\"getClass('badge-label')\">\n          {{ model?.badgeLabel }}\n        </span>\n      </div>\n\n      <div [nasClass]=\"getClass('overview')\">\n        <div [nasClass]=\"getClass('overview-details')\">\n          <section [nasClass]=\"getClass('flight-time')\" #journeyDetails>\n            <div [nasClass]=\"getClass('flight-time-from-to')\">\n              <div [nasClass]=\"getClass('flight-time-when')\">\n                <div [nasClass]=\"getClass('flight-time-when-departure')\">\n                  <time #departureTimeText>\n                    {{ currentJourney?.departureTime }}\n                  </time>\n                </div>\n\n                <span>&nbsp;-&nbsp;</span>\n                <div [nasClass]=\"getClass('flight-time-when-arrival')\">\n                  <time>{{ currentJourney?.arrivalTime }}</time>\n                </div>\n              </div>\n              <div *ngIf=\"!isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n              </div>\n              <ng-container *ngIf=\"isSmallScreen\">\n                <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n              </ng-container>\n            </div>\n            <div [nasClass]=\"getClass('flight-time-info')\" *ngIf=\"model?.journeyInfoLabel\">\n              <span [nasClass]=\"getClass('flight-time-info-link-wrapper')\" (click)=\"toggleJourneyInfoDetails($event)\">\n                <a [nasClass]=\"getClass('flight-time-info-link')\">\n                  {{ model?.journeyInfoLabel }}\n                </a>\n              </span>\n            </div>\n          </section>\n\n          <div [nasClass]=\"getClass('selected-info')\">\n            <div [nasClass]=\"getClass('selected-info', 'time-duration')\">\n              <section *ngIf=\"!isSmallScreen\" [nasClass]=\"getClass('selected-info-graph')\"></section>\n              <section [nasClass]=\"getClass('journey')\">\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <div [nasClass]=\"getClass('journey-info')\" *ngIf=\"\n                      model?.journeyTransitInfo?.transitCount;\n                      else directFlightLabel\n                    \">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.journeyTransitInfo?.transitCount }}\n                      {{ model?.journeyTransitInfo?.transitLabel }}\n                    </mark>\n\n                    <span *ngIf=\"isSmallScreen\">,&nbsp;</span>\n\n                    <mark [nasClass]=\"getClass('journey-info-stops-details')\">\n                      {{ model?.journeyTransitInfo?.transitDetails }}\n                    </mark>\n                  </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"TotalFlightTime\"></ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"!isSmallScreen\">\n                  <ng-container *ngTemplateOutlet=\"airportCodes\"></ng-container>\n                </ng-container>\n\n                <ng-template #airportCodes>\n                  <summary [nasClass]=\"getClass('flight-time-when-airports')\">\n                    {{ model?.origin }}-\n\n                    <span [nasClass]=\"\n                        getClass('flight-time-when-airports-stopovers')\n                      \" *ngIf=\"model?.stopovers\">\n                      <ng-container *ngFor=\"let stop of model?.stopovers\">\n                        {{ stop }} -\n                      </ng-container>\n                    </span>\n                    {{ model?.destination }}\n                  </summary>\n                </ng-template>\n\n                <ng-template #directFlightLabel>\n                  <div [nasClass]=\"getClass('journey-info')\">\n                    <mark [nasClass]=\"getClass('journey-info-stops')\">\n                      {{ model?.directLabel\n                      }}<span [nasClass]=\"getClass('journey-info-stops-format')\">,&nbsp;</span>\n                    </mark>\n                  </div>\n                </ng-template>\n\n                <figure *ngIf=\"!isSmallScreen; else journeyIcon\" [nasClass]=\"getClass('md-icon')\">\n                  <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n                </figure>\n              </section>\n            </div>\n            <div [nasClass]=\"getClass('operated-by')\" *ngIf=\"model?.operatingCarriers\">\n              <label>{{ model?.operatingCarriers?.label }}\n                <mark *ngFor=\"\n                    let operator of model?.operatingCarriers.operators;\n                    index as operatorIndex\n                  \">\n                  {{ operator\n                  }}<span *ngIf=\"\n                      model?.operatingCarriers?.operators?.length >\n                      operatorIndex + 1\n                    \">,</span>\n                </mark>\n              </label>\n            </div>\n          </div>\n\n          <ng-template #TotalFlightTime>\n            <section [nasClass]=\"getClass('flight-time-details')\">\n              <label [nasClass]=\"getClass('flight-time-details-label')\">\n                {{ model?.duration?.durationLabel }}\n              </label>\n              <time [nasClass]=\"getClass('flight-time-details-text')\">\n                {{ model?.duration?.durationText }}\n              </time>\n              <time [nasClass]=\"getClass('flight-time-details-count')\" *ngIf=\"model?.duration?.dayCount\">\n                +{{ model.duration.dayCount }} {{ model.duration.dayLabel }}\n              </time>\n            </section>\n          </ng-template>\n\n          <ng-template #journeyIcon>\n            <figure [nasClass]=\"getClass('mobile-icon')\">\n              <nas-icon *ngIf=\"model?.journeyTransitInfo?.transitCount\" [type]=\"getIconType()\"></nas-icon>\n            </figure>\n          </ng-template>\n        </div>\n      </div>\n    </article>\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-journey-availability{width:100%;background:#f1f1f1;position:relative;transform:all 3s;transition-duration:.3s}.nas-journey-availability--detailed-info{margin:auto 12px;width:auto}.nas-journey-availability__item{max-width:100%;perspective:1000px;background-color:#fff;outline:none;margin-bottom:2px;transform:all 3s;transition-duration:.3s}.nas-journey-availability__item:focus{transform:all 3s;transition-duration:.3s;box-shadow:0 0 0 3px #15273f}.nas-journey-availability__item--selected{margin-top:12px;margin-bottom:12px}.nas-journey-availability__trigger{display:flex;align-items:stretch;justify-content:space-between;text-align:left;width:100%;flex:1;outline:0;padding:12px}@media (min-width: 1000px){.nas-journey-availability__trigger{padding:12px 12px 12px 36px}}.nas-journey-availability__trigger--badge-padding{padding:36px 12px 12px}@media (min-width: 1000px){.nas-journey-availability__trigger--badge-padding{padding:12px 12px 12px 36px}}.nas-journey-availability__badge{background-color:#e9e7e4;margin:0;position:relative;position:absolute;left:0;right:0;top:0;padding:3px;text-align:center}.nas-journey-availability__badge-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#15273f;text-transform:uppercase}@media (min-width: 1000px){.nas-journey-availability__badge-label{transform:rotate(270deg);transform-origin:0 0;float:left;position:absolute;left:3px;bottom:5px}}@media (min-width: 1000px){.nas-journey-availability__badge{position:relative;width:24px;min-width:24px;margin:-12px 12px -12px -36px}}.nas-journey-availability__overview{display:flex;width:100%;padding-right:9px;flex:2 1 auto}@media (min-width: 1000px){.nas-journey-availability__overview{flex-wrap:wrap}}.nas-journey-availability__overview-details{display:flex;flex-wrap:wrap;justify-content:space-between;flex:1}@media (min-width: 1000px){.nas-journey-availability__overview-details{width:100%;max-width:100%;flex:auto}}.nas-journey-availability__overview-details .nas-journey-availability__mobile-icon{position:absolute;right:20px;bottom:16px}.nas-journey-availability__overview-details .nas-journey-availability__info-details{cursor:pointer}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon{cursor:pointer;padding:6px}.nas-journey-availability__overview-details .nas-journey-availability__info-details nas-icon span{cursor:pointer}.nas-journey-availability__flight-time{display:flex;flex:1;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time{display:block;flex:1 1 60%}}.nas-journey-availability__flight-time-when{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:24px;line-height:32px;margin-top:-2px;color:#15273f;display:flex;justify-content:space-between}@media (min-width: 1000px){.nas-journey-availability__flight-time-when{display:inline-block;justify-content:initial}}.nas-journey-availability__flight-time-when-arrival,.nas-journey-availability__flight-time-when-departure{display:inline}.nas-journey-availability__flight-time-when-airports{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:18px;line-height:24px;flex:0 0 100%;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-when-airports{flex:initial}}.nas-journey-availability__flight-time-when-airports-stopovers{color:#6f6f6f}.nas-journey-availability__flight-time-details{font-size:18px;line-height:24px;display:inline-block}.nas-journey-availability__flight-time-details-label{color:#15273f;display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-label{display:inline}}.nas-journey-availability__flight-time-details-text{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-journey-availability__flight-time-details-count{display:none}@media (min-width: 1000px){.nas-journey-availability__flight-time-details-count{display:inline-block}}@media (min-width: 1000px){.nas-journey-availability__flight-time-details{padding-top:1px;padding-bottom:3px;display:initial}}.nas-journey-availability__flight-time-from-to{padding-right:24px}.nas-journey-availability__flight-time-info{margin-left:auto;justify-self:flex-end;text-align:end;font-size:14px;line-height:20px;padding-top:6px}.nas-journey-availability__flight-time-info-link-wrapper{cursor:pointer;padding:6px 0 12px 12px}@media (min-width: 1000px){.nas-journey-availability__flight-time-info-link-wrapper{padding:6px 0 0}}.nas-journey-availability__flight-time-info-link{color:#b12a0b;border-bottom-color:#e9e7e4}.nas-journey-availability__flight-time-info-link:hover{border-bottom-color:#15273f}@media (min-width: 1000px){.nas-journey-availability__flight-time-info{position:absolute;bottom:12px}}.nas-journey-availability__journey-figure{margin-top:12px;max-height:12px}@media (min-width: 1000px){.nas-journey-availability__journey-figure{margin-top:0;max-height:initial}}.nas-journey-availability__selected-info{display:flex;flex:0 0 100%;flex-wrap:wrap}@media (min-width: 1000px){.nas-journey-availability__selected-info{flex:1 1 40%}}@media (min-width: 1000px){.nas-journey-availability__selected-info-graph{align-self:center}}.nas-journey-availability__journey mark{background-color:transparent}.nas-journey-availability__journey-label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#15273f;white-space:nowrap;display:inline}.nas-journey-availability__journey-airport{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-availability__journey-info{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;font-size:18px;line-height:24px;display:inline-block;vertical-align:top}@media (min-width: 1000px){.nas-journey-availability__journey-info{display:block}}.nas-journey-availability__journey-info-stops{display:inline-block;margin-bottom:0;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#15273f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#6f6f6f}}.nas-journey-availability__journey-info-stops-format{display:inline;color:#6f6f6f}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-format{display:none}}.nas-journey-availability__journey-info-stops-details{display:none}@media (min-width: 1000px){.nas-journey-availability__journey-info-stops-details{display:inline}}@media (min-width: 1000px){.nas-journey-availability__journey .nas-journey-availability__md-icon{min-height:22px}}.nas-journey-availability__operated-by{font-size:14px;line-height:20px;display:none}@media (min-width: 1000px){.nas-journey-availability__operated-by{display:block;flex:0 0 100%;display:inline-block;margin-top:6px}}.nas-journey-availability__operated-by label,.nas-journey-availability__operated-by caption{display:inline}.nas-journey-availability__operated-by mark{background-color:transparent}.nas-journey-availability__stopover{transform:rotate(90deg)}@media (min-width: 1000px){.nas-journey-availability__stopover{transform:rotate(0);align-self:center;margin-right:12px}}.nas-journey-availability__animate{display:block}.nas-journey-availability__animate--animate{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.48s}.nas-journey-availability__animate--animate:nth-child(1){animation-delay:.18s}.nas-journey-availability__animate--animate:nth-child(2){animation-delay:.21s}.nas-journey-availability__animate--animate:nth-child(3){animation-delay:.24s}.nas-journey-availability__animate--animate:nth-child(4){animation-delay:.27s}.nas-journey-availability__animate--animate:nth-child(5){animation-delay:.3s}.nas-journey-availability__animate--animate:nth-child(6){animation-delay:.33s}.nas-journey-availability__animate--animate:nth-child(7){animation-delay:.36s}.nas-journey-availability__animate--animate:nth-child(8){animation-delay:.39s}.nas-journey-availability__animate--animate:nth-child(9){animation-delay:.42s}.nas-journey-availability__animate--animate:nth-child(10){animation-delay:.45s}@keyframes arrival-fly-in{0%{opacity:0;transform:translate(-260px,-100px) rotate(10deg)}25%{opacity:1}}@keyframes departure-fly-off{75%{opacity:1}to{opacity:0;transform:translate(260px,-100px) rotate(-20deg)}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DatePipe }, { type: DeviceHelper }, { type: DateHelper }]; }, propDecorators: { model: [{
                 type: Input
             }], selected: [{
@@ -11159,6 +11177,7 @@ class AutocompleteComponent extends NasComponentBase {
         if (this.nasFormGroup && this.nasFormControlName) {
             const control = this.nasFormGroup.get(this.nasFormControlName);
             currentModel = control.value;
+            this.model = control.value;
         }
         this.filteredItems = this.items.filter(x => (x.title && x.title.toLowerCase().includes(currentModel.toLowerCase())) ||
             (x.preamble && x.preamble.toLowerCase().includes(currentModel.toLowerCase())));
@@ -11212,6 +11231,10 @@ class AutocompleteComponent extends NasComponentBase {
         this.model = '';
         this.open = true;
         this.index = -1;
+        if (!!this.input && !!this.span) {
+            this.input.nativeElement.style.borderColor = '#6f6f6f';
+            this.span.nativeElement.style.borderColor = '#6f6f6f';
+        }
         this.input.nativeElement.focus();
     }
     select(item) {
@@ -11283,11 +11306,11 @@ class AutocompleteComponent extends NasComponentBase {
         return this.model ? 'remove--secondary' : 'remove';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AutocompleteComponent, selector: "nas-autocomplete", inputs: { label: "label", placeholder: "placeholder", icon: "icon", items: "items", open: "open", model: "model", disableBackdrop: "disableBackdrop", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelClear: "ariaLabelClear" }, outputs: { focusOnNext: "focusOnNext", selectedChange: "selectedChange", openChange: "openChange", modelChange: "modelChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "span", first: true, predicate: ["span"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelDOM"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\"\n    #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-haspopup=\"true\" aria-autocomplete=\"none\" autocomplete=\"off\"\n      [id]=\"getInputId()\" [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [nasClass]=\"getClass('input')\" [(ngModel)]=\"model\" [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\" (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-autocomplete=\"none\" autocomplete=\"off\" [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\" (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\" [nasClass]=\"getClass('results-wrapper')\" [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results role=\"listbox\" *ngIf=\"open\" [attr.aria-labelledby]=\"getLabelId()\" [nasClass]=\"getClass('results')\">\n    <li role=\"option\" *ngFor=\"let item of filteredItems\" [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\" [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\" (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:0;border:2px solid #6F6F6F;border-bottom:0}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0;border:2px solid #6F6F6F;border-top:none;padding:12px 16px}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:21px}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete__results{margin-top:-8px;position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both;scrollbar-width:none;-ms-overflow-style:none}.nas-autocomplete__results::-webkit-scrollbar{display:none}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px 16px;margin-top:-1px;outline:0;border-bottom:2px solid #E9E7E4}.nas-autocomplete__item--focus,.nas-autocomplete__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273F}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#15273f}.nas-autocomplete__item:hover{background-color:#f8f8f8}.nas-autocomplete__title{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AutocompleteComponent, selector: "nas-autocomplete", inputs: { label: "label", placeholder: "placeholder", icon: "icon", items: "items", open: "open", model: "model", disableBackdrop: "disableBackdrop", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelClear: "ariaLabelClear" }, outputs: { focusOnNext: "focusOnNext", selectedChange: "selectedChange", openChange: "openChange", modelChange: "modelChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "span", first: true, predicate: ["span"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }, { propertyName: "labelElement", first: true, predicate: ["labelDOM"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\"\n    #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-haspopup=\"true\" aria-autocomplete=\"none\" autocomplete=\"off\"\n      [id]=\"getInputId()\" [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [nasClass]=\"getClass('input')\" [(ngModel)]=\"model\" [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\" (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-autocomplete=\"none\" autocomplete=\"off\" [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\" (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\" [nasClass]=\"getClass('results-wrapper')\" [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results role=\"listbox\" *ngIf=\"open\" [attr.aria-labelledby]=\"getLabelId()\" [nasClass]=\"getClass('results')\">\n    <li role=\"option\" *ngFor=\"let item of filteredItems\" [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\" [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\" (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:0;border:2px solid #6F6F6F;border-bottom:0}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0;border:2px solid #6F6F6F;border-top:none;padding:12px 16px}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:21px}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete__results{margin-top:-8px;position:absolute;z-index:3;width:100%;top:2px;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both;scrollbar-width:none;-ms-overflow-style:none;border-top:0;border-bottom:0}.nas-autocomplete__results::-webkit-scrollbar{display:none}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px 16px;margin-top:-1px;outline:0;border-bottom:2px solid #E9E7E4}.nas-autocomplete__item--focus,.nas-autocomplete__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273F}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#15273f}.nas-autocomplete__item:hover{background-color:#f8f8f8}.nas-autocomplete__title{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-autocomplete', template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\"\n    #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-haspopup=\"true\" aria-autocomplete=\"none\" autocomplete=\"off\"\n      [id]=\"getInputId()\" [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [nasClass]=\"getClass('input')\" [(ngModel)]=\"model\" [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\" (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-autocomplete=\"none\" autocomplete=\"off\" [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\" (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\" [nasClass]=\"getClass('results-wrapper')\" [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results role=\"listbox\" *ngIf=\"open\" [attr.aria-labelledby]=\"getLabelId()\" [nasClass]=\"getClass('results')\">\n    <li role=\"option\" *ngFor=\"let item of filteredItems\" [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\" [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\" (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:0;border:2px solid #6F6F6F;border-bottom:0}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0;border:2px solid #6F6F6F;border-top:none;padding:12px 16px}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:21px}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete__results{margin-top:-8px;position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both;scrollbar-width:none;-ms-overflow-style:none}.nas-autocomplete__results::-webkit-scrollbar{display:none}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px 16px;margin-top:-1px;outline:0;border-bottom:2px solid #E9E7E4}.nas-autocomplete__item--focus,.nas-autocomplete__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273F}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#15273f}.nas-autocomplete__item:hover{background-color:#f8f8f8}.nas-autocomplete__title{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"] }]
+            args: [{ selector: 'nas-autocomplete', template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\"\n    #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-haspopup=\"true\" aria-autocomplete=\"none\" autocomplete=\"off\"\n      [id]=\"getInputId()\" [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [nasClass]=\"getClass('input')\" [(ngModel)]=\"model\" [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\" (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\" [attr.aria-label]=\"label\" [nasClass]=\"getClass('wrapper')\" [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n    <input #input type=\"text\" role=\"combobox\" aria-autocomplete=\"none\" autocomplete=\"off\" [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\" [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\" [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\" (focus)=\"setOpen()\" (input)=\"filter()\" (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\" role=\"button\" tabindex=\"-1\" *ngIf=\"model; else isEmpty\" [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\" [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\" [nasClass]=\"getClass('results-wrapper')\" [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results role=\"listbox\" *ngIf=\"open\" [attr.aria-labelledby]=\"getLabelId()\" [nasClass]=\"getClass('results')\">\n    <li role=\"option\" *ngFor=\"let item of filteredItems\" [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\" [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\" (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\" [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:0;border:2px solid #6F6F6F;border-bottom:0}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0;border:2px solid #6F6F6F;border-top:none;padding:12px 16px}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:21px}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete__results{margin-top:-8px;position:absolute;z-index:3;width:100%;top:2px;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:2px solid #15273F;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both;scrollbar-width:none;-ms-overflow-style:none;border-top:0;border-bottom:0}.nas-autocomplete__results::-webkit-scrollbar{display:none}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0b14202b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px 16px;margin-top:-1px;outline:0;border-bottom:2px solid #E9E7E4}.nas-autocomplete__item--focus,.nas-autocomplete__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273F}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#15273f}.nas-autocomplete__item:hover{background-color:#f8f8f8}.nas-autocomplete__title{display:inline-block;font-family:NorwegianTextPro,Arial,Apercu,Helvetica Neue,Helvetica,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]