@norwegian/core-components 5.1.0

package/lib/components/journey/models/journey.model.d.ts

@@ -0,0 +1,5 @@
+import { JourneyFlightModel } from './journey-flight.model';
+export interface JourneyModel {
+    departure: JourneyFlightModel;
+    arrival: JourneyFlightModel;
+}

package/lib/components/journey-availability/index.d.ts

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

package/lib/components/journey-availability/journey-availability.component.d.ts

@@ -0,0 +1,90 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { DatePipe } from '@angular/common';
+import { OnChanges, SimpleChanges, EventEmitter, OnInit } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { DeviceHelper } from '../../core/services/device/device-helper.service';
+import { JourneyAvailabilityModel } from '../../shared/models/journey-availability.model';
+import { DateHelper } from '../../core/services/date/date-helper.service';
+/**
+ * @description
+ * Norwegian Journey Availability Component | Functional
+ */
+export declare class JourneyAvailabilityComponent extends NasComponentBase implements OnInit, OnChanges {
+    private datePipe;
+    private deviceService;
+    private dateService;
+    currentJourney: any;
+    private displayJourneyDetailsValue;
+    isSmallScreen: boolean;
+    /**
+     * @required
+     * @description
+     * A record containing all the data required to show journey availability UI, look at 'RouteModel' for details.
+     * @example
+     * ```html
+     * <nas-journey-availability [journeyAvailabilityModel]="journeyAvailabilityModel"></nas-journey-availability>
+     * ```
+     */
+    model: JourneyAvailabilityModel;
+    /**
+     * @description
+     * A boolean value, when set to true will show journey availability UI in selected format.
+     * @example
+     * ```html
+     * <nas-journey-availability [selected]="true"></nas-journey-availability>
+     * ```
+     */
+    selected: boolean;
+    /**
+     * @description
+     * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
+     * This requires that registerLocaleData is called with the respective locale.
+     * @example
+     * ```html
+     * <nas-journey-availability [locale]="'es'"></nas-journey-availability>
+     */
+    locale: string;
+    /**
+     * @description
+     * Time display format, Default is HH:mm
+     * @example
+     * ```html
+     * <nas-journey-availability [timeDisplayFormat]="'HH:mm'"></nas-journey-availability>
+     */
+    timeDisplayFormat: string;
+    /**
+     * @description
+     * User can input the timezone to localize the date.
+     * Default is set to UTC and it will by default show the date exactly what is passed to it.
+     * @example
+     * ```html
+     * <nas-journey-availability [timeZone]="'UTC'"></nas-journey-availability>
+     */
+    timeZone: string;
+    /**
+     * @description
+     * Setter and getter when the flight info popup shows/hidden.
+     */
+    get displayJourneyDetails(): boolean;
+    set displayJourneyDetails(value: boolean);
+    /**
+     *
+     * @description
+     * An Event which Emitts boolean when Flight info popup is toggled.
+     */
+    displayJourneyDetailsChange: EventEmitter<boolean>;
+    /**
+     * @description
+     * Event emits when user click on journey availability for selection.
+     */
+    journeyAvailabilityClick: EventEmitter<KeyboardEvent>;
+    constructor(datePipe: DatePipe, deviceService: DeviceHelper, dateService: DateHelper);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    emitClick(event: KeyboardEvent): void;
+    toggleJourneyInfoDetails(event: KeyboardEvent): void;
+    getIconType(): string;
+}

package/lib/components/journey-availability/journey-availability.module.d.ts

@@ -0,0 +1,2 @@
+export declare class JourneyAvailabilityModule {
+}

package/lib/components/journey-availability-list/enums/availability-sort-option.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum AvailabilitySortOption {
+    fastest = 1,
+    directOnly = 2,
+    departureTime = 3
+}

package/lib/components/journey-availability-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './journey-availability-list.component';
+export * from './journey-availability-list.module';

package/lib/components/journey-availability-list/journey-availability-list.component.d.ts

@@ -0,0 +1,116 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { EventEmitter } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { JourneyAvailabilityModel } from '../../shared/models/journey-availability.model';
+import { SortModel } from '../../shared/models/sort.model';
+import { JourneyAvailabilitySortModel } from '../../shared/models/journey-availability-sort.model';
+import { SortOptionModel } from '../../shared/models/sort-option.model';
+import { DateHelper } from '../../core/services/date/date-helper.service';
+/**
+ * @description
+ * Norwegian Journey availability list Component | Functional
+ */
+export declare class JourneyAvailabilityListComponent extends NasComponentBase {
+    private dateService;
+    activeIndex: number;
+    sortMetaData: SortModel;
+    sortSelectedOptionObject: SortOptionModel;
+    /**
+     * @required
+     * @description
+     * A record containing all the data required to show availability results, look at 'journeyAvailabilityModel' for details.
+     * @example
+     * ```html
+     * <nas-journey-availability-list [model]="journeyAvailabilityData"></nas-journey-availability-list>
+     * ```
+     */
+    model: Array<JourneyAvailabilityModel>;
+    /**
+     * @description
+     * An optional model for sort popup options.
+     */
+    set sortModel(model: JourneyAvailabilitySortModel);
+    /**
+     * @description
+     * set or get selected sort option.
+     */
+    get sortSelectedOption(): SortOptionModel;
+    set sortSelectedOption(option: SortOptionModel);
+    /**
+    * @description
+    * Event that fires when the sort option changes.
+    */
+    sortSelectedOptionChange: EventEmitter<SortOptionModel>;
+    /**
+    * @description
+    * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
+    * This requires that registerLocaleData is called with the respective locale.
+    * @example
+    * ```html
+    * <nas-journey-availability-list [locale]="'es'"></nas-journey-availability-list>
+    */
+    locale: string;
+    /**
+   * @required
+   * @description
+   * A string to give the user feedback when there no data available for the availability result for specified parameters
+   * @example
+   * ```html
+   * <nas-journey-availability-list [noDataCaption]="noDataCaption"></nas-journey-availability-list>
+   * ```
+   */
+    noDataCaption: string;
+    /**
+   * @description
+   * Time display format.
+   * @example
+   * ```html
+   * <nas-journey-availability-list [timeDisplayFormat]="'HH:mm'"></nas-journey-availability-list>
+   */
+    timeDisplayFormat: string;
+    /**
+     *
+     * @description
+     * A JourneyModel type record the represents selected journey data;
+     * @example
+     * ```html
+     * <nas-journey-availability-list (selectedJourney)="onselectedJourney($event)"></nas-journey-availability-list>
+     * ```
+     */
+    selectedJourney: EventEmitter<JourneyAvailabilityModel>;
+    /**
+    *
+    * @description
+    * A selected index of selected journey data;
+    * @example
+    * ```html
+    * <nas-journey-availability-list (selectedIndexChange)="onSelectedIndexChange($event)"></nas-journey-availability-list>
+    * ```
+    */
+    selectedIndexChange: EventEmitter<number>;
+    /**
+     *
+     * @description
+     * A number that sets the SelectedIndex from the JourneyList array in journeyAvailabilityListModel
+     * @example
+     * ```html
+     * <nas-journey-availability-list [(selectIndex)]="selectIndex"></nas-journey-availability-list>
+     * ```
+     */
+    get selectedIndex(): number;
+    set selectedIndex(index: number);
+    /**
+     *
+     * @description
+     * An Event which Emitts boolean when Flight info popup is toggled.
+     */
+    displayJourneyDetailsChange: EventEmitter<boolean>;
+    constructor(dateService: DateHelper);
+    displayJourneyDetailsChanged(value: boolean): void;
+    isAvailabilityJourneySelected(journeyAvailabilityIndex: number): boolean;
+    emitSelected(flightIndex: number): void;
+    sortChange(option: SortOptionModel): void;
+}

package/lib/components/journey-availability-list/journey-availability-list.module.d.ts

@@ -0,0 +1,2 @@
+export declare class JourneyAvailabilityListModule {
+}

package/lib/components/journey-selection/index.d.ts

@@ -0,0 +1,5 @@
+export * from './journey-selection.component';
+export * from './journey-selection.module';
+export * from './models/journey-selection.model';
+export * from './models/journey-selection-collapsed.model';
+export * from './models/journey-selection-expanded.model';

package/lib/components/journey-selection/journey-selection.component.d.ts

@@ -0,0 +1,70 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { DatePipe } from '@angular/common';
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { JourneySelectionModel } from './models/journey-selection.model';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { UtcDate } from '../../core/models/utc-date.model';
+import { DateHelper } from '../../core/services/date/date-helper.service';
+import { DeviceHelper } from '../../core/services/device/device-helper.service';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+/**
+ * @description
+ * Norwegian Journey Selection Component | Functional
+ */
+export declare class JourneySelectionComponent extends NasComponentBase implements OnChanges {
+    private dateService;
+    private datePipe;
+    deviceService: DeviceHelper;
+    private sanitizer;
+    animateDown: boolean;
+    isCollapsed: boolean;
+    imageMain: ElementRef;
+    destinationCode: ElementRef;
+    /**
+     * @description
+     * Input data required to build the component.
+     */
+    model: JourneySelectionModel;
+    collapseChange: EventEmitter<boolean>;
+    /**
+     * @description
+     * A boolean that changes how journey selection component looks/behaves based on journey selected/not-selected.
+     */
+    get collapse(): boolean;
+    set collapse(value: boolean);
+    /**
+     * @description
+     * If exists, it removes the marin accross.
+     */
+    compact: boolean;
+    /**
+     * @description
+     * Aria label for the component.
+     * For example, it is needed to distinguish Outbound journey selection from inbound journey selection
+     * when this component is used twice in the page.
+     */
+    ariaLabel: string;
+    /**
+     * @description
+     * User can input the timezone to localize the date.
+     * Default is set to UTC and it will by default show the date exactly what is passed to it.
+     * @example
+     * ```html
+     * <nas-journey-availability [timeZone]="'UTC'"></nas-journey-availability>
+     */
+    timeZone: string;
+    /**
+   * @description
+   * this event emits when button is clicked or date changes by nevigation icons.
+   */
+    selectedDateChanged: EventEmitter<UtcDate>;
+    constructor(dateService: DateHelper, datePipe: DatePipe, deviceService: DeviceHelper, sanitizer: DomSanitizer);
+    ngOnChanges(changes: SimpleChanges): void;
+    changeFlightDate(): void;
+    setupBackground(element: ElementRef, url: string): void;
+    transformDisplayDate(format: string): string;
+    getDestinationCode(): SafeHtml;
+}

package/lib/components/journey-selection/journey-selection.module.d.ts

@@ -0,0 +1,2 @@
+export declare class JourneySelectionModule {
+}

package/lib/components/journey-selection/models/journey-selection-collapsed.model.d.ts

@@ -0,0 +1,11 @@
+import { OperatingCarriersModel } from '../../../shared/models/operating-carrier.model';
+import { JourneySelectionCommonModel } from './journey-selection-common.model';
+export interface JourneySelectionCollapsedModel extends JourneySelectionCommonModel {
+    departureLabel: string;
+    durationLabel: string;
+    durationTimeInfo: string;
+    stopverAirportCodes?: Array<string>;
+    changeFlightLabel: string;
+    transitionInfo: string;
+    operatingCarriers: OperatingCarriersModel;
+}

package/lib/components/journey-selection/models/journey-selection-common.model.d.ts

@@ -0,0 +1,7 @@
+export interface JourneySelectionCommonModel {
+    title: string;
+    destinationDisplayName: string;
+    destination?: string;
+    origin: string;
+    originDisplayName: string;
+}

package/lib/components/journey-selection/models/journey-selection-expanded.model.d.ts

@@ -0,0 +1,5 @@
+import { JourneySelectionCommonModel } from './journey-selection-common.model';
+export interface JourneySelectionExpandedModel extends JourneySelectionCommonModel {
+    toLabel: string;
+    dateFormat: string;
+}

package/lib/components/journey-selection/models/journey-selection.model.d.ts

@@ -0,0 +1,14 @@
+import { UtcDate } from '../../../core';
+import { JourneySelectionCollapsedModel } from './journey-selection-collapsed.model';
+import { JourneySelectionExpandedModel } from './journey-selection-expanded.model';
+export interface JourneySelectionModel {
+    date: UtcDate;
+    dateFormat?: string;
+    locale: string;
+    backgroundImageUrl?: string;
+    thumbnailUrl?: string;
+    icon: string;
+    fromLabel: string;
+    expanded?: JourneySelectionExpandedModel;
+    collapsed?: JourneySelectionCollapsedModel;
+}

package/lib/components/journey-stopover/index.d.ts

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

package/lib/components/journey-stopover/journey-stopover.component.d.ts

@@ -0,0 +1,132 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { JourneyStopoverModel } from '../../shared/models/journey-stopover.model';
+import { StopoverTimeModel } from './models/stopover-time.model';
+import { ClassModel } from '../../core/models/class.model';
+import { DatePipe } from '@angular/common';
+import { DateHelper } from '../../core/services/date/date-helper.service';
+/**
+ * @description
+ * Norwegian journey-stopover Component | Functional
+ */
+export declare class JourneyStopoverComponent extends NasComponentBase implements OnChanges {
+    private datePipe;
+    private dateService;
+    stopoverTime: StopoverTimeModel;
+    currentStopover: {
+        departureTime: string;
+        arrivalTime: string;
+        departureDate: string;
+        arrivalDate: string;
+        estimatedArrivalTime?: string;
+        estimatedDepartureTime?: string;
+        estimatedArrivalDate?: string;
+        estimatedDepartureDate?: string;
+    };
+    /**
+     * @description
+     * A record containing Journey-stopover details.
+     * @required
+     * @example
+     * ```html
+     * <nas-journey-stopover [journeyStopoverModel]="journeyStopoverModel"></nas-journey-stopover>
+     * ```
+     */
+    journeyStopoverModel: JourneyStopoverModel;
+    /**
+     * @description
+     * A string representing label placed before transit stop time.
+     * @example
+     * ```html
+     * <nas-journey-stopover [transitLabel]="'Transit stop'"></nas-journey-stopover>
+     * ```
+     */
+    transitLabel: string;
+    /**
+     * @description
+     * A string representing the label placed before arrival time.
+     * @example
+     * ```html
+     * <nas-journey-stopover [arrivalTimeLabel]="'Arrival'"></nas-journey-stopover>
+     * ```
+     */
+    arrivalTimeLabel: string;
+    /**
+     * @description
+     * A string representing the label placed before departure time.
+     * @example
+     * ```html
+     * <nas-journey-stopover [departureTimeLabel]="'Departure'"></nas-journey-stopover>
+     * ```
+     */
+    departureTimeLabel: string;
+    /**
+     * @description
+     * A string representing time display format, if not provided, default formatting on date will be applied
+     * i.e 'HH:mm' , which will result in displaying time like '09:23'.
+     * @example
+     * ```html
+     * <nas-journey-stopover [timeFormat]='HH:mm'></nas-journey-stopover>
+     * ```
+     */
+    timeFormat: string;
+    /**
+   * @description
+   * A string representing date display format, if not provided, default formatting on date will be applied
+   * i.e 'dd MMM,' , which will result in displaying time like '21 Feb,'.
+   * @example
+   * ```html
+   * <nas-journey-stopover [dateFormat]='dd MMM,'></nas-journey-stopover>
+   * ```
+   */
+    dateFormat: string;
+    /**
+  * @description
+  * A string representing Transit Hour indicator.
+  * if not provided, transit time will not be shown
+  * @example
+  * ```html
+  * <nas-journey-stopover [transitHoursIndicator]='h'></nas-journey-stopover>
+  * ```
+  */
+    transitHoursIndicator: string;
+    /**
+  * @description
+  * A string representing Transit Minutes indicator.
+  * if not provided, transit time will not be shown
+  * @example
+  * ```html
+  * <nas-journey-stopover [transitMinutesIndicator]='m'></nas-journey-stopover>
+  * ```
+  */
+    transitMinutesIndicator: string;
+    /**
+   * @description
+   * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
+   * This requires that registerLocaleData is called with the respective locale.
+   * @example
+   * ```html
+   * <nas-journey-stopover [locale]="'es'"></nas-journey-stopover>
+   */
+    locale: string;
+    /**
+     * @description
+     * User can input the timezone to localize the date.
+     * Default is set to UTC and it will by default show the date exactly what is passed to it.
+     * @example
+     * ```html
+     * <nas-journey-stopover [timeZone]="'UTC'"></nas-journey-stopover>
+     */
+    timeZone: string;
+    get displayStopoverTime(): boolean;
+    get lineClass(): ClassModel;
+    constructor(datePipe: DatePipe, dateService: DateHelper);
+    ngOnChanges(_changes: SimpleChanges): void;
+    private setDisplayDates;
+    private transformDate;
+    private getStopoverTime;
+}

package/lib/components/journey-stopover/journey-stopover.module.d.ts

@@ -0,0 +1,2 @@
+export declare class JourneyStopoverModule {
+}

package/lib/components/journey-stopover/models/stopover-time.model.d.ts

@@ -0,0 +1,4 @@
+export interface StopoverTimeModel {
+    numberOfHours: number;
+    numberOfMinutes: number;
+}

package/lib/components/list/index.d.ts

@@ -0,0 +1,3 @@
+export * from './list.component';
+export * from './list-item/list-item.component';
+export * from './list.module';

package/lib/components/list/list-item/list-item.component.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { OnInit, ElementRef } from '@angular/core';
+import { NasComponentBase } from '../../../core/base/nas-component.base';
+import { ClassModel } from '../../../core/models/class.model';
+export declare class ListItemComponent extends NasComponentBase implements OnInit {
+    private elementRef;
+    /**
+     * @description
+     * Adds custom CSS class to the list item. List item will sett additional custom styling.
+     *
+     * @example
+     * ```html
+     * <nas-list-item [cssClass]="'my-custom-class'">Earn 2-12% CashPoints on Premium Tickets</nas-button>
+     * ```
+     */
+    cssClass?: ClassModel;
+    constructor(elementRef: ElementRef);
+    ngOnInit(): void;
+    /**
+     * @description
+     * Angular generates 'nas-list-item' as the parent element which when is put into UL or OL breaks the semantics of
+     * HTML, Initial solution we adopted was to remove 'nas-list-item' and add 'LI' as the parent element. which then
+     * produced the problem of List template not being updated when the model(data) is upadted after initialization.
+     * This solution keeps the element and encapsulates it with LI element, which is correct semantically and
+     * let the list template update/manipulate.
+     */
+    nasListItemToListItemElement(): void;
+    getClasses(): Array<ClassModel>;
+}

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

@@ -0,0 +1,65 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { ElementRef, AfterContentChecked } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+/**
+ * @description
+ * Norwegian Airport List Component | Layout
+ */
+export declare class ListComponent extends NasComponentBase implements AfterContentChecked {
+    private elementRef;
+    /**
+     * @description
+     * List with grey and blue check-icon markers
+     */
+    markers: boolean;
+    /**
+     * @description
+     * List with note markers
+     */
+    note: boolean;
+    /**
+     * @description
+     * List with green check-icon markers
+     */
+    positive: boolean;
+    /**
+     * @description
+     * List with red x-icon markers
+     */
+    negative: boolean;
+    /**
+     * @description
+     * List with goto (arrow) icon markers
+     */
+    goto: boolean;
+    /**
+     * @description
+     * List styles as a table
+     */
+    table: boolean;
+    /**
+     * @description
+     * List without margin at bottom
+     */
+    spaceless: boolean;
+    /**
+     * @description
+     * The string elements within the list
+     */
+    items: Array<string>;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    mainClass(): import("../..").ClassModel;
+    ngAfterContentChecked(): void;
+    /**
+     * @description
+     * Angular generates 'nas-list-item' as the parent element which when is put into UL or OL breaks the semantics of
+     * HTML. This solution keeps the element and encapsulates it with LI element, which is correct semantically and
+     * let the list tempalte update/manipulte. But since we are manually adding LI elements in nas-list-item,
+     * so those are not removed by angular automatically when data(model) is removed/reduced.
+     * This function looks up for the empty LI elements when the content is updated and removes them manually.
+     */
+    removeEmptyListItems(): void;
+}

package/lib/components/list/list.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ListModule {
+}

package/lib/components/modal/index.d.ts

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