@norwegian/core-components 8.0.1 → 8.0.2

package/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { ElementRef, OnInit, EventEmitter, ChangeDetectorRef, AfterViewInit, OnChanges, QueryList, AfterViewChecked, AfterContentInit, Renderer2, OnDestroy, AfterContentChecked, SimpleChanges } from '@angular/core';
+import { ElementRef, OnInit, EventEmitter, ChangeDetectorRef, AfterViewInit, OnChanges, QueryList, Renderer2, AfterViewChecked, OnDestroy, AfterContentChecked, SimpleChanges } from '@angular/core';
 import * as i2 from '@angular/common';
 import { DatePipe } from '@angular/common';
 import * as i4$1 from '@angular/forms';
-import { FormGroup, FormControl, AbstractControl } from '@angular/forms';
+import { FormGroup, AbstractControl } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import * as i4 from '@angular/router';
@@ -2373,83 +2373,55 @@ interface DayModel {
     isWithinRange?: boolean;
 }
 
-interface SelectOptionModel$1 {
-    value: string;
-    title: string;
-}
-
 interface WeekModel {
     days: Array<DayModel>;
     weekNumber: number;
 }
 
 interface SelectOptionModel {
+    displayValue?: string;
+    icon?: string;
+    label: string;
     value: string;
-    title: string;
 }
 
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-
-declare class OptionComponent extends NasComponentBase implements AfterViewChecked {
-    private elementRef;
-    /**
-     *
-     * Add option.
-     * @example
-     * ```html
-     * <nas-option [option]="option"></nas-option>
-     * ```
-     */
-    option: SelectOptionModel;
-    constructor(elementRef: ElementRef<HTMLElement>);
-    ngAfterViewChecked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "nas-option", never, { "option": { "alias": "option"; "required": false; }; }, {}, never, never, false, never>;
+declare class SelectService {
+    private _selected$;
+    selected$: rxjs.Observable<string>;
+    select(value: string): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SelectService>;
 }
 
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-
-declare class OptgroupComponent extends NasComponentBase implements AfterViewChecked {
-    private elementRef;
-    optionComponents: QueryList<OptionComponent>;
-    /**
-     *
-     * Sets the label on the group.
-     * @example
-     * ```html
-     * <nas-optgroup [label]="'Label name'"></nas-optgroup>
-     * ```
-     */
+declare class OptionComponent extends NasComponentBase {
+    private selectService;
+    displayValue: string;
+    icon: string;
     label: string;
-    constructor(elementRef: ElementRef);
-    ngAfterViewChecked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<OptgroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptgroupComponent, "nas-optgroup", never, { "label": { "alias": "label"; "required": false; }; }, {}, ["optionComponents"], ["*"], false, never>;
+    value: string;
+    constructor(selectService: SelectService);
+    onSelect(value: string): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "nas-option", 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 | Deprecated
- */
-declare class SelectComponent extends NasComponentBase implements OnChanges, AfterViewChecked, AfterContentInit, OnInit {
-    private change;
-    errorMessageWrapper: ElementRef;
-    select: ElementRef<HTMLSelectElement>;
-    selectTitleWrapper: ElementRef;
-    optionComponents: QueryList<OptionComponent>;
-    optgroupComponents: QueryList<OptgroupComponent>;
+ * Norwegian Select Component | Form Controls | New design
+*/
+declare class SelectComponent extends NasComponentBase implements OnInit, AfterViewInit {
+    private selectService;
+    selectBoxElement: ElementRef;
+    optionsComponent: QueryList<OptionComponent>;
     /**
      * @property Input
      *
@@ -2461,14 +2433,7 @@ declare class SelectComponent extends NasComponentBase implements OnChanges, Aft
      * @property Input
      *
      * @description
-     * Sets block styling.
-    */
-    block?: boolean;
-    /**
-     * @property Input
-     *
-     * @description
-     * Sets compact styling.
+     * Sets compact styling. Slighty smaller then regular select box.
     */
     compact?: boolean;
     /**
@@ -2489,60 +2454,42 @@ declare class SelectComponent extends NasComponentBase implements OnChanges, Aft
      * @property Input
      *
      * @description
-     * The error message to display when error occurs. Error attribute must be true.
+     * The error message to display when error occur. Error attribute need to be true.
     */
     errorMessage?: string;
     /**
      * @property Input
      *
      * @description
-     * Sets fill styling.
-    */
-    fill?: boolean;
-    /**
-     * @property Input
-     *
-     * @description
-     * The ID of the native input element.
+     * The ID of the native input element
     */
     id: string;
     /**
      * @property Input
      *
      * @description
-     * Add custom inline styling.
-    */
-    inline?: boolean;
-    /**
-     * @property Input
-     *
-     * @description
-     * Sets light styling.
+     * Sets information text to the tooltip. Info icon will be displayed between label text.
     */
-    light?: boolean;
+    infoText?: string;
     /**
      * @property Input
      *
      * @description
-     * Add custom label styling.
+     * Sets inline styling. Possible to be used in sentences.
     */
-    label: string;
+    inline?: boolean;
     /**
      * @property Input
      *
      * @description
-     * Add custom CSS class to the selector.
+     * Sets the label to the select box.
     */
-    cssClass: ClassModel;
+    label?: string;
     /**
      * @property Input
      *
      * @description
      * Sets a formControlName directive to the select.
-     * Requires ReactiveFormsModule and nasFormGroup must be provided.
-     *
-     * @example
-     * <nas-select [nasFormControlName]="'fareClass'"></nas-select>
     */
     nasFormControlName: string;
     /**
@@ -2550,10 +2497,6 @@ declare class SelectComponent extends NasComponentBase implements OnChanges, Aft
      *
      * @description
      * Adds the parent's form group.
-     * Requires ReactiveFormsModule and is required if nasFormControlName is provided.
-     *
-     * @example
-     * <nas-select [nasFormGroup]="classGroup"></nas-select>
     */
     nasFormGroup: FormGroup;
     /**
@@ -2575,84 +2518,63 @@ declare class SelectComponent extends NasComponentBase implements OnChanges, Aft
      * @property Input
      *
      * @description
-     * Sets simple styling.
-    */
-    simple?: boolean;
-    /**
-     * @property Input
-     *
-     * @description
-     * Sets spaceless styling.
+     * Set selected value from option.
     */
-    spaceless?: boolean;
+    get selected(): SelectOptionModel;
+    set selected(option: SelectOptionModel);
     /**
      * @property Input
      *
      * @description
-     * The default selected value.
+     * Sets simple styling. Border and background color stylings are removed.
     */
-    selectedValue: SelectOptionModel;
+    simple?: boolean;
     /**
      * @property Input
      *
      * @description
-     * Gets or sets the selected value.
+     * Sets spaceless styling. Removes margins for the select box.
     */
-    get selected(): SelectOptionModel;
-    set selected(option: SelectOptionModel);
+    spaceless?: boolean;
     /**
      * @property Input
      *
      * @description
-     * Sets stretch styling.
+     * Sets stretched styling.
     */
-    stretch?: boolean;
+    stretched?: boolean;
     /**
      * @property Output
      *
      * @description
-     * An event that fires every time a selection is done.
+     * An event that is fired every time a selection is done.
     */
     selectedChange: EventEmitter<SelectOptionModel>;
-    /**
-     * @property Output
-     *
-     * @description
-     * An event that fires every time a keydown event occurs on the select element.
-    */
-    keyDownEvent: EventEmitter<KeyboardEvent>;
-    active: boolean;
-    focus: boolean;
+    open: boolean;
     hasContent: boolean;
-    labelWidth: number;
-    selectControl: FormControl<any>;
-    selectTitle: string;
-    valid: boolean;
-    selectedDisplayValue: string;
-    private optionsValue;
-    private open;
+    optionsValue: Array<SelectOptionModel>;
+    selectedValue: SelectOptionModel;
+    get modifiers(): Array<string>;
+    get selectControl(): AbstractControl;
+    get selectId(): string;
+    get selectedLabel(): string;
     private componentId;
-    private lastWasTab;
-    constructor(change: ChangeDetectorRef);
-    onKeydown(e: KeyboardEvent): void;
+    private activeIndex;
+    private NAS_OPTION_TAG;
+    constructor(selectService: SelectService);
+    clickOutside(event: MouseEvent): void;
+    onKeydown(event: KeyboardEvent): void;
     ngOnInit(): void;
-    ngOnChanges(): void;
-    ngAfterContentInit(): void;
-    ngAfterViewChecked(): void;
-    getSelectId(): string;
-    get selectId(): string;
-    get errorId(): string;
-    toggleSelect(event: any, keydown?: boolean): void;
-    blurSelect(): void;
-    getClasses(): Array<ClassModel>;
-    activeSelect(): void;
-    focusSelect(): void;
-    private setSelectedAndEmitChange;
-    private setFirstOptionSelected;
-    private updateShadow;
-    private setSelectedTitle;
+    ngAfterViewInit(): void;
+    onOpen(): void;
+    getIconName(value: string): string;
+    getIconType(value: string): string;
+    private setSelected;
+    private setOptionsFromContent;
+    private selectKeyDown;
+    private updateActiveOption;
     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; }; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "nas-select", 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 CalendarService {
@@ -2684,8 +2606,9 @@ declare class CalendarComponent extends NasComponentBase implements OnInit {
     dateService: DateHelper;
     datePipe: DatePipe;
     private calendarService;
+    private cdr;
     weeks: Array<WeekModel>;
-    months: SelectOptionModel$1[];
+    months: SelectOptionModel[];
     weekdays: string[];
     isPreviousMonthDisabled: boolean;
     previousMonthRef: ElementRef<HTMLButtonElement>;
@@ -2786,8 +2709,8 @@ declare class CalendarComponent extends NasComponentBase implements OnInit {
      * When active date has been changed.
      */
     activeDateChange: EventEmitter<UtcDate>;
-    get selectedMonth(): SelectOptionModel$1;
-    set selectedMonth(option: SelectOptionModel$1);
+    get selectedMonth(): SelectOptionModel;
+    set selectedMonth(option: SelectOptionModel);
     get nextMonthDisabled(): boolean;
     get currentMonthModel(): string;
     /**
@@ -2809,7 +2732,7 @@ declare class CalendarComponent extends NasComponentBase implements OnInit {
     private selectedDateValue;
     private shouldFocusCalendarOnAvailableDatesUpdate;
     private componentId;
-    constructor(dateService: DateHelper, datePipe: DatePipe, calendarService: CalendarService);
+    constructor(dateService: DateHelper, datePipe: DatePipe, calendarService: CalendarService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     dateKeyDown(event: KeyboardEvent): void;
     onPreviousMonthKeydown(event: KeyboardEvent): void;
@@ -3088,12 +3011,12 @@ declare class DatepickerComponent extends NasComponentBase implements OnInit {
      * Month selected via dropdown or navigation buttons.
     */
     selectedMonthChange: EventEmitter<UtcDate>;
-    focusedTime: SelectOptionModel$1;
+    focusedTime: SelectOptionModel;
     model: string;
-    selectedTimeOption: SelectOptionModel$1;
+    selectedTimeOption: SelectOptionModel;
     show: boolean;
     showTimes: boolean;
-    timeOptions: Array<SelectOptionModel$1>;
+    timeOptions: Array<SelectOptionModel>;
     utcDate: UtcDate;
     get activeDate(): UtcDate;
     set activeDate(date: UtcDate);
@@ -3121,7 +3044,7 @@ declare class DatepickerComponent extends NasComponentBase implements OnInit {
     onMonthChange(currentMonth: UtcDate): void;
     onMouseDownDatepicker(): void;
     openCalendar(): void;
-    onTimeSelected(option: SelectOptionModel$1): void;
+    onTimeSelected(option: SelectOptionModel): void;
     getMainClass(): Array<ClassModel>;
     getLabelClass(): ClassModel;
     closeCalendar(): void;
@@ -3138,9 +3061,87 @@ declare class DatepickerComponent extends NasComponentBase implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nas-datepicker", never, { "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableDates": { "alias": "availableDates"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "open": { "alias": "open"; "required": false; }; "lowerLimitDate": { "alias": "lowerLimitDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; }; "selectedTime": { "alias": "selectedTime"; "required": false; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; }; "times": { "alias": "times"; "required": false; }; }, { "focusOnNextChange": "focusOnNextChange"; "focusOnPreviousChange": "focusOnPreviousChange"; "openChange": "openChange"; "selectedDateChange": "selectedDateChange"; "selectedMonthChange": "selectedMonthChange"; }, never, ["*"], false, never>;
 }
 
+declare class OptGroupComponent extends NasComponentBase {
+    label: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptGroupComponent, "nas-optgroup", 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 SelectModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, [typeof SelectComponent, typeof OptionComponent, typeof OptgroupComponent], [typeof i2.CommonModule, typeof i4$1.ReactiveFormsModule, typeof NasClassModule, typeof IconModule], [typeof SelectComponent, typeof OptionComponent, typeof OptgroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectModule, [typeof SelectComponent, typeof OptionComponent, typeof OptGroupComponent], [typeof i2.CommonModule, typeof i4$1.ReactiveFormsModule, typeof NasClassModule, typeof IconModule, typeof TooltipModule], [typeof SelectComponent, typeof OptionComponent, typeof OptGroupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SelectModule>;
 }
 
@@ -4959,24 +4960,24 @@ declare class FilterModule {
 }
 
 interface SortOptionModel extends SelectOptionModel {
+    disabled?: boolean;
+    error?: boolean;
     nasFormControlName?: string;
     nasFormGroup?: string;
     required?: boolean;
     spaceless?: boolean;
     strong?: boolean;
     tabIndex?: number;
-    disabled?: boolean;
-    error?: boolean;
 }
 
 interface SortModel {
-    label: string;
-    sortOptions: Array<SortOptionModel>;
     applyButtonLabel?: string;
     closeDropdownOnApplyClick?: boolean;
     closeDropdownOnOptionChange?: boolean;
-    right?: boolean;
+    label: string;
     name: string;
+    right?: boolean;
+    sortOptions: Array<SortOptionModel>;
 }
 
 /**
@@ -5774,6 +5775,29 @@ declare class PageFooterModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<PageFooterModule>;
 }
 
+interface TextModel {
+    title?: string;
+    rewardNumberTitle?: string;
+    notAvailableTitle?: string;
+    notAvailableMessage?: string;
+    cashPointsDescription?: string;
+    spennDescription?: string;
+}
+
+interface UrlModel {
+    myTravelsUrl?: LinkModel;
+    signOutUrl?: LinkModel;
+}
+
+interface WalletModel {
+    spennBalance?: number;
+    cashpointsBalance?: number;
+    rewardNumber?: string;
+    spennEnabled?: boolean;
+    urls?: UrlModel;
+    texts?: TextModel;
+}
+
 /**
  * @license
  * Copyright Norwegian Air Shuttle. All Rights Reserved.
@@ -5810,25 +5834,32 @@ declare class HamburgerComponent extends NasComponentBase {
     static ɵcmp: i0.ɵɵComponentDeclaration<HamburgerComponent, "nas-hamburger", never, { "expanded": { "alias": "expanded"; "required": false; }; }, {}, never, never, false, never>;
 }
 
-interface WalletModel {
-    spennBalance?: number;
-    cashpointsBalance?: number;
-    rewardNumber?: string;
-    spennEnabled?: boolean;
-    urls?: WalletUrls;
-    texts?: WalletTexts;
-}
-interface WalletUrls {
-    myTravelsUrl?: LinkModel;
-    signOutUrl?: LinkModel;
-}
-interface WalletTexts {
-    rewardPoints: string;
-    rewardNumber: string;
-    notAvailable: string;
-    notAvailableMessage: string;
-    cashPointsDescription: string;
-    spennDescription?: string;
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+
+declare class WalletComponent extends NasComponentBase implements AfterViewInit {
+    private cdr;
+    /**
+     * @property Input
+     *
+     * Model to define the wallet in the header
+     */
+    walletModel: WalletModel;
+    showContent: boolean;
+    get pointsBalance(): number;
+    get showNotAvailableMessage(): boolean;
+    get spennAndCashpointUnavailable(): boolean;
+    get pointsDescription(): string;
+    get icon(): string;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    onClickToggleContent(): void;
+    getCurrentHref(): string;
+    myTravelsPage(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WalletComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WalletComponent, "nas-wallet", never, { "walletModel": { "alias": "walletModel"; "required": false; }; }, {}, never, never, false, never>;
 }
 
 /**
@@ -5921,13 +5952,6 @@ declare class PageHeaderComponent extends NasComponentBase implements OnDestroy,
      * Link to profile.
     */
     profileLink: IconListModel;
-    /**
-     * @property Input
-     *
-     * @description
-     * Will display the Norwegian Reward logo, set this to true to display it. It's false by default.
-    */
-    reward: boolean;
     /**
      * @property Input
      *
@@ -5969,34 +5993,7 @@ declare class PageHeaderComponent extends NasComponentBase implements OnDestroy,
     redirectToUrl(): string;
     setBrandingCSSClass(): "disable-link" | "branding";
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "nas-page-header", never, { "closeText": { "alias": "closeText"; "required": false; }; "disableFrontPageUrl": { "alias": "disableFrontPageUrl"; "required": false; }; "displayProfile": { "alias": "displayProfile"; "required": false; }; "frontPageUrl": { "alias": "frontPageUrl"; "required": false; }; "isAuthenticated": { "alias": "isAuthenticated"; "required": false; }; "links": { "alias": "links"; "required": false; }; "logOutLink": { "alias": "logOutLink"; "required": false; }; "menuText": { "alias": "menuText"; "required": false; }; "nozindex": { "alias": "nozindex"; "required": false; }; "profileLink": { "alias": "profileLink"; "required": false; }; "reward": { "alias": "reward"; "required": false; }; "searchForm": { "alias": "searchForm"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "useRouterLink": { "alias": "useRouterLink"; "required": false; }; "walletModel": { "alias": "walletModel"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], false, never>;
-}
-
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-
-declare class WalletComponent extends NasComponentBase {
-    private cdr;
-    /**
-     * @property Input
-     *
-     * Model to define the wallet in the header
-     */
-    walletModel: WalletModel;
-    showContent: boolean;
-    get pointsBalance(): number;
-    get showNotAvailableMessage(): boolean;
-    get spennAndCashpointUnavailable(): boolean;
-    get pointsDescription(): string;
-    get icon(): string;
-    constructor(cdr: ChangeDetectorRef);
-    onClickToggleContent(): void;
-    getCurrentHref(): string;
-    myTravelsPage(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<WalletComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WalletComponent, "nas-wallet", never, { "walletModel": { "alias": "walletModel"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "nas-page-header", never, { "closeText": { "alias": "closeText"; "required": false; }; "disableFrontPageUrl": { "alias": "disableFrontPageUrl"; "required": false; }; "displayProfile": { "alias": "displayProfile"; "required": false; }; "frontPageUrl": { "alias": "frontPageUrl"; "required": false; }; "isAuthenticated": { "alias": "isAuthenticated"; "required": false; }; "links": { "alias": "links"; "required": false; }; "logOutLink": { "alias": "logOutLink"; "required": false; }; "menuText": { "alias": "menuText"; "required": false; }; "nozindex": { "alias": "nozindex"; "required": false; }; "profileLink": { "alias": "profileLink"; "required": false; }; "searchForm": { "alias": "searchForm"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "useRouterLink": { "alias": "useRouterLink"; "required": false; }; "walletModel": { "alias": "walletModel"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], false, never>;
 }
 
 /**
@@ -6471,289 +6468,6 @@ 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;
@@ -9445,5 +9159,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, 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 };
+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, WalletComponent, 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, SortModel, SortOptionModel, StatusBoxModel, StopoverTimeModel, TextModel, TripSummaryModel, UrlModel, WalletModel, WeekModel };