@norwegian/core-components 5.1.0

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

@@ -0,0 +1,205 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { EventEmitter } from '@angular/core';
+import { NasComponentBase, ClassModel } from '../../core';
+/**
+ * @description
+ * Norwegian Accordion Component | Layout
+ */
+export declare class AccordionComponent extends NasComponentBase {
+    /**
+     * @description
+     * Boolean to set if accordion should be expanded or not. Default value is false.
+     */
+    expanded: boolean;
+    /**
+     * @description
+     * A string input value to set title text of component.
+     * @example
+     * ```html
+     * <nas-accordion [title]="'This is a title'">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    title: string;
+    /**
+     * @description
+     * A string input value to set icon text of component. Specifies the icon name, defaults to 'small'.
+     * @example
+     * ```html
+     * <nas-accordion [icon]="'small'">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    icon: string;
+    /**
+     * @description
+     * A boolean input value to set simple styling.
+     * @example
+     * ```html
+     * <nas-accordion simple>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [simple]="isSimpleProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    simple?: boolean;
+    /**
+     * @description
+     * A boolean input value to set spaced styling.
+     * @example
+     * ```html
+     * <nas-accordion spaced>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [spaced]="isSpacedProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    spaced?: boolean;
+    /**
+     * @description
+     * A boolean input value to set small styling.
+     * @example
+     * ```html
+     * <nas-accordion small>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [small]="isSmallProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    small?: boolean;
+    /**
+     * @description
+     * A boolean input value to set inverted styling.
+     * @example
+     * ```html
+     * <nas-accordion inverted>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [inverted]="isInvertedProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    inverted?: boolean;
+    /**
+     * @description
+     * A boolean input value to set a container on the toggle.
+     * @example
+     * ```html
+     * <nas-accordion containerOnToggle>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [containerOnToggle]="isContainerOnToggleProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    containerOnToggle?: boolean;
+    /**
+     * @description
+     * A boolean input value to remove padding on accodion.
+     * @example
+     * ```html
+     * <nas-accordion nopadding>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [nopadding]="includePaddingProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    nopadding?: boolean;
+    /**
+     * @description
+     * A boolean input value to set transparent background color.
+     * @example
+     * ```html
+     * <nas-accordion transparent>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [transparent]="isTransparentProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    transparent?: boolean;
+    /**
+     * @description
+     * A boolean input value to set the accordion to approve style.
+     * @example
+     * ```html
+     * <nas-accordion approve>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [approve]="isApproveProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    approve?: boolean;
+    /**
+     * @description
+     * A boolean input value to set the accordion to primary style.
+     * @example
+     * ```html
+     * <nas-accordion primary>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     * or
+     * ```html
+     * <nas-accordion [primary]="isPrimaryProperty">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    primary?: boolean;
+    /**
+     * A boolean input value to set the accordion to info style.
+     * @example
+     * ```html
+     * <nas-accordion info>You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    info?: boolean;
+    /**
+     * @description
+     * Adds custom CSS class to the accordion. Accordion will sett additional custom styling.
+     *
+     * @example
+     *
+     * ```html
+     * <nas-accordion [cssClass]="'my-custom-class'">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     *
+     */
+    cssClass?: ClassModel;
+    /**
+     * @description
+     * Property to set custom styling on accordion.
+     *
+     * @example
+     *
+     * ```html
+     * <nas-accordion [cssStyle]="{'width': '300px', 'height': '40px'}}">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     *
+     */
+    cssStyle: any;
+    /**
+     * @description
+     * A boolean event that is fired on toggle.
+     * @example
+     * ```html
+     * <nas-accordion (toggleChange)="onToggleChange($event)">You can put any kind of elements and content here...</nas-accordion>
+     * ```
+     */
+    toggleChange: EventEmitter<boolean>;
+    private animateIn;
+    private animateOut;
+    /**
+     * @description
+     * Represent a accordion component.
+     * Will initiate correct block style.
+     */
+    constructor();
+    getClasses(element?: string, modifiers?: any): Array<ClassModel>;
+    getModifiers(): Array<string>;
+    wrapperClass(): ClassModel;
+    toggle(): void;
+}

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

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

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

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

package/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.d.ts

@@ -0,0 +1,94 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { NasComponentBase } from '../../../core/base/nas-component.base';
+import { GeolocationService } from '../../../core/services/geolocation/geolocation.service';
+import { AirportModel } from '../models/airport.model';
+import { ResultsLabelsModel } from '../models/results-labels.model';
+import { AirportSelectDropdownService } from '../services/airport-select-dropdown.service';
+import { AirportSelectService } from '../services/airport-select.service';
+import { GeolocationState } from '../../../core/services/geolocation/geolocation-state.enum';
+export declare class AirportSelectDropdownComponent extends NasComponentBase implements OnInit {
+    private document;
+    private selectService;
+    private airportSelectDropdownService;
+    private geolocationService;
+    airportValue: AirportModel;
+    airportsValue: Array<AirportModel>;
+    focusedAirportIndex: number;
+    focusedLatestSearchesIndex: number;
+    focusedClosestAirportIndex: number;
+    focusedClosestAirportCode: string;
+    focusedAirportCode: string;
+    focusedLatestSearchesAirportCode: string;
+    filteredAirports: Array<AirportModel>;
+    displayAllAirportsLabel: boolean;
+    selectedLabel: string;
+    openValue: boolean;
+    focusOnGeolocation: boolean;
+    geolocationState: GeolocationState;
+    input: ElementRef;
+    results: ElementRef;
+    displayLatestSearches?: boolean;
+    displayClosestAirports?: boolean;
+    latestSearches: Array<AirportModel>;
+    resultsLabels: ResultsLabelsModel;
+    airportSelectLabel: string;
+    airportSelectPlaceholder: string;
+    airportSelectIconModifier: string;
+    keepSelection: boolean;
+    nasFormControlName: string;
+    nasFormGroup: FormGroup;
+    enableGeolocation?: boolean;
+    ariaLabelClear: string;
+    ariaLabelBackdrop: string;
+    isValid: boolean;
+    invalidText: string;
+    get closestAirports(): Array<AirportModel>;
+    set closestAirports(airports: Array<AirportModel>);
+    get airport(): AirportModel;
+    set airport(airport: AirportModel);
+    get open(): boolean;
+    set open(value: boolean);
+    get airports(): Array<AirportModel>;
+    set airports(airports: Array<AirportModel>);
+    selected: EventEmitter<AirportModel>;
+    openChange: EventEmitter<boolean>;
+    focusOnNext: EventEmitter<KeyboardEvent>;
+    focusOnPrevious: EventEmitter<any>;
+    positionChange: EventEmitter<GeolocationPosition>;
+    get selectedModel(): string;
+    set selectedModel(model: string);
+    get resultsId(): string;
+    get labelId(): string;
+    get inputId(): string;
+    get geolocationIcon(): string;
+    private lastSelectedModel;
+    private selectedModelValue;
+    private inputSelectionTimeout;
+    private closestAirportsValue;
+    private componentId;
+    constructor(document: any, selectService: AirportSelectService, airportSelectDropdownService: AirportSelectDropdownService, geolocationService: GeolocationService);
+    ngOnInit(): void;
+    getAllAirportsAirportId(airportCode: string): string;
+    getClosestAirportsAirportId(airportCode: string): string;
+    getLatestSearchesAirportId(airportCode: string): string;
+    updateCurrentPosition(): void;
+    setOpen(): void;
+    onGeolocationHover(hover: boolean): void;
+    blur(): void;
+    filter(): void;
+    clearSelected(event: Event): void;
+    focusDown(): void;
+    focusUp(): void;
+    setSelected(airport: AirportModel): void;
+    onKeyDown(event: KeyboardEvent): void;
+    private resetFilter;
+    private updateSelected;
+    private focusDownLatestSearches;
+    private focusDownClosestAirports;
+    private focusDownAirports;
+    private focusUpAirports;
+    private autoScroll;
+    private focusUpLatestSearches;
+    private focusUpClosestAirports;
+}

package/lib/components/airport-select/airport-select.component.d.ts

@@ -0,0 +1,256 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { AirportModel } from './models/airport.model';
+import { ClassModel } from '../../core/models/class.model';
+import { EventEmitter, ElementRef, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { NasComponentBase } from '../../core';
+import { ResultsLabelsModel } from './models/results-labels.model';
+import { AirportSelectDropdownComponent } from './airport-select-dropdown/airport-select-dropdown.component';
+/**
+ * @description
+ * Norwegian Airport Select Component | Functional
+ */
+export declare class AirportSelectComponent extends NasComponentBase implements OnInit {
+    airportsOrigin: Array<AirportModel>;
+    airportsDestination: AirportModel[];
+    currentLatestSearchesDestination: Array<AirportModel>;
+    closestAirportsDestination: Array<AirportModel>;
+    focusDestination: boolean;
+    textSelectOriginFirst: string;
+    focusedLatestSearchesAirportCodeDestination: string;
+    focusedAirportCodeDestination: string;
+    focusedLatestSearchesIndexDestination: number;
+    focusedAirportIndexDestination: number;
+    switchType: string;
+    isDestinationValid: boolean;
+    resultsLabels: ResultsLabelsModel;
+    originOpen: boolean;
+    destinationOpen: boolean;
+    switchButton: ElementRef;
+    airportSelectDropdownOrigin: ElementRef;
+    airportSelectDropdownDestination: AirportSelectDropdownComponent;
+    origin: AirportModel;
+    destination: AirportModel;
+    /**
+     * @required
+     * @description
+     * All airports that will be populated into the dropdown lists.
+     */
+    airports: Array<AirportModel>;
+    /**
+     * @description
+     * A record containing keys with all airport codes with corresponding array of airport codes connected to the key.
+     */
+    airportRelations: Record<string, Array<string>>;
+    /**
+     * @description
+     * An array of origin airports that the user has allready search for.
+     */
+    latestSearchesOrigin: Array<AirportModel>;
+    /**
+     * @description
+     * An array of destination airports that the user has allready search for.
+     */
+    latestSearchesDestination: Array<AirportModel>;
+    /**
+     * @description
+     * An array of airports that are close to the user.
+     */
+    closestAirports: Array<AirportModel>;
+    /**
+     * @description
+     * A list of airports that should be displayed in the origin dropdown.
+     * If not included, all airports will be displayed.
+     */
+    allowedOriginAiports: Array<AirportModel>;
+    /**
+     * @description
+     * An array of airports that are restricted for destination airports. It will default to airports if not set.
+     */
+    allowedDestinationAirports: Array<AirportModel>;
+    /**
+     * @description
+     * A boolean indicating if airports that the user allready has searh for should be displayed.
+     */
+    displayLatestSearches?: boolean;
+    /**
+     * @description
+     * A boolean indicating if airports that are close to the user should be displayed.
+     */
+    displayClosestAirports?: boolean;
+    /**
+     * @description
+     * Display both orgin and destination airport selector.
+     */
+    combo?: boolean;
+    /**
+     * @description
+     * Display switch UI to interchange origin and destination airport.
+     */
+    useSwitch?: boolean;
+    /**
+     * @description
+     * A label that will appear on top of all airports in the drop down list.
+     */
+    allAirportsLabel: string;
+    /**
+     * @description
+     * A label that will appear on top of the latest searches in the drop down list.
+     */
+    latestSearchesLabel: string;
+    /**
+     * @description
+     * A label that will appear on top of the closest airports in the drop down list.
+     */
+    closestAirportsLabel: string;
+    /**
+     * @description
+     * A label that will appear in my location in the drop down list.
+     */
+    geolocationLabel: string;
+    /**
+     * @description
+     * A label that will appear in my location, in the drop down list if user has denied geolocation.
+     */
+    geolocationBlockedLabel: string;
+    /**
+     * @description
+     * A label that will appear in the destination input field if the
+     * user tries to select a destination airport without selecting an origin airport.
+     */
+    selectOriginFirstLabel: string;
+    /**
+     * @description
+     * A text that appears in the destinations dropdown list when origin airport is not set.
+     */
+    invalidDestinationText: string;
+    /**
+     * @required
+     * @description
+     * A label that will appear on top of the origin airport input field.
+     */
+    labelOrigin: string;
+    /**
+     * @description
+     * A placeholder that will appear on the origin airport input field.
+     */
+    placeholderOrigin: string;
+    /**
+     * @description
+     * A label that will appear on top of the destination airport input field.
+     */
+    labelDestination: string;
+    /**
+     * @description
+     * A placeholder that will appear on the destination airport input field.
+     */
+    placeholderDestination: string;
+    /**
+     * @description
+     * A modifier that will allow always keeping the selected airport.
+     * The last selected airport will be shown once user clears the selection and blur.
+     */
+    keepSelection: boolean;
+    /**
+     * @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.
+     */
+    nasFormControlNameOrigin: string;
+    /**
+     * @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.
+     */
+    nasFormControlNameDestination: string;
+    /**
+     * @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;
+    /**
+     * @description
+     * The airport code of the origin airport. It will set the selected origin airport based on this value.
+     */
+    get originAirportCode(): string;
+    set originAirportCode(code: string);
+    /**
+     * @description
+     * The airport code of the destination airport. It will set the selected destination airport based on this value.
+     */
+    get destinationAirportCode(): string;
+    set destinationAirportCode(code: string);
+    /**
+     * @description
+     * Adds 'aria-label' on the clear button inside the airport select inputs.
+     */
+    ariaLabelClear: string;
+    /**
+     * @description
+     * Adds 'aria-label' to the backdrops.
+     */
+    ariaLabelBackdrop: string;
+    /**
+     * @description
+     * An event that is fired every time the selected origin airport changes.
+     */
+    originChange: EventEmitter<AirportModel>;
+    /**
+     * @description
+     * An event that is fired every time the origin dropdown selector opens or closes.
+     */
+    originOpenChange: EventEmitter<boolean>;
+    /**
+    * @description
+    * An event that is fired every time the origin dropdown selector opens or closes.
+    */
+    destinationChange: EventEmitter<AirportModel>;
+    /**
+     * @description
+     * An event that is fired every time the destination dropdown selector opens or closes.
+     */
+    destinationOpenChange: EventEmitter<boolean>;
+    /**
+     * @description
+     * An event that is fired when the destination dropdown closes.
+     */
+    focusOnNext: EventEmitter<KeyboardEvent>;
+    /**
+     * @description
+     * An event that is fired when geolocation position has changed.
+     */
+    positionChange: EventEmitter<GeolocationPosition>;
+    private originAirportCodeValue;
+    private destinationAirportCodeValue;
+    constructor();
+    ngOnInit(): void;
+    getAirportSelectComboClass(element?: string, modifiersInput?: any): ClassModel;
+    onOriginOpen(open: boolean): void;
+    onDestinationOpen(open: boolean): void;
+    setSelectedOrigin(airport: AirportModel): void;
+    setSelectedDestination(airport: AirportModel): void;
+    setFocusOnNext(event: KeyboardEvent): void;
+    onOriginFocus(): void;
+    changeSwitchIcon(): void;
+    swapAirports(): void;
+    swapKeyDown(event: KeyboardEvent): void;
+    setDestinationOpen(event: KeyboardEvent): void;
+    getClosestAirports(position: GeolocationPosition): void;
+    private getAirportsDestinations;
+    private setOrigin;
+    private setDestination;
+    private updateValidAirportDestinations;
+    private hasValidDestinations;
+    private getAirportRelations;
+    private clearOrigin;
+    private clearDestination;
+    private clearDestinations;
+    private setCurrentLatestSearchesDestination;
+}

package/lib/components/airport-select/airport-select.module.d.ts

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

package/lib/components/airport-select/index.d.ts

@@ -0,0 +1,3 @@
+export * from './airport-select.component';
+export * from './airport-select.module';
+export * from './models/airport.model';

package/lib/components/airport-select/models/airport.model.d.ts

@@ -0,0 +1,10 @@
+export interface AirportModel {
+    name: string;
+    displayName: string;
+    normalizedAirportName: string;
+    code: string;
+    countryName: string;
+    airportName: string;
+    norwegianHolidayAreaId?: string;
+    norwegianHolidayAreaType?: string;
+}

package/lib/components/airport-select/models/results-labels.model.d.ts

@@ -0,0 +1,7 @@
+export declare class ResultsLabelsModel {
+    allAirports: string;
+    latestSearches: string;
+    closestAirports: string;
+    geolocation: string;
+    geolocationDenied: string;
+}

package/lib/components/airport-select/services/airport-select-dropdown.service.d.ts

@@ -0,0 +1,7 @@
+import { AirportModel } from '../models/airport.model';
+export declare class AirportSelectDropdownService {
+    constructor();
+    hasLatestSearches(displayLatestSearches: boolean, latestSearches: Array<AirportModel>): boolean;
+    hasClosestAirports(displayClosestAirports: boolean, closestAirports: Array<AirportModel>): boolean;
+    isIndexInClosestAirports(focusedClosestAirportIndex: number, closestAirports: Array<AirportModel>): boolean;
+}

package/lib/components/airport-select/services/airport-select.service.d.ts

@@ -0,0 +1,5 @@
+import { AirportModel } from '../models/airport.model';
+export declare class AirportSelectService {
+    constructor();
+    filter(airports: Array<AirportModel>, name: string): Array<AirportModel>;
+}