@norwegian/core-components 6.54.0 → 6.54.2

package/fesm2022/norwegian-core-components.mjs

@@ -2507,9 +2507,6 @@ class AirportSelectDropdownComponent extends NasComponentBase {
         return `nas-airport-select-dropdown-input-${this.componentId}`;
     }
     get geolocationIcon() {
-        if (this.focusOnGeolocation && this.geolocationState !== GeolocationState.denied) {
-            return 'geolocation--light';
-        }
         if (this.geolocationState === GeolocationState.denied) {
             return 'geolocation--disabled';
         }
@@ -2969,15 +2966,12 @@ class AirportSelectDropdownComponent extends NasComponentBase {
         this.focusedAirportIndex = -1;
         this.updateSelected(airport);
     }
-    setRemoveIcon() {
-        return this.selectedModel ? 'remove--secondary' : 'remove';
-    }
     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: { 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]=\"setRemoveIcon()\"></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]=\"setRemoveIcon()\"></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", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange", 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", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.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\"\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]=\"setRemoveIcon()\"></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]=\"setRemoveIcon()\"></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]
@@ -3401,15 +3395,12 @@ class AirportSelectNewComponent extends NasComponentBase {
             });
         }
     }
-    setVectorIcon() {
-        return (this.destinationAirportCodeValue && this.originAirportCodeValue) ? 'vector--secondary' : 'vector';
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectNewComponent, selector: "nas-airport-select-new", inputs: { airports: "airports", airportRelations: "airportRelations", latestSearchesOrigin: "latestSearchesOrigin", latestSearchesDestination: "latestSearchesDestination", closestAirports: "closestAirports", allowedOriginAiports: "allowedOriginAiports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", combo: "combo", useSwitch: "useSwitch", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", selectOriginFirstLabel: "selectOriginFirstLabel", invalidDestinationText: "invalidDestinationText", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormGroup: "nasFormGroup", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { originChange: "originChange", originOpenChange: "originOpenChange", destinationChange: "destinationChange", destinationOpenChange: "destinationOpenChange", focusOnNext: "focusOnNext", positionChange: "positionChange" }, viewQueries: [{ propertyName: "switchButton", first: true, predicate: ["switchButton"], descendants: true }, { propertyName: "airportSelectDropdownOrigin", first: true, predicate: ["airportSelectDropdownOrigin"], descendants: true }, { propertyName: "airportSelectDropdownDestination", first: true, predicate: ["airportSelectDropdownDestination"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass()\">\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\"\n    *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin\n      displayLatestSearches\n      [enableGeolocation]=\"displayClosestAirports\"\n      [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\"\n      [latestSearches]=\"latestSearchesOrigin\"\n      [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\"\n      [airports]=\"airportsOrigin\"\n      [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\"\n      [open]=\"originOpen\"\n      [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\"\n      [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [ariaLabelClear]=\"ariaLabelClear\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\"\n      (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\"\n      (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination\n        displayLatestSearches\n        [airportSelectLabel]=\"labelDestination\"\n        [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\"\n        [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\"\n        [airport]=\"destination\"\n        [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\"\n        [keepSelection]=\"keepSelection\"\n        [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\"\n        [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\"\n        [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n        [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\"\n        (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\"\n        (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\"\n        (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\"\n      #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\"\n      (mouseleave)=\"changeSwitchIcon()\"\n      (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon [type]=\"setVectorIcon()\"></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-new{position:relative;width:100%;text-align:left;height:67px}.nas-airport-select-new label,.nas-airport-select-new:first-child{margin-bottom:0}.nas-airport-select-new:only-child{max-width:360px}.nas-airport-select-new--expanded{z-index:30}.nas-airport-select-new__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6f6f6f}.nas-airport-select-new__wrapper--active{background-color:#ebf4ff;border:2px solid #15273f}.nas-airport-select-new__wrapper--filled{border:2px solid #15273f}.nas-airport-select-new__list-section-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#f1f1f1}.nas-airport-select-new__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select-new__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__input[type=text]:focus{border-bottom:none}.nas-airport-select-new__label+.nas-airport-select-new__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__label+.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select-new__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select-new__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-new__dummy{position:absolute;left:-100px}.nas-airport-select-new__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-new__list-item{border-bottom:2px solid #eaeaea}.nas-airport-select-new__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #c3c3c3}.nas-airport-select-new__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select-new__geolocation--icon{margin-right:3px}.nas-airport-select-new__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-new__item--focus,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:focus{background-color:#f8f8f8}.nas-airport-select-new__item--focus,.nas-airport-select-new__item--focus .nas-airport-select-new__name,.nas-airport-select-new__item--focus .nas-airport-select-new__code,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:hover .nas-airport-select-new__name,.nas-airport-select-new__item:hover .nas-airport-select-new__code,.nas-airport-select-new__item:focus,.nas-airport-select-new__item:focus .nas-airport-select-new__name,.nas-airport-select-new__item:focus .nas-airport-select-new__code{color:#15273f!important}.nas-airport-select-new__item--disabled{border-bottom-width:0}.nas-airport-select-new__item--disabled,.nas-airport-select-new__item--disabled .nas-airport-select-new__name,.nas-airport-select-new__item--disabled .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__code,.nas-airport-select-new__item--disabled:focus,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__name,.nas-airport-select-new__code{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select-new__name--invalid,.nas-airport-select-new__code--invalid{margin:12px}.nas-airport-select-new__code{margin-left:.12em}.nas-airport-select-new__country{display:block;font-size:14px}.nas-airport-select-new__empty{font-family:Apercu,Helvetica Neue,Helvetica,Arial,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-new-combo,.nas-search-filter .nas-airport-select-new-combo{margin:0 3px 0 0}.nas-airport-select-new-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-new-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-new-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-airport-select-new-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: ["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: AirportSelectNewComponent, selector: "nas-airport-select-new", inputs: { airports: "airports", airportRelations: "airportRelations", latestSearchesOrigin: "latestSearchesOrigin", latestSearchesDestination: "latestSearchesDestination", closestAirports: "closestAirports", allowedOriginAiports: "allowedOriginAiports", allowedDestinationAirports: "allowedDestinationAirports", displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", combo: "combo", useSwitch: "useSwitch", allAirportsLabel: "allAirportsLabel", latestSearchesLabel: "latestSearchesLabel", closestAirportsLabel: "closestAirportsLabel", geolocationLabel: "geolocationLabel", geolocationBlockedLabel: "geolocationBlockedLabel", selectOriginFirstLabel: "selectOriginFirstLabel", invalidDestinationText: "invalidDestinationText", labelOrigin: "labelOrigin", placeholderOrigin: "placeholderOrigin", labelDestination: "labelDestination", placeholderDestination: "placeholderDestination", keepSelection: "keepSelection", nasFormControlNameOrigin: "nasFormControlNameOrigin", nasFormControlNameDestination: "nasFormControlNameDestination", nasFormGroup: "nasFormGroup", originAirportCode: "originAirportCode", destinationAirportCode: "destinationAirportCode", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop" }, outputs: { originChange: "originChange", originOpenChange: "originOpenChange", destinationChange: "destinationChange", destinationOpenChange: "destinationOpenChange", focusOnNext: "focusOnNext", positionChange: "positionChange" }, viewQueries: [{ propertyName: "switchButton", first: true, predicate: ["switchButton"], descendants: true }, { propertyName: "airportSelectDropdownOrigin", first: true, predicate: ["airportSelectDropdownOrigin"], descendants: true }, { propertyName: "airportSelectDropdownDestination", first: true, predicate: ["airportSelectDropdownDestination"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass()\">\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\"\n    *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin\n      displayLatestSearches\n      [enableGeolocation]=\"displayClosestAirports\"\n      [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\"\n      [latestSearches]=\"latestSearchesOrigin\"\n      [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\"\n      [airports]=\"airportsOrigin\"\n      [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\"\n      [open]=\"originOpen\"\n      [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\"\n      [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [ariaLabelClear]=\"ariaLabelClear\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\"\n      (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\"\n      (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination\n        displayLatestSearches\n        [airportSelectLabel]=\"labelDestination\"\n        [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\"\n        [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\"\n        [airport]=\"destination\"\n        [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\"\n        [keepSelection]=\"keepSelection\"\n        [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\"\n        [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\"\n        [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n        [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\"\n        (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\"\n        (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\"\n        (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\"\n      #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\"\n      (mouseleave)=\"changeSwitchIcon()\"\n      (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon [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-new{position:relative;width:100%;text-align:left;height:67px}.nas-airport-select-new label,.nas-airport-select-new:first-child{margin-bottom:0}.nas-airport-select-new:only-child{max-width:360px}.nas-airport-select-new--expanded{z-index:30}.nas-airport-select-new__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6f6f6f}.nas-airport-select-new__wrapper--active{background-color:#ebf4ff;border:2px solid #15273f}.nas-airport-select-new__wrapper--filled{border:2px solid #15273f}.nas-airport-select-new__list-section-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#f1f1f1}.nas-airport-select-new__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select-new__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__input[type=text]:focus{border-bottom:none}.nas-airport-select-new__label+.nas-airport-select-new__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__label+.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select-new__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select-new__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-new__dummy{position:absolute;left:-100px}.nas-airport-select-new__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-new__list-item{border-bottom:2px solid #eaeaea}.nas-airport-select-new__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #c3c3c3}.nas-airport-select-new__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select-new__geolocation--icon{margin-right:3px}.nas-airport-select-new__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-new__item--focus,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:focus{background-color:#f8f8f8}.nas-airport-select-new__item--focus,.nas-airport-select-new__item--focus .nas-airport-select-new__name,.nas-airport-select-new__item--focus .nas-airport-select-new__code,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:hover .nas-airport-select-new__name,.nas-airport-select-new__item:hover .nas-airport-select-new__code,.nas-airport-select-new__item:focus,.nas-airport-select-new__item:focus .nas-airport-select-new__name,.nas-airport-select-new__item:focus .nas-airport-select-new__code{color:#15273f!important}.nas-airport-select-new__item--disabled{border-bottom-width:0}.nas-airport-select-new__item--disabled,.nas-airport-select-new__item--disabled .nas-airport-select-new__name,.nas-airport-select-new__item--disabled .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__code,.nas-airport-select-new__item--disabled:focus,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__name,.nas-airport-select-new__code{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select-new__name--invalid,.nas-airport-select-new__code--invalid{margin:12px}.nas-airport-select-new__code{margin-left:.12em}.nas-airport-select-new__country{display:block;font-size:14px}.nas-airport-select-new__empty{font-family:Apercu,Helvetica Neue,Helvetica,Arial,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-new-combo,.nas-search-filter .nas-airport-select-new-combo{margin:0 3px 0 0}.nas-airport-select-new-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-new-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-new-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-airport-select-new-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: ["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: AirportSelectNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-airport-select-new', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass()\">\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\"\n    *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin\n      displayLatestSearches\n      [enableGeolocation]=\"displayClosestAirports\"\n      [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\"\n      [latestSearches]=\"latestSearchesOrigin\"\n      [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\"\n      [airports]=\"airportsOrigin\"\n      [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\"\n      [open]=\"originOpen\"\n      [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\"\n      [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [ariaLabelClear]=\"ariaLabelClear\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\"\n      (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\"\n      (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination\n        displayLatestSearches\n        [airportSelectLabel]=\"labelDestination\"\n        [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\"\n        [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\"\n        [airport]=\"destination\"\n        [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\"\n        [keepSelection]=\"keepSelection\"\n        [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\"\n        [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\"\n        [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n        [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\"\n        (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\"\n        (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\"\n        (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\"\n      #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\"\n      (mouseleave)=\"changeSwitchIcon()\"\n      (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon [type]=\"setVectorIcon()\"></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-new{position:relative;width:100%;text-align:left;height:67px}.nas-airport-select-new label,.nas-airport-select-new:first-child{margin-bottom:0}.nas-airport-select-new:only-child{max-width:360px}.nas-airport-select-new--expanded{z-index:30}.nas-airport-select-new__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6f6f6f}.nas-airport-select-new__wrapper--active{background-color:#ebf4ff;border:2px solid #15273f}.nas-airport-select-new__wrapper--filled{border:2px solid #15273f}.nas-airport-select-new__list-section-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#f1f1f1}.nas-airport-select-new__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select-new__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__input[type=text]:focus{border-bottom:none}.nas-airport-select-new__label+.nas-airport-select-new__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__label+.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select-new__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select-new__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-new__dummy{position:absolute;left:-100px}.nas-airport-select-new__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-new__list-item{border-bottom:2px solid #eaeaea}.nas-airport-select-new__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #c3c3c3}.nas-airport-select-new__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select-new__geolocation--icon{margin-right:3px}.nas-airport-select-new__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-new__item--focus,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:focus{background-color:#f8f8f8}.nas-airport-select-new__item--focus,.nas-airport-select-new__item--focus .nas-airport-select-new__name,.nas-airport-select-new__item--focus .nas-airport-select-new__code,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:hover .nas-airport-select-new__name,.nas-airport-select-new__item:hover .nas-airport-select-new__code,.nas-airport-select-new__item:focus,.nas-airport-select-new__item:focus .nas-airport-select-new__name,.nas-airport-select-new__item:focus .nas-airport-select-new__code{color:#15273f!important}.nas-airport-select-new__item--disabled{border-bottom-width:0}.nas-airport-select-new__item--disabled,.nas-airport-select-new__item--disabled .nas-airport-select-new__name,.nas-airport-select-new__item--disabled .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__code,.nas-airport-select-new__item--disabled:focus,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__name,.nas-airport-select-new__code{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select-new__name--invalid,.nas-airport-select-new__code--invalid{margin:12px}.nas-airport-select-new__code{margin-left:.12em}.nas-airport-select-new__country{display:block;font-size:14px}.nas-airport-select-new__empty{font-family:Apercu,Helvetica Neue,Helvetica,Arial,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-new-combo,.nas-search-filter .nas-airport-select-new-combo{margin:0 3px 0 0}.nas-airport-select-new-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-new-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-new-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-airport-select-new-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-new', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"exists(combo); else airportSelectTemplate\"\n  [nasClass]=\"getAirportSelectComboClass()\">\n  <ng-container *ngTemplateOutlet=\"airportSelectTemplate\"></ng-container>\n</div>\n<ng-template #airportSelectTemplate>\n  <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-origin')\"\n    *ngIf=\"airportsOrigin\">\n    <nas-airport-select-dropdown #airportSelectDropdownOrigin\n      displayLatestSearches\n      [enableGeolocation]=\"displayClosestAirports\"\n      [displayClosestAirports]=\"displayClosestAirports\"\n      [airportSelectLabel]=\"labelOrigin\"\n      [latestSearches]=\"latestSearchesOrigin\"\n      [closestAirports]=\"closestAirports\"\n      [airport]=\"origin\"\n      [airports]=\"airportsOrigin\"\n      [resultsLabels]=\"resultsLabels\"\n      [airportSelectPlaceholder]=\"placeholderOrigin\"\n      [open]=\"originOpen\"\n      [keepSelection]=\"keepSelection\"\n      [airportSelectIconModifier]=\"'flight-departure'\"\n      [nasFormControlName]=\"nasFormControlNameOrigin\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [ariaLabelClear]=\"ariaLabelClear\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      (clearedSelection)=\"onSelectionCleared()\"\n      (selected)=\"setSelectedOrigin($event)\"\n      (openChange)=\"onOriginOpen($event)\"\n      (focusOnNext)=\"setDestinationOpen($event)\"\n      (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-dropdown>\n  </div>\n  <ng-container *ngIf=\"exists(combo)\">\n    <div [nasClass]=\"getClass('', exists(useSwitch) && 'padding-destination')\"\n      *ngIf=\"airportsDestination && airportsDestination.length > 0\">\n      <nas-airport-select-dropdown #airportSelectDropdownDestination\n        displayLatestSearches\n        [airportSelectLabel]=\"labelDestination\"\n        [displayClosestAirports]=\"false\"\n        [latestSearches]=\"currentLatestSearchesDestination\"\n        [airports]=\"airportsDestination\"\n        [resultsLabels]=\"resultsLabels\"\n        [airport]=\"destination\"\n        [airportSelectPlaceholder]=\"placeholderDestination\"\n        [open]=\"destinationOpen\"\n        [keepSelection]=\"keepSelection\"\n        [airportSelectIconModifier]=\"'flight-arrival'\"\n        [nasFormControlName]=\"nasFormControlNameDestination\"\n        [nasFormGroup]=\"nasFormGroup\"\n        [ariaLabelClear]=\"ariaLabelClear\"\n        [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n        [isValid]=\"isDestinationValid\"\n        [invalidText]=\"invalidDestinationText\"\n        (clearedSelection)=\"onSelectionCleared()\"\n        (selected)=\"setSelectedDestination($event)\"\n        (openChange)=\"onDestinationOpen($event)\"\n        (focusOnNext)=\"setFocusOnNext($event)\"\n        (focusOnPrevious)=\"onOriginFocus()\"></nas-airport-select-dropdown>\n    </div>\n    <div *ngIf=\"exists(useSwitch) && !(originOpen || destinationOpen || cleared)\"\n      #switchButton\n      [nasClass]=\"getAirportSelectComboClass('switcher', (originAirportCodeValue && destinationAirportCodeValue) && 'filled')\"\n      (mouseover)=\"changeSwitchIcon()\"\n      (mouseleave)=\"changeSwitchIcon()\"\n      (keydown)=\"swapKeyDown($event)\"\n      (click)=\"swapAirports()\">\n      <nas-icon [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-new{position:relative;width:100%;text-align:left;height:67px}.nas-airport-select-new label,.nas-airport-select-new:first-child{margin-bottom:0}.nas-airport-select-new:only-child{max-width:360px}.nas-airport-select-new--expanded{z-index:30}.nas-airport-select-new__wrapper{position:relative;display:block;z-index:3;background-color:#fff;border:2px solid #6f6f6f}.nas-airport-select-new__wrapper--active{background-color:#ebf4ff;border:2px solid #15273f}.nas-airport-select-new__wrapper--filled{border:2px solid #15273f}.nas-airport-select-new__list-section-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;position:relative;z-index:2;text-align:center;padding:3px 12px;background-color:#f1f1f1}.nas-airport-select-new__list-section-label:not(:first-child){margin-top:-1px}.nas-airport-select-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:inherit}.nas-airport-select-new__input{height:64px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__input[type=text]:focus{border-bottom:none}.nas-airport-select-new__label+.nas-airport-select-new__input{height:34px;position:relative;z-index:3;line-height:1;margin:0;background-color:transparent}.nas-airport-select-new__label+.nas-airport-select-new__input[type=text]{padding:0 16px 9px}.nas-airport-select-new__icon{position:absolute;z-index:4;right:18px;bottom:18px}.nas-airport-select-new__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:-4px}.nas-airport-select-new__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-new__dummy{position:absolute;left:-100px}.nas-airport-select-new__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-new__list-item{border-bottom:2px solid #eaeaea}.nas-airport-select-new__list-item:not(:last-of-type):after{content:\"\";display:block;width:100%;position:absolute;bottom:0;border-bottom:1px solid #c3c3c3}.nas-airport-select-new__geolocation--label{align-self:center;padding-left:4px}.nas-airport-select-new__geolocation--icon{margin-right:3px}.nas-airport-select-new__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-new__item--focus,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:focus{background-color:#f8f8f8}.nas-airport-select-new__item--focus,.nas-airport-select-new__item--focus .nas-airport-select-new__name,.nas-airport-select-new__item--focus .nas-airport-select-new__code,.nas-airport-select-new__item:hover,.nas-airport-select-new__item:hover .nas-airport-select-new__name,.nas-airport-select-new__item:hover .nas-airport-select-new__code,.nas-airport-select-new__item:focus,.nas-airport-select-new__item:focus .nas-airport-select-new__name,.nas-airport-select-new__item:focus .nas-airport-select-new__code{color:#15273f!important}.nas-airport-select-new__item--disabled{border-bottom-width:0}.nas-airport-select-new__item--disabled,.nas-airport-select-new__item--disabled .nas-airport-select-new__name,.nas-airport-select-new__item--disabled .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:focus{background-color:#fff;cursor:auto}.nas-airport-select-new__item--disabled:hover,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:hover .nas-airport-select-new__code,.nas-airport-select-new__item--disabled:focus,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__name,.nas-airport-select-new__item--disabled:focus .nas-airport-select-new__code{color:#909090!important}.nas-airport-select-new__name,.nas-airport-select-new__code{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-airport-select-new__name--invalid,.nas-airport-select-new__code--invalid{margin:12px}.nas-airport-select-new__code{margin-left:.12em}.nas-airport-select-new__country{display:block;font-size:14px}.nas-airport-select-new__empty{font-family:Apercu,Helvetica Neue,Helvetica,Arial,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-new-combo,.nas-search-filter .nas-airport-select-new-combo{margin:0 3px 0 0}.nas-airport-select-new-combo{position:relative;display:flex;flex-direction:column;width:100%;margin:8px auto;gap:8px}.nas-airport-select-new-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-new-combo__switcher:focus{outline:none;box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-airport-select-new-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 []; }, propDecorators: { switchButton: [{
                 type: ViewChild,
                 args: ['switchButton']
@@ -8568,32 +8559,19 @@ class SpinnerComponent extends NasComponentBase {
          * <nas-select [blockScrolling]="true"></nas-select>
         */
         this.blockScrolling = true;
-        /**
-         * @property Input
-         * @description
-         * Sets the number of seconds it should delay loading time.
-         * @example
-         * <nas-select [delayLoadingTime]="3"></nas-select>
-        */
-        this.delayLoadingTime = 0;
     }
     ngOnInit() {
         this.setEnabled(this.enableValue);
     }
     setEnabled(enabled) {
         this.showRefreshLink = false;
-        var startTime = Date.now();
-        var minLoadingTime = this.delayLoadingTime * 1000;
         if (enabled) {
             this.loadingTimeout = setTimeout(() => {
-                const elapsedTime = Date.now() - startTime;
-                if (elapsedTime >= minLoadingTime) {
-                    this.isLoading = true;
-                    if (this.blockScrolling) {
-                        this.renderer.addClass(document.body, 'block-scrolling');
-                    }
+                this.enableValue = true;
+                if (this.blockScrolling) {
+                    this.renderer.addClass(document.body, 'block-scrolling');
                 }
-            }, minLoadingTime);
+            }, 500);
             if (this.refresh > 0 && this.refreshText != null) {
                 this.refreshLinkTimout = setTimeout(() => {
                     this.showRefreshLink = true;
@@ -8603,7 +8581,7 @@ class SpinnerComponent extends NasComponentBase {
         else {
             clearTimeout(this.loadingTimeout);
             clearTimeout(this.refreshLinkTimout);
-            this.isLoading = false;
+            this.enableValue = false;
             this.showRefreshLink = false;
             if (this.blockScrolling) {
                 this.renderer.removeClass(document.body, 'block-scrolling');
@@ -8633,11 +8611,11 @@ class SpinnerComponent extends NasComponentBase {
         return classes;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SpinnerComponent, selector: "nas-spinner", inputs: { text: "text", refreshText: "refreshText", small: "small", overlay: "overlay", enable: "enable", refresh: "refresh", blockScrolling: "blockScrolling", delayLoadingTime: "delayLoadingTime", rounded: "rounded", cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"isLoading\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273F);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SpinnerComponent, selector: "nas-spinner", inputs: { text: "text", refreshText: "refreshText", small: "small", overlay: "overlay", enable: "enable", refresh: "refresh", blockScrolling: "blockScrolling", rounded: "rounded", cssClass: "cssClass" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273f);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-spinner', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"isLoading\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273F);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
+            args: [{ selector: 'nas-spinner', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClasses('', modifiers)\" *ngIf=\"enable\">\n  <span [nasClass]=\"getClass('box')\">\n    <span [nasClass]=\"getClass('border')\"></span>\n  </span>\n  <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">\n    <div>{{text}}</div>\n    <div [nasClass]=\"getClass('refresh')\" *ngIf=\"showRefreshLink\" (click)=\"refreshPage()\"> <a> {{refreshText}} </a></div>\n  </div>\n</div>\n\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-spinner{position:relative;text-align:center}.nas-spinner__box{position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto;margin-bottom:8px;width:48px;height:48px;background-color:#e5212d}.nas-spinner__border{position:absolute;display:block;top:52px;left:0;width:48px;height:8px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner__text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative;z-index:2;margin-top:24px;text-align:center;width:100%}.nas-spinner--small .nas-spinner__box{width:24px;height:24px}.nas-spinner--small .nas-spinner__text{margin-top:16px}.nas-spinner--small .nas-spinner__border{position:absolute;top:27px;left:0;width:24px;height:3px;background-color:#15273f;animation:spinner ease 1s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-spinner--overlay{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:40}.nas-spinner--overlay:before{content:\"\";display:block;position:fixed;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#ffffffb3;animation:fade-in .5s ease-out both}.nas-spinner--rounded{height:48px;width:48px;-webkit-mask:radial-gradient(circle 16px,transparent 99%,#000 100%);mask:radial-gradient(circle 16px,transparent 99%,#000 100%);background-image:conic-gradient(transparent 25%,#15273f);animation:spin 1.5s linear infinite;border-radius:50%;position:relative;display:block;z-index:2;margin-left:auto;margin-right:auto}.nas-spinner--rounded .nas-spinner__box,.nas-spinner--rounded .nas-spinner__border{display:none}.nas-spinner__refresh{padding-left:5px;position:absolute;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { text: [{
                 type: Input
             }], refreshText: [{
@@ -8652,8 +8630,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], blockScrolling: [{
                 type: Input
-            }], delayLoadingTime: [{
-                type: Input
             }], rounded: [{
                 type: Input
             }], cssClass: [{
@@ -9588,7 +9564,7 @@ class CalendarNewComponent 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: CalendarNewComponent, 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: CalendarNewComponent, selector: "nas-calendar-new", inputs: { 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\n    tabindex=\"0\"\n    [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button type=\"button\"\n        #previousMonthRef\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\"\n        [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\"\n        (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\"\n          [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect\n          [cssClass]=\"getClass('month')\"\n          [inline]=\"true\"\n          [simple]=\"true\"\n          [options]=\"months\"\n          [(selected)]=\"selectedMonth\"\n          (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>     \n      <button type=\"button\"\n        tabindex=\"0\"\n        #nextMonthRef\n        [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\"\n        [disabled]=\"nextMonthDisabled\"\n        (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)\"\n            [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\"\n            *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\"\n          [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\"\n            [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\"\n            *ngFor=\"let day of week?.days\"\n            #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\"\n              *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate\n              tabindex=\"0\">\n              <button type=\"button\"\n                #dateButton\n                (keydown)=\"dateKeyDown($event)\"\n                tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\"\n                (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\"\n                (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\"\n                   [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date : '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\"\n        [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>\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-calendar-new{width:100%;min-width:325px;float:right;padding:10px 0 5px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;margin-top:3px;position:relative;z-index:4}@media (min-width: 640px){.nas-calendar-new{max-width:350px}}.nas-calendar-new__content:active{outline:none;box-shadow:none}.nas-calendar-new__content:focus{outline:none;box-shadow:none}.nas-calendar-new__cover{margin-bottom:16px}.nas-calendar-new__header{height:30px;font-size:small;font-weight:700;display:flex;justify-content:space-between}.nas-calendar-new__month{margin:0 auto 21px}.nas-calendar-new__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar-new__months--item{text-transform:uppercase}.nas-calendar-new__table{table-layout:fixed;width:100%}.nas-calendar-new__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar-new__week-number{display:table-cell}}.nas-calendar-new__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar-new__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-new__nav .nas-icon-arrow-left--light,.nas-calendar-new__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar-new__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar-new__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar-new__nav:hover,.nas-calendar-new__nav:focus{outline:none;border:2px solid #3b99fc}.nas-calendar-new__nav:active{transform:translateY(2px)}.nas-calendar-new__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar-new__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 #fff;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-new__item .nas-calendar-new__date{color:#002a3a}@media (min-width: 640px){.nas-calendar-new__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar-new__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar-new__item{padding:2px 6px}}.nas-calendar-new__item--large{height:40px;width:40px;margin-top:5px}.nas-calendar-new__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar-new__item--dummy{visibility:hidden}.nas-calendar-new__item--today .nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#15273f}.nas-calendar-new__item--cheapest{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#e5212d}.nas-calendar-new__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar-new__item--empty .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--available{pointer-events:all;opacity:1;border-color:#eaeaea;background-color:#f9f9f9}.nas-calendar-new__item--available .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar-new__item--within-range{background-color:#ebf4ff}.nas-calendar-new__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar-new__item:hover,.nas-calendar-new__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar-new__item:hover .nas-calendar-new__date,.nas-calendar-new__item:focus .nas-calendar-new__date{font-weight:700}.nas-calendar-new__item:active{transform:translateY(3px)}.nas-calendar-new__item--selected,.nas-calendar-new__item:active{color:#fff;background-color:#15273f;height:40px;width:40px;margin-left:5px}.nas-calendar-new__item--selected:hover,.nas-calendar-new__item--selected:focus,.nas-calendar-new__item:active:hover,.nas-calendar-new__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar-new__item--selected .nas-calendar-new__date,.nas-calendar-new__item:active .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar-new__item--sold-out .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item[disabled]{pointer-events:none}.nas-calendar-new__week{border-bottom:1px solid #eaeaea}.nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar-new__date--week-number{top:6px;right:6px}.nas-calendar-new__date:hover,.nas-calendar-new__date:focus{font-weight:700}.nas-calendar-new__price{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em}@media (min-width: 640px){.nas-calendar-new__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar-new__price{font-size:16px}}.nas-calendar-new__price--before{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar-new__price--before{margin-bottom:2px}}.nas-calendar-new__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-new__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar-new__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar-new__sold-out{left:6px}}.nas-calendar-new__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-new__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar-new__transit:before,.nas-calendar-new__transit:after{content:\"\";position:absolute}.nas-calendar-new__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar-new__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar-new__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar-new__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar-new__footer{display:flex;justify-content:center}.nas-calendar-new__footer .nas-calendar-new__item{width:25px;height:25px;margin-right:3px}.nas-calendar-new__footer .nas-calendar-new__item--unavailable{border:1px solid #15273f}.nas-calendar-new__footer--item{margin-bottom:6px}.nas-calendar-new__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", "keydown"] }, { 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: CalendarNewComponent, selector: "nas-calendar-new", inputs: { 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\n    tabindex=\"0\"\n    [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button type=\"button\"\n        #previousMonthRef\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\"\n        [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\"\n        (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\"\n          [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect\n          [cssClass]=\"getClass('month')\"\n          [inline]=\"true\"\n          [simple]=\"true\"\n          [options]=\"months\"\n          [(selected)]=\"selectedMonth\"\n          (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>     \n      <button type=\"button\"\n        tabindex=\"0\"\n        #nextMonthRef\n        [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\"\n        [disabled]=\"nextMonthDisabled\"\n        (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)\"\n            [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\"\n            *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\"\n          [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\"\n            [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\"\n            *ngFor=\"let day of week?.days\"\n            #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\"\n              *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate\n              tabindex=\"0\">\n              <button type=\"button\"\n                #dateButton\n                (keydown)=\"dateKeyDown($event)\"\n                tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\"\n                (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\"\n                (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\"\n                   [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date : '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\"\n        [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>\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-calendar-new{width:100%;min-width:325px;float:right;padding:10px 0 5px;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-new{max-width:350px}}.nas-calendar-new__content:active{outline:none;box-shadow:none}.nas-calendar-new__content:focus{outline:none;box-shadow:none}.nas-calendar-new__cover{margin-bottom:16px}.nas-calendar-new__header{height:30px;font-size:16px;line-height:26px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar-new__month{margin:0 auto 21px}.nas-calendar-new__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar-new__months--item{text-transform:uppercase}.nas-calendar-new__table{table-layout:fixed;width:100%}.nas-calendar-new__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar-new__week-number{display:table-cell}}.nas-calendar-new__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar-new__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-new__nav .nas-icon-arrow-left--light,.nas-calendar-new__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar-new__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar-new__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar-new__nav:hover,.nas-calendar-new__nav:focus{outline:none;border:2px solid #3b99fc}.nas-calendar-new__nav:active{transform:translateY(2px)}.nas-calendar-new__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar-new__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 #fff;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-new__item .nas-calendar-new__date{color:#002a3a}@media (min-width: 640px){.nas-calendar-new__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar-new__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar-new__item{padding:2px 6px}}.nas-calendar-new__item--large{height:40px;width:40px;margin-top:5px}.nas-calendar-new__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar-new__item--dummy{visibility:hidden}.nas-calendar-new__item--today .nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#15273f}.nas-calendar-new__item--cheapest{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#e5212d}.nas-calendar-new__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar-new__item--empty .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--available{pointer-events:all;opacity:1;border-color:#eaeaea;background-color:#f9f9f9;border-radius:2px}.nas-calendar-new__item--available .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item--active{border:2px solid #15273f;background-color:#ebf4ff}.nas-calendar-new__item--within-range{background-color:#ebf4ff}.nas-calendar-new__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar-new__item:hover,.nas-calendar-new__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar-new__item:hover .nas-calendar-new__date,.nas-calendar-new__item:focus .nas-calendar-new__date{font-weight:700}.nas-calendar-new__item:active{transform:translateY(3px)}.nas-calendar-new__item--selected,.nas-calendar-new__item:active{color:#fff;background-color:#15273f;height:40px;width:40px;margin-left:5px}.nas-calendar-new__item--selected:hover,.nas-calendar-new__item--selected:focus,.nas-calendar-new__item:active:hover,.nas-calendar-new__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar-new__item--selected .nas-calendar-new__date,.nas-calendar-new__item:active .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar-new__item--sold-out .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item[disabled]{pointer-events:none}.nas-calendar-new__week{border-bottom:1px solid #eaeaea}.nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar-new__date--week-number{top:6px;right:6px}.nas-calendar-new__date:hover,.nas-calendar-new__date:focus{font-weight:700}.nas-calendar-new__price{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em}@media (min-width: 640px){.nas-calendar-new__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar-new__price{font-size:16px}}.nas-calendar-new__price--before{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar-new__price--before{margin-bottom:2px}}.nas-calendar-new__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-new__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar-new__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar-new__sold-out{left:6px}}.nas-calendar-new__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-new__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar-new__transit:before,.nas-calendar-new__transit:after{content:\"\";position:absolute}.nas-calendar-new__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar-new__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar-new__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar-new__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar-new__footer{display:flex;justify-content:center}.nas-calendar-new__footer .nas-calendar-new__item{width:25px;height:25px;margin-right:3px}.nas-calendar-new__footer .nas-calendar-new__item--unavailable{border:1px solid #15273f}.nas-calendar-new__footer--item{margin-bottom:6px}.nas-calendar-new__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", "keydown"] }, { 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)
@@ -9604,7 +9580,7 @@ __decorate([
 ], CalendarNewComponent.prototype, "onPreviousMonthMousedown", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CalendarNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-calendar-new', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass()\">\n  <div #calendarContent\n    tabindex=\"0\"\n    [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button type=\"button\"\n        #previousMonthRef\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\"\n        [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\"\n        (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\"\n          [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect\n          [cssClass]=\"getClass('month')\"\n          [inline]=\"true\"\n          [simple]=\"true\"\n          [options]=\"months\"\n          [(selected)]=\"selectedMonth\"\n          (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>     \n      <button type=\"button\"\n        tabindex=\"0\"\n        #nextMonthRef\n        [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\"\n        [disabled]=\"nextMonthDisabled\"\n        (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)\"\n            [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\"\n            *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\"\n          [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\"\n            [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\"\n            *ngFor=\"let day of week?.days\"\n            #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\"\n              *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate\n              tabindex=\"0\">\n              <button type=\"button\"\n                #dateButton\n                (keydown)=\"dateKeyDown($event)\"\n                tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\"\n                (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\"\n                (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\"\n                   [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date : '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\"\n        [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>\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-calendar-new{width:100%;min-width:325px;float:right;padding:10px 0 5px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;margin-top:3px;position:relative;z-index:4}@media (min-width: 640px){.nas-calendar-new{max-width:350px}}.nas-calendar-new__content:active{outline:none;box-shadow:none}.nas-calendar-new__content:focus{outline:none;box-shadow:none}.nas-calendar-new__cover{margin-bottom:16px}.nas-calendar-new__header{height:30px;font-size:small;font-weight:700;display:flex;justify-content:space-between}.nas-calendar-new__month{margin:0 auto 21px}.nas-calendar-new__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar-new__months--item{text-transform:uppercase}.nas-calendar-new__table{table-layout:fixed;width:100%}.nas-calendar-new__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar-new__week-number{display:table-cell}}.nas-calendar-new__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar-new__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-new__nav .nas-icon-arrow-left--light,.nas-calendar-new__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar-new__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar-new__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar-new__nav:hover,.nas-calendar-new__nav:focus{outline:none;border:2px solid #3b99fc}.nas-calendar-new__nav:active{transform:translateY(2px)}.nas-calendar-new__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar-new__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 #fff;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-new__item .nas-calendar-new__date{color:#002a3a}@media (min-width: 640px){.nas-calendar-new__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar-new__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar-new__item{padding:2px 6px}}.nas-calendar-new__item--large{height:40px;width:40px;margin-top:5px}.nas-calendar-new__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar-new__item--dummy{visibility:hidden}.nas-calendar-new__item--today .nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#15273f}.nas-calendar-new__item--cheapest{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#e5212d}.nas-calendar-new__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar-new__item--empty .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--available{pointer-events:all;opacity:1;border-color:#eaeaea;background-color:#f9f9f9}.nas-calendar-new__item--available .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar-new__item--within-range{background-color:#ebf4ff}.nas-calendar-new__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar-new__item:hover,.nas-calendar-new__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar-new__item:hover .nas-calendar-new__date,.nas-calendar-new__item:focus .nas-calendar-new__date{font-weight:700}.nas-calendar-new__item:active{transform:translateY(3px)}.nas-calendar-new__item--selected,.nas-calendar-new__item:active{color:#fff;background-color:#15273f;height:40px;width:40px;margin-left:5px}.nas-calendar-new__item--selected:hover,.nas-calendar-new__item--selected:focus,.nas-calendar-new__item:active:hover,.nas-calendar-new__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar-new__item--selected .nas-calendar-new__date,.nas-calendar-new__item:active .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar-new__item--sold-out .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item[disabled]{pointer-events:none}.nas-calendar-new__week{border-bottom:1px solid #eaeaea}.nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar-new__date--week-number{top:6px;right:6px}.nas-calendar-new__date:hover,.nas-calendar-new__date:focus{font-weight:700}.nas-calendar-new__price{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em}@media (min-width: 640px){.nas-calendar-new__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar-new__price{font-size:16px}}.nas-calendar-new__price--before{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar-new__price--before{margin-bottom:2px}}.nas-calendar-new__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-new__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar-new__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar-new__sold-out{left:6px}}.nas-calendar-new__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-new__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar-new__transit:before,.nas-calendar-new__transit:after{content:\"\";position:absolute}.nas-calendar-new__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar-new__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar-new__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar-new__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar-new__footer{display:flex;justify-content:center}.nas-calendar-new__footer .nas-calendar-new__item{width:25px;height:25px;margin-right:3px}.nas-calendar-new__footer .nas-calendar-new__item--unavailable{border:1px solid #15273f}.nas-calendar-new__footer--item{margin-bottom:6px}.nas-calendar-new__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-new', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass()\">\n  <div #calendarContent\n    tabindex=\"0\"\n    [nasClass]=\"getClass('content')\">\n    <header [nasClass]=\"getClass('header')\">\n      <button type=\"button\"\n        #previousMonthRef\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelPreviousMonth\"\n        [nasClass]=\"getClass('nav')\"\n        [disabled]=\"isPreviousMonthDisabled === true\"\n        (keydown)=\"onPreviousMonthKeydown($event)\"\n        (mousedown)=\"onPreviousMonthMousedown()\">\n        <nas-icon tabindex=\"-1\"\n          [type]=\"'arrow-left'\"></nas-icon>\n      </button>\n      <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n        <nas-select #monthSelect\n          [cssClass]=\"getClass('month')\"\n          [inline]=\"true\"\n          [simple]=\"true\"\n          [options]=\"months\"\n          [(selected)]=\"selectedMonth\"\n          (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n      </ng-container>\n      <ng-template #currentMonthTemplate>\n        {{currentMonthModel}}\n      </ng-template>     \n      <button type=\"button\"\n        tabindex=\"0\"\n        #nextMonthRef\n        [nasClass]=\"getClass('nav')\"\n        [attr.aria-label]=\"ariaLabelNextMonth\"\n        [disabled]=\"nextMonthDisabled\"\n        (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)\"\n            [nasClass]=\"getClass('week-number')\"></th>\n          <th [nasClass]=\"getClass('cell')\"\n            *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\"\n          [nasClass]=\"getClass('row', 'animate')\">\n          <td *ngIf=\"exists(displayWeekNumbers)\"\n            [nasClass]=\"getClass('week-number')\">\n            <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n          </td>\n          <td [nasClass]=\"getClass('cell')\"\n            *ngFor=\"let day of week?.days\"\n            #tableCells>\n            <div [nasClass]=\"getClass('item', 'dummy')\"\n              *ngIf=\"day === null; else dayTemplate\"></div>\n            <ng-template #dayTemplate\n              tabindex=\"0\">\n              <button type=\"button\"\n                #dateButton\n                (keydown)=\"dateKeyDown($event)\"\n                tabIndex=\"0\"\n                [nasClass]=\"getCellButtonClass(day)\"\n                (mousedown)=\"onMouseDown(day.date, $event)\"\n                (click)=\"onDayClick(day)\"\n                (focus)=\"onDayFocus(day)\">\n                <div [nasClass]=\"getClass('date-wrapper')\">\n                  <span [nasClass]=\"getClass('date')\"\n                   [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date : '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\"\n        [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>\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-calendar-new{width:100%;min-width:325px;float:right;padding:10px 0 5px;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-new{max-width:350px}}.nas-calendar-new__content:active{outline:none;box-shadow:none}.nas-calendar-new__content:focus{outline:none;box-shadow:none}.nas-calendar-new__cover{margin-bottom:16px}.nas-calendar-new__header{height:30px;font-size:16px;line-height:26px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar-new__month{margin:0 auto 21px}.nas-calendar-new__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar-new__months--item{text-transform:uppercase}.nas-calendar-new__table{table-layout:fixed;width:100%}.nas-calendar-new__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar-new__week-number{display:table-cell}}.nas-calendar-new__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar-new__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-new__nav .nas-icon-arrow-left--light,.nas-calendar-new__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar-new__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar-new__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar-new__nav:hover,.nas-calendar-new__nav:focus{outline:none;border:2px solid #3b99fc}.nas-calendar-new__nav:active{transform:translateY(2px)}.nas-calendar-new__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar-new__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 #fff;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-new__item .nas-calendar-new__date{color:#002a3a}@media (min-width: 640px){.nas-calendar-new__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar-new__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar-new__item{padding:2px 6px}}.nas-calendar-new__item--large{height:40px;width:40px;margin-top:5px}.nas-calendar-new__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar-new__item--dummy{visibility:hidden}.nas-calendar-new__item--today .nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#15273f}.nas-calendar-new__item--cheapest{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:#e5212d}.nas-calendar-new__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar-new__item--empty .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--available{pointer-events:all;opacity:1;border-color:#eaeaea;background-color:#f9f9f9;border-radius:2px}.nas-calendar-new__item--available .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item--active{border:2px solid #15273f;background-color:#ebf4ff}.nas-calendar-new__item--within-range{background-color:#ebf4ff}.nas-calendar-new__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar-new__item:hover,.nas-calendar-new__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar-new__item:hover .nas-calendar-new__date,.nas-calendar-new__item:focus .nas-calendar-new__date{font-weight:700}.nas-calendar-new__item:active{transform:translateY(3px)}.nas-calendar-new__item--selected,.nas-calendar-new__item:active{color:#fff;background-color:#15273f;height:40px;width:40px;margin-left:5px}.nas-calendar-new__item--selected:hover,.nas-calendar-new__item--selected:focus,.nas-calendar-new__item:active:hover,.nas-calendar-new__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar-new__item--selected .nas-calendar-new__date,.nas-calendar-new__item:active .nas-calendar-new__date{color:inherit}.nas-calendar-new__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar-new__item--sold-out .nas-calendar-new__date{color:#002a3a}.nas-calendar-new__item[disabled]{pointer-events:none}.nas-calendar-new__week{border-bottom:1px solid #eaeaea}.nas-calendar-new__date{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar-new__date--week-number{top:6px;right:6px}.nas-calendar-new__date:hover,.nas-calendar-new__date:focus{font-weight:700}.nas-calendar-new__price{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em}@media (min-width: 640px){.nas-calendar-new__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar-new__price{font-size:16px}}.nas-calendar-new__price--before{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar-new__price--before{margin-bottom:2px}}.nas-calendar-new__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-new__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar-new__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar-new__sold-out{left:6px}}.nas-calendar-new__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-new__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar-new__transit:before,.nas-calendar-new__transit:after{content:\"\";position:absolute}.nas-calendar-new__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar-new__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar-new__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar-new__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar-new__footer{display:flex;justify-content:center}.nas-calendar-new__footer .nas-calendar-new__item{width:25px;height:25px;margin-right:3px}.nas-calendar-new__footer .nas-calendar-new__item--unavailable{border:1px solid #15273f}.nas-calendar-new__footer--item{margin-bottom:6px}.nas-calendar-new__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']
@@ -10513,11 +10489,11 @@ class DatepickerComboNewComponent extends NasComponentBase {
         container.style.width = inlineFlex ? `${this.inlineFlex}px` : '100%';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComboNewComponent, deps: [{ token: DateHelper }, { token: DeviceHelper }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DatepickerComboNewComponent, selector: "nas-datepicker-combo-new", inputs: { 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-new #datepickerOutbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"outboundAvailableDates\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"outboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\"\n      (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\"\n      [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker-new>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\"\n    [nasClass]=\"getClass('date-picker', checkInboundDisabled() && 'hide')\">\n    <nas-datepicker-new #datepickerInbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\"\n      [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\"\n      [lowerLimitDate]=\"inboundLowerLimitDate\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"inboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\"\n      (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\"\n      [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker-new>\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-new{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column}.nas-datepicker-combo-new nas-datepicker-new{display:flex}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper nas-calendar-new{top:68px;right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo-new__date-picker{width:100%}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker--hide,.nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--md,.nas-datepicker-combo-new--lg{flex-wrap:nowrap;flex-direction:row}.nas-datepicker-combo-new--md .nas-datepicker-combo-new__separator,.nas-datepicker-combo-new--lg .nas-datepicker-combo-new__separator{display:block;position:relative;align-self:flex-end;flex-shrink:0;width:3px}.nas-datepicker-combo-new--compact{margin:0 auto}.nas-datepicker-combo-new--inline-flex{flex-wrap:nowrap;flex-direction:row;gap:8px;position:relative;margin:0}.nas-datepicker-combo-new--inline-flex .nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new{position:unset}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper{position:unset}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatepickerNewComponent, selector: "nas-datepicker-new", inputs: ["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: DatepickerComboNewComponent, selector: "nas-datepicker-combo-new", inputs: { 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-new #datepickerOutbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"outboundAvailableDates\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"outboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\"\n      (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\"\n      [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker-new>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\"\n    [nasClass]=\"getClass('date-picker', checkInboundDisabled() && 'hide')\">\n    <nas-datepicker-new #datepickerInbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\"\n      [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\"\n      [lowerLimitDate]=\"inboundLowerLimitDate\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"inboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\"\n      (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\"\n      [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker-new>\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-new{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column}.nas-datepicker-combo-new nas-datepicker-new{display:flex}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper nas-calendar-new{top:68px;right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo-new__date-picker{width:100%}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker--hide,.nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--md,.nas-datepicker-combo-new--lg{flex-wrap:nowrap;flex-direction:row}.nas-datepicker-combo-new--md .nas-datepicker-combo-new__separator,.nas-datepicker-combo-new--lg .nas-datepicker-combo-new__separator{display:block;position:relative;align-self:flex-end;flex-shrink:0;width:3px}.nas-datepicker-combo-new--compact{margin:0 auto}.nas-datepicker-combo-new--inline-flex{flex-wrap:nowrap;flex-direction:row;position:relative;margin:0}.nas-datepicker-combo-new--inline-flex .nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new{position:unset}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper{position:unset}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DatepickerNewComponent, selector: "nas-datepicker-new", inputs: ["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: DatepickerComboNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-datepicker-combo-new', encapsulation: ViewEncapsulation.Emulated, template: "<div [nasClass]=\"getMainClass()\" #container>\n  <div [nasClass]=\"getClass('date-picker')\">\n    <nas-datepicker-new #datepickerOutbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"outboundAvailableDates\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"outboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\"\n      (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\"\n      [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker-new>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\"\n    [nasClass]=\"getClass('date-picker', checkInboundDisabled() && 'hide')\">\n    <nas-datepicker-new #datepickerInbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\"\n      [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\"\n      [lowerLimitDate]=\"inboundLowerLimitDate\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"inboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\"\n      (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\"\n      [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker-new>\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-new{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column}.nas-datepicker-combo-new nas-datepicker-new{display:flex}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper nas-calendar-new{top:68px;right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo-new__date-picker{width:100%}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker--hide,.nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--md,.nas-datepicker-combo-new--lg{flex-wrap:nowrap;flex-direction:row}.nas-datepicker-combo-new--md .nas-datepicker-combo-new__separator,.nas-datepicker-combo-new--lg .nas-datepicker-combo-new__separator{display:block;position:relative;align-self:flex-end;flex-shrink:0;width:3px}.nas-datepicker-combo-new--compact{margin:0 auto}.nas-datepicker-combo-new--inline-flex{flex-wrap:nowrap;flex-direction:row;gap:8px;position:relative;margin:0}.nas-datepicker-combo-new--inline-flex .nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new{position:unset}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper{position:unset}\n"] }]
+            args: [{ selector: 'nas-datepicker-combo-new', encapsulation: ViewEncapsulation.Emulated, template: "<div [nasClass]=\"getMainClass()\" #container>\n  <div [nasClass]=\"getClass('date-picker')\">\n    <nas-datepicker-new #datepickerOutbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameOutbound\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"outboundAvailableDates\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"outboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [disabled]=\"exists(outboundDisabled)\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"inboundOpen = true\"\n      (focusOnPreviousChange)=\"onFocusOnPrevious($event)\"\n      (selectedMonthChange)=\"onOutboundMonthChange($event)\"\n      [(open)]=\"outboundOpen\"\n      [(selectedDate)]=\"outboundSelectedDate\">{{outboundLabel}}</nas-datepicker-new>\n  </div>\n  <span [nasClass]=\"getClass('separator')\"></span>\n  <div *ngIf=\"checkOutboundOnly()\"\n    [nasClass]=\"getClass('date-picker', checkInboundDisabled() && 'hide')\">\n    <nas-datepicker-new #datepickerInbound\n      compact\n      [disableBackdrop]=\"disableBackdrop\"\n      [nasFormGroup]=\"nasFormGroup\"\n      [nasFormControlName]=\"nasFormControlNameInbound\"\n      [disabled]=\"checkInboundDisabled()\"\n      [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n      [availableFlightsLabel]=\"availableFlightsLabel\"\n      [disablePastSelection]=\"exists(disablePastSelection)\"\n      [availability]=\"exists(availability)\"\n      [availableDates]=\"inboundAvailableDates\"\n      [lowerLimitDate]=\"inboundLowerLimitDate\"\n      [times]=\"times\"\n      [timepickerLabel]=\"timepickerLabel\"\n      [selectedTime]=\"inboundSelectedTime\"\n      [dateDisplayFormat]=\"dateDisplayFormat\"\n      [timeDisplayFormat]=\"timeDisplayFormat\"\n      [locale]=\"locale\"\n      [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n      [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n      [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n      (focusOnNextChange)=\"onFocusOnNext($event)\"\n      (focusOnPreviousChange)=\"onInboundFocusOnPrevious()\"\n      [(open)]=\"inboundOpen\"\n      [(selectedMonth)]=\"inboundSelectedMonth\"\n      [(selectedDate)]=\"inboundSelectedDate\">{{inboundLabel}}</nas-datepicker-new>\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-new{display:flex;margin:24px auto;flex-wrap:wrap;flex-direction:column}.nas-datepicker-combo-new nas-datepicker-new{display:flex}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper{padding-left:8px;padding-bottom:8px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select{margin-bottom:0}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select:after{bottom:25px}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select{background-color:#fff;height:68px;border:2px solid #15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__time-selector-wrapper .nas-select select:focus{border-color:#15273f}.nas-datepicker-combo-new nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper nas-calendar-new{top:68px;right:0;left:0;margin-inline:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-datepicker-combo-new__date-picker{width:100%}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__date-picker-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker:first-child nas-datepicker-new ::ng-deep .nas-datepicker__time-selector-wrapper{border-bottom:none}.nas-datepicker-combo-new__date-picker--hide,.nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--md,.nas-datepicker-combo-new--lg{flex-wrap:nowrap;flex-direction:row}.nas-datepicker-combo-new--md .nas-datepicker-combo-new__separator,.nas-datepicker-combo-new--lg .nas-datepicker-combo-new__separator{display:block;position:relative;align-self:flex-end;flex-shrink:0;width:3px}.nas-datepicker-combo-new--compact{margin:0 auto}.nas-datepicker-combo-new--inline-flex{flex-wrap:nowrap;flex-direction:row;position:relative;margin:0}.nas-datepicker-combo-new--inline-flex .nas-datepicker-combo-new__separator{display:none}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new{position:unset}.nas-datepicker-combo-new--inline-flex nas-datepicker-new ::ng-deep .nas-datepicker-new__date-picker-wrapper{position:unset}\n"] }]
         }], ctorParameters: function () { return [{ type: DateHelper }, { type: DeviceHelper }, { type: i0.Renderer2 }]; }, propDecorators: { datepickerOutbound: [{
                 type: ViewChild,
                 args: ['datepickerOutbound']
@@ -11327,11 +11303,11 @@ class PassengerSelectNewComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PassengerSelectNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PassengerSelectNewComponent, selector: "nas-passenger-select-new", inputs: { passengers: "passengers", maxPaxCount: "maxPaxCount", minAdultCount: "minAdultCount", groupBookingLimit: "groupBookingLimit", title: "title", adultsLabel: "adultsLabel", childrenLabel: "childrenLabel", infantsLabel: "infantsLabel", youthsLabel: "youthsLabel", youngAdultsLabel: "youngAdultsLabel", groupBookingLabel: "groupBookingLabel", nasFormGroup: "nasFormGroup", nasFormControlGroupBooking: "nasFormControlGroupBooking", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelAdd: "ariaLabelAdd" }, outputs: { passengersChange: "passengersChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "numberFields", predicate: NumberFieldNewComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title\"\n  [nasClass]=\"getClass('title', isGroupBooking && 'group-booking')\">{{title}}<ng-container *ngIf=\"isGroupBooking\">:\n    <div>{{groupBookingLabel}}</div>\n  </ng-container>\n</h2>\n<ul [nasClass]=\"getClass('list')\">\n  <li *ngFor=\"let item of passengers; index as count\"\n    [nasClass]=\"getClass('list-item')\">\n    <label [nasClass]=\"getClass('label')\"\n      [attr.aria-label]=\"getLabel(item.type)\">{{getLabel(item.type)}}</label>\n    <ng-container *ngIf=\"!item.formGroup || !item.formControlName; else reactiveForm\">\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [number]=\"item.count\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"\n        (keydown)=\"keyDown($event, count)\"></nas-number-field-new>\n    </ng-container>\n    <ng-template #reactiveForm>\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [nasFormGroup]=\"item.formGroup\"\n        [nasFormControlName]=\"item.formControlName\"\n        [number]=\"item.formGroup?.get(item.formControlName)?.value\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (keydown)=\"keyDown($event, count)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"></nas-number-field-new>\n    </ng-template>\n  </li>\n</ul>", 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-passenger-select-new{position:relative;display:flex;flex-wrap:wrap;margin:16px 0 24px}.nas-passenger-select-new__list{margin:16px 0}.nas-passenger-select-new__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.nas-passenger-select-new__list-item:not(:last-child){padding:6px 0 9px}.nas-passenger-select-new__label{flex-grow:2;margin:0 6px 0 0}.nas-passenger-select-new__title{font-size:18px;line-height:26px;display:block;min-width:124px}.nas-passenger-select-new__title--small{font-size:16px;line-height:26px;margin:0}.nas-passenger-select-new__title--group-booking{animation:pop-in-from-top .5s linear both}.nas-passenger-select-new__actions{display:flex}.nas-passenger-select-new__action{padding:12px;width:100%;background-color:#fff}.nas-passenger-select-new__action:hover,.nas-passenger-select-new__action:focus{background-color:#e3e3e3}.nas-passenger-select-new__action--active,.nas-passenger-select-new__action--active:hover,.nas-passenger-select-new__action--active:focus{color:#fff;background-color:#15273f}.nas-passenger-select-new__icon{margin-bottom:9px}.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:6px}@media (min-width: 640px){.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:0}.nas-passenger-select-new__dropdown:not(:first-child){margin-left:9px}}.nas-passenger-select-new__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.nas-passenger-select-new__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.nas-passenger-select-new__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)}.nas-passenger-select-new__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){.nas-passenger-select-new--combined{margin:0}.nas-passenger-select-new--combined:after{content:\"\";position:absolute;bottom:-3px;left:-3px;width:calc(100% + 3px);border-bottom:3px solid #c3c3c3}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown{margin:0 3px 0 0}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown:last-child{margin:0}.nas-passenger-select-new--combined .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px;background-color:#fff}}\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: NumberFieldNewComponent, selector: "nas-number-field-new", inputs: ["number", "max", "min", "label", "compact", "spaceless", "simple", "nasFormControlName", "nasFormGroup", "hideInput", "ariaLabelSubtract", "ariaLabelAdd", "ariaLabel"], outputs: ["numberChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PassengerSelectNewComponent, selector: "nas-passenger-select-new", inputs: { passengers: "passengers", maxPaxCount: "maxPaxCount", minAdultCount: "minAdultCount", groupBookingLimit: "groupBookingLimit", title: "title", adultsLabel: "adultsLabel", childrenLabel: "childrenLabel", infantsLabel: "infantsLabel", youthsLabel: "youthsLabel", youngAdultsLabel: "youngAdultsLabel", groupBookingLabel: "groupBookingLabel", nasFormGroup: "nasFormGroup", nasFormControlGroupBooking: "nasFormControlGroupBooking", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelAdd: "ariaLabelAdd" }, outputs: { passengersChange: "passengersChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "numberFields", predicate: NumberFieldNewComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title\"\n  [nasClass]=\"getClass('title', isGroupBooking && 'group-booking')\">{{title}}<ng-container *ngIf=\"isGroupBooking\">:\n    <div>{{groupBookingLabel}}</div>\n  </ng-container>\n</h2>\n<ul [nasClass]=\"getClass('list')\">\n  <li *ngFor=\"let item of passengers; index as count\"\n    [nasClass]=\"getClass('list-item')\">\n    <label [nasClass]=\"getClass('label')\"\n      [attr.aria-label]=\"getLabel(item.type)\">{{getLabel(item.type)}}</label>\n    <ng-container *ngIf=\"!item.formGroup || !item.formControlName; else reactiveForm\">\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [number]=\"item.count\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"\n        (keydown)=\"keyDown($event, count)\"></nas-number-field-new>\n    </ng-container>\n    <ng-template #reactiveForm>\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [nasFormGroup]=\"item.formGroup\"\n        [nasFormControlName]=\"item.formControlName\"\n        [number]=\"item.formGroup?.get(item.formControlName)?.value\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (keydown)=\"keyDown($event, count)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"></nas-number-field-new>\n    </ng-template>\n  </li>\n</ul>", 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-passenger-select-new{position:relative;display:flex;flex-wrap:wrap;margin:16px 0 24px}.nas-passenger-select-new__list{position:relative;background-color:#fff;border-left:2px solid #15273f;border-bottom:2px solid #15273f;border-right:2px solid #15273f}.nas-passenger-select-new__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.nas-passenger-select-new__list-item:not(:last-child){padding:6px 0 9px}.nas-passenger-select-new__label{flex-grow:2;margin:0 6px 0 0}.nas-passenger-select-new__title{font-size:18px;line-height:26px;display:block;min-width:124px}.nas-passenger-select-new__title--small{font-size:16px;line-height:26px;margin:0}.nas-passenger-select-new__title--group-booking{animation:pop-in-from-top .5s linear both}.nas-passenger-select-new__actions{display:flex}.nas-passenger-select-new__action{padding:12px;width:100%;background-color:#fff}.nas-passenger-select-new__action:hover,.nas-passenger-select-new__action:focus{background-color:#e3e3e3}.nas-passenger-select-new__action--active,.nas-passenger-select-new__action--active:hover,.nas-passenger-select-new__action--active:focus{color:#fff;background-color:#15273f}.nas-passenger-select-new__icon{margin-bottom:9px}.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:6px}@media (min-width: 640px){.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:0}.nas-passenger-select-new__dropdown:not(:first-child){margin-left:9px}}.nas-passenger-select-new__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.nas-passenger-select-new__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.nas-passenger-select-new__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)}.nas-passenger-select-new__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){.nas-passenger-select-new--combined{margin:0}.nas-passenger-select-new--combined:after{content:\"\";position:absolute;bottom:-3px;left:-3px;width:calc(100% + 3px);border-bottom:3px solid #c3c3c3}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown{margin:0 3px 0 0}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown:last-child{margin:0}.nas-passenger-select-new--combined .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px;background-color:#fff}}\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: NumberFieldNewComponent, selector: "nas-number-field-new", inputs: ["number", "max", "min", "label", "compact", "spaceless", "simple", "nasFormControlName", "nasFormGroup", "hideInput", "ariaLabelSubtract", "ariaLabelAdd", "ariaLabel"], outputs: ["numberChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PassengerSelectNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-passenger-select-new', template: "<h2 *ngIf=\"title\"\n  [nasClass]=\"getClass('title', isGroupBooking && 'group-booking')\">{{title}}<ng-container *ngIf=\"isGroupBooking\">:\n    <div>{{groupBookingLabel}}</div>\n  </ng-container>\n</h2>\n<ul [nasClass]=\"getClass('list')\">\n  <li *ngFor=\"let item of passengers; index as count\"\n    [nasClass]=\"getClass('list-item')\">\n    <label [nasClass]=\"getClass('label')\"\n      [attr.aria-label]=\"getLabel(item.type)\">{{getLabel(item.type)}}</label>\n    <ng-container *ngIf=\"!item.formGroup || !item.formControlName; else reactiveForm\">\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [number]=\"item.count\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"\n        (keydown)=\"keyDown($event, count)\"></nas-number-field-new>\n    </ng-container>\n    <ng-template #reactiveForm>\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [nasFormGroup]=\"item.formGroup\"\n        [nasFormControlName]=\"item.formControlName\"\n        [number]=\"item.formGroup?.get(item.formControlName)?.value\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (keydown)=\"keyDown($event, count)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"></nas-number-field-new>\n    </ng-template>\n  </li>\n</ul>", 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-passenger-select-new{position:relative;display:flex;flex-wrap:wrap;margin:16px 0 24px}.nas-passenger-select-new__list{margin:16px 0}.nas-passenger-select-new__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.nas-passenger-select-new__list-item:not(:last-child){padding:6px 0 9px}.nas-passenger-select-new__label{flex-grow:2;margin:0 6px 0 0}.nas-passenger-select-new__title{font-size:18px;line-height:26px;display:block;min-width:124px}.nas-passenger-select-new__title--small{font-size:16px;line-height:26px;margin:0}.nas-passenger-select-new__title--group-booking{animation:pop-in-from-top .5s linear both}.nas-passenger-select-new__actions{display:flex}.nas-passenger-select-new__action{padding:12px;width:100%;background-color:#fff}.nas-passenger-select-new__action:hover,.nas-passenger-select-new__action:focus{background-color:#e3e3e3}.nas-passenger-select-new__action--active,.nas-passenger-select-new__action--active:hover,.nas-passenger-select-new__action--active:focus{color:#fff;background-color:#15273f}.nas-passenger-select-new__icon{margin-bottom:9px}.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:6px}@media (min-width: 640px){.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:0}.nas-passenger-select-new__dropdown:not(:first-child){margin-left:9px}}.nas-passenger-select-new__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.nas-passenger-select-new__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.nas-passenger-select-new__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)}.nas-passenger-select-new__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){.nas-passenger-select-new--combined{margin:0}.nas-passenger-select-new--combined:after{content:\"\";position:absolute;bottom:-3px;left:-3px;width:calc(100% + 3px);border-bottom:3px solid #c3c3c3}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown{margin:0 3px 0 0}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown:last-child{margin:0}.nas-passenger-select-new--combined .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px;background-color:#fff}}\n"] }]
+            args: [{ selector: 'nas-passenger-select-new', template: "<h2 *ngIf=\"title\"\n  [nasClass]=\"getClass('title', isGroupBooking && 'group-booking')\">{{title}}<ng-container *ngIf=\"isGroupBooking\">:\n    <div>{{groupBookingLabel}}</div>\n  </ng-container>\n</h2>\n<ul [nasClass]=\"getClass('list')\">\n  <li *ngFor=\"let item of passengers; index as count\"\n    [nasClass]=\"getClass('list-item')\">\n    <label [nasClass]=\"getClass('label')\"\n      [attr.aria-label]=\"getLabel(item.type)\">{{getLabel(item.type)}}</label>\n    <ng-container *ngIf=\"!item.formGroup || !item.formControlName; else reactiveForm\">\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [number]=\"item.count\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"\n        (keydown)=\"keyDown($event, count)\"></nas-number-field-new>\n    </ng-container>\n    <ng-template #reactiveForm>\n      <nas-number-field-new compact\n        spaceless\n        simple\n        [ariaLabel]=\"getLabel(item.type)\"\n        [ariaLabelSubtract]=\"ariaLabelSubtract\"\n        [ariaLabelAdd]=\"ariaLabelAdd\"\n        [nasFormGroup]=\"item.formGroup\"\n        [nasFormControlName]=\"item.formControlName\"\n        [number]=\"item.formGroup?.get(item.formControlName)?.value\"\n        [max]=\"getMax(item)\"\n        [min]=\"getMin(item)\"\n        (keydown)=\"keyDown($event, count)\"\n        (numberChange)=\"setPassengersCount(item, $event)\"></nas-number-field-new>\n    </ng-template>\n  </li>\n</ul>", 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-passenger-select-new{position:relative;display:flex;flex-wrap:wrap;margin:16px 0 24px}.nas-passenger-select-new__list{position:relative;background-color:#fff;border-left:2px solid #15273f;border-bottom:2px solid #15273f;border-right:2px solid #15273f}.nas-passenger-select-new__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.nas-passenger-select-new__list-item:not(:last-child){padding:6px 0 9px}.nas-passenger-select-new__label{flex-grow:2;margin:0 6px 0 0}.nas-passenger-select-new__title{font-size:18px;line-height:26px;display:block;min-width:124px}.nas-passenger-select-new__title--small{font-size:16px;line-height:26px;margin:0}.nas-passenger-select-new__title--group-booking{animation:pop-in-from-top .5s linear both}.nas-passenger-select-new__actions{display:flex}.nas-passenger-select-new__action{padding:12px;width:100%;background-color:#fff}.nas-passenger-select-new__action:hover,.nas-passenger-select-new__action:focus{background-color:#e3e3e3}.nas-passenger-select-new__action--active,.nas-passenger-select-new__action--active:hover,.nas-passenger-select-new__action--active:focus{color:#fff;background-color:#15273f}.nas-passenger-select-new__icon{margin-bottom:9px}.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:6px}@media (min-width: 640px){.nas-passenger-select-new__dropdown{margin-right:9px;margin-bottom:0}.nas-passenger-select-new__dropdown:not(:first-child){margin-left:9px}}.nas-passenger-select-new__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.nas-passenger-select-new__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.nas-passenger-select-new__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)}.nas-passenger-select-new__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){.nas-passenger-select-new--combined{margin:0}.nas-passenger-select-new--combined:after{content:\"\";position:absolute;bottom:-3px;left:-3px;width:calc(100% + 3px);border-bottom:3px solid #c3c3c3}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown{margin:0 3px 0 0}.nas-passenger-select-new--combined .nas-passenger-select-new__dropdown:last-child{margin:0}.nas-passenger-select-new--combined .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px;background-color:#fff}}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { numberFields: [{
                 type: ViewChildren,
                 args: [NumberFieldNewComponent]
@@ -11423,11 +11399,11 @@ class RadioNewComponent extends NasComponentBase {
         this.checked = event.target.checked;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RadioNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: RadioNewComponent, selector: "nas-radio-new", inputs: { id: "id", value: "value", name: "name", error: "error", disabled: "disabled", strong: "strong", block: "block", spaceless: "spaceless", tabIndex: "tabIndex", required: "required", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass()\">\n      <input type=\"radio\"\n        [disabled]=\"exists(disabled)\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($event)\" />\n      <span [nasClass]=\"getClass('indicator')\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n  </ng-container>\n  <ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass()\"\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"radio\"\n        [formControlName]=\"nasFormControlName\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($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>\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-radio-new{-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-radio-new input{position:absolute;opacity:0;z-index:-1}.nas-radio-new input:checked+.nas-radio-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-radio-new input:checked+.nas-radio-new__indicator:before{transform:scale(1.7);opacity:1}.nas-radio-new input[disabled]+.nas-radio-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-radio-new input[disabled]+.nas-radio-new__indicator:before{background-color:#6f6f6f}.nas-radio-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;width:22px;height:22px;border-radius:50%;border:2px solid #15273F;background-color:#fff}.nas-radio-new__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#15273f;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-radio-new--block{display:block}.nas-radio-new--spaceless{margin-bottom:0}.nas-radio-new--disabled{color:#6f6f6f;cursor:default}.nas-radio-new--disabled .nas-radio-new__indicator{-webkit-user-select:none;user-select:none}.nas-radio-new--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio-new--error input:checked+.nas-radio-new__indicator,.nas-radio-new--error input+.nas-radio-new__indicator{border-color:#e5212d;background-color:#fff5f3}.nas-radio-new--error input:checked+.nas-radio-new__indicator:before,.nas-radio-new--error input+.nas-radio-new__indicator:before{border:2px solid #CC3A19;background-color:#cc3a19}\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.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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: RadioNewComponent, selector: "nas-radio-new", inputs: { id: "id", value: "value", name: "name", error: "error", disabled: "disabled", strong: "strong", block: "block", spaceless: "spaceless", tabIndex: "tabIndex", required: "required", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass()\">\n      <input type=\"radio\"\n        [disabled]=\"exists(disabled)\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($event)\" />\n      <span [nasClass]=\"getClass('indicator')\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n  </ng-container>\n  <ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass()\"\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"radio\"\n        [formControlName]=\"nasFormControlName\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($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>\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-radio-new{-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-radio-new input{position:absolute;opacity:0;z-index:-1}.nas-radio-new input:checked+.nas-radio-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-radio-new input:checked+.nas-radio-new__indicator:before{transform:scale(1.7);opacity:1}.nas-radio-new input[disabled]+.nas-radio-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-radio-new input[disabled]+.nas-radio-new__indicator:before{background-color:#6f6f6f}.nas-radio-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;width:22px;height:22px;border-radius:50%;border:2px solid #15273f;background-color:#fff}.nas-radio-new__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#15273f;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-radio-new--block{display:block}.nas-radio-new--spaceless{margin-bottom:0}.nas-radio-new--disabled{color:#6f6f6f;cursor:default}.nas-radio-new--disabled .nas-radio-new__indicator{-webkit-user-select:none;user-select:none}.nas-radio-new--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio-new--error input:checked+.nas-radio-new__indicator,.nas-radio-new--error input+.nas-radio-new__indicator{border-color:#e5212d;background-color:#fff5f3}.nas-radio-new--error input:checked+.nas-radio-new__indicator:before,.nas-radio-new--error input+.nas-radio-new__indicator:before{border:2px solid #CC3A19;background-color:#cc3a19}\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.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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { 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: RadioNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-radio-new', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass()\">\n      <input type=\"radio\"\n        [disabled]=\"exists(disabled)\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($event)\" />\n      <span [nasClass]=\"getClass('indicator')\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n  </ng-container>\n  <ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass()\"\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"radio\"\n        [formControlName]=\"nasFormControlName\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($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>\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-radio-new{-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-radio-new input{position:absolute;opacity:0;z-index:-1}.nas-radio-new input:checked+.nas-radio-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-radio-new input:checked+.nas-radio-new__indicator:before{transform:scale(1.7);opacity:1}.nas-radio-new input[disabled]+.nas-radio-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-radio-new input[disabled]+.nas-radio-new__indicator:before{background-color:#6f6f6f}.nas-radio-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;width:22px;height:22px;border-radius:50%;border:2px solid #15273F;background-color:#fff}.nas-radio-new__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#15273f;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-radio-new--block{display:block}.nas-radio-new--spaceless{margin-bottom:0}.nas-radio-new--disabled{color:#6f6f6f;cursor:default}.nas-radio-new--disabled .nas-radio-new__indicator{-webkit-user-select:none;user-select:none}.nas-radio-new--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio-new--error input:checked+.nas-radio-new__indicator,.nas-radio-new--error input+.nas-radio-new__indicator{border-color:#e5212d;background-color:#fff5f3}.nas-radio-new--error input:checked+.nas-radio-new__indicator:before,.nas-radio-new--error input+.nas-radio-new__indicator:before{border:2px solid #CC3A19;background-color:#cc3a19}\n"] }]
+            args: [{ selector: 'nas-radio-new', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass()\">\n      <input type=\"radio\"\n        [disabled]=\"exists(disabled)\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($event)\" />\n      <span [nasClass]=\"getClass('indicator')\"></span>\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n  </ng-container>\n  <ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass()\"\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"radio\"\n        [formControlName]=\"nasFormControlName\"\n        [attr.id]=\"inputId\"\n        [attr.name]=\"name\"\n        [value]=\"value\"\n        [tabIndex]=\"tabIndex\"\n        [attr.aria-label]=\"ariaLabel\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [required]=\"required\"\n        [checked]=\"exists(checked)\"\n        (change)=\"onChange($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>\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-radio-new{-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-radio-new input{position:absolute;opacity:0;z-index:-1}.nas-radio-new input:checked+.nas-radio-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-radio-new input:checked+.nas-radio-new__indicator:before{transform:scale(1.7);opacity:1}.nas-radio-new input[disabled]+.nas-radio-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-radio-new input[disabled]+.nas-radio-new__indicator:before{background-color:#6f6f6f}.nas-radio-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;width:22px;height:22px;border-radius:50%;border:2px solid #15273f;background-color:#fff}.nas-radio-new__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#15273f;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-radio-new--block{display:block}.nas-radio-new--spaceless{margin-bottom:0}.nas-radio-new--disabled{color:#6f6f6f;cursor:default}.nas-radio-new--disabled .nas-radio-new__indicator{-webkit-user-select:none;user-select:none}.nas-radio-new--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio-new--error input:checked+.nas-radio-new__indicator,.nas-radio-new--error input+.nas-radio-new__indicator{border-color:#e5212d;background-color:#fff5f3}.nas-radio-new--error input:checked+.nas-radio-new__indicator:before,.nas-radio-new--error input+.nas-radio-new__indicator:before{border:2px solid #CC3A19;background-color:#cc3a19}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { id: [{
                 type: Input
             }], value: [{
@@ -12511,11 +12487,11 @@ class FilterNewComponent extends NasComponentBase {
         this.inlineFlex = this.container.nativeElement.offsetWidth > 290 ? this.container.nativeElement.offsetWidth : 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: FilterNewComponent, 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: FilterNewComponent, selector: "nas-filter-new", 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", doneLabel: "doneLabel", 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", nasFormControlNameSubsidyDiscount: "nasFormControlNameSubsidyDiscount", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", subsidyDiscounts: "subsidyDiscounts", selectedSubsidyDiscount: "selectedSubsidyDiscount", subsidyDiscountLabel: "subsidyDiscountLabel", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", enableDatepickers: "enableDatepickers", minimizingLabel: "minimizingLabel", maximizingLabel: "maximizingLabel", directOnlyMobileLabel: "directOnlyMobileLabel", orLabel: "orLabel", passengersTitleLabel: "passengersTitleLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch" }, outputs: { originOpenChange: "originOpenChange", destinationOpenChange: "destinationOpenChange", passengerSelectOpenChange: "passengerSelectOpenChange", originChange: "originChange", destinationChange: "destinationChange", passengersChange: "passengersChange", tripTypeChange: "tripTypeChange", directOnlyChange: "directOnlyChange", outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", positionChange: "positionChange", subsidyDiscountInfoClick: "subsidyDiscountInfoClick" }, viewQueries: [{ propertyName: "passengerSelectDropdown", first: true, predicate: ["passengerSelectDropdown"], descendants: true }, { propertyName: "passengerSelect", first: true, predicate: ["passengerSelect"], descendants: true }, { propertyName: "tripSwitch", first: true, predicate: ["tripSwitch"], descendants: true }, { propertyName: "transitSwitch", first: true, predicate: ["transitSwitch"], descendants: true }, { propertyName: "airportSelect", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "datepickerCombo", first: true, predicate: ["datepickerCombo"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tripTypeOneway", first: true, predicate: ["tripTypeOneway"], descendants: true }, { propertyName: "tripTypeRoundTrip", first: true, predicate: ["tripTypeRoundTrip"], descendants: true }, { propertyName: "transitTypeDirectOnly", first: true, predicate: ["transitTypeDirectOnly"], descendants: true }, { propertyName: "transitTypeTransit", first: true, predicate: ["transitTypeTransit"], descendants: true }, { propertyName: "subsidyDiscount", first: true, predicate: ["subsidyDiscount"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [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'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n                <nas-button-new *ngIf=\"this.openPassengerSelect\" light block \n                  [disabled]=\"passengers[0].count === 0 && passengers[1].count === 0 && passengers[2].count === 0\" (click)=\"openPassengerSelect = false\">\n                  {{doneLabel}}\n                </nas-button-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__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 solid #f1f1f1}.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:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__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}@keyframes passenger-backdrop{0%{opacity: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: 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: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: ["label", "icon", "selectedDiscount", "discounts"], outputs: ["infoButtonClick", "infoButtonKeydown", "discountSelectChange"] }, { kind: "component", type: SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }, { kind: "component", type: AirportSelectNewComponent, selector: "nas-airport-select-new", inputs: ["airports", "airportRelations", "latestSearchesOrigin", "latestSearchesDestination", "closestAirports", "allowedOriginAiports", "allowedDestinationAirports", "displayLatestSearches", "displayClosestAirports", "combo", "useSwitch", "allAirportsLabel", "latestSearchesLabel", "closestAirportsLabel", "geolocationLabel", "geolocationBlockedLabel", "selectOriginFirstLabel", "invalidDestinationText", "labelOrigin", "placeholderOrigin", "labelDestination", "placeholderDestination", "keepSelection", "nasFormControlNameOrigin", "nasFormControlNameDestination", "nasFormGroup", "originAirportCode", "destinationAirportCode", "ariaLabelClear", "ariaLabelBackdrop"], outputs: ["originChange", "originOpenChange", "destinationChange", "destinationOpenChange", "focusOnNext", "positionChange"] }, { kind: "component", type: DatepickerComboNewComponent, selector: "nas-datepicker-combo-new", inputs: ["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: ButtonNewComponent, selector: "nas-button-new", 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: PassengerSelectNewComponent, selector: "nas-passenger-select-new", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "youthsLabel", "youngAdultsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: RadioNewComponent, selector: "nas-radio-new", 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: FilterNewComponent, selector: "nas-filter-new", 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", nasFormControlNameSubsidyDiscount: "nasFormControlNameSubsidyDiscount", overrideOrigin: "overrideOrigin", enableSuggestions: "enableSuggestions", closestAirports: "closestAirports", minimize: "minimize", airports: "airports", tripType: "tripType", directOnly: "directOnly", groupBookingLimit: "groupBookingLimit", subsidyDiscounts: "subsidyDiscounts", selectedSubsidyDiscount: "selectedSubsidyDiscount", subsidyDiscountLabel: "subsidyDiscountLabel", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", outboundLabel: "outboundLabel", inboundLabel: "inboundLabel", availability: "availability", outboundAvailableDates: "outboundAvailableDates", inboundAvailableDates: "inboundAvailableDates", times: "times", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", outboundDisabled: "outboundDisabled", inboundDisabled: "inboundDisabled", enableDatepickers: "enableDatepickers", minimizingLabel: "minimizingLabel", maximizingLabel: "maximizingLabel", directOnlyMobileLabel: "directOnlyMobileLabel", orLabel: "orLabel", passengersTitleLabel: "passengersTitleLabel", invalidDestinationText: "invalidDestinationText", outboundSelectedDate: "outboundSelectedDate", inboundSelectedDate: "inboundSelectedDate", enableDestinationSelect: "enableDestinationSelect", enablePassengersSelect: "enablePassengersSelect", enableTripSwitch: "enableTripSwitch", enableTransitSwitch: "enableTransitSwitch" }, outputs: { originOpenChange: "originOpenChange", destinationOpenChange: "destinationOpenChange", passengerSelectOpenChange: "passengerSelectOpenChange", originChange: "originChange", destinationChange: "destinationChange", passengersChange: "passengersChange", tripTypeChange: "tripTypeChange", directOnlyChange: "directOnlyChange", outboundSelectedDateChange: "outboundSelectedDateChange", inboundSelectedDateChange: "inboundSelectedDateChange", outboundOpenChange: "outboundOpenChange", inboundOpenChange: "inboundOpenChange", outboundMonthChange: "outboundMonthChange", inboundMonthChange: "inboundMonthChange", focusOnNextChange: "focusOnNextChange", positionChange: "positionChange", subsidyDiscountInfoClick: "subsidyDiscountInfoClick" }, viewQueries: [{ propertyName: "passengerSelectDropdown", first: true, predicate: ["passengerSelectDropdown"], descendants: true }, { propertyName: "passengerSelect", first: true, predicate: ["passengerSelect"], descendants: true }, { propertyName: "tripSwitch", first: true, predicate: ["tripSwitch"], descendants: true }, { propertyName: "transitSwitch", first: true, predicate: ["transitSwitch"], descendants: true }, { propertyName: "airportSelect", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "datepickerCombo", first: true, predicate: ["datepickerCombo"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tripTypeOneway", first: true, predicate: ["tripTypeOneway"], descendants: true }, { propertyName: "tripTypeRoundTrip", first: true, predicate: ["tripTypeRoundTrip"], descendants: true }, { propertyName: "transitTypeDirectOnly", first: true, predicate: ["transitTypeDirectOnly"], descendants: true }, { propertyName: "transitTypeTransit", first: true, predicate: ["transitTypeTransit"], descendants: true }, { propertyName: "subsidyDiscount", first: true, predicate: ["subsidyDiscount"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [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'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__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 #f1f1f1}.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:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__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}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep nas-datepicker-combo-new .nas-datepicker-combo-new__date-picker:last-child .nas-datepicker-new__date-picker-wrapper .nas-datepicker-new__controls{border-left:0!important}::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: 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: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: ["label", "icon", "selectedDiscount", "discounts"], outputs: ["infoButtonClick", "infoButtonKeydown", "discountSelectChange"] }, { kind: "component", type: SuggestionsComponent, selector: "nas-suggestions", inputs: ["suggestions", "orLabel"], outputs: ["airportSelect"] }, { kind: "component", type: AirportSelectNewComponent, selector: "nas-airport-select-new", inputs: ["airports", "airportRelations", "latestSearchesOrigin", "latestSearchesDestination", "closestAirports", "allowedOriginAiports", "allowedDestinationAirports", "displayLatestSearches", "displayClosestAirports", "combo", "useSwitch", "allAirportsLabel", "latestSearchesLabel", "closestAirportsLabel", "geolocationLabel", "geolocationBlockedLabel", "selectOriginFirstLabel", "invalidDestinationText", "labelOrigin", "placeholderOrigin", "labelDestination", "placeholderDestination", "keepSelection", "nasFormControlNameOrigin", "nasFormControlNameDestination", "nasFormGroup", "originAirportCode", "destinationAirportCode", "ariaLabelClear", "ariaLabelBackdrop"], outputs: ["originChange", "originOpenChange", "destinationChange", "destinationOpenChange", "focusOnNext", "positionChange"] }, { kind: "component", type: DatepickerComboNewComponent, selector: "nas-datepicker-combo-new", inputs: ["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: ButtonNewComponent, selector: "nas-button-new", 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: PassengerSelectNewComponent, selector: "nas-passenger-select-new", inputs: ["passengers", "maxPaxCount", "minAdultCount", "groupBookingLimit", "title", "adultsLabel", "childrenLabel", "infantsLabel", "youthsLabel", "youngAdultsLabel", "groupBookingLabel", "nasFormGroup", "nasFormControlGroupBooking", "ariaLabelSubtract", "ariaLabelAdd"], outputs: ["passengersChange", "focusOnNext", "focusOnPrevious"] }, { kind: "component", type: RadioNewComponent, selector: "nas-radio-new", 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: FilterNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-filter-new', template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [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'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n                <nas-button-new *ngIf=\"this.openPassengerSelect\" light block \n                  [disabled]=\"passengers[0].count === 0 && passengers[1].count === 0 && passengers[2].count === 0\" (click)=\"openPassengerSelect = false\">\n                  {{doneLabel}}\n                </nas-button-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__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 solid #f1f1f1}.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:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__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}@keyframes passenger-backdrop{0%{opacity:0}}\n"] }]
+            args: [{ selector: 'nas-filter-new', template: "<nas-accordion *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile); else filterTemplate\"\n  simple\n  containerOnToggle\n  transparent\n  [expanded]=\"expandedAccordionMobile\"\n  [title]=\"editSearchTitle\"\n  (toggleChange)=\"onAccordionToggleChange($event)\">\n  <ng-container *ngTemplateOutlet=\"filterTemplate\"></ng-container>\n</nas-accordion>\n<div class=\"container\"\n  *ngIf=\"deviceHelper?.isMobile() && exists(minimizeOnMobile) && displaySummary\">{{getSummary()}}</div>\n\n<ng-template #filterTemplate>\n  <div #container\n    [nasClass]=\"getContainerClass()\">\n    <div [nasClass]=\"getFilterClass('filters', [exists(minimize) && 'minimized', maximize && 'maximize'])\">\n      <ng-container *ngIf=\"airports?.length > 0\">\n        <nas-airport-select-new *ngIf=\"airports && airportRelations && (enableDestinationSelect)\"\n          #airportSelect\n          combo\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\" \n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [nasFormControlNameDestination]=\"nasFormControlNameDestination\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getAirportSelectClass()\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [allowedDestinationAirports]=\"allowedDestinationAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [latestSearchesDestination]=\"latestSearchesDestination\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [destinationAirportCode]=\"destinationAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [labelDestination]=\"labelDestination\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [placeholderDestination]=\"placeholderDestination\"\n          [keepSelection]=\"keepSelection\"\n          [invalidDestinationText]=\"invalidDestinationText\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (destinationChange)=\"onDestinationChange($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (destinationOpenChange)=\"onDestinationOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-airport-select-new *ngIf=\"airports && (!enableDestinationSelect)\"\n          #airportSelect\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [ariaLabelClear]=\"ariaLabelClear\"\n          [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n          [nasFormGroup]=\"nasFormGroup\"\n          [nasFormControlNameOrigin]=\"nasFormControlNameOrigin\"\n          [useSwitch]=\"useSwitch\"\n          [nasClass]=\"getClass('airport-origin-select')\"\n          [airports]=\"airports\"\n          [allowedOriginAiports]=\"allowedOriginAirports\"\n          [airportRelations]=\"airportRelations\"\n          [latestSearchesOrigin]=\"latestSearchesOrigin\"\n          [displayLatestSearches]=\"displayLatestSearches\"\n          [displayClosestAirports]=\"displayClosestAirports\"\n          [originAirportCode]=\"originAirportCode\"\n          [allAirportsLabel]=\"allAirportsLabel\"\n          [latestSearchesLabel]=\"latestSearchesLabel\"\n          [closestAirportsLabel]=\"closestAirportsLabel\"\n          [closestAirports]=\"closestAirports\"\n          [selectOriginFirstLabel]=\"selectOriginFirstLabel\"\n          [labelOrigin]=\"labelOrigin\"\n          [placeholderOrigin]=\"placeholderOrigin\"\n          [geolocationLabel]=\"geolocationLabel\"\n          [geolocationBlockedLabel]=\"geolocationBlockedLabel\"\n          [keepSelection]=\"keepSelection\"\n          (originChange)=\"setSelectedOriginAirport($event)\"\n          (focusOnNext)=\"setFocusOnPassengerSelect($event)\"\n          (originOpenChange)=\"onOriginOpen($event)\"\n          (positionChange)=\"getClosestAirports($event)\"></nas-airport-select-new>\n        <nas-suggestions *ngIf=\"(closestAirports || latestSearchesOrigin) && exists(enableSuggestions)\"\n          [ngClass]=\"{ 'lower-z-index': openPassengerSelect || inboundOpen || outboundOpen }\"\n          [nasClass]=\"getFilterClass('suggestions')\"\n          [suggestions]=\"getSuggestions()\"\n          [orLabel]=\"orLabel\"\n          (airportSelect)=\"setSelectedOriginAirport($event)\"></nas-suggestions>\n      </ng-container>\n      <ng-container *ngIf=\"shouldMaximize()\">\n        <div [nasClass]=\"!enableDestinationSelect ? getClass('origin-combined') :\n          getTravelDetailsClass('', ['combined', exists(enableDatepickers) && 'no-border', exists(minimize) && 'minimized'])\">\n          <ng-container *ngIf=\"enablePassengersSelect\">\n            <button (click)=\"onPassengerSelectOpen($event)\" [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'\" [type]=\"'small'\"></nas-icon></div>\n            </button>\n            <div *ngIf=\"openPassengerSelect\">\n              <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n              [(showBackdrop)]=\"openPassengerSelect\"></nas-backdrop>\n              <nas-passenger-select-new\n                [ariaLabelAdd]=\"ariaLabelAdd\"\n                [ariaLabelSubtract]=\"ariaLabelSubtract\"\n                [adultsLabel]=\"passengerSelectAdultsLabel\"\n                [youthsLabel]=\"passengerSelectYouthsLabel\"\n                [youngAdultsLabel]=\"passengerSelectYoungAdultsLabel\"\n                [childrenLabel]=\"passengerSelectChildrenLabel\"\n                [infantsLabel]=\"passengerSelectInfantsLabel\"\n                [maxPaxCount]=\"maxPaxCount\"\n                [minAdultCount]=\"minAdultCount\"\n                [title]=\"passengerSelectTitle\"\n                [nasFormGroup]=\"nasFormGroup\"\n                [nasFormControlGroupBooking]=\"nasFormControlGroupBooking\"\n                [groupBookingLabel]=\"groupBookingLabel\"\n                [groupBookingLimit]=\"groupBookingLimit\"\n                (focusOnNext)=\"onPassengersSelectFocusOnNext()\"\n                (focusOnPrevious)=\"onPassengersSelectFocusOnPrevious()\"\n                [(passengers)]=\"passengers\"></nas-passenger-select-new>\n              </div>\n          </ng-container>\n          <ng-container *ngIf=\"enableTripSwitch\">\n            <form *ngIf=\"!openPassengerSelect\" [nasClass]=\"getClass('radio')\">\n              <nas-radio-new #tripTypeRoundTrip [name]=\"'tripType'\" [value]=\"2\" [checked]=\"true\" (checkedChange)=\"onTripTypeChange(2)\">\n                {{tripSwitchRoundTripLabel}}\n              </nas-radio-new>\n              <nas-radio-new #tripTypeOneway [name]=\"'tripType'\" [value]=\"1\" (checkedChange)=\"onTripTypeChange(1)\">\n                {{tripSwitchOneWayLabel}}\n              </nas-radio-new>\n            </form>\n          </ng-container>\n          <div *ngIf=\"exists(enableDatepickers)\"\n          [nasClass]=\"getDatePickersClass()\">\n          <nas-datepicker-combo-new #datepickerCombo *ngIf=\"!openPassengerSelect\"\n            compact\n            [inlineFlex]=\"inlineFlex\"\n            [nasFormGroup]=\"nasFormGroup\"\n            [nasFormControlNameOutbound]=\"nasFormControlNameOutbound\"\n            [nasFormControlNameInbound]=\"nasFormControlNameInbound\"\n            [availability]=\"availability\"\n            [availableFlightsLabel]=\"availableFlightsLabel\"\n            [dateDisplayFormat]=\"dateDisplayFormat\"\n            [disablePastSelection]=\"disablePastSelection\"\n            [locale]=\"locale\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [inboundAvailableDates]=\"inboundAvailableDates\"\n            [inboundLabel]=\"inboundLabel\"\n            [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n            [outboundAvailableDates]=\"outboundAvailableDates\"\n            [outboundLabel]=\"outboundLabel\"\n            [timeDisplayFormat]=\"timeDisplayFormat\"\n            [times]=\"times\"\n            [outboundDisabled]=\"outboundDisabled\"\n            [inboundDisabled]=\"inboundDisabled\"\n            [outboundOnly]=\"tripType === 1\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n            [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n            (focusOnNextChange)=\"onFocusOnNextChange($event)\"\n            (focusOnPreviousChange)=\"onDatepickerFocusOnPrevious($event)\"\n            (inboundMonthChange)=\"onInboundMonthChange($event)\"\n            (outboundMonthChange)=\"onOutboundMonthChange($event)\"\n            [(outboundOpen)]=\"outboundOpen\"\n            [(inboundOpen)]=\"inboundOpen\"\n            [(inboundSelectedDate)]=\"inboundSelectedDate\"\n            [(outboundSelectedDate)]=\"outboundSelectedDate\">\n          </nas-datepicker-combo-new>\n        </div>\n        <ng-container *ngIf=\"enableTransitSwitch\">\n          <nas-button-new *ngIf=\"directOnlyLabel && directTransitLabel && !openPassengerSelect\"\n            #transitSwitch\n            block\n            light\n            [iconType]=\"'chevron-down'\"\n            [label]=\"getTransitLabel()\"\n            [nasClass]=\"getClass('transit', openTransitTypeSelect && 'active')\"\n            [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n            (click)=\"onTransitSwitchOpen($event)\"\n            (keydown)=\"transitKeyDown($event)\">{{ getTransitLabel() }}\n          </nas-button-new>\n          <div *ngIf=\"openTransitTypeSelect\" [nasClass]=\"getClass('transit-type')\">\n            <button [nasClass]=\"getTravelDetailsClass('action', directOnly && 'active')\"\n              type=\"button\"\n              #transitTypeDirectOnly\n              (click)=\"onTransitChange(true)\">{{ directOnlyLabel }}\n            </button>\n            <button type=\"button\"\n              #transitTypeTransit\n              [nasClass]=\"getTravelDetailsClass('action', !directOnly && 'active')\"\n              (click)=\"onTransitChange(false)\">{{ directTransitLabel }}\n            </button>\n          </div>\n        </ng-container>\n        </div>\n        <div *ngIf=\"subsidyDiscounts && subsidyDiscounts.length > 0 && !openPassengerSelect\"\n          [nasClass]=\"getFilterClass('subsidy-discount')\">\n          <nas-subsidy-discount #subsidyDiscount\n            [discounts]=\"subsidyDiscounts\"\n            [selectedDiscount]=\"selectedSubsidyDiscount\"\n            [label]=\"subsidyDiscountLabel\"\n            (infoButtonClick)=\"onSubsidyDiscountInfoClick()\"\n            (discountSelectChange)=\"onSubsidyDiscountSelectChange($event)\"\n            (infoButtonKeydown)=\"onSubsidyDiscountInfoButtonKeydown($event)\"></nas-subsidy-discount>\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</ng-template>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-filter-new{position:relative;z-index:6}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new--light{border:2px solid #15273f}.nas-filter-new ::ng-deep .nas-filter-new__transit .nas-button-new__content{gap:0;justify-content:space-between;font-weight:400}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new__icon{transform:rotate(180deg)}.nas-filter-new ::ng-deep .nas-filter-new__transit--active .nas-button-new{background-color:#ebf4ff;border:2px solid #15273f}.nas-filter-new__title{margin-top:24px;font-size:28px;line-height:34px}@media screen and (min-width: 640px){.nas-filter-new__title{font-size:32px;line-height:38px}}.nas-filter-new__title--md{margin-top:60px}.nas-filter-new__radio{display:flex;gap:24px;padding:12px}.nas-filter-new__passengers-button{display:flex;justify-content:space-between;background-color:#fff;border:2px solid #15273f;padding:9px 14px;width:100%}.nas-filter-new__passengers-button--active{background-color:#ebf4ff!important;position:relative;z-index:3}.nas-filter-new__label{flex-direction:column;text-align:left}.nas-filter-new__label p{margin:0}.nas-filter-new__button-title{font-weight:700;font-size:14px}.nas-filter-new__traveler-icon{transform:scale(.85);margin-top:12px}.nas-filter-new__transit-type{border-left:2px solid #15273f;border-right:2px solid #15273f;border-bottom:2px solid #15273f}.nas-filter-new__transit-type button:first-child{border-bottom:2px solid #E9E7E4}.nas-filter-new__filters .nas-filter-new__date-combo{order:2;flex:1;z-index:2}.nas-filter-new__filters--minimized .nas-filter-new__airport-select:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.nas-filter-new__filters--maximize .nas-filter-new__airport-select-new:after{display:none}.nas-filter-new__filters--md .nas-filter-new__date-combo{flex:0 0 100%}.nas-filter-new__filters--lg{align-items:stretch}.nas-filter-new__filters--lg .nas-filter-new__date-combo{order:3;flex:0 0 100%;z-index:1}.nas-filter-new__filters--lg .nas-filter-new__suggestions{order:3}.nas-filter-new__filters--lg .nas-filter-new__filters--minimized .nas-filter-new__airport-select{margin-right:0;flex:0 1 100%}.nas-filter-new__filters--lg .nas-filter-new__filters--maximize .nas-filter-new__airport-select{margin-right:3px;flex:auto}.nas-filter-new__filters--lg.nas-filter-new__filters--maximize .nas-filter-new__date-combo{border-bottom:3px solid #c3c3c3}.nas-filter-new__suggestions{flex-basis:100%;position:relative;margin-top:3px}.nas-filter-new__airport-select{order:0;flex:0 0 100%;position:relative}.nas-filter-new__airport-select--lg{width:0;margin:0 3px 0 0;flex:1 1 auto}.nas-filter-new__toggler{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#15273f;margin-top:6px;z-index:1}.nas-filter-new__toggler .nas-filter-new__toggle-action{cursor:pointer;margin-top:2px;float:right}.nas-filter-new__toggler .nas-filter-new__direct-only{display:inline-block}.travel-details{position:relative;margin:0;z-index:1}.travel-details__list{margin-top:12px}.travel-details__list-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0 0}.travel-details__list-item:not(:last-child){padding:6px 0 9px;border-bottom:2px solid #f1f1f1}.travel-details__label{flex-grow:2;margin:0 6px 0 0}.travel-details__title{font-size:18px;line-height:26px;display:block;min-width:124px}.travel-details__title--small{font-size:16px;line-height:26px;margin:0}.travel-details__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 #f1f1f1}.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:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details__dropdown--trip-type{order:1;flex:1;margin-right:3px;margin-bottom:3px}.travel-details__dropdown--transit-type{order:2;flex:1;margin-bottom:3px}.travel-details__dropdown--passengers{order:3;flex:1 0 100%;margin-bottom:3px}.travel-details__dropdown--md.travel-details__dropdown--trip-type{order:2;flex:1;margin-right:3px}.travel-details__dropdown--md.travel-details__dropdown--transit-type{order:3;flex:1}.travel-details__dropdown--md.travel-details__dropdown--passengers{order:1;flex:1;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--trip-type{order:2;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg.travel-details__dropdown--transit-type{order:3;flex:1 1 auto}.travel-details__dropdown--lg.travel-details__dropdown--passengers{order:1;flex:1 1 auto;margin-right:3px}.travel-details__dropdown--lg:focus{outline:none}.travel-details__dropdown--lg:after{display:none}.travel-details__transit-icon{position:relative;display:flex;justify-content:center;width:calc(100% - 48px);margin:12px auto;height:24px;background-color:inherit}.travel-details__transit-icon:before{content:\"\";position:absolute;height:2px;left:0;width:100%;top:calc(50% - 1px);background-color:currentColor}.travel-details__transit-icon:after{content:\"\";position:absolute;width:10px;height:10px;right:0;top:calc(50% - 5px);border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.travel-details__transit-icon-stop{position:relative;top:calc(50% - 5px);width:10px;height:10px;border:2px solid currentColor;border-radius:50%;background-color:inherit}.travel-details--combined{order:3;flex:0 0 100%}.travel-details--combined.travel-details--md:after{content:\"\";position:absolute;bottom:-6px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--md .travel-details__dropdown{margin:0 3px 0 0}.travel-details--combined.travel-details--md .travel-details__dropdown:last-child{margin:0}.travel-details--combined.travel-details--md .dropdown__toggle{height:calc(100% - 3px);margin:0;padding-left:16px;padding-right:16px}.travel-details--combined.travel-details--lg{order:2;flex:0 0 auto;margin:0 0 0 -3px;padding-left:3px;z-index:2}.travel-details--combined.travel-details--lg:after{content:\"\";position:absolute;bottom:-3px;left:0px;width:100%;border-bottom:3px solid #c3c3c3}.travel-details--combined.travel-details--lg .dropdown__toggle{height:inherit}@media (min-width: 1000px){.travel-details--no-border:after{border-bottom:none}}::ng-deep .nas-passenger-select-new__list-item{padding:8px 16px!important}::ng-deep .nas-radio-new{margin:0!important}::ng-deep .nas-button-new{margin-top:6px}::ng-deep .nas-checkbox-new{background-color:#f1f1f1;padding:12px;width:100%;padding-left:42px!important;margin-bottom:12px!important}::ng-deep .nas-checkbox-new__indicator{left:12px!important}::ng-deep .nas-filter-new__filters .travel-details--no-border:after{display:none}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-filter-new__date-combo--side-by-side .nas-datepicker-combo-new__separator{display:block;border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new__input-line{border-top:none!important}::ng-deep .nas-filter-new__filters .nas-airport-select-new-combo__separator{border-bottom:none!important}::ng-deep .nas-filter-new__filters .nas-dropdown__toggle{height:64px!important}::ng-deep .nas-filter-new__filters .nas-datepicker-combo-new__separator{display:none}::ng-deep .nas-filter-new__filters--lg .nas-dropdown__toggle{display:flex}::ng-deep .nas-filter-new__filters--lg .nas-filter-new__date-combo .nas-datepicker__date-picker-wrapper{border-bottom:3px solid #c3c3c3}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new__input-line{border-top:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-datepicker-combo-new__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__filters--lg .nas-airport-select-new-combo__separator{border-bottom:3px solid #c3c3c3!important}::ng-deep .nas-filter-new__rotate{transform:rotate(180deg)}::ng-deep .nas-filter-new__rotate-enter,::ng-deep .nas-filter-new__rotate-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}::ng-deep .nas-filter-new__rotate-enter{animation:flip-in .55s ease both}::ng-deep .nas-filter-new__rotate-leave-active{animation:flip-out .2s ease-out both}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__input-line{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new-combo__separator{border-top:none}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results-wrapper{margin-top:0}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__results{top:-3px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new__icon{bottom:18px}::ng-deep .nas-filter-new__airport-select--no-border .nas-airport-select-new:after{display:none}::ng-deep .nas-filter-new__airport-select .nas-airport-select-new__input-line{display:none}::ng-deep .nas-filter-new__airport-origin-select{width:100%;max-width:100%}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{max-width:100%}@media (min-width: 640px){::ng-deep .nas-filter-new__airport-origin-select{max-width:360px;flex:auto;margin-right:3px}::ng-deep .nas-filter-new__airport-origin-select .nas-airport-select-new:only-child{width:auto;max-width:360px}}::ng-deep .nas-filter-new__origin-combined{border-bottom:3px solid #c3c3c3;order:3;flex:0 0 100%;display:flex;flex-wrap:wrap}@media (min-width: 1000px){::ng-deep .nas-filter-new__origin-combined{display:flex;flex:none}::ng-deep .nas-filter-new__origin-combined .nas-dropdown__toggle nas-icon{float:none!important}}::ng-deep .nas-filter-new__subsidy-discount{order:3}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount{margin-top:16px}::ng-deep .nas-filter-new__subsidy-discount .nas-subsidy-discount__box{width:100%}::ng-deep .nas-filter-new__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}@keyframes passenger-backdrop{0%{opacity:0}}::ng-deep nas-datepicker-combo-new .nas-datepicker-combo-new__date-picker:last-child .nas-datepicker-new__date-picker-wrapper .nas-datepicker-new__controls{border-left:0!important}::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']
@@ -12578,8 +12554,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
                 type: Input
             }], passengerSelectLabel: [{
                 type: Input
-            }], doneLabel: [{
-                type: Input
             }], maxPaxCount: [{
                 type: Input
             }], passengers: [{
@@ -12980,11 +12954,11 @@ class CheckboxNewComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CheckboxNewComponent, selector: "nas-checkbox-new", 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\"\n        #input\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [disabled]=\"exists(disabled)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [attr.value]=\"value\"\n        (change)=\"inputChanged($event)\"\n        (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\"\n      #inputReactive\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"checkbox\"\n        [formControlName]=\"nasFormControlName\"\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [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-new{-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-new:hover .nas-checkbox-new__indicator:after{border-color:#909090}.nas-checkbox-new input{position:absolute;opacity:0;z-index:-1}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:after{border-color:#15273f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:hover:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox-new__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-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-checkbox-new__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-new--disabled{color:#6f6f6f;cursor:default}.nas-checkbox-new--disabled .nas-checkbox-new__indicator{background-color:#e3e3e3}.nas-checkbox-new--disabled .nas-checkbox-new__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-new--disabled:hover .nas-checkbox-new__indicator:after{border-color:#c3c3c3}.nas-checkbox-new--error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--inverted{color:#fff}.nas-checkbox-new--inverted input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted input+.nas-checkbox-new__indicator:after{border-color:#fff}.nas-checkbox-new--inverted-error{color:#fff}.nas-checkbox-new--inverted-error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted-error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--outlined .nas-checkbox-new__indicator{border:2px solid #c3c3c3}.nas-checkbox-new--outlined .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--spaceless{margin-bottom:6px}.nas-checkbox-new--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: CheckboxNewComponent, selector: "nas-checkbox-new", 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\"\n        #input\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [disabled]=\"exists(disabled)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [attr.value]=\"value\"\n        (change)=\"inputChanged($event)\"\n        (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\"\n      #inputReactive\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"checkbox\"\n        [formControlName]=\"nasFormControlName\"\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [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-new{-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-new:hover .nas-checkbox-new__indicator:after{border-color:#909090}.nas-checkbox-new input{position:absolute;opacity:0;z-index:-1}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:after{border-color:#15273f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:hover:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox-new__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-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-checkbox-new__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-new--disabled{color:#6f6f6f;cursor:default}.nas-checkbox-new--disabled .nas-checkbox-new__indicator{background-color:#e3e3e3}.nas-checkbox-new--disabled .nas-checkbox-new__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-new--disabled:hover .nas-checkbox-new__indicator:after{border-color:#c3c3c3}.nas-checkbox-new--error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--inverted{color:#fff}.nas-checkbox-new--inverted input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted input+.nas-checkbox-new__indicator:after{border-color:#fff}.nas-checkbox-new--inverted-error{color:#fff}.nas-checkbox-new--inverted-error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted-error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--outlined .nas-checkbox-new__indicator{border:2px solid #c3c3c3}.nas-checkbox-new--outlined .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--spaceless{margin-bottom:6px}.nas-checkbox-new--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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-checkbox-new', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass\">\n      <input type=\"checkbox\"\n        #input\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [disabled]=\"exists(disabled)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [attr.value]=\"value\"\n        (change)=\"inputChanged($event)\"\n        (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\"\n      #inputReactive\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"checkbox\"\n        [formControlName]=\"nasFormControlName\"\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [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-new{-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-new:hover .nas-checkbox-new__indicator:after{border-color:#909090}.nas-checkbox-new input{position:absolute;opacity:0;z-index:-1}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:after{border-color:#15273f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:hover:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox-new__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-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-checkbox-new__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-new--disabled{color:#6f6f6f;cursor:default}.nas-checkbox-new--disabled .nas-checkbox-new__indicator{background-color:#e3e3e3}.nas-checkbox-new--disabled .nas-checkbox-new__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-new--disabled:hover .nas-checkbox-new__indicator:after{border-color:#c3c3c3}.nas-checkbox-new--error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--inverted{color:#fff}.nas-checkbox-new--inverted input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted input+.nas-checkbox-new__indicator:after{border-color:#fff}.nas-checkbox-new--inverted-error{color:#fff}.nas-checkbox-new--inverted-error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted-error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--outlined .nas-checkbox-new__indicator{border:2px solid #c3c3c3}.nas-checkbox-new--outlined .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--spaceless{margin-bottom:6px}.nas-checkbox-new--block{display:block}\n"] }]
+            args: [{ selector: 'nas-checkbox-new', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass\">\n      <input type=\"checkbox\"\n        #input\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [disabled]=\"exists(disabled)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [attr.value]=\"value\"\n        (change)=\"inputChanged($event)\"\n        (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\"\n      #inputReactive\n      [formGroup]=\"nasFormGroup\">\n      <input type=\"checkbox\"\n        [formControlName]=\"nasFormControlName\"\n        [id]=\"inputId\"\n        [checked]=\"exists(checked)\"\n        [required]=\"exists(required)\"\n        [tabIndex]=\"tabIndex\"\n        [attr.name]=\"name\"\n        [attr.aria-label]=\"ariaLabel || null\"\n        [attr.aria-labelledby]=\"ariaLabelledby\"\n        [attr.aria-describedby]=\"ariaLabelledby\"\n        [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-new{-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-new:hover .nas-checkbox-new__indicator:after{border-color:#909090}.nas-checkbox-new input{position:absolute;opacity:0;z-index:-1}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:after{border-color:#15273f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:hover:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox-new__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-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-checkbox-new__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-new--disabled{color:#6f6f6f;cursor:default}.nas-checkbox-new--disabled .nas-checkbox-new__indicator{background-color:#e3e3e3}.nas-checkbox-new--disabled .nas-checkbox-new__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-new--disabled:hover .nas-checkbox-new__indicator:after{border-color:#c3c3c3}.nas-checkbox-new--error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--inverted{color:#fff}.nas-checkbox-new--inverted input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted input+.nas-checkbox-new__indicator:after{border-color:#fff}.nas-checkbox-new--inverted-error{color:#fff}.nas-checkbox-new--inverted-error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted-error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--outlined .nas-checkbox-new__indicator{border:2px solid #c3c3c3}.nas-checkbox-new--outlined .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--spaceless{margin-bottom:6px}.nas-checkbox-new--block{display:block}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { input: [{
                 type: ViewChild,
                 args: ['input']
@@ -14402,11 +14376,11 @@ class AlertComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { timestamp: "timestamp", title: "title", info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", show: "show", removable: "removable", removeIcon: "removeIcon", trustTextHtml: "trustTextHtml", allowAutoScroll: "allowAutoScroll", server: "server", correlation: "correlation", alert: "alert" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "alertContainer", first: true, predicate: ["alertContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('', modifiers)\" tabindex=\"0\">\n  <div [nasClass]=\"getClass('content')\">\n      <nas-icon *ngIf=\"!removeIcon\" [icon]=\"getIcon()\"></nas-icon>\n    <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n      <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClass('text-container')\">\n      <div *ngIf=\"exists(title)\" [nasClass]=\"getClass('text')\">{{title}}</div>\n      <div [nasClass]=\"getClass('text--internal-info')\">\n        <span *ngIf=\"timestamp\">{{timestamp | date:'full'}}</span>\n        <span *ngIf=\"server\">{{server}}</span>\n        <span *ngIf=\"correlation\">{{correlation}}</span>\n      </div>\n      <span *ngIf=\"text && !trustTextHtml\" [nasClass]=\"getClass('text--small')\">{{text}}</span>\n      <span *ngIf=\"text && trustTextHtml\" [nasClass]=\"getClass('text--small')\" [innerHTML]=\"text\"></span>\n      <ng-content></ng-content>\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-alert{position:relative;padding:16px 12px;width:100%;height:100%;border:1px solid #15273F;background-color:#ebf4ff}.nas-alert--info{background-color:#ebf4ff;border:1px solid #15273f}.nas-alert--info img{width:24px;height:24px}.nas-alert--info:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--success{background-color:#f4faf2;border:1px solid #2EB004}.nas-alert--success img{width:24px;height:24px}.nas-alert--success:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--warning{background-color:#fff6ec;border:1px solid #FC9E12}.nas-alert--warning img{width:24px;height:24px}.nas-alert--warning:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--error{background-color:#fff5f3;border:1px solid #CC3A19}.nas-alert--error img{width:24px;height:24px}.nas-alert--error:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--neutral{background-color:#f9f9f9;border:1px solid #eaeaea}.nas-alert--neutral img{width:24px;height:24px}.nas-alert--neutral:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert__content{display:inline-flex}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}.nas-alert__text-container{display:flex;flex-direction:column;margin-left:6px}.nas-alert__text,.nas-alert__text--internal-info,.nas-alert__text--small{color:#15273f;font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-alert__text--small{font-weight:400;margin-top:-1px}.nas-alert__text--internal-info{flex-direction:column;display:flex;font-weight:500;font-size:12px;line-height:16px;margin-bottom:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AlertComponent, selector: "nas-alert", inputs: { timestamp: "timestamp", title: "title", info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", show: "show", removable: "removable", removeIcon: "removeIcon", trustTextHtml: "trustTextHtml", allowAutoScroll: "allowAutoScroll", server: "server", correlation: "correlation", alert: "alert" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "alertContainer", first: true, predicate: ["alertContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('', modifiers)\" tabindex=\"0\">\n  <div [nasClass]=\"getClass('content')\">\n      <nas-icon *ngIf=\"!removeIcon\" [icon]=\"getIcon()\"></nas-icon>\n    <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n      <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClass('text-container')\">\n      <div *ngIf=\"exists(title)\" [nasClass]=\"getClass('text')\">{{title}}</div>\n      <div [nasClass]=\"getClass('text--internal-info')\">\n        <span *ngIf=\"timestamp\">{{timestamp | date:'full'}}</span>\n        <span *ngIf=\"server\">{{server}}</span>\n        <span *ngIf=\"correlation\">{{correlation}}</span>\n      </div>\n      <span *ngIf=\"text && !trustTextHtml\" [nasClass]=\"getClass('text--small')\">{{text}}</span>\n      <span *ngIf=\"text && trustTextHtml\" [nasClass]=\"getClass('text--small')\" [innerHTML]=\"text\"></span>\n      <ng-content></ng-content>\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-alert{position:relative;padding:16px 12px;width:100%;height:100%;border:1px solid #15273f;background-color:#ebf4ff}.nas-alert--info{background-color:#ebf4ff;border:1px solid #15273f}.nas-alert--info img{width:24px;height:24px}.nas-alert--info:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--success{background-color:#f4faf2;border:1px solid #2EB004}.nas-alert--success img{width:24px;height:24px}.nas-alert--success:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--warning{background-color:#fff6ec;border:1px solid #FC9E12}.nas-alert--warning img{width:24px;height:24px}.nas-alert--warning:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--error{background-color:#fff5f3;border:1px solid #CC3A19}.nas-alert--error img{width:24px;height:24px}.nas-alert--error:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--neutral{background-color:#f9f9f9;border:1px solid #eaeaea}.nas-alert--neutral img{width:24px;height:24px}.nas-alert--neutral:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert__content{display:inline-flex}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}.nas-alert__text-container{display:flex;flex-direction:column;margin-left:6px}.nas-alert__text,.nas-alert__text--internal-info,.nas-alert__text--small{color:#15273f;font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-alert__text--small{font-weight:400;margin-top:-1px}.nas-alert__text--internal-info{flex-direction:column;display:flex;font-weight:500;font-size:12px;line-height:16px;margin-bottom:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('', modifiers)\" tabindex=\"0\">\n  <div [nasClass]=\"getClass('content')\">\n      <nas-icon *ngIf=\"!removeIcon\" [icon]=\"getIcon()\"></nas-icon>\n    <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n      <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClass('text-container')\">\n      <div *ngIf=\"exists(title)\" [nasClass]=\"getClass('text')\">{{title}}</div>\n      <div [nasClass]=\"getClass('text--internal-info')\">\n        <span *ngIf=\"timestamp\">{{timestamp | date:'full'}}</span>\n        <span *ngIf=\"server\">{{server}}</span>\n        <span *ngIf=\"correlation\">{{correlation}}</span>\n      </div>\n      <span *ngIf=\"text && !trustTextHtml\" [nasClass]=\"getClass('text--small')\">{{text}}</span>\n      <span *ngIf=\"text && trustTextHtml\" [nasClass]=\"getClass('text--small')\" [innerHTML]=\"text\"></span>\n      <ng-content></ng-content>\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-alert{position:relative;padding:16px 12px;width:100%;height:100%;border:1px solid #15273F;background-color:#ebf4ff}.nas-alert--info{background-color:#ebf4ff;border:1px solid #15273f}.nas-alert--info img{width:24px;height:24px}.nas-alert--info:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--success{background-color:#f4faf2;border:1px solid #2EB004}.nas-alert--success img{width:24px;height:24px}.nas-alert--success:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--warning{background-color:#fff6ec;border:1px solid #FC9E12}.nas-alert--warning img{width:24px;height:24px}.nas-alert--warning:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--error{background-color:#fff5f3;border:1px solid #CC3A19}.nas-alert--error img{width:24px;height:24px}.nas-alert--error:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--neutral{background-color:#f9f9f9;border:1px solid #eaeaea}.nas-alert--neutral img{width:24px;height:24px}.nas-alert--neutral:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert__content{display:inline-flex}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}.nas-alert__text-container{display:flex;flex-direction:column;margin-left:6px}.nas-alert__text,.nas-alert__text--internal-info,.nas-alert__text--small{color:#15273f;font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-alert__text--small{font-weight:400;margin-top:-1px}.nas-alert__text--internal-info{flex-direction:column;display:flex;font-weight:500;font-size:12px;line-height:16px;margin-bottom:4px}\n"] }]
+            args: [{ selector: 'nas-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #alertContainer *ngIf=\"exists(showValue)\" [nasClass]=\"getClasses('', modifiers)\" tabindex=\"0\">\n  <div [nasClass]=\"getClass('content')\">\n      <nas-icon *ngIf=\"!removeIcon\" [icon]=\"getIcon()\"></nas-icon>\n    <div [nasClass]=\"getClass('remove-alert')\" *ngIf=\"exists(removable);\">\n      <nas-icon type=\"remove\" (click)=\"removeAlertBox()\"></nas-icon>\n    </div>\n    <div [nasClass]=\"getClass('text-container')\">\n      <div *ngIf=\"exists(title)\" [nasClass]=\"getClass('text')\">{{title}}</div>\n      <div [nasClass]=\"getClass('text--internal-info')\">\n        <span *ngIf=\"timestamp\">{{timestamp | date:'full'}}</span>\n        <span *ngIf=\"server\">{{server}}</span>\n        <span *ngIf=\"correlation\">{{correlation}}</span>\n      </div>\n      <span *ngIf=\"text && !trustTextHtml\" [nasClass]=\"getClass('text--small')\">{{text}}</span>\n      <span *ngIf=\"text && trustTextHtml\" [nasClass]=\"getClass('text--small')\" [innerHTML]=\"text\"></span>\n      <ng-content></ng-content>\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-alert{position:relative;padding:16px 12px;width:100%;height:100%;border:1px solid #15273f;background-color:#ebf4ff}.nas-alert--info{background-color:#ebf4ff;border:1px solid #15273f}.nas-alert--info img{width:24px;height:24px}.nas-alert--info:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--success{background-color:#f4faf2;border:1px solid #2EB004}.nas-alert--success img{width:24px;height:24px}.nas-alert--success:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--warning{background-color:#fff6ec;border:1px solid #FC9E12}.nas-alert--warning img{width:24px;height:24px}.nas-alert--warning:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--error{background-color:#fff5f3;border:1px solid #CC3A19}.nas-alert--error img{width:24px;height:24px}.nas-alert--error:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert--neutral{background-color:#f9f9f9;border:1px solid #eaeaea}.nas-alert--neutral img{width:24px;height:24px}.nas-alert--neutral:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-alert__content{display:inline-flex}.nas-alert__remove-alert{position:absolute;right:10px;top:10px;cursor:pointer}.nas-alert__text-container{display:flex;flex-direction:column;margin-left:6px}.nas-alert__text,.nas-alert__text--internal-info,.nas-alert__text--small{color:#15273f;font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.nas-alert__text--small{font-weight:400;margin-top:-1px}.nas-alert__text--internal-info{flex-direction:column;display:flex;font-weight:500;font-size:12px;line-height:16px;margin-bottom:4px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { showChange: [{
                 type: Output
             }], alertContainer: [{
@@ -14482,11 +14456,11 @@ class WalletComponent extends NasComponentBase {
         return window.location.href.includes(this.walletModel?.urls?.myTravelsUrl?.href) ? true : false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: WalletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: WalletComponent, selector: "nas-wallet", inputs: { walletModel: "walletModel" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('')\">\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('backdrop')\" (click)=\"onClickToggleContent()\"></div>\n    <div [nasClass]=\"getClass('header')\">\n        <div *ngIf=\"walletModel?.rewardNumber\" [nasClass]=\"getClass('header-points')\">\n            <div *ngIf=\"pointsBalance >= 0 && (walletModel?.cashpointsBalance != null || walletModel?.spennBalance != null); else showTag\">\n                <p>{{pointsBalance}}</p>\n            </div>\n            <ng-template #showTag>\n                <nas-tag [nasClass]=\"getClass('tag--header')\" neutral [text]=\"'--'\"></nas-tag>\n            </ng-template>\n            <div *ngIf=\"!spennAndCashpointUnavailable\" [nasClass]=\"getClass('points-logo', icon)\">\n                <nas-icon [nasClass]=\"getClass('icon')\" [type]=\"icon\"></nas-icon>\n            </div>\n        </div>\n    </div>\n    <button [nasClass]=\"getClass('dropdown')\" (click)=\"onClickToggleContent()\">\n        <div [nasClass]=\"getClass('dropdown-icon', this.showContent && 'rotate')\">\n            <nas-icon [icon]=\"'arrow-right'\" [type]=\"'chevron-down'\"></nas-icon>\n        </div>\n    </button>\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('content')\">\n        <div *ngIf=\"walletModel?.rewardNumber\">\n            <div [nasClass]=\"getClass('title')\">{{walletModel?.texts?.rewardPoints}}</div>\n            <div *ngIf=\"!showNotAvailableMessage; else showAlert\">\n                <div *ngIf=\"walletModel?.spennEnabled\" [nasClass]=\"getClass('spenn')\">\n                    <nas-icon [type]=\"'spenn'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.spennBalance != null; else showTag\">\n                        <p>{{walletModel?.spennBalance}}</p>\n                    </div>\n                </div>\n                <div [nasClass]=\"getClass('cashpoints')\">\n                    <nas-icon [type]=\"'cashpoints-logo'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.cashpointsBalance != null; else showTag\">\n                        <p>{{walletModel?.cashpointsBalance}}</p>                \n                    </div>\n                </div>\n                <ng-template #showTag>\n                    <nas-tag [nasClass]=\"getClass('tag')\" neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n                </ng-template>\n            </div>\n            <ng-template #showAlert>\n                <div [nasClass]=\"getClass('info-box')\">\n                    <nas-alert neutral [text]=\"walletModel?.texts?.notAvailableMessage\"></nas-alert>\n                </div>\n            </ng-template>\n            <div [nasClass]=\"getClass('info')\">{{pointsDescription}}</div>\n            <div  [nasClass]=\"getClass('reward')\">{{walletModel?.texts?.rewardNumber}} {{walletModel?.rewardNumber}}</div>\n        </div>\n        <div [nasClass]=\"getClass('button')\">\n            <nas-button-new *ngIf=\"!myTravelsPage() && walletModel?.urls?.myTravelsUrl?.href\" \n                light\n                block\n                [href]=\"walletModel?.urls?.myTravelsUrl?.href\" \n                [nasClass]=\"getClass('button--mytravel')\">\n                {{walletModel?.urls?.myTravelsUrl.text}}\n            </nas-button-new>\n            <nas-button-new *ngIf=\"walletModel?.urls?.signOutUrl?.href\" \n                buttonlink \n                block \n                [href]=\"walletModel?.urls?.signOutUrl?.href\">\n                {{walletModel?.urls?.signOutUrl?.text}}\n            </nas-button-new>\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-wallet{display:inline-flex;position:unset;background-color:#fff}@media (min-width: 640px){.nas-wallet{position:relative;margin-left:16px}}.nas-wallet__header{display:flex;align-items:center}.nas-wallet__header-points,.nas-wallet__icon{display:none}@media (min-width: 640px){.nas-wallet__header-points,.nas-wallet__icon{display:flex}}.nas-wallet__points-logo{padding-top:0}.nas-wallet__points-logo--spenn{padding-top:5px}.nas-wallet__profile-name{padding-right:24px;color:#15273f}.nas-wallet__dropdown{padding:0 12px 0 16px}@media (min-width: 640px){.nas-wallet__dropdown{padding:0 16px}}.nas-wallet__dropdown-icon{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-wallet__dropdown-icon--rotate{transform:rotate(180deg)}.nas-wallet__content{z-index:50;background:linear-gradient(180deg,#FFF 0%,#F9F9F9 100%);box-shadow:0 0 14px #00325126;border-top:2px solid #15273F;position:absolute;padding:16px;top:70px;left:0}@media (min-width: 640px){.nas-wallet__content{width:334px;right:0;top:48px;left:unset}}.nas-wallet__profile-user{display:none;font-size:16px;color:#15273f;padding-bottom:16px}@media (min-width: 640px){.nas-wallet__profile-user{display:block}}.nas-wallet__profile-icon{transform:scale(.75)}.nas-wallet__title{font-weight:700;font-size:18px;line-height:24px;color:#15273f;padding-bottom:16px}.nas-wallet__spenn{display:flex;justify-content:space-between}.nas-wallet__cashpoints{display:flex;justify-content:space-between;padding-bottom:16px}.nas-wallet__info{padding-bottom:12px;border-bottom:solid 1px #c3c3c3}.nas-wallet__reward{padding:12px 0;text-align:center}.nas-wallet__info-box{margin-bottom:12px}.nas-wallet__button{display:flex;flex-direction:column}.nas-wallet__button--mytravel{margin-bottom:16px}.nas-wallet__tag--header{margin-right:12px}.nas-wallet__tag--wallet{padding-bottom:6px}.nas-wallet__backdrop{z-index:10;display:block;position:fixed;top:70px;left:0;width:100%;height:100%;color:transparent;background:var(--Color-UI-Overlay-40, rgba(21, 39, 63, .4));opacity:.2;animation:fade-in .3s ease-out both}.nas-wallet p{margin:0;padding-right:8px;color:#15273f;font-weight:700;font-size:21px}\n"], dependencies: [{ 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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: TagComponent, selector: "nas-tag", inputs: ["info", "warning", "error", "success", "neutral", "text", "icon", "iconType"] }, { kind: "component", type: ButtonNewComponent, selector: "nas-button-new", 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: AlertComponent, selector: "nas-alert", inputs: ["timestamp", "title", "info", "warning", "error", "success", "neutral", "text", "show", "removable", "removeIcon", "trustTextHtml", "allowAutoScroll", "server", "correlation", "alert"], outputs: ["showChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: WalletComponent, selector: "nas-wallet", inputs: { walletModel: "walletModel" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('')\">\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('backdrop')\" (click)=\"onClickToggleContent()\"></div>\n    <div [nasClass]=\"getClass('header')\">\n        <div *ngIf=\"walletModel?.rewardNumber\" [nasClass]=\"getClass('header-points')\">\n            <div *ngIf=\"pointsBalance >= 0 && (walletModel?.cashpointsBalance != null || walletModel?.spennBalance != null); else showTag\">\n                <p>{{pointsBalance}}</p>\n            </div>\n            <ng-template #showTag>\n                <nas-tag [nasClass]=\"getClass('tag--header')\" neutral [text]=\"'--'\"></nas-tag>\n            </ng-template>\n            <div *ngIf=\"!spennAndCashpointUnavailable\" [nasClass]=\"getClass('points-logo', icon)\">\n                <nas-icon [nasClass]=\"getClass('icon')\" [type]=\"icon\"></nas-icon>\n            </div>\n        </div>\n    </div>\n    <button [nasClass]=\"getClass('dropdown')\" (click)=\"onClickToggleContent()\">\n        <div [nasClass]=\"getClass('dropdown-icon', this.showContent && 'rotate')\">\n            <nas-icon [icon]=\"'arrow-right'\" [type]=\"'chevron-down'\"></nas-icon>\n        </div>\n    </button>\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('content')\">\n        <div *ngIf=\"walletModel?.rewardNumber\">\n            <div [nasClass]=\"getClass('title')\">{{walletModel?.texts?.rewardPoints}}</div>\n            <div *ngIf=\"!showNotAvailableMessage; else showAlert\">\n                <div *ngIf=\"walletModel?.spennEnabled\" [nasClass]=\"getClass('spenn')\">\n                    <nas-icon [type]=\"'spenn'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.spennBalance != null; else showTag\">\n                        <p>{{walletModel?.spennBalance}}</p>\n                    </div>\n                </div>\n                <div [nasClass]=\"getClass('cashpoints')\">\n                    <nas-icon [type]=\"'cashpoints-logo'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.cashpointsBalance != null; else showTag\">\n                        <p>{{walletModel?.cashpointsBalance}}</p>                \n                    </div>\n                </div>\n                <ng-template #showTag>\n                    <nas-tag [nasClass]=\"getClass('tag')\" neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n                </ng-template>\n            </div>\n            <ng-template #showAlert>\n                <div [nasClass]=\"getClass('info-box')\">\n                    <nas-alert neutral [text]=\"walletModel?.texts?.notAvailableMessage\"></nas-alert>\n                </div>\n            </ng-template>\n            <div [nasClass]=\"getClass('info')\">{{pointsDescription}}</div>\n            <div  [nasClass]=\"getClass('reward')\">{{walletModel?.texts?.rewardNumber}} {{walletModel?.rewardNumber}}</div>\n        </div>\n        <div [nasClass]=\"getClass('button')\">\n            <nas-button-new *ngIf=\"!myTravelsPage() && walletModel?.urls?.myTravelsUrl?.href\" \n                light\n                block\n                [href]=\"walletModel?.urls?.myTravelsUrl?.href\" \n                [nasClass]=\"getClass('button--mytravel')\">\n                {{walletModel?.urls?.myTravelsUrl.text}}\n            </nas-button-new>\n            <nas-button-new *ngIf=\"walletModel?.urls?.signOutUrl?.href\" \n                buttonlink \n                block \n                [href]=\"walletModel?.urls?.signOutUrl?.href\">\n                {{walletModel?.urls?.signOutUrl?.text}}\n            </nas-button-new>\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-wallet{display:inline-flex;position:unset;background-color:#fff}@media (min-width: 640px){.nas-wallet{position:relative;margin-left:16px}}.nas-wallet__header{display:flex;align-items:center}.nas-wallet__header-points,.nas-wallet__icon{display:none}@media (min-width: 640px){.nas-wallet__header-points,.nas-wallet__icon{display:flex}}.nas-wallet__points-logo{padding-top:0}.nas-wallet__points-logo--spenn{padding-top:5px}.nas-wallet__profile-name{padding-right:24px;color:#15273f}.nas-wallet__dropdown{padding:0 12px 0 16px}@media (min-width: 640px){.nas-wallet__dropdown{padding:0 16px}}.nas-wallet__dropdown-icon{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-wallet__dropdown-icon--rotate{transform:rotate(180deg)}.nas-wallet__content{z-index:50;background:linear-gradient(180deg,#FFF 0%,#F9F9F9 100%);box-shadow:0 0 14px #00325126;border-top:2px solid #15273f;position:absolute;padding:16px;top:70px;left:0}@media (min-width: 640px){.nas-wallet__content{width:334px;right:0;top:48px;left:unset}}.nas-wallet__profile-user{display:none;font-size:16px;color:#15273f;padding-bottom:16px}@media (min-width: 640px){.nas-wallet__profile-user{display:block}}.nas-wallet__profile-icon{transform:scale(.75)}.nas-wallet__title{font-weight:700;font-size:18px;line-height:24px;color:#15273f;padding-bottom:16px}.nas-wallet__spenn{display:flex;justify-content:space-between}.nas-wallet__cashpoints{display:flex;justify-content:space-between;padding-bottom:16px}.nas-wallet__info{padding-bottom:12px;border-bottom:solid 1px #c3c3c3}.nas-wallet__reward{padding:12px 0;text-align:center}.nas-wallet__info-box{margin-bottom:12px}.nas-wallet__button{display:flex;flex-direction:column}.nas-wallet__button--mytravel{margin-bottom:16px}.nas-wallet__tag--header{margin-right:12px}.nas-wallet__tag--wallet{padding-bottom:6px}.nas-wallet__backdrop{z-index:10;display:block;position:fixed;top:70px;left:0;width:100%;height:100%;color:transparent;background:var(--Color-UI-Overlay-40, rgba(21, 39, 63, .4));opacity:.2;animation:fade-in .3s ease-out both}.nas-wallet p{margin:0;padding-right:8px;color:#15273f;font-weight:700;font-size:21px}\n"], dependencies: [{ 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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: TagComponent, selector: "nas-tag", inputs: ["info", "warning", "error", "success", "neutral", "text", "icon", "iconType"] }, { kind: "component", type: ButtonNewComponent, selector: "nas-button-new", 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: AlertComponent, selector: "nas-alert", inputs: ["timestamp", "title", "info", "warning", "error", "success", "neutral", "text", "show", "removable", "removeIcon", "trustTextHtml", "allowAutoScroll", "server", "correlation", "alert"], outputs: ["showChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: WalletComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-wallet', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('')\">\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('backdrop')\" (click)=\"onClickToggleContent()\"></div>\n    <div [nasClass]=\"getClass('header')\">\n        <div *ngIf=\"walletModel?.rewardNumber\" [nasClass]=\"getClass('header-points')\">\n            <div *ngIf=\"pointsBalance >= 0 && (walletModel?.cashpointsBalance != null || walletModel?.spennBalance != null); else showTag\">\n                <p>{{pointsBalance}}</p>\n            </div>\n            <ng-template #showTag>\n                <nas-tag [nasClass]=\"getClass('tag--header')\" neutral [text]=\"'--'\"></nas-tag>\n            </ng-template>\n            <div *ngIf=\"!spennAndCashpointUnavailable\" [nasClass]=\"getClass('points-logo', icon)\">\n                <nas-icon [nasClass]=\"getClass('icon')\" [type]=\"icon\"></nas-icon>\n            </div>\n        </div>\n    </div>\n    <button [nasClass]=\"getClass('dropdown')\" (click)=\"onClickToggleContent()\">\n        <div [nasClass]=\"getClass('dropdown-icon', this.showContent && 'rotate')\">\n            <nas-icon [icon]=\"'arrow-right'\" [type]=\"'chevron-down'\"></nas-icon>\n        </div>\n    </button>\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('content')\">\n        <div *ngIf=\"walletModel?.rewardNumber\">\n            <div [nasClass]=\"getClass('title')\">{{walletModel?.texts?.rewardPoints}}</div>\n            <div *ngIf=\"!showNotAvailableMessage; else showAlert\">\n                <div *ngIf=\"walletModel?.spennEnabled\" [nasClass]=\"getClass('spenn')\">\n                    <nas-icon [type]=\"'spenn'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.spennBalance != null; else showTag\">\n                        <p>{{walletModel?.spennBalance}}</p>\n                    </div>\n                </div>\n                <div [nasClass]=\"getClass('cashpoints')\">\n                    <nas-icon [type]=\"'cashpoints-logo'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.cashpointsBalance != null; else showTag\">\n                        <p>{{walletModel?.cashpointsBalance}}</p>                \n                    </div>\n                </div>\n                <ng-template #showTag>\n                    <nas-tag [nasClass]=\"getClass('tag')\" neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n                </ng-template>\n            </div>\n            <ng-template #showAlert>\n                <div [nasClass]=\"getClass('info-box')\">\n                    <nas-alert neutral [text]=\"walletModel?.texts?.notAvailableMessage\"></nas-alert>\n                </div>\n            </ng-template>\n            <div [nasClass]=\"getClass('info')\">{{pointsDescription}}</div>\n            <div  [nasClass]=\"getClass('reward')\">{{walletModel?.texts?.rewardNumber}} {{walletModel?.rewardNumber}}</div>\n        </div>\n        <div [nasClass]=\"getClass('button')\">\n            <nas-button-new *ngIf=\"!myTravelsPage() && walletModel?.urls?.myTravelsUrl?.href\" \n                light\n                block\n                [href]=\"walletModel?.urls?.myTravelsUrl?.href\" \n                [nasClass]=\"getClass('button--mytravel')\">\n                {{walletModel?.urls?.myTravelsUrl.text}}\n            </nas-button-new>\n            <nas-button-new *ngIf=\"walletModel?.urls?.signOutUrl?.href\" \n                buttonlink \n                block \n                [href]=\"walletModel?.urls?.signOutUrl?.href\">\n                {{walletModel?.urls?.signOutUrl?.text}}\n            </nas-button-new>\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-wallet{display:inline-flex;position:unset;background-color:#fff}@media (min-width: 640px){.nas-wallet{position:relative;margin-left:16px}}.nas-wallet__header{display:flex;align-items:center}.nas-wallet__header-points,.nas-wallet__icon{display:none}@media (min-width: 640px){.nas-wallet__header-points,.nas-wallet__icon{display:flex}}.nas-wallet__points-logo{padding-top:0}.nas-wallet__points-logo--spenn{padding-top:5px}.nas-wallet__profile-name{padding-right:24px;color:#15273f}.nas-wallet__dropdown{padding:0 12px 0 16px}@media (min-width: 640px){.nas-wallet__dropdown{padding:0 16px}}.nas-wallet__dropdown-icon{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-wallet__dropdown-icon--rotate{transform:rotate(180deg)}.nas-wallet__content{z-index:50;background:linear-gradient(180deg,#FFF 0%,#F9F9F9 100%);box-shadow:0 0 14px #00325126;border-top:2px solid #15273F;position:absolute;padding:16px;top:70px;left:0}@media (min-width: 640px){.nas-wallet__content{width:334px;right:0;top:48px;left:unset}}.nas-wallet__profile-user{display:none;font-size:16px;color:#15273f;padding-bottom:16px}@media (min-width: 640px){.nas-wallet__profile-user{display:block}}.nas-wallet__profile-icon{transform:scale(.75)}.nas-wallet__title{font-weight:700;font-size:18px;line-height:24px;color:#15273f;padding-bottom:16px}.nas-wallet__spenn{display:flex;justify-content:space-between}.nas-wallet__cashpoints{display:flex;justify-content:space-between;padding-bottom:16px}.nas-wallet__info{padding-bottom:12px;border-bottom:solid 1px #c3c3c3}.nas-wallet__reward{padding:12px 0;text-align:center}.nas-wallet__info-box{margin-bottom:12px}.nas-wallet__button{display:flex;flex-direction:column}.nas-wallet__button--mytravel{margin-bottom:16px}.nas-wallet__tag--header{margin-right:12px}.nas-wallet__tag--wallet{padding-bottom:6px}.nas-wallet__backdrop{z-index:10;display:block;position:fixed;top:70px;left:0;width:100%;height:100%;color:transparent;background:var(--Color-UI-Overlay-40, rgba(21, 39, 63, .4));opacity:.2;animation:fade-in .3s ease-out both}.nas-wallet p{margin:0;padding-right:8px;color:#15273f;font-weight:700;font-size:21px}\n"] }]
+            args: [{ selector: 'nas-wallet', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('')\">\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('backdrop')\" (click)=\"onClickToggleContent()\"></div>\n    <div [nasClass]=\"getClass('header')\">\n        <div *ngIf=\"walletModel?.rewardNumber\" [nasClass]=\"getClass('header-points')\">\n            <div *ngIf=\"pointsBalance >= 0 && (walletModel?.cashpointsBalance != null || walletModel?.spennBalance != null); else showTag\">\n                <p>{{pointsBalance}}</p>\n            </div>\n            <ng-template #showTag>\n                <nas-tag [nasClass]=\"getClass('tag--header')\" neutral [text]=\"'--'\"></nas-tag>\n            </ng-template>\n            <div *ngIf=\"!spennAndCashpointUnavailable\" [nasClass]=\"getClass('points-logo', icon)\">\n                <nas-icon [nasClass]=\"getClass('icon')\" [type]=\"icon\"></nas-icon>\n            </div>\n        </div>\n    </div>\n    <button [nasClass]=\"getClass('dropdown')\" (click)=\"onClickToggleContent()\">\n        <div [nasClass]=\"getClass('dropdown-icon', this.showContent && 'rotate')\">\n            <nas-icon [icon]=\"'arrow-right'\" [type]=\"'chevron-down'\"></nas-icon>\n        </div>\n    </button>\n    <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('content')\">\n        <div *ngIf=\"walletModel?.rewardNumber\">\n            <div [nasClass]=\"getClass('title')\">{{walletModel?.texts?.rewardPoints}}</div>\n            <div *ngIf=\"!showNotAvailableMessage; else showAlert\">\n                <div *ngIf=\"walletModel?.spennEnabled\" [nasClass]=\"getClass('spenn')\">\n                    <nas-icon [type]=\"'spenn'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.spennBalance != null; else showTag\">\n                        <p>{{walletModel?.spennBalance}}</p>\n                    </div>\n                </div>\n                <div [nasClass]=\"getClass('cashpoints')\">\n                    <nas-icon [type]=\"'cashpoints-logo'\"></nas-icon>\n                    <div *ngIf=\"walletModel?.cashpointsBalance != null; else showTag\">\n                        <p>{{walletModel?.cashpointsBalance}}</p>                \n                    </div>\n                </div>\n                <ng-template #showTag>\n                    <nas-tag [nasClass]=\"getClass('tag')\" neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n                </ng-template>\n            </div>\n            <ng-template #showAlert>\n                <div [nasClass]=\"getClass('info-box')\">\n                    <nas-alert neutral [text]=\"walletModel?.texts?.notAvailableMessage\"></nas-alert>\n                </div>\n            </ng-template>\n            <div [nasClass]=\"getClass('info')\">{{pointsDescription}}</div>\n            <div  [nasClass]=\"getClass('reward')\">{{walletModel?.texts?.rewardNumber}} {{walletModel?.rewardNumber}}</div>\n        </div>\n        <div [nasClass]=\"getClass('button')\">\n            <nas-button-new *ngIf=\"!myTravelsPage() && walletModel?.urls?.myTravelsUrl?.href\" \n                light\n                block\n                [href]=\"walletModel?.urls?.myTravelsUrl?.href\" \n                [nasClass]=\"getClass('button--mytravel')\">\n                {{walletModel?.urls?.myTravelsUrl.text}}\n            </nas-button-new>\n            <nas-button-new *ngIf=\"walletModel?.urls?.signOutUrl?.href\" \n                buttonlink \n                block \n                [href]=\"walletModel?.urls?.signOutUrl?.href\">\n                {{walletModel?.urls?.signOutUrl?.text}}\n            </nas-button-new>\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-wallet{display:inline-flex;position:unset;background-color:#fff}@media (min-width: 640px){.nas-wallet{position:relative;margin-left:16px}}.nas-wallet__header{display:flex;align-items:center}.nas-wallet__header-points,.nas-wallet__icon{display:none}@media (min-width: 640px){.nas-wallet__header-points,.nas-wallet__icon{display:flex}}.nas-wallet__points-logo{padding-top:0}.nas-wallet__points-logo--spenn{padding-top:5px}.nas-wallet__profile-name{padding-right:24px;color:#15273f}.nas-wallet__dropdown{padding:0 12px 0 16px}@media (min-width: 640px){.nas-wallet__dropdown{padding:0 16px}}.nas-wallet__dropdown-icon{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-wallet__dropdown-icon--rotate{transform:rotate(180deg)}.nas-wallet__content{z-index:50;background:linear-gradient(180deg,#FFF 0%,#F9F9F9 100%);box-shadow:0 0 14px #00325126;border-top:2px solid #15273f;position:absolute;padding:16px;top:70px;left:0}@media (min-width: 640px){.nas-wallet__content{width:334px;right:0;top:48px;left:unset}}.nas-wallet__profile-user{display:none;font-size:16px;color:#15273f;padding-bottom:16px}@media (min-width: 640px){.nas-wallet__profile-user{display:block}}.nas-wallet__profile-icon{transform:scale(.75)}.nas-wallet__title{font-weight:700;font-size:18px;line-height:24px;color:#15273f;padding-bottom:16px}.nas-wallet__spenn{display:flex;justify-content:space-between}.nas-wallet__cashpoints{display:flex;justify-content:space-between;padding-bottom:16px}.nas-wallet__info{padding-bottom:12px;border-bottom:solid 1px #c3c3c3}.nas-wallet__reward{padding:12px 0;text-align:center}.nas-wallet__info-box{margin-bottom:12px}.nas-wallet__button{display:flex;flex-direction:column}.nas-wallet__button--mytravel{margin-bottom:16px}.nas-wallet__tag--header{margin-right:12px}.nas-wallet__tag--wallet{padding-bottom:6px}.nas-wallet__backdrop{z-index:10;display:block;position:fixed;top:70px;left:0;width:100%;height:100%;color:transparent;background:var(--Color-UI-Overlay-40, rgba(21, 39, 63, .4));opacity:.2;animation:fade-in .3s ease-out both}.nas-wallet p{margin:0;padding-right:8px;color:#15273f;font-weight:700;font-size:21px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { walletModel: [{
                 type: Input
             }] } });
@@ -17314,11 +17288,11 @@ class AutocompleteNewComponent extends NasComponentBase {
         return this.model ? 'remove--secondary' : 'remove';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteNewComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AutocompleteNewComponent, selector: "nas-autocomplete-new", 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)\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\" #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n      <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [nasClass]=\"getClass('input')\"\n      [(ngModel)]=\"model\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [formControlName]=\"nasFormControlName\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n  [nasClass]=\"getClass('results-wrapper')\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"getLabelId()\"\n    [nasClass]=\"getClass('results')\">\n    <li role=\"option\"\n      *ngFor=\"let item of filteredItems\"\n      [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\"\n        [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n        (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n  [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete-new__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:none;border:2px solid #6f6f6f;border-bottom:none}.nas-autocomplete-new__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-new__icon{position:absolute;z-index:4;right:24px;bottom:24px}.nas-autocomplete-new__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete-new__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-new__results::-webkit-scrollbar{display:none}.nas-autocomplete-new__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-new__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-new__item--focus,.nas-autocomplete-new__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273f}.nas-autocomplete-new__item--focus,.nas-autocomplete-new__item--focus .nas-autocomplete-new__title,.nas-autocomplete-new__item--focus .nas-autocomplete-new__preamble,.nas-autocomplete-new__item:focus,.nas-autocomplete-new__item:focus .nas-autocomplete-new__title,.nas-autocomplete-new__item:focus .nas-autocomplete-new__preamble{color:#15273f}.nas-autocomplete-new__item:hover{background-color:#f8f8f8}.nas-autocomplete-new__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete-new__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: AutocompleteNewComponent, selector: "nas-autocomplete-new", 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)\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\" #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n      <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [nasClass]=\"getClass('input')\"\n      [(ngModel)]=\"model\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [formControlName]=\"nasFormControlName\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n  [nasClass]=\"getClass('results-wrapper')\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"getLabelId()\"\n    [nasClass]=\"getClass('results')\">\n    <li role=\"option\"\n      *ngFor=\"let item of filteredItems\"\n      [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\"\n        [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n        (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n  [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete-new__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:none;border:2px solid #6f6f6f;border-bottom:none}.nas-autocomplete-new__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-new__icon{position:absolute;z-index:4;right:24px;bottom:21px}.nas-autocomplete-new__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete-new__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-new__results::-webkit-scrollbar{display:none}.nas-autocomplete-new__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-new__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-new__item--focus,.nas-autocomplete-new__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273f}.nas-autocomplete-new__item--focus,.nas-autocomplete-new__item--focus .nas-autocomplete-new__title,.nas-autocomplete-new__item--focus .nas-autocomplete-new__preamble,.nas-autocomplete-new__item:focus,.nas-autocomplete-new__item:focus .nas-autocomplete-new__title,.nas-autocomplete-new__item:focus .nas-autocomplete-new__preamble{color:#15273f}.nas-autocomplete-new__item:hover{background-color:#f8f8f8}.nas-autocomplete-new__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete-new__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: AutocompleteNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-autocomplete-new', template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\" #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n      <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [nasClass]=\"getClass('input')\"\n      [(ngModel)]=\"model\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [formControlName]=\"nasFormControlName\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n  [nasClass]=\"getClass('results-wrapper')\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"getLabelId()\"\n    [nasClass]=\"getClass('results')\">\n    <li role=\"option\"\n      *ngFor=\"let item of filteredItems\"\n      [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\"\n        [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n        (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n  [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete-new__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:none;border:2px solid #6f6f6f;border-bottom:none}.nas-autocomplete-new__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-new__icon{position:absolute;z-index:4;right:24px;bottom:24px}.nas-autocomplete-new__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete-new__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-new__results::-webkit-scrollbar{display:none}.nas-autocomplete-new__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-new__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-new__item--focus,.nas-autocomplete-new__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273f}.nas-autocomplete-new__item--focus,.nas-autocomplete-new__item--focus .nas-autocomplete-new__title,.nas-autocomplete-new__item--focus .nas-autocomplete-new__preamble,.nas-autocomplete-new__item:focus,.nas-autocomplete-new__item:focus .nas-autocomplete-new__title,.nas-autocomplete-new__item:focus .nas-autocomplete-new__preamble{color:#15273f}.nas-autocomplete-new__item:hover{background-color:#f8f8f8}.nas-autocomplete-new__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete-new__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-new', template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [id]=\"getLabelId()\" (input)=\"onInput($event)\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\" #labelElement>\n    <span [nasClass]=\"getClass('label')\" #span>{{label}}</span>\n      <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"true\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [nasClass]=\"getClass('input')\"\n      [(ngModel)]=\"model\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [id]=\"getLabelId()\"\n    [attr.aria-label]=\"label\"\n    [nasClass]=\"getClass('wrapper')\"\n    [formGroup]=\"nasFormGroup\">\n    <span [nasClass]=\"getClass('label')\">{{label}}</span>\n    <input #input\n      type=\"text\"\n      role=\"combobox\"\n      aria-autocomplete=\"none\"\n      autocomplete=\"off\"\n      [id]=\"getInputId()\"\n      [attr.aria-controls]=\"getResultsId()\"\n      [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n      [attr.aria-owns]=\"getResultsId()\"\n      [formControlName]=\"nasFormControlName\"\n      [nasClass]=\"getClass('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"setOpen()\"\n      (input)=\"filter()\"\n      (click)=\"setOpen()\"\n      (keydown)=\"onKeyDown($event)\" />\n    <span [nasClass]=\"getClass('icon')\">\n      <button type=\"button\"\n        role=\"button\"\n        tabindex=\"-1\"\n        *ngIf=\"model; else isEmpty\"\n        [attr.aria-label]=\"ariaLabelClear\"\n        (click)=\"clearSelected($event)\">\n        <nas-icon [type]=\"setRemoveIcon()\"></nas-icon>\n      </button>\n      <ng-template #isEmpty>\n        <nas-icon [type]=\"'small'\"\n          [icon]=\"icon\"></nas-icon>\n      </ng-template>\n    </span>\n  </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n  [nasClass]=\"getClass('results-wrapper')\"\n  [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n  <ul #results\n    role=\"listbox\"\n    *ngIf=\"open\"\n    [attr.aria-labelledby]=\"getLabelId()\"\n    [nasClass]=\"getClass('results')\">\n    <li role=\"option\"\n      *ngFor=\"let item of filteredItems\"\n      [id]=\"item.id\"\n      [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n      <button type=\"button\"\n        [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n        (click)=\"select(item)\"\n        tabindex=\"-1\">\n        <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n        <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n      </button>\n    </li>\n  </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n  [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n  [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-autocomplete-new__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete-new__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:none;border:2px solid #6f6f6f;border-bottom:none}.nas-autocomplete-new__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-new__icon{position:absolute;z-index:4;right:24px;bottom:21px}.nas-autocomplete-new__results-wrapper{position:relative;z-index:4;perspective:1000px}.nas-autocomplete-new__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-new__results::-webkit-scrollbar{display:none}.nas-autocomplete-new__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-new__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-new__item--focus,.nas-autocomplete-new__item:focus{background-color:#ebf4ff;border-bottom-color:#15273f;border-top:2px solid #15273f}.nas-autocomplete-new__item--focus,.nas-autocomplete-new__item--focus .nas-autocomplete-new__title,.nas-autocomplete-new__item--focus .nas-autocomplete-new__preamble,.nas-autocomplete-new__item:focus,.nas-autocomplete-new__item:focus .nas-autocomplete-new__title,.nas-autocomplete-new__item:focus .nas-autocomplete-new__preamble{color:#15273f}.nas-autocomplete-new__item:hover{background-color:#f8f8f8}.nas-autocomplete-new__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#15273f;margin-bottom:3px}.nas-autocomplete-new__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]
@@ -18719,11 +18693,11 @@ class MicroButtonComponent extends NasComponentBase {
         this.clickChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { icon: "icon", iconType: "iconType", href: "href", target: "target", primary: "primary", secondary: "secondary", white: "white", disabled: "disabled", iconLeft: "iconLeft", trackingvalue: "trackingvalue", ariaLabel: "ariaLabel", tabindex: "tabindex", type: "type" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"href; else buttonTemplate\" [nasClass]=\"getClass()\">\n  <a [nasClass]=\"getClasses('', modifiers)\" [href]=\"href\" [target]=\"target\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </a>\n</div>\n\n<ng-template #buttonTemplate>\n  <button #button [nasClass]=\"getClasses('', modifiers)\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\" (click)=\"emitTrackingAndClickEvent($event)\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </button>\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-micro-button{display:flex;width:-webkit-max-content;width:max-content;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;line-height:16px;border-bottom:0;height:32px}.nas-micro-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f}.nas-micro-button--primary{color:#fff;background-color:#15273f}.nas-micro-button--primary:hover,.nas-micro-button--primary:focus{color:#fff;background-color:#0a2033}.nas-micro-button--primary:active{color:#fff;background:#071622}.nas-micro-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--primary[disabled]{background-color:#e3e3e3}.nas-micro-button--secondary{color:#15273f;background-color:transparent;padding:4px 12px;border:2px solid #15273F}.nas-micro-button--secondary:hover,.nas-micro-button--secondary:focus{color:#0a2033;background-color:transparent}.nas-micro-button--secondary:active{color:#071622;background:transparent}.nas-micro-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--secondary:hover{border-color:#0a2033}.nas-micro-button--secondary:active{border-color:#071622}.nas-micro-button--secondary[disabled]{border:2px solid #e3e3e3}.nas-micro-button--white{color:#15273f;background-color:#fff}.nas-micro-button--white:hover,.nas-micro-button--white:focus{color:#15273f;background-color:#f9f9f9}.nas-micro-button--white:active{color:#15273f;background:#EBF4FF}.nas-micro-button--white:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button__content{display:flex;justify-content:center;gap:4px}.nas-micro-button__content--reverse{flex-direction:row-reverse}.nas-micro-button__icon{transform:scale(.75)}.nas-micro-button ::ng-deep .nas-icon-small{margin:-3px 0 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: MicroButtonComponent, selector: "nas-micro-button", inputs: { icon: "icon", iconType: "iconType", href: "href", target: "target", primary: "primary", secondary: "secondary", white: "white", disabled: "disabled", iconLeft: "iconLeft", trackingvalue: "trackingvalue", ariaLabel: "ariaLabel", tabindex: "tabindex", type: "type" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"href; else buttonTemplate\" [nasClass]=\"getClass()\">\n  <a [nasClass]=\"getClasses('', modifiers)\" [href]=\"href\" [target]=\"target\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </a>\n</div>\n\n<ng-template #buttonTemplate>\n  <button #button [nasClass]=\"getClasses('', modifiers)\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\" (click)=\"emitTrackingAndClickEvent($event)\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </button>\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-micro-button{display:flex;width:-webkit-max-content;width:max-content;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;line-height:16px;border-bottom:0;height:32px}.nas-micro-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f}.nas-micro-button--primary{color:#fff;background-color:#15273f}.nas-micro-button--primary:hover,.nas-micro-button--primary:focus{color:#fff;background-color:#0a2033}.nas-micro-button--primary:active{color:#fff;background:#071622}.nas-micro-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--primary[disabled]{background-color:#e3e3e3}.nas-micro-button--secondary{color:#15273f;background-color:transparent;padding:4px 12px;border:2px solid #15273f}.nas-micro-button--secondary:hover,.nas-micro-button--secondary:focus{color:#0a2033;background-color:transparent}.nas-micro-button--secondary:active{color:#071622;background:transparent}.nas-micro-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--secondary:hover{border-color:#0a2033}.nas-micro-button--secondary:active{border-color:#071622}.nas-micro-button--secondary[disabled]{border:2px solid #e3e3e3}.nas-micro-button--white{color:#15273f;background-color:#fff}.nas-micro-button--white:hover,.nas-micro-button--white:focus{color:#15273f;background-color:#f9f9f9}.nas-micro-button--white:active{color:#15273f;background:#EBF4FF}.nas-micro-button--white:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button__content{display:flex;justify-content:center;gap:4px}.nas-micro-button__content--reverse{flex-direction:row-reverse}.nas-micro-button__icon{transform:scale(.75)}.nas-micro-button ::ng-deep .nas-icon-small{margin:-3px 0 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: MicroButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-micro-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"href; else buttonTemplate\" [nasClass]=\"getClass()\">\n  <a [nasClass]=\"getClasses('', modifiers)\" [href]=\"href\" [target]=\"target\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </a>\n</div>\n\n<ng-template #buttonTemplate>\n  <button #button [nasClass]=\"getClasses('', modifiers)\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\" (click)=\"emitTrackingAndClickEvent($event)\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </button>\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-micro-button{display:flex;width:-webkit-max-content;width:max-content;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;line-height:16px;border-bottom:0;height:32px}.nas-micro-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f}.nas-micro-button--primary{color:#fff;background-color:#15273f}.nas-micro-button--primary:hover,.nas-micro-button--primary:focus{color:#fff;background-color:#0a2033}.nas-micro-button--primary:active{color:#fff;background:#071622}.nas-micro-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--primary[disabled]{background-color:#e3e3e3}.nas-micro-button--secondary{color:#15273f;background-color:transparent;padding:4px 12px;border:2px solid #15273F}.nas-micro-button--secondary:hover,.nas-micro-button--secondary:focus{color:#0a2033;background-color:transparent}.nas-micro-button--secondary:active{color:#071622;background:transparent}.nas-micro-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--secondary:hover{border-color:#0a2033}.nas-micro-button--secondary:active{border-color:#071622}.nas-micro-button--secondary[disabled]{border:2px solid #e3e3e3}.nas-micro-button--white{color:#15273f;background-color:#fff}.nas-micro-button--white:hover,.nas-micro-button--white:focus{color:#15273f;background-color:#f9f9f9}.nas-micro-button--white:active{color:#15273f;background:#EBF4FF}.nas-micro-button--white:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button__content{display:flex;justify-content:center;gap:4px}.nas-micro-button__content--reverse{flex-direction:row-reverse}.nas-micro-button__icon{transform:scale(.75)}.nas-micro-button ::ng-deep .nas-icon-small{margin:-3px 0 0}\n"] }]
+            args: [{ selector: 'nas-micro-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"href; else buttonTemplate\" [nasClass]=\"getClass()\">\n  <a [nasClass]=\"getClasses('', modifiers)\" [href]=\"href\" [target]=\"target\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </a>\n</div>\n\n<ng-template #buttonTemplate>\n  <button #button [nasClass]=\"getClasses('', modifiers)\" [disabled]=\"exists(disabled)\" [attr.type]=\"type\"\n    [attr.aria-label]=\"ariaLabel\" [attr.tabindex]=\"tabindex\" (click)=\"emitTrackingAndClickEvent($event)\">\n    <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n      <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n        <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n      </span>\n    </span>\n  </button>\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-micro-button{display:flex;width:-webkit-max-content;width:max-content;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;line-height:16px;border-bottom:0;height:32px}.nas-micro-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f}.nas-micro-button--primary{color:#fff;background-color:#15273f}.nas-micro-button--primary:hover,.nas-micro-button--primary:focus{color:#fff;background-color:#0a2033}.nas-micro-button--primary:active{color:#fff;background:#071622}.nas-micro-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--primary[disabled]{background-color:#e3e3e3}.nas-micro-button--secondary{color:#15273f;background-color:transparent;padding:4px 12px;border:2px solid #15273f}.nas-micro-button--secondary:hover,.nas-micro-button--secondary:focus{color:#0a2033;background-color:transparent}.nas-micro-button--secondary:active{color:#071622;background:transparent}.nas-micro-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button--secondary:hover{border-color:#0a2033}.nas-micro-button--secondary:active{border-color:#071622}.nas-micro-button--secondary[disabled]{border:2px solid #e3e3e3}.nas-micro-button--white{color:#15273f;background-color:#fff}.nas-micro-button--white:hover,.nas-micro-button--white:focus{color:#15273f;background-color:#f9f9f9}.nas-micro-button--white:active{color:#15273f;background:#EBF4FF}.nas-micro-button--white:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-micro-button__content{display:flex;justify-content:center;gap:4px}.nas-micro-button__content--reverse{flex-direction:row-reverse}.nas-micro-button__icon{transform:scale(.75)}.nas-micro-button ::ng-deep .nas-icon-small{margin:-3px 0 0}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { icon: [{
                 type: Input
             }], iconType: [{
@@ -19171,11 +19145,11 @@ class SlideToggleNewComponent extends NasComponentBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SlideToggleNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SlideToggleNewComponent, selector: "nas-slide-toggle-new", inputs: { nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", disabled: "disabled", inputId: "inputId", toggle: "toggle" }, outputs: { toggleChange: "toggleChange", focusOnPrevious: "focusOnPrevious" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                [disabled]=\"exists(disabled)\"\n                (change)=\"inputChanged($event)\"\n                (click)=\"inputClicked($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [formControlName]=\"nasFormControlName\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                (keydown)=\"onKeydown($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-template>\n\n<ng-template #content>\n    <span [nasClass]=\"getClass('content')\">\n        <ng-content></ng-content>\n    </span>\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-slide-toggle-new{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle-new input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle-new--disabled{cursor:auto}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container{background-color:#e3e3e3;border:2px solid #6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb,.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled{background-color:#6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{background-color:#e3e3e3}.nas-slide-toggle-new__thumb-container{width:46px;background-color:#fff;height:25px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1);border:2px solid #15273F}.nas-slide-toggle-new__thumb-container--toggled{background-color:#15273f}.nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{margin-left:21px;background-color:#fff}.nas-slide-toggle-new__thumb-container:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-slide-toggle-new__thumb{background-color:#15273f;height:20px;width:20px;border-radius:20px;margin:1px 2px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle-new__content{margin-left:12px;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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { 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.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: SlideToggleNewComponent, selector: "nas-slide-toggle-new", inputs: { nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", disabled: "disabled", inputId: "inputId", toggle: "toggle" }, outputs: { toggleChange: "toggleChange", focusOnPrevious: "focusOnPrevious" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                [disabled]=\"exists(disabled)\"\n                (change)=\"inputChanged($event)\"\n                (click)=\"inputClicked($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [formControlName]=\"nasFormControlName\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                (keydown)=\"onKeydown($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-template>\n\n<ng-template #content>\n    <span [nasClass]=\"getClass('content')\">\n        <ng-content></ng-content>\n    </span>\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-slide-toggle-new{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle-new input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle-new--disabled{cursor:auto}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container{background-color:#e3e3e3;border:2px solid #6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb,.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled{background-color:#6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{background-color:#e3e3e3}.nas-slide-toggle-new__thumb-container{width:46px;background-color:#fff;height:25px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1);border:2px solid #15273f}.nas-slide-toggle-new__thumb-container--toggled{background-color:#15273f}.nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{margin-left:21px;background-color:#fff}.nas-slide-toggle-new__thumb-container:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-slide-toggle-new__thumb{background-color:#15273f;height:20px;width:20px;border-radius:20px;margin:1px 2px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle-new__content{margin-left:12px;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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { 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.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: SlideToggleNewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nas-slide-toggle-new', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                [disabled]=\"exists(disabled)\"\n                (change)=\"inputChanged($event)\"\n                (click)=\"inputClicked($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [formControlName]=\"nasFormControlName\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                (keydown)=\"onKeydown($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-template>\n\n<ng-template #content>\n    <span [nasClass]=\"getClass('content')\">\n        <ng-content></ng-content>\n    </span>\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-slide-toggle-new{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle-new input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle-new--disabled{cursor:auto}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container{background-color:#e3e3e3;border:2px solid #6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb,.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled{background-color:#6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{background-color:#e3e3e3}.nas-slide-toggle-new__thumb-container{width:46px;background-color:#fff;height:25px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1);border:2px solid #15273F}.nas-slide-toggle-new__thumb-container--toggled{background-color:#15273f}.nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{margin-left:21px;background-color:#fff}.nas-slide-toggle-new__thumb-container:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-slide-toggle-new__thumb{background-color:#15273f;height:20px;width:20px;border-radius:20px;margin:1px 2px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle-new__content{margin-left:12px;display:block}\n"] }]
+            args: [{ selector: 'nas-slide-toggle-new', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n    <label [nasClass]=\"mainClass\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                [disabled]=\"exists(disabled)\"\n                (change)=\"inputChanged($event)\"\n                (click)=\"inputClicked($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n    <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n        <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n            <input type=\"checkbox\"\n                role=\"switch\"\n                [formControlName]=\"nasFormControlName\"\n                [id]=\"inputId\"\n                [checked]=\"exists(toggle)\"\n                [attr.aria-checked]=\"exists(toggle)\"\n                (keydown)=\"onKeydown($event)\">\n            <div [nasClass]=\"getClass('thumb')\"></div>\n        </div>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </label>\n</ng-template>\n\n<ng-template #content>\n    <span [nasClass]=\"getClass('content')\">\n        <ng-content></ng-content>\n    </span>\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-slide-toggle-new{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle-new input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle-new--disabled{cursor:auto}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container{background-color:#e3e3e3;border:2px solid #6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb,.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled{background-color:#6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{background-color:#e3e3e3}.nas-slide-toggle-new__thumb-container{width:46px;background-color:#fff;height:25px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1);border:2px solid #15273f}.nas-slide-toggle-new__thumb-container--toggled{background-color:#15273f}.nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{margin-left:21px;background-color:#fff}.nas-slide-toggle-new__thumb-container:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-slide-toggle-new__thumb{background-color:#15273f;height:20px;width:20px;border-radius:20px;margin:1px 2px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle-new__content{margin-left:12px;display:block}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { nasFormControlName: [{
                 type: Input
             }], nasFormGroup: [{