@norwegian/core-components 8.0.0 → 8.0.1

package/index.d.ts

@@ -3,7 +3,7 @@ import { ElementRef, OnInit, EventEmitter, ChangeDetectorRef, AfterViewInit, OnC
 import * as i2 from '@angular/common';
 import { DatePipe } from '@angular/common';
 import * as i4$1 from '@angular/forms';
-import { FormGroup, FormControl } from '@angular/forms';
+import { FormGroup, FormControl, AbstractControl } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import * as i4 from '@angular/router';
@@ -209,7 +209,7 @@ declare class GeolocationService {
 /**
  *
  * @description
- * Norwegian Accordion Component | Layout
+ * Norwegian Accordion Component | Layout | New design
 */
 declare class AccordionComponent extends NasComponentBase implements OnInit {
     /**
@@ -275,6 +275,13 @@ declare class AccordionComponent extends NasComponentBase implements OnInit {
      * Property to set custom styling on accordion.
     */
     cssStyle: any;
+    /**
+     * @property Input
+     *
+     * @description
+     * A string input value to set description below to the title.
+    */
+    description?: string;
     /**
      * @property Input
      *
@@ -282,6 +289,13 @@ declare class AccordionComponent extends NasComponentBase implements OnInit {
      * Boolean to set if accordion should be expanded or not.
     */
     expanded: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Set header level to accordion. Default is h2.
+    */
+    htag: '1' | '2' | '3' | '4' | '5';
     /**
      * @property Input
      *
@@ -352,6 +366,13 @@ declare class AccordionComponent extends NasComponentBase implements OnInit {
      * A string input value to set title text of component.
     */
     title: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * A string input value to set description next to the title.
+    */
+    titleDescription?: string;
     /**
    * @property Output
    *
@@ -362,6 +383,7 @@ declare class AccordionComponent extends NasComponentBase implements OnInit {
     private animateIn;
     private animateOut;
     regularHeader: boolean;
+    get headerLevel(): number;
     constructor();
     ngOnInit(): void;
     getClasses(element?: string, modifiers?: any): Array<ClassModel>;
@@ -370,7 +392,7 @@ declare class AccordionComponent extends NasComponentBase implements OnInit {
     toggle(): void;
     setHeaderType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "nas-accordion", never, { "approve": { "alias": "approve"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeError": { "alias": "badgeError"; "required": false; }; "badgeInfo": { "alias": "badgeInfo"; "required": false; }; "badgeSuccess": { "alias": "badgeSuccess"; "required": false; }; "badgeWarning": { "alias": "badgeWarning"; "required": false; }; "containerOnToggle": { "alias": "containerOnToggle"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "small": { "alias": "small"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "nopadding": { "alias": "nopadding"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "spaced": { "alias": "spaced"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "nas-accordion", never, { "approve": { "alias": "approve"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "badgeError": { "alias": "badgeError"; "required": false; }; "badgeInfo": { "alias": "badgeInfo"; "required": false; }; "badgeSuccess": { "alias": "badgeSuccess"; "required": false; }; "badgeWarning": { "alias": "badgeWarning"; "required": false; }; "containerOnToggle": { "alias": "containerOnToggle"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "description": { "alias": "description"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "htag": { "alias": "htag"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "small": { "alias": "small"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "nopadding": { "alias": "nopadding"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "spaced": { "alias": "spaced"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "warning": { "alias": "warning"; "required": false; }; "title": { "alias": "title"; "required": false; }; "titleDescription": { "alias": "titleDescription"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, ["*"], false, never>;
 }
 
 /**
@@ -584,8 +606,8 @@ declare class AirportSelectDropdownComponent extends NasComponentBase implements
 declare class AirportSelectComponent extends NasComponentBase implements OnInit, AfterViewInit {
     private deviceHelper;
     private cdr;
+    airportSelectDropdownOrigin: AirportSelectDropdownComponent;
     airportSelectDropdownDestination: AirportSelectDropdownComponent;
-    airportSelectDropdownOrigin: ElementRef;
     container: ElementRef;
     switchButton: ElementRef;
     /**
@@ -2419,8 +2441,8 @@ declare class OptgroupComponent extends NasComponentBase implements AfterViewChe
 /**
  *
  * @description
- * Norwegian Select Component | Form Controls | New design
-*/
+ * Norwegian Select Component | Form Controls | Deprecated
+ */
 declare class SelectComponent extends NasComponentBase implements OnChanges, AfterViewChecked, AfterContentInit, OnInit {
     private change;
     errorMessageWrapper: ElementRef;
@@ -2542,6 +2564,13 @@ declare class SelectComponent extends NasComponentBase implements OnChanges, Aft
     */
     get options(): Array<SelectOptionModel>;
     set options(value: Array<SelectOptionModel>);
+    /**
+     * @property Input
+     *
+     * @description
+     * Presenting value instead of title in the select box.
+    */
+    presentValue?: boolean;
     /**
      * @property Input
      *
@@ -2599,6 +2628,7 @@ declare class SelectComponent extends NasComponentBase implements OnChanges, Aft
     selectControl: FormControl<any>;
     selectTitle: string;
     valid: boolean;
+    selectedDisplayValue: string;
     private optionsValue;
     private open;
     private componentId;
@@ -2622,7 +2652,7 @@ declare class SelectComponent extends NasComponentBase implements OnChanges, Aft
     private updateShadow;
     private setSelectedTitle;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "nas-select", never, { "autogrow": { "alias": "autogrow"; "required": false; }; "block": { "alias": "block"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "id": { "alias": "id"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "light": { "alias": "light"; "required": false; }; "label": { "alias": "label"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "options": { "alias": "options"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, { "selectedChange": "selectedChange"; "keyDownEvent": "keyDownEvent"; }, ["optionComponents", "optgroupComponents"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "nas-select", never, { "autogrow": { "alias": "autogrow"; "required": false; }; "block": { "alias": "block"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "id": { "alias": "id"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "light": { "alias": "light"; "required": false; }; "label": { "alias": "label"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "options": { "alias": "options"; "required": false; }; "presentValue": { "alias": "presentValue"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; }, { "selectedChange": "selectedChange"; "keyDownEvent": "keyDownEvent"; }, ["optionComponents", "optgroupComponents"], ["*"], false, never>;
 }
 
 declare class CalendarService {
@@ -3315,7 +3345,7 @@ declare class DatepickerComboComponent extends NasComponentBase implements OnIni
     private dateService;
     private deviceHelper;
     datepickerOutbound: DatepickerComponent;
-    datepickerInbound: ElementRef;
+    datepickerInbound: DatepickerComponent;
     container: ElementRef;
     /**
      * @property Input
@@ -3559,6 +3589,13 @@ declare class DatepickerComboComponent extends NasComponentBase implements OnIni
      * Label for timepicker.
     */
     timepickerLabel: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Ignores the focus on Inbound date.
+     */
+    ignoreOnFocusInboundDate: boolean;
     /**
      * @property Output
      *
@@ -3616,6 +3653,7 @@ declare class DatepickerComboComponent extends NasComponentBase implements OnIni
     */
     outboundOpenChange: EventEmitter<boolean>;
     inboundLowerLimitDate: UtcDate;
+    tabIndex: number;
     get inboundSelectedMonth(): UtcDate;
     set inboundSelectedMonth(month: UtcDate);
     private outboundSelectedDateValue;
@@ -3633,7 +3671,7 @@ declare class DatepickerComboComponent extends NasComponentBase implements OnIni
     onOutboundFocusOnNext(event: KeyboardEvent | MouseEvent): void;
     onFocusOnNext(event: KeyboardEvent | MouseEvent): void;
     onFocusOnPrevious(event: KeyboardEvent): void;
-    onInboundFocusOnPrevious(): void;
+    onInboundFocusOnPrevious(event: KeyboardEvent): void;
     onOutboundMonthChange(date: UtcDate): void;
     getMainClass(): Array<ClassModel>;
     checkOutboundOnly(): boolean;
@@ -3643,7 +3681,7 @@ declare class DatepickerComboComponent extends NasComponentBase implements OnIni
     setInlineFlexOnContainterWidth(): void;
     datePickerFloating(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComboComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComboComponent, "nas-datepicker-combo", never, { "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "inboundId": { "alias": "inboundId"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "inboundSelectedTime": { "alias": "inboundSelectedTime"; "required": false; }; "inboundLowerLimitDateOffset": { "alias": "inboundLowerLimitDateOffset"; "required": false; }; "inboundOpen": { "alias": "inboundOpen"; "required": false; }; "inlineFlex": { "alias": "inlineFlex"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "outboundOnly": { "alias": "outboundOnly"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "outboundId": { "alias": "outboundId"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "outboundOpen": { "alias": "outboundOpen"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "outboundSelectedTime": { "alias": "outboundSelectedTime"; "required": false; }; "times": { "alias": "times"; "required": false; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; }; }, { "inboundMonthChange": "inboundMonthChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "inboundOpenChange": "inboundOpenChange"; "focusOnPreviousChange": "focusOnPreviousChange"; "focusOnNextChange": "focusOnNextChange"; "outboundMonthChange": "outboundMonthChange"; "outboundSelectedDateChange": "outboundSelectedDateChange"; "outboundOpenChange": "outboundOpenChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComboComponent, "nas-datepicker-combo", never, { "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "inboundId": { "alias": "inboundId"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "inboundSelectedTime": { "alias": "inboundSelectedTime"; "required": false; }; "inboundLowerLimitDateOffset": { "alias": "inboundLowerLimitDateOffset"; "required": false; }; "inboundOpen": { "alias": "inboundOpen"; "required": false; }; "inlineFlex": { "alias": "inlineFlex"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "outboundOnly": { "alias": "outboundOnly"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "outboundId": { "alias": "outboundId"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "outboundOpen": { "alias": "outboundOpen"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "outboundSelectedTime": { "alias": "outboundSelectedTime"; "required": false; }; "times": { "alias": "times"; "required": false; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; }; "ignoreOnFocusInboundDate": { "alias": "ignoreOnFocusInboundDate"; "required": false; }; }, { "inboundMonthChange": "inboundMonthChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "inboundOpenChange": "inboundOpenChange"; "focusOnPreviousChange": "focusOnPreviousChange"; "focusOnNextChange": "focusOnNextChange"; "outboundMonthChange": "outboundMonthChange"; "outboundSelectedDateChange": "outboundSelectedDateChange"; "outboundOpenChange": "outboundOpenChange"; }, never, never, false, never>;
 }
 
 /**
@@ -3815,6 +3853,7 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
     elementRef: ElementRef;
     changeDetector: ChangeDetectorRef;
     airportSelect: AirportSelectComponent;
+    airportSelect2: AirportSelectComponent;
     container: ElementRef;
     datepickerCombo: DatepickerComboComponent;
     passengerSelect: PassengerSelectComponent;
@@ -4008,6 +4047,13 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * The airport code of the destination airport. It will set the selected destination airport based on this value.
     */
     destinationAirportCode: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * The airport code of the second destination airport. It will set the selected destination airport based on this value.
+     */
+    destination2AirportCode: string;
     /**
      * @property Input
      *
@@ -4080,6 +4126,13 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * Will display the destination input, set this to false to remove it. It's true by default.
     */
     enableDestinationSelect: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Toggle for enabling multi-city function.
+    */
+    enableMultiCity: boolean;
     /**
      * @property Input
      *
@@ -4297,6 +4350,15 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * It requiers that the nasFormGroup input is filled.
     */
     nasFormControlNameDestination: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameDestination2: string;
     /**
      * @property Input
      *
@@ -4324,6 +4386,15 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * It requiers that the nasFormGroup input is filled.
     */
     nasFormControlNameOrigin: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets a formControlName directive to the input.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlNameOrigin2: string;
     /**
      * @property Input
      *
@@ -4379,6 +4450,13 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * The airport code of the origin airport. It will set the selected origin airport based on this value.
     */
     originAirportCode: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * The airport code of the second origin airport. It will set the selected origin airport based on this value.
+     */
+    origin2AirportCode: string;
     /**
      * @property Input
      *
@@ -4545,6 +4623,13 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * A label for round trip selection in the trip switch dropdown.
     */
     tripSwitchRoundTripLabel: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * A label for multi-city selection in the trip switch dropdown.
+     */
+    tripSwitchMultiCityLabel: string;
     /**
      * @property Input
      *
@@ -4575,13 +4660,27 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * An event that is fired every time the selected destination airport changes.
     */
     destinationChange: EventEmitter<AirportModel>;
+    /**
+   * @property Output
+   *
+   * @description
+   * An event that is fired every time the selected destination2 airport changes.
+   */
+    destination2Change: EventEmitter<AirportModel>;
     /**
      * @property Output
      *
      * @description
-     * An event that is fired every time the origin dropdown selector opens or closes.
+     * An event that is fired every time the destionation dropdown selector opens or closes.
     */
     destinationOpenChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     *
+     * @description
+     * An event that is fired every time the second destionation dropdown selector opens or closes.
+     */
+    destination2OpenChange: EventEmitter<boolean>;
     /**
      * @property Output
      *
@@ -4624,6 +4723,13 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * An event that is fired every time the selected origin airport changes.
     */
     originChange: EventEmitter<AirportModel>;
+    /**
+     * @property Output
+     *
+     * @description
+     * An event that is fired every time the selected origin airport changes.
+     */
+    origin2Change: EventEmitter<AirportModel>;
     /**
      * @property Output
      *
@@ -4631,6 +4737,13 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
      * An event that is fired every time the origin dropdown selector opens or closes.
     */
     originOpenChange: EventEmitter<boolean>;
+    /**
+     * @property Output
+     *
+     * @description
+     * An event that is fired every time the second origin dropdown selector opens or closes.
+     */
+    origin2OpenChange: EventEmitter<boolean>;
     /**
      * @property Output
      *
@@ -4691,8 +4804,10 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
     latestSearchesOrigin: Array<AirportModel>;
     maximize: boolean;
     nativeElement: HTMLElement;
+    onFocusInboundIgnored: boolean;
     openPassengerSelect: boolean;
     openTransitTypeSelect: boolean;
+    showSwitch: boolean;
     tripSwitchFocusTimeout: any;
     get outboundOpen(): boolean;
     set outboundOpen(value: boolean);
@@ -4731,6 +4846,7 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
     onPassengersSelectFocusOnPrevious(): void;
     passengerKeyDown(event: KeyboardEvent): void;
     onTripSwitchKeyDown(event: KeyboardEvent): void;
+    onFocusInboundDateKeyDown(event: KeyboardEvent): void;
     onTripSwitchFocusNext(event: KeyboardEvent): void;
     transitKeyDown(event: KeyboardEvent): void;
     onPassengersSelectFocusOnNext(): void;
@@ -4742,16 +4858,21 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
     isMobileDisplay(): boolean;
     isTabletDisplay(): boolean;
     onOriginOpen(open: boolean): void;
+    onOrigin2Open(open: boolean): void;
     validateAirportValues(): boolean;
     updateMaximize(): void;
     onDestinationOpen(open: boolean): void;
+    onDestination2Open(open: boolean): void;
     onPassengerBackdropChange(value: boolean): void;
     onPassengerSelectOpen(): void;
     onTripSwitchOpen(open: boolean): void;
     onTransitSwitchOpen(open: boolean): void;
     onOriginChange(airport: AirportModel): void;
+    onOrigin2Change(airport: AirportModel): void;
     setSelectedOriginAirport(airport: AirportModel): void;
+    setSelectedOrigin2Airport(airport: AirportModel): void;
     onDestinationChange(airport: AirportModel): void;
+    onDestination2Change(airport: AirportModel): void;
     setFocusOnPassengerSelect(event: KeyboardEvent): void;
     setFocusOnNativeElement(element: ElementRef): void;
     onTripTypeChange(tripType: TripType): void;
@@ -4766,7 +4887,7 @@ declare class FilterComponent extends NasComponentBase implements OnInit, AfterV
     private setLatestSearches;
     private closeDropdowns;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "nas-filter", never, { "airportRelations": { "alias": "airportRelations"; "required": false; }; "airportSelectInboundId": { "alias": "airportSelectInboundId"; "required": false; }; "airportSelectOutboundId": { "alias": "airportSelectOutboundId"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "allowedOriginAirports": { "alias": "allowedOriginAirports"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "datePickerComboInlineFlex": { "alias": "datePickerComboInlineFlex"; "required": false; }; "datePickerInboundId": { "alias": "datePickerInboundId"; "required": false; }; "datePickerOutboundId": { "alias": "datePickerOutboundId"; "required": false; }; "defaultSummarySeparator": { "alias": "defaultSummarySeparator"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "directOnly": { "alias": "directOnly"; "required": false; }; "directOnlyLabel": { "alias": "directOnlyLabel"; "required": false; }; "directOnlyMobileLabel": { "alias": "directOnlyMobileLabel"; "required": false; }; "directTransitLabel": { "alias": "directTransitLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "editSearchTitle": { "alias": "editSearchTitle"; "required": false; }; "enableDatepickers": { "alias": "enableDatepickers"; "required": false; }; "enableDestinationSelect": { "alias": "enableDestinationSelect"; "required": false; }; "enablePassengersSelect": { "alias": "enablePassengersSelect"; "required": false; }; "enableSuggestions": { "alias": "enableSuggestions"; "required": false; }; "enableTransitSwitch": { "alias": "enableTransitSwitch"; "required": false; }; "enableTripSwitch": { "alias": "enableTripSwitch"; "required": false; }; "expandedAccordionMobile": { "alias": "expandedAccordionMobile"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "groupBookingLabel": { "alias": "groupBookingLabel"; "required": false; }; "groupBookingLimit": { "alias": "groupBookingLimit"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "inlineOnDesktop": { "alias": "inlineOnDesktop"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "lastSummarySeparator": { "alias": "lastSummarySeparator"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxPaxCount": { "alias": "maxPaxCount"; "required": false; }; "maximizingLabel": { "alias": "maximizingLabel"; "required": false; }; "minAdultCount": { "alias": "minAdultCount"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "minimizeOnMobile": { "alias": "minimizeOnMobile"; "required": false; }; "minimizingLabel": { "alias": "minimizingLabel"; "required": false; }; "nasFormControlGroupBooking": { "alias": "nasFormControlGroupBooking"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormControlNameDirectOnly": { "alias": "nasFormControlNameDirectOnly"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameTripType": { "alias": "nasFormControlNameTripType"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "noAirportsLabel": { "alias": "noAirportsLabel"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "orLabel": { "alias": "orLabel"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "overrideOrigin": { "alias": "overrideOrigin"; "required": false; }; "passengerSelectAdultsLabel": { "alias": "passengerSelectAdultsLabel"; "required": false; }; "passengerSelectChildrenLabel": { "alias": "passengerSelectChildrenLabel"; "required": false; }; "passengerSelectId": { "alias": "passengerSelectId"; "required": false; }; "passengerSelectInfantsLabel": { "alias": "passengerSelectInfantsLabel"; "required": false; }; "passengerSelectLabel": { "alias": "passengerSelectLabel"; "required": false; }; "passengerSelectTitle": { "alias": "passengerSelectTitle"; "required": false; }; "passengerSelectYoungAdultsLabel": { "alias": "passengerSelectYoungAdultsLabel"; "required": false; }; "passengerSelectYouthsLabel": { "alias": "passengerSelectYouthsLabel"; "required": false; }; "passengers": { "alias": "passengers"; "required": false; }; "passengersTitleLabel": { "alias": "passengersTitleLabel"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "times": { "alias": "times"; "required": false; }; "transitTypeId": { "alias": "transitTypeId"; "required": false; }; "tripSwitchOneWayLabel": { "alias": "tripSwitchOneWayLabel"; "required": false; }; "tripSwitchRoundTripLabel": { "alias": "tripSwitchRoundTripLabel"; "required": false; }; "tripType": { "alias": "tripType"; "required": false; }; "tripTypeId": { "alias": "tripTypeId"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; }, { "destinationChange": "destinationChange"; "destinationOpenChange": "destinationOpenChange"; "directOnlyChange": "directOnlyChange"; "focusOnNextChange": "focusOnNextChange"; "inboundMonthChange": "inboundMonthChange"; "inboundOpenChange": "inboundOpenChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "originChange": "originChange"; "originOpenChange": "originOpenChange"; "outboundMonthChange": "outboundMonthChange"; "outboundOpenChange": "outboundOpenChange"; "outboundSelectedDateChange": "outboundSelectedDateChange"; "passengerSelectOpenChange": "passengerSelectOpenChange"; "passengersChange": "passengersChange"; "positionChange": "positionChange"; "tripTypeChange": "tripTypeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "nas-filter", never, { "airportRelations": { "alias": "airportRelations"; "required": false; }; "airportSelectInboundId": { "alias": "airportSelectInboundId"; "required": false; }; "airportSelectOutboundId": { "alias": "airportSelectOutboundId"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "allowedOriginAirports": { "alias": "allowedOriginAirports"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "datePickerComboInlineFlex": { "alias": "datePickerComboInlineFlex"; "required": false; }; "datePickerInboundId": { "alias": "datePickerInboundId"; "required": false; }; "datePickerOutboundId": { "alias": "datePickerOutboundId"; "required": false; }; "defaultSummarySeparator": { "alias": "defaultSummarySeparator"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "destination2AirportCode": { "alias": "destination2AirportCode"; "required": false; }; "directOnly": { "alias": "directOnly"; "required": false; }; "directOnlyLabel": { "alias": "directOnlyLabel"; "required": false; }; "directOnlyMobileLabel": { "alias": "directOnlyMobileLabel"; "required": false; }; "directTransitLabel": { "alias": "directTransitLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "editSearchTitle": { "alias": "editSearchTitle"; "required": false; }; "enableDatepickers": { "alias": "enableDatepickers"; "required": false; }; "enableDestinationSelect": { "alias": "enableDestinationSelect"; "required": false; }; "enableMultiCity": { "alias": "enableMultiCity"; "required": false; }; "enablePassengersSelect": { "alias": "enablePassengersSelect"; "required": false; }; "enableSuggestions": { "alias": "enableSuggestions"; "required": false; }; "enableTransitSwitch": { "alias": "enableTransitSwitch"; "required": false; }; "enableTripSwitch": { "alias": "enableTripSwitch"; "required": false; }; "expandedAccordionMobile": { "alias": "expandedAccordionMobile"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "groupBookingLabel": { "alias": "groupBookingLabel"; "required": false; }; "groupBookingLimit": { "alias": "groupBookingLimit"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "inlineOnDesktop": { "alias": "inlineOnDesktop"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "lastSummarySeparator": { "alias": "lastSummarySeparator"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxPaxCount": { "alias": "maxPaxCount"; "required": false; }; "maximizingLabel": { "alias": "maximizingLabel"; "required": false; }; "minAdultCount": { "alias": "minAdultCount"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "minimizeOnMobile": { "alias": "minimizeOnMobile"; "required": false; }; "minimizingLabel": { "alias": "minimizingLabel"; "required": false; }; "nasFormControlGroupBooking": { "alias": "nasFormControlGroupBooking"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormControlNameDestination2": { "alias": "nasFormControlNameDestination2"; "required": false; }; "nasFormControlNameDirectOnly": { "alias": "nasFormControlNameDirectOnly"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameOrigin2": { "alias": "nasFormControlNameOrigin2"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameTripType": { "alias": "nasFormControlNameTripType"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "noAirportsLabel": { "alias": "noAirportsLabel"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "orLabel": { "alias": "orLabel"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "origin2AirportCode": { "alias": "origin2AirportCode"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "overrideOrigin": { "alias": "overrideOrigin"; "required": false; }; "passengerSelectAdultsLabel": { "alias": "passengerSelectAdultsLabel"; "required": false; }; "passengerSelectChildrenLabel": { "alias": "passengerSelectChildrenLabel"; "required": false; }; "passengerSelectId": { "alias": "passengerSelectId"; "required": false; }; "passengerSelectInfantsLabel": { "alias": "passengerSelectInfantsLabel"; "required": false; }; "passengerSelectLabel": { "alias": "passengerSelectLabel"; "required": false; }; "passengerSelectTitle": { "alias": "passengerSelectTitle"; "required": false; }; "passengerSelectYoungAdultsLabel": { "alias": "passengerSelectYoungAdultsLabel"; "required": false; }; "passengerSelectYouthsLabel": { "alias": "passengerSelectYouthsLabel"; "required": false; }; "passengers": { "alias": "passengers"; "required": false; }; "passengersTitleLabel": { "alias": "passengersTitleLabel"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "times": { "alias": "times"; "required": false; }; "transitTypeId": { "alias": "transitTypeId"; "required": false; }; "tripSwitchOneWayLabel": { "alias": "tripSwitchOneWayLabel"; "required": false; }; "tripSwitchRoundTripLabel": { "alias": "tripSwitchRoundTripLabel"; "required": false; }; "tripSwitchMultiCityLabel": { "alias": "tripSwitchMultiCityLabel"; "required": false; }; "tripType": { "alias": "tripType"; "required": false; }; "tripTypeId": { "alias": "tripTypeId"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; }, { "destinationChange": "destinationChange"; "destination2Change": "destination2Change"; "destinationOpenChange": "destinationOpenChange"; "destination2OpenChange": "destination2OpenChange"; "directOnlyChange": "directOnlyChange"; "focusOnNextChange": "focusOnNextChange"; "inboundMonthChange": "inboundMonthChange"; "inboundOpenChange": "inboundOpenChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "originChange": "originChange"; "origin2Change": "origin2Change"; "originOpenChange": "originOpenChange"; "origin2OpenChange": "origin2OpenChange"; "outboundMonthChange": "outboundMonthChange"; "outboundOpenChange": "outboundOpenChange"; "outboundSelectedDateChange": "outboundSelectedDateChange"; "passengerSelectOpenChange": "passengerSelectOpenChange"; "passengersChange": "passengersChange"; "positionChange": "positionChange"; "tripTypeChange": "tripTypeChange"; }, never, never, false, never>;
 }
 
 declare class PassengerSelectModule {
@@ -6350,6 +6471,289 @@ declare class PremiumToggleModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<PremiumToggleModule>;
 }
 
+interface SelectOptionNewModel {
+    value: string;
+    label: string;
+    displayValue?: string;
+    icon?: string;
+}
+
+declare class SelectNewService {
+    private _selected$;
+    selected$: rxjs.Observable<string>;
+    select(value: string): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectNewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SelectNewService>;
+}
+
+declare class OptionNewComponent extends NasComponentBase {
+    private selectService;
+    displayValue: string;
+    icon: string;
+    label: string;
+    value: string;
+    constructor(selectService: SelectNewService);
+    onSelect(value: string): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionNewComponent, "nas-option-new", never, { "displayValue": { "alias": "displayValue"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+
+/**
+ * @description
+ * Norwegian Select Component | Form Controls | New design
+*/
+declare class SelectNewComponent extends NasComponentBase implements OnInit, AfterViewInit {
+    private selectService;
+    selectBoxElement: ElementRef;
+    optionsComponent: QueryList<OptionNewComponent>;
+    /**
+     * @property Input
+     *
+     * @description
+     * Makes the select component autogrow.
+    */
+    autogrow?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets compact styling. Slighty smaller then regular select box.
+    */
+    compact?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets disabled styling.
+    */
+    disabled?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets error styling.
+    */
+    error?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * The error message to display when error occur. Error attribute need to be true.
+    */
+    errorMessage?: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * The ID of the native input element
+    */
+    id: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets information text to the tooltip. Info icon will be displayed between label text.
+    */
+    infoText?: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets inline styling. Possible to be used in sentences.
+    */
+    inline?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets the label to the select box.
+    */
+    label?: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets a formControlName directive to the select.
+    */
+    nasFormControlName: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Adds the parent's form group.
+    */
+    nasFormGroup: FormGroup;
+    /**
+     * @property Input
+     *
+     * @description
+     * Add options to the selector.
+    */
+    get options(): Array<SelectOptionNewModel>;
+    set options(value: Array<SelectOptionNewModel>);
+    /**
+     * @property Input
+     *
+     * @description
+     * Presenting value instead of title in the select box.
+    */
+    presentValue?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Set selected value from option.
+    */
+    get selected(): SelectOptionNewModel;
+    set selected(option: SelectOptionNewModel);
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets simple styling. Border and background color stylings are removed.
+    */
+    simple?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets spaceless styling. Removes margins for the select box.
+    */
+    spaceless?: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets stretched styling.
+    */
+    stretched?: boolean;
+    /**
+     * @property Output
+     *
+     * @description
+     * An event that is fired every time a selection is done.
+    */
+    selectedChange: EventEmitter<SelectOptionNewModel>;
+    get modifiers(): Array<string>;
+    get selectControl(): AbstractControl;
+    get selectId(): string;
+    get selectedLabel(): string;
+    open: boolean;
+    hasContent: boolean;
+    optionsValue: Array<SelectOptionNewModel>;
+    selectedValue: SelectOptionNewModel;
+    private componentId;
+    private activeIndex;
+    private NAS_OPTION_TAG;
+    constructor(selectService: SelectNewService);
+    clickOutside(event: MouseEvent): void;
+    onKeydown(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onOpen(): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    private setSelected;
+    private setOptionsFromContent;
+    private selectKeyDown;
+    private updateActiveOption;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectNewComponent, "nas-select-new", never, { "autogrow": { "alias": "autogrow"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "infoText": { "alias": "infoText"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "label": { "alias": "label"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "options": { "alias": "options"; "required": false; }; "presentValue": { "alias": "presentValue"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "stretched": { "alias": "stretched"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["optionsComponent"], ["*"], false, never>;
+}
+
+declare class OptGroupNewComponent extends NasComponentBase {
+    label: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptGroupNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptGroupNewComponent, "nas-optgroup-new", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+*/
+
+/**
+ *
+ * @description
+ * Norwegian Tooltip Component | Functional | Beta
+*/
+declare class TooltipComponent extends NasComponentBase implements OnInit, AfterViewInit {
+    private deviceHelper;
+    container: ElementRef;
+    content: ElementRef;
+    tooltip: ElementRef;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets text on the tooltip.
+    */
+    text: string;
+    /**
+     * @property Input
+     *
+     * @description
+     * Displays the tooltip; hover listener will be ignored.
+    */
+    enabled: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets left styling for the tooltip; auto-positioning on screen size will be ignored.
+    */
+    left: boolean;
+    /**
+     * @property Input
+     *
+     * @description
+     * Sets right styling for the tooltip; auto-positioning on screen size will be ignored.
+    */
+    right: boolean;
+    opacityTimer: any;
+    private hostListenerIgnored;
+    private innerWidth;
+    constructor(deviceHelper: DeviceHelper);
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onScroll(): void;
+    onClickOutside(event: MouseEvent): void;
+    onResize(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    getClasses(element?: string, modifiers?: any): Array<ClassModel>;
+    onClickClose(): void;
+    onClickOpenMobileView(): void;
+    private adjustTooltipPosition;
+    private renderViewHostListenerIgnoredOnInit;
+    private hideToolTip;
+    private setToolTipOpacity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "nas-tooltip", never, { "text": { "alias": "text"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "left": { "alias": "left"; "required": false; }; "right": { "alias": "right"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class TooltipModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, [typeof TooltipComponent], [typeof i2.CommonModule, typeof NasClassModule, typeof IconModule], [typeof TooltipComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TooltipModule>;
+}
+
+declare class SelectNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectNewModule, [typeof SelectNewComponent, typeof OptionNewComponent, typeof OptGroupNewComponent], [typeof i2.CommonModule, typeof i4$1.ReactiveFormsModule, typeof NasClassModule, typeof IconModule, typeof TooltipModule], [typeof SelectNewComponent, typeof OptionNewComponent, typeof OptGroupNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectNewModule>;
+}
+
 interface StatusBoxModel {
     title?: string;
     text?: string;
@@ -9032,77 +9436,6 @@ declare class RibbonBannerModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<RibbonBannerModule>;
 }
 
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
-*/
-
-/**
- *
- * @description
- * Norwegian Tooltip Component | Functional | Beta
-*/
-declare class TooltipComponent extends NasComponentBase implements OnInit, AfterViewInit {
-    private deviceHelper;
-    container: ElementRef;
-    content: ElementRef;
-    tooltip: ElementRef;
-    /**
-     * @property Input
-     *
-     * @description
-     * Sets text on the tooltip.
-    */
-    text: string;
-    /**
-     * @property Input
-     *
-     * @description
-     * Displays the tooltip; hover listener will be ignored.
-    */
-    enabled: boolean;
-    /**
-     * @property Input
-     *
-     * @description
-     * Sets left styling for the tooltip; auto-positioning on screen size will be ignored.
-    */
-    left: boolean;
-    /**
-     * @property Input
-     *
-     * @description
-     * Sets right styling for the tooltip; auto-positioning on screen size will be ignored.
-    */
-    right: boolean;
-    opacityTimer: any;
-    private hostListenerIgnored;
-    private innerWidth;
-    constructor(deviceHelper: DeviceHelper);
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    onScroll(): void;
-    onClickOutside(event: MouseEvent): void;
-    onResize(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    getClasses(element?: string, modifiers?: any): Array<ClassModel>;
-    onClickClose(): void;
-    onClickOpenMobileView(): void;
-    private adjustTooltipPosition;
-    private renderViewHostListenerIgnoredOnInit;
-    private hideToolTip;
-    private setToolTipOpacity;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "nas-tooltip", never, { "text": { "alias": "text"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "left": { "alias": "left"; "required": false; }; "right": { "alias": "right"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class TooltipModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipModule, [typeof TooltipComponent], [typeof i2.CommonModule, typeof NasClassModule, typeof IconModule], [typeof TooltipComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TooltipModule>;
-}
-
 declare class GetPositionService {
     get(element: any): {
         x: number;
@@ -9112,5 +9445,5 @@ declare class GetPositionService {
     static ɵprov: i0.ɵɵInjectableDeclaration<GetPositionService>;
 }
 
-export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, AvailabilitySortOption, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CheckboxComponent, CheckboxModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MarketingCarrier, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptgroupComponent, OptionComponent, OptionModel, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, ResultsLabelsModel, RibbonBannerComponent, RibbonBannerModule, SearchComponent, SelectComponent, SelectModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, StatusBoxComponent, StatusBoxModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService, WeekStart, bannerAnimation };
+export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, AvailabilitySortOption, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CheckboxComponent, CheckboxModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MarketingCarrier, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptGroupNewComponent, OptgroupComponent, OptionComponent, OptionModel, OptionNewComponent, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, ResultsLabelsModel, RibbonBannerComponent, RibbonBannerModule, SearchComponent, SelectComponent, SelectModule, SelectNewComponent, SelectNewModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, StatusBoxComponent, StatusBoxModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService, WeekStart, bannerAnimation };
 export type { AbandonedBasketItemModel, AirportModel, AirportSelectEventModel, AirportSelectStateModel, Animate, AutocompleteModel, CalendarDateModel, CalendarModel, ClassModel, DayModel, IconListModel, InfoModel, JourneyAvailabilityModel, JourneyAvailabilitySortModel, JourneyDetailsModel, JourneyDurationModel, JourneyFlightModel, JourneyModel, JourneySelectionCollapsedModel, JourneySelectionCommonModel, JourneySelectionExpandedModel, JourneySelectionModel, JourneyStopoverModel, JourneyTransitInfo, LinkModel, NumberFieldModel, OperatingCarriersModel, PassengersModel, Position, PositionModel, SelectOptionModel, SortModel, SortOptionModel, StatusBoxModel, StopoverTimeModel, TripSummaryModel, WalletModel, WalletTexts, WalletUrls, WeekModel };