@norwegian/core-components 6.33.1 → 6.34.1

package/lib/components/button-new/button-new.component.d.ts

@@ -0,0 +1,270 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { EventEmitter, ElementRef } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { ClassModel } from '../../core/models/class.model';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Norwegian Button Component | New design | Beta
+ */
+export declare class ButtonNewComponent extends NasComponentBase {
+    button: ElementRef<HTMLButtonElement>;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set primary style of button (red).
+     *
+     * @example
+     * <nas-button primary>Click on me!</nas-button>
+     */
+    primary?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set secondary style of button (blue).
+     * Primary is default style.
+     *
+     * @example
+     * <nas-button secondary>Click on me!</nas-button>
+     */
+    secondary?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set link style of button. Button will look like a link, with underlined text.
+     *
+     * @example
+     * <nas-button link>Click on me!</nas-button>
+     */
+    link?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set light style of button (grey).
+     *
+     * @example
+     * <nas-button light>Click on me!</nas-button>
+     */
+    light?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set large style of button. Can be compined with primary, secondary and light.
+     *
+     * @example
+     * <nas-button large>Click on me!</nas-button>
+     */
+    large?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set block style of button. Will have block behaviour.
+     * Can be compined with primary, secondary and light.
+     *
+     * @example
+     * <nas-button block>Click on me!</nas-button>
+     */
+    block?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set flex style of button. Will have flex box behaviour.
+     * Can be compined with primary, secondary and light.
+     *
+     * @example
+     * <nas-button flex>Click on me!</nas-button>
+     */
+    flex?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set compact style of button. Will be smaller, without "the line".
+     * Can be compined with primary, secondary and light.
+     *
+     * @example
+     * <nas-button compact>Click on me!</nas-button>
+     */
+    compact?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set right style of button. Will be aligned at right.
+     * Can be compined with primary, secondary and light.
+     *
+     * @example
+     * <nas-button right>Click on me!</nas-button>
+     */
+    right?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set spaceless style of button. Will remove space around button.
+     * Can be compined with primary, secondary and light.
+     *
+     * @example
+     * <nas-button spaceless>Click on me!</nas-button>
+     */
+    spaceless?: boolean;
+    /**
+     * @property Input
+     * @description
+     * String to support href.
+     * Can be combined with all other properties.
+     *
+     * @example
+     * <nas-button [href]="http://www.norwegian.com">Click on me!</nas-button>
+     */
+    href?: string;
+    /**
+     * @property Input
+     * @description
+     * String to be tracked by e.x. GTM og GA.
+     * Can be combined with all other properties.
+     *
+     * @example
+     * <nas-button [trackingValue]="trackingValue">Click on me!</nas-button>
+     */
+    trackingvalue?: string;
+    /**
+     * @property Input
+     * @description
+     * Boolean to override disabled. Button will be clickable even though disabled is set.
+     *
+     * @example
+     * <nas-button canContinueOnDisabled>Click on me!</nas-button>
+     */
+    canContinueOnDisabled?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set disabled. Button will get disabled styling.
+     *
+     * @example
+     * <nas-button disabled>Click on me!</nas-button>
+     */
+    disabled: boolean;
+    /**
+     * @property Input
+     * @description
+     * String to set button type. Default value is "button".
+     *
+     * @example
+     * <nas-button [type]="'submit'">Click on me!</nas-button>
+     */
+    type: string;
+    /**
+     * @property Input
+     * @description
+     * Adds custom CSS class to the button. Button will sett additional custom styling.
+     *
+     * @example
+     * <nas-button [cssClass]="'my-custom-class'">Click on me!</nas-button>
+     */
+    cssClass?: ClassModel;
+    /**
+     * @property Input
+     * @description
+     * String to set aria label on button.
+     *
+     * @example
+     * <nas-button [ariaLabel]="'this is my aria label'">Click on me!</nas-button>
+     */
+    ariaLabel?: string;
+    /**
+     * @property Input
+     * @description
+     * Property to set custom styling on button.
+     *
+     * @example
+     * <nas-button [cssStyle]="{'width': '300px', 'height': '40px'}">Click on me!</nas-button>
+     */
+    cssStyle: any;
+    /**
+     * @property Input
+     * @description
+     * Number to set custom tab index on button.
+     *
+     * @example
+     * <nas-button [tabIndex]="10">Click on me!</nas-button>
+     */
+    tabindex: number;
+    /**
+     * @property Input
+     * @description
+     * Boolean to override base css class.
+     *
+     * @example
+     * <nas-button [overrideBaseCssClass]="true">Click on me!</nas-button>
+     */
+    overrideBaseCssClass?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Use router link instead of href on links
+     */
+    useRouterLink?: boolean;
+    /**
+     * @property Input
+     * @description
+     * The ID of the native button element
+     */
+    id: string;
+    /**
+     * @property Input
+     * @description
+     * The target attribute specifies where to open the link.
+     * @example
+     * <nas-button link href="https://www.norwegian.com" target="_blank">Click on me!</nas-button>
+     */
+    target: string;
+    /**
+     * @property Input
+     * @description
+     * Sets the icon on the input
+     */
+    icon: string;
+    /**
+     * @property Input
+     * @description
+     * Boolean to display the icon on the left side of the button text
+     */
+    iconLeft?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set the button-link styling on the button
+     *
+     * @example
+     * <nas-button buttonlink>This is a button link!</nas-button>
+     */
+    buttonlink: boolean;
+    /**
+     * @property Output
+     * @description
+     * Change event when clicking on button.
+     *
+     * @example
+     * <nas-button (clickChange)="myFunction()">Click on me!</nas-button>
+     */
+    clickChange: EventEmitter<Event>;
+    get buttonStyle(): any;
+    get buttonId(): string;
+    get modifiers(): Array<string>;
+    private trackingEventSource;
+    trackingEvent$: import("rxjs").Observable<string>;
+    private componentId;
+    /**
+     * @description
+     * Represent a button component.
+     * Will initiate correct block style.
+     */
+    constructor();
+    getClasses(element?: string, modifiers?: any): Array<ClassModel>;
+    emitTrackingEvent(): void;
+    emitTrackingAndClickEvent(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonNewComponent, "nas-button-new", never, { "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "link": { "alias": "link"; "required": false; }; "light": { "alias": "light"; "required": false; }; "large": { "alias": "large"; "required": false; }; "block": { "alias": "block"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "right": { "alias": "right"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "href": { "alias": "href"; "required": false; }; "trackingvalue": { "alias": "trackingvalue"; "required": false; }; "canContinueOnDisabled": { "alias": "canContinueOnDisabled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "overrideBaseCssClass": { "alias": "overrideBaseCssClass"; "required": false; }; "useRouterLink": { "alias": "useRouterLink"; "required": false; }; "id": { "alias": "id"; "required": false; }; "target": { "alias": "target"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "buttonlink": { "alias": "buttonlink"; "required": false; }; }, { "clickChange": "clickChange"; }, never, ["*"], false, never>;
+}

package/lib/components/button-new/button-new.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button-new.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../core/directives/nas-class/nas-class.module";
+import * as i4 from "@angular/router";
+import * as i5 from "../icon/icon.module";
+export declare class ButtonNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonNewModule, [typeof i1.ButtonNewComponent], [typeof i2.CommonModule, typeof i3.NasClassModule, typeof i4.RouterModule, typeof i5.IconModule], [typeof i1.ButtonNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonNewModule>;
+}

package/lib/components/button-new/index.d.ts

@@ -0,0 +1,2 @@
+export * from './button-new.component';
+export * from './button-new.module';

package/lib/components/checkbox-new/checkbox-new.component.d.ts

@@ -0,0 +1,138 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { FormGroup } from '@angular/forms';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { ClassModel } from '../../core/models/class.model';
+import { EventEmitter, ElementRef, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Norwegian Checkbox Component | New design | Beta
+ */
+export declare class CheckboxNewComponent extends NasComponentBase implements OnInit {
+    input: ElementRef;
+    inputReactive: ElementRef;
+    /**
+     * @property Input
+     * @description
+     * Sets the Id of the native input element
+     */
+    get inputId(): string;
+    set inputId(value: string);
+    /**
+     * @property Input
+     * @description
+     * The value attribute is bound to ngModel of the native input element.
+     */
+    value: string;
+    /**
+     * @property Input
+     * @description
+     * Boolean setting error styling of the checkbox. Usefull for validation.
+     */
+    error: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to disable the checkbox.
+     */
+    disabled: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set display as block
+     */
+    block: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set spaceless styling - remove space around component.
+     */
+    spaceless: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set inverted styling.
+     */
+    inverted: boolean;
+    /**
+     * @property Input
+     * @description
+     * Boolean to set outlined styling
+     */
+    outlined: boolean;
+    /**
+     * @property Input
+     * @description
+     * Used to set the 'aria-label' attribute on the underlying input element.
+     */
+    ariaLabel: string;
+    /**
+     * @property Input
+     * @description
+     * The 'aria-labelledby' attribute takes precedence as the element's text alternative.
+     */
+    ariaDescribedby: string;
+    /**
+     * @property Input
+     * @description
+     * The 'aria-describedby' attribute is read after the element's label and field type.
+     */
+    ariaLabelledby: string;
+    /**
+     * @property Input
+     * @description
+     * String to set name on native input element
+     */
+    name: string;
+    /**
+     * @property Input
+     * @description
+     * String to set required on native input element
+     */
+    required: boolean;
+    /**
+     * @property Input
+     * @description
+     * String to set tabIndex on native input element
+     */
+    tabIndex: number;
+    get checked(): boolean;
+    set checked(value: boolean);
+    /**
+     * @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.
+     */
+    nasFormControlName: string;
+    /**
+     * @property Input
+     * @description
+     * Adds the parent's form group.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It is requiered to be filled if nasFormControlName added.
+     */
+    nasFormGroup: FormGroup;
+    checkedChange: EventEmitter<boolean>;
+    focusOnPrevious: EventEmitter<KeyboardEvent>;
+    get mainClass(): ClassModel;
+    private checkedValue;
+    private componentId;
+    private inputIdValue;
+    /**
+     * @description
+     * Represent a checkbox component.
+     * Will initiate correct block style.
+     */
+    constructor();
+    ngOnInit(): void;
+    inputChanged(event: Event): void;
+    inputClicked(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxNewComponent, "nas-checkbox-new", never, { "inputId": { "alias": "inputId"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "block": { "alias": "block"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; }, { "checkedChange": "checkedChange"; "focusOnPrevious": "focusOnPrevious"; }, never, ["*"], false, never>;
+}

package/lib/components/checkbox-new/checkbox-new.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox-new.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../../core/directives/nas-class/nas-class.module";
+export declare class CheckboxNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxNewModule, [typeof i1.CheckboxNewComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NasClassModule, typeof i3.ReactiveFormsModule], [typeof i1.CheckboxNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxNewModule>;
+}

package/lib/components/checkbox-new/index.d.ts

@@ -0,0 +1,2 @@
+export * from './checkbox-new.component';
+export * from './checkbox-new.module';

package/lib/components/filter/filter.component.d.ts

@@ -222,6 +222,12 @@ export declare class FilterComponent extends NasComponentBase implements OnInit,
      * A label for the adults passenger type in the passenger select dropdown.
      */
     passengerSelectAdultsLabel: string;
+    /**
+   * @property Input
+   * @description
+   * A label for the youths passenger type in the passenger select dropdown.
+   */
+    passengerSelectYouthsLabel: string;
     /**
      * @property Input
      * @description
@@ -803,5 +809,5 @@ export declare class FilterComponent extends NasComponentBase implements OnInit,
     private setLatestSearches;
     private closeDropdowns;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "nas-filter", never, { "airportRelations": { "alias": "airportRelations"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "allowedOriginAirports": { "alias": "allowedOriginAirports"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "passengerSelectLabel": { "alias": "passengerSelectLabel"; "required": false; }; "maxPaxCount": { "alias": "maxPaxCount"; "required": false; }; "passengers": { "alias": "passengers"; "required": false; }; "minAdultCount": { "alias": "minAdultCount"; "required": false; }; "tripSwitchRoundTripLabel": { "alias": "tripSwitchRoundTripLabel"; "required": false; }; "tripSwitchOneWayLabel": { "alias": "tripSwitchOneWayLabel"; "required": false; }; "directOnlyLabel": { "alias": "directOnlyLabel"; "required": false; }; "directTransitLabel": { "alias": "directTransitLabel"; "required": false; }; "minimizeOnMobile": { "alias": "minimizeOnMobile"; "required": false; }; "expandedAccordionMobile": { "alias": "expandedAccordionMobile"; "required": false; }; "defaultSummarySeparator": { "alias": "defaultSummarySeparator"; "required": false; }; "lastSummarySeparator": { "alias": "lastSummarySeparator"; "required": false; }; "passengerSelectTitle": { "alias": "passengerSelectTitle"; "required": false; }; "passengerSelectAdultsLabel": { "alias": "passengerSelectAdultsLabel"; "required": false; }; "passengerSelectChildrenLabel": { "alias": "passengerSelectChildrenLabel"; "required": false; }; "passengerSelectInfantsLabel": { "alias": "passengerSelectInfantsLabel"; "required": false; }; "groupBookingLabel": { "alias": "groupBookingLabel"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "editSearchTitle": { "alias": "editSearchTitle"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormControlNameTripType": { "alias": "nasFormControlNameTripType"; "required": false; }; "nasFormControlNameDirectOnly": { "alias": "nasFormControlNameDirectOnly"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlGroupBooking": { "alias": "nasFormControlGroupBooking"; "required": false; }; "nasFormControlNameSubsidyDiscount": { "alias": "nasFormControlNameSubsidyDiscount"; "required": false; }; "overrideOrigin": { "alias": "overrideOrigin"; "required": false; }; "enableSuggestions": { "alias": "enableSuggestions"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "tripType": { "alias": "tripType"; "required": false; }; "directOnly": { "alias": "directOnly"; "required": false; }; "groupBookingLimit": { "alias": "groupBookingLimit"; "required": false; }; "subsidyDiscounts": { "alias": "subsidyDiscounts"; "required": false; }; "selectedSubsidyDiscount": { "alias": "selectedSubsidyDiscount"; "required": false; }; "subsidyDiscountLabel": { "alias": "subsidyDiscountLabel"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "times": { "alias": "times"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "enableDatepickers": { "alias": "enableDatepickers"; "required": false; }; "minimizingLabel": { "alias": "minimizingLabel"; "required": false; }; "maximizingLabel": { "alias": "maximizingLabel"; "required": false; }; "directOnlyMobileLabel": { "alias": "directOnlyMobileLabel"; "required": false; }; "orLabel": { "alias": "orLabel"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "enableDestinationSelect": { "alias": "enableDestinationSelect"; "required": false; }; "enablePassengersSelect": { "alias": "enablePassengersSelect"; "required": false; }; "enableTripSwitch": { "alias": "enableTripSwitch"; "required": false; }; "enableTransitSwitch": { "alias": "enableTransitSwitch"; "required": false; }; }, { "originOpenChange": "originOpenChange"; "destinationOpenChange": "destinationOpenChange"; "passengerSelectOpenChange": "passengerSelectOpenChange"; "originChange": "originChange"; "destinationChange": "destinationChange"; "passengersChange": "passengersChange"; "tripTypeChange": "tripTypeChange"; "directOnlyChange": "directOnlyChange"; "outboundSelectedDateChange": "outboundSelectedDateChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "outboundOpenChange": "outboundOpenChange"; "inboundOpenChange": "inboundOpenChange"; "outboundMonthChange": "outboundMonthChange"; "inboundMonthChange": "inboundMonthChange"; "focusOnNextChange": "focusOnNextChange"; "positionChange": "positionChange"; "subsidyDiscountInfoClick": "subsidyDiscountInfoClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterComponent, "nas-filter", never, { "airportRelations": { "alias": "airportRelations"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "allowedOriginAirports": { "alias": "allowedOriginAirports"; "required": false; }; "allowedDestinationAirports": { "alias": "allowedDestinationAirports"; "required": false; }; "displayLatestSearches": { "alias": "displayLatestSearches"; "required": false; }; "useSwitch": { "alias": "useSwitch"; "required": false; }; "displayClosestAirports": { "alias": "displayClosestAirports"; "required": false; }; "originAirportCode": { "alias": "originAirportCode"; "required": false; }; "destinationAirportCode": { "alias": "destinationAirportCode"; "required": false; }; "passengerSelectLabel": { "alias": "passengerSelectLabel"; "required": false; }; "maxPaxCount": { "alias": "maxPaxCount"; "required": false; }; "passengers": { "alias": "passengers"; "required": false; }; "minAdultCount": { "alias": "minAdultCount"; "required": false; }; "tripSwitchRoundTripLabel": { "alias": "tripSwitchRoundTripLabel"; "required": false; }; "tripSwitchOneWayLabel": { "alias": "tripSwitchOneWayLabel"; "required": false; }; "directOnlyLabel": { "alias": "directOnlyLabel"; "required": false; }; "directTransitLabel": { "alias": "directTransitLabel"; "required": false; }; "minimizeOnMobile": { "alias": "minimizeOnMobile"; "required": false; }; "expandedAccordionMobile": { "alias": "expandedAccordionMobile"; "required": false; }; "defaultSummarySeparator": { "alias": "defaultSummarySeparator"; "required": false; }; "lastSummarySeparator": { "alias": "lastSummarySeparator"; "required": false; }; "passengerSelectTitle": { "alias": "passengerSelectTitle"; "required": false; }; "passengerSelectAdultsLabel": { "alias": "passengerSelectAdultsLabel"; "required": false; }; "passengerSelectYouthsLabel": { "alias": "passengerSelectYouthsLabel"; "required": false; }; "passengerSelectChildrenLabel": { "alias": "passengerSelectChildrenLabel"; "required": false; }; "passengerSelectInfantsLabel": { "alias": "passengerSelectInfantsLabel"; "required": false; }; "groupBookingLabel": { "alias": "groupBookingLabel"; "required": false; }; "allAirportsLabel": { "alias": "allAirportsLabel"; "required": false; }; "latestSearchesLabel": { "alias": "latestSearchesLabel"; "required": false; }; "closestAirportsLabel": { "alias": "closestAirportsLabel"; "required": false; }; "selectOriginFirstLabel": { "alias": "selectOriginFirstLabel"; "required": false; }; "labelOrigin": { "alias": "labelOrigin"; "required": false; }; "placeholderOrigin": { "alias": "placeholderOrigin"; "required": false; }; "labelDestination": { "alias": "labelDestination"; "required": false; }; "geolocationLabel": { "alias": "geolocationLabel"; "required": false; }; "geolocationBlockedLabel": { "alias": "geolocationBlockedLabel"; "required": false; }; "placeholderDestination": { "alias": "placeholderDestination"; "required": false; }; "keepSelection": { "alias": "keepSelection"; "required": false; }; "editSearchTitle": { "alias": "editSearchTitle"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlNameOrigin": { "alias": "nasFormControlNameOrigin"; "required": false; }; "nasFormControlNameDestination": { "alias": "nasFormControlNameDestination"; "required": false; }; "nasFormControlNameTripType": { "alias": "nasFormControlNameTripType"; "required": false; }; "nasFormControlNameDirectOnly": { "alias": "nasFormControlNameDirectOnly"; "required": false; }; "nasFormControlNameOutbound": { "alias": "nasFormControlNameOutbound"; "required": false; }; "nasFormControlNameInbound": { "alias": "nasFormControlNameInbound"; "required": false; }; "nasFormControlGroupBooking": { "alias": "nasFormControlGroupBooking"; "required": false; }; "nasFormControlNameSubsidyDiscount": { "alias": "nasFormControlNameSubsidyDiscount"; "required": false; }; "overrideOrigin": { "alias": "overrideOrigin"; "required": false; }; "enableSuggestions": { "alias": "enableSuggestions"; "required": false; }; "closestAirports": { "alias": "closestAirports"; "required": false; }; "minimize": { "alias": "minimize"; "required": false; }; "airports": { "alias": "airports"; "required": false; }; "tripType": { "alias": "tripType"; "required": false; }; "directOnly": { "alias": "directOnly"; "required": false; }; "groupBookingLimit": { "alias": "groupBookingLimit"; "required": false; }; "subsidyDiscounts": { "alias": "subsidyDiscounts"; "required": false; }; "selectedSubsidyDiscount": { "alias": "selectedSubsidyDiscount"; "required": false; }; "subsidyDiscountLabel": { "alias": "subsidyDiscountLabel"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "outboundLabel": { "alias": "outboundLabel"; "required": false; }; "inboundLabel": { "alias": "inboundLabel"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "outboundAvailableDates": { "alias": "outboundAvailableDates"; "required": false; }; "inboundAvailableDates": { "alias": "inboundAvailableDates"; "required": false; }; "times": { "alias": "times"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "outboundDisabled": { "alias": "outboundDisabled"; "required": false; }; "inboundDisabled": { "alias": "inboundDisabled"; "required": false; }; "enableDatepickers": { "alias": "enableDatepickers"; "required": false; }; "minimizingLabel": { "alias": "minimizingLabel"; "required": false; }; "maximizingLabel": { "alias": "maximizingLabel"; "required": false; }; "directOnlyMobileLabel": { "alias": "directOnlyMobileLabel"; "required": false; }; "orLabel": { "alias": "orLabel"; "required": false; }; "invalidDestinationText": { "alias": "invalidDestinationText"; "required": false; }; "outboundSelectedDate": { "alias": "outboundSelectedDate"; "required": false; }; "inboundSelectedDate": { "alias": "inboundSelectedDate"; "required": false; }; "enableDestinationSelect": { "alias": "enableDestinationSelect"; "required": false; }; "enablePassengersSelect": { "alias": "enablePassengersSelect"; "required": false; }; "enableTripSwitch": { "alias": "enableTripSwitch"; "required": false; }; "enableTransitSwitch": { "alias": "enableTransitSwitch"; "required": false; }; }, { "originOpenChange": "originOpenChange"; "destinationOpenChange": "destinationOpenChange"; "passengerSelectOpenChange": "passengerSelectOpenChange"; "originChange": "originChange"; "destinationChange": "destinationChange"; "passengersChange": "passengersChange"; "tripTypeChange": "tripTypeChange"; "directOnlyChange": "directOnlyChange"; "outboundSelectedDateChange": "outboundSelectedDateChange"; "inboundSelectedDateChange": "inboundSelectedDateChange"; "outboundOpenChange": "outboundOpenChange"; "inboundOpenChange": "inboundOpenChange"; "outboundMonthChange": "outboundMonthChange"; "inboundMonthChange": "inboundMonthChange"; "focusOnNextChange": "focusOnNextChange"; "positionChange": "positionChange"; "subsidyDiscountInfoClick": "subsidyDiscountInfoClick"; }, never, never, false, never>;
 }

package/lib/components/index.d.ts

@@ -14,7 +14,6 @@ export * from './icon/index';
 export * from './icon-list/index';
 export * from './info/index';
 export * from './input/index';
-export * from './input-text/index';
 export * from './simple-list/index';
 export * from './modal/index';
 export * from './number-field/index';
@@ -53,3 +52,9 @@ export * from './tag/index';
 export * from './alert/index';
 export * from './micro-button/index';
 export * from './campaign-header/index';
+export * from './button-new/index';
+export * from './checkbox-new/index';
+export * from './input-text/index';
+export * from './number-field-new/index';
+export * from './radio-new/index';
+export * from './slide-toggle-new/index';

package/lib/components/number-field-new/index.d.ts

@@ -0,0 +1,2 @@
+export * from './number-field-new.component';
+export * from './number-field-new.module';

package/lib/components/number-field-new/models/number-field-new.model.d.ts

@@ -0,0 +1,5 @@
+export interface NumberFieldNewModel {
+    icon: string;
+    styling: string;
+    disabled: boolean;
+}

package/lib/components/number-field-new/number-field-new.component.d.ts

@@ -0,0 +1,116 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { EventEmitter, ElementRef, OnInit } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { FormGroup } from '@angular/forms';
+import { NumberFieldNewModel } from './models/number-field-new.model';
+import * as i0 from "@angular/core";
+/**
+ * @description
+ * Norwegian Number field Component | New design | Beta
+ */
+export declare class NumberFieldNewComponent extends NasComponentBase implements OnInit {
+    input: ElementRef;
+    /**
+     * @property Input
+     * @description
+     * The selected number.
+    */
+    get number(): number;
+    set number(number: number);
+    /**
+     * @property Input
+     * @description
+     * Maximum limit.
+    */
+    max: number;
+    /**
+     * @property Input
+     * @description
+     * Minimum limit.
+    */
+    min: number;
+    /**
+     * @property Input
+     * @description
+     * A label for the number field input.
+    */
+    label: string;
+    /**
+     * @property Input
+     * @description
+     * Sets compact styling.
+    */
+    compact?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Sets spaceless styling.
+    */
+    spaceless?: boolean;
+    /**
+     * @property Input
+     * @description
+     * Sets simple styling.
+     */
+    simple?: boolean;
+    /**
+     * @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.
+    */
+    nasFormControlName: string;
+    /**
+     * @property Input
+     * @description
+     * Adds the parent's form group.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It is requiered to be filled if nasFormControlName added.
+    */
+    nasFormGroup: FormGroup;
+    /**
+     * @property Input
+     * @description
+     * Hides the input field and displays a plus and minus button only.
+    */
+    hideInput?: boolean;
+    /**
+     * @property Input
+     * @description
+     * ARIA label for the subtract button.
+    */
+    ariaLabelSubtract: string;
+    /**
+     * @property Input
+     * @description
+     * ARIA label for the add button.
+     */
+    ariaLabelAdd: string;
+    /**
+     * @property Input
+     * @description
+     * ARIA label for the input field.
+     */
+    ariaLabel: string;
+    /**
+     * @property Output
+     * @description
+     * An event that is fired every time the number changes.
+     */
+    numberChange: EventEmitter<number>;
+    private numberValue;
+    constructor();
+    ngOnInit(): void;
+    inputFocus(): void;
+    add(): void;
+    subtract(): void;
+    private patchReactiveFormControlValue;
+    getPlusConfig(): NumberFieldNewModel;
+    getMinusConfig(): NumberFieldNewModel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberFieldNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberFieldNewComponent, "nas-number-field-new", never, { "number": { "alias": "number"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "label": { "alias": "label"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "hideInput": { "alias": "hideInput"; "required": false; }; "ariaLabelSubtract": { "alias": "ariaLabelSubtract"; "required": false; }; "ariaLabelAdd": { "alias": "ariaLabelAdd"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "numberChange": "numberChange"; }, never, never, false, never>;
+}

package/lib/components/number-field-new/number-field-new.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./number-field-new.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../core/directives/nas-class/nas-class.module";
+import * as i4 from "../icon/icon.module";
+import * as i5 from "../button/button.module";
+import * as i6 from "@angular/forms";
+export declare class NumberFieldNewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberFieldNewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NumberFieldNewModule, [typeof i1.NumberFieldNewComponent], [typeof i2.CommonModule, typeof i3.NasClassModule, typeof i4.IconModule, typeof i5.ButtonModule, typeof i6.ReactiveFormsModule, typeof i6.FormsModule], [typeof i1.NumberFieldNewComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NumberFieldNewModule>;
+}