@norwegian/core-components 5.1.0

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

@@ -0,0 +1,235 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { DatePipe } from '@angular/common';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { CalendarComponent } from './calendar/calendar.component';
+import { SelectOptionModel } from './calendar/models/select-option.model';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { ClassModel } from '../../core/models/class.model';
+import { UtcDate } from '../../core/models/utc-date.model';
+import { DateHelper } from '../../core/services/date/date-helper.service';
+import { SelectComponent } from '../select/select.component';
+/**
+ * @description
+ * Norwegian Date Picker Component | Functional
+ */
+export declare class DatepickerComponent extends NasComponentBase implements OnInit {
+    private datePipe;
+    private dateService;
+    timeOptions: Array<SelectOptionModel>;
+    model: string;
+    show: boolean;
+    selectedTimeOption: SelectOptionModel;
+    get showBackdrop(): boolean;
+    set showBackdrop(value: boolean);
+    input: ElementRef;
+    calendar: CalendarComponent;
+    datePickerContent: ElementRef;
+    timeSelector: SelectComponent;
+    /**
+     * @description
+     * Adds 'aria-label' to the backdrops.
+     */
+    ariaLabelBackdrop: string;
+    /**
+     * @description
+     * A boolean value when set will disable showing the backdrop on popup open
+     */
+    disableBackdrop: boolean;
+    /**
+     * @description
+     * Label for no available flights.
+     */
+    noAvailableFlightsLabel: string;
+    /**
+     * @description
+     * Label for available flights.
+     */
+    availableFlightsLabel: string;
+    /**
+     * @description
+     * Disable possibility to select dates in the past.
+     */
+    disablePastSelection: boolean;
+    /**
+     * @description
+     * The lowest date allowed.
+     */
+    get lowerLimitDate(): UtcDate;
+    set lowerLimitDate(date: UtcDate);
+    /**
+     * @description
+     * Sets the datepicker in availability mode where available dates can be added.
+     */
+    availability: boolean;
+    /**
+     * @description
+     * An array with all the available (selectable) dates of the month.
+     */
+    availableDates: Array<UtcDate>;
+    /**
+     * @description
+     * boolean value to disable or enable the input of the date picker.
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * @description
+     * A place holder string for the input for date picker.
+     */
+    placeholder: string;
+    /**
+     * @description
+     * this will set the required attribute on the input so suer has to date-picker the date.
+     */
+    required: boolean;
+    /**
+     * @description
+     * Is used to indicate the IDs of the elements that describe the date picker input.
+     */
+    ariaDescribedby: string;
+    /**
+     * @description
+     * Aria label for input that enables date-picker popup once clicked. For accessibility web standards.
+     */
+    ariaLabel: string;
+    /**
+     * @description
+     * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
+     * Please look at the angular Date pipe for valid formats and variations.
+     */
+    dateDisplayFormat: string;
+    /**
+     * @description
+     * The time display format.
+     */
+    timeDisplayFormat: 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.
+     */
+    locale: string;
+    /**
+     * @description
+     * A modifier to remove the padding and margins around the element.
+     */
+    compact: boolean;
+    /**
+     * @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
+     * 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;
+    /**
+     * @description
+     * An array of times to be added in the time selector.
+     */
+    get times(): Array<UtcDate>;
+    set times(times: Array<UtcDate>);
+    /**
+     * @description
+     * The calendar is open or closed.
+     */
+    get open(): boolean;
+    set open(open: boolean);
+    /**
+     * @description
+     * Set selected month.
+     */
+    get selectedMonth(): UtcDate;
+    set selectedMonth(month: UtcDate);
+    /**
+     * @description
+     * Gets or sets the selected Date in the date picker. Setting this date will highlight the date in the date picker
+     * and user can change it by clicking from any other enabled dates
+     * or by navigating betrween months and selecting from different available month.
+     */
+    get selectedDate(): UtcDate;
+    set selectedDate(date: UtcDate);
+    /**
+     * @description
+     * Sets the selected time in the time selector.
+     */
+    get selectedTime(): UtcDate;
+    set selectedTime(time: UtcDate);
+    /**
+     * @description
+     * ARIA label for the previous month button in the calendar.
+     */
+    ariaLabelPreviousMonth: string;
+    /**
+     * @description
+     * ARIA label for the next month button in the calendar.
+     */
+    ariaLabelNextMonth: string;
+    /**
+     * @description
+     * Date selected by the user by clicking in date-picker date-box.
+     */
+    selectedDateChange: EventEmitter<UtcDate>;
+    /**
+     * @description
+     * Month selected by the user by clicking in drop down for month selection or month navigation buttons.
+     */
+    selectedMonthChange: EventEmitter<UtcDate>;
+    /**
+     * @description
+     * The calendar is open or closed.
+     */
+    openChange: EventEmitter<boolean>;
+    /**
+     * @description
+     * When a user has actively changed the date.
+     */
+    focusOnNextChange: EventEmitter<MouseEvent | KeyboardEvent>;
+    /**
+     * @description
+     * When a user has pressed shift + tab to go to previous control.
+     */
+    focusOnPreviousChange: EventEmitter<MouseEvent | KeyboardEvent>;
+    get activeDate(): UtcDate;
+    set activeDate(date: UtcDate);
+    private openCalendarTimeout;
+    private activeDateTimeout;
+    private selectedDateValue;
+    private openValue;
+    private activeDateValue;
+    private timesValue;
+    private selectedTimeValue;
+    private selectedMonthValue;
+    private disabledValue;
+    private forceNotOpenCalendar;
+    private lowerLimitDateValue;
+    constructor(datePipe: DatePipe, dateService: DateHelper);
+    ngOnInit(): void;
+    onInputKeydownShiftTab(event: KeyboardEvent): void;
+    onCalendarKeyDown(event: KeyboardEvent): void;
+    onTimeSelectorKeydown(event: KeyboardEvent): void;
+    setFocusOnTimeSelectorOrNext(event: KeyboardEvent | MouseEvent): void;
+    onMonthChange(currentMonth: UtcDate): void;
+    onMouseDownDatepicker(): void;
+    openCalendar(): void;
+    onTimeSelected(option: SelectOptionModel): void;
+    getMainClass(): Array<ClassModel>;
+    getLabelClass(): ClassModel;
+    closeCalendar(): void;
+    selectDate(event: KeyboardEvent): void;
+    private isActiveElementMonthButtons;
+    private setFocusOnActiveDateAsync;
+    private isModelValid;
+    private allDays;
+    private someValidDaysEqualsSelectedDay;
+    private date;
+}

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

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

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

@@ -0,0 +1,4 @@
+export * from './datepicker.component';
+export * from './calendar/calendar.component';
+export * from './datepicker.module';
+export * from './calendar/calendar-date.model';

package/lib/components/datepicker/services/calendar.service.d.ts

@@ -0,0 +1,24 @@
+import { DatePipe } from '@angular/common';
+import { UtcDate } from '../../../core/models/utc-date.model';
+import { DateHelper } from '../../../core/services/date/date-helper.service';
+import { SelectOptionModel } from '../../select/models/select-option.model';
+import { WeekStart } from '../calendar/enums/week-start.enum';
+import { DayModel } from '../calendar/models/day.model';
+import { WeekModel } from '../calendar/models/week.model';
+export declare class CalendarService {
+    private datePipe;
+    private dateService;
+    constructor(datePipe: DatePipe, dateService: DateHelper);
+    getMonthNames(locale?: string): Array<string>;
+    getWeekdays(weekStart: WeekStart, locale?: string): Array<string>;
+    updateAvailableDaysWithSelectedDate(availableDays: Array<DayModel>, selectedDate: UtcDate): void;
+    setActiveDate(date: UtcDate, weeks: Array<WeekModel>): void;
+    getDays(weeks: Array<WeekModel>): Array<DayModel>;
+    getWeeks(availableDays: Array<DayModel>, weekStart: WeekStart): Array<WeekModel>;
+    getCurrentMonth(date?: UtcDate): UtcDate;
+    getMonthsSelectOptions(disablePastSelection: boolean, maxMonthIndex: number, monthNames: Array<string>): Array<SelectOptionModel>;
+    getSelectedMonth(months: Array<SelectOptionModel>, currentMonth: UtcDate): SelectOptionModel;
+    getAvailableDays(currentMonth: UtcDate, availableDates: Array<UtcDate>, availability: boolean, disablePastSelection: boolean, lowerLimitDate: UtcDate, activeDate: UtcDate, selectedDate: UtcDate): Array<DayModel>;
+    private isAvailable;
+    private getMonday;
+}

package/lib/components/datepicker-combo/datepicker-combo.component.d.ts

@@ -0,0 +1,246 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { EventEmitter, ElementRef, AfterViewChecked, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { ClassModel } from '../../core/models/class.model';
+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 { DatepickerComponent } from '../datepicker/datepicker.component';
+/**
+ * @description
+ * Norwegian Datepicker Combo Component | Functional
+ */
+export declare class DatepickerComboComponent extends NasComponentBase implements OnInit, AfterViewChecked {
+    private dateService;
+    private deviceHelper;
+    inboundLowerLimitDate: UtcDate;
+    datepickerOutbound: DatepickerComponent;
+    datepickerInbound: ElementRef;
+    container: ElementRef;
+    /**
+     * @description
+     * Adds 'aria-label' to the backdrops.
+     */
+    ariaLabelBackdrop: string;
+    /**
+     * @description
+     * Sets outbound datepicker open.
+     */
+    get outboundOpen(): boolean;
+    set outboundOpen(value: boolean);
+    /**
+     * @description
+     * Sets inbound datepicker open.
+     */
+    get inboundOpen(): boolean;
+    set inboundOpen(value: boolean);
+    /**
+     * @description
+     * Label for no available flights.
+     */
+    noAvailableFlightsLabel: string;
+    /**
+     * @description
+     * Label for available flights.
+     */
+    availableFlightsLabel: string;
+    /**
+     * @description
+     * Disable possibility to select dates in the past.
+     */
+    disablePastSelection: boolean;
+    /**
+     * @description
+     * Disable possibility to select outbound dates.
+     */
+    outboundDisabled: boolean;
+    /**
+     * @description
+     * Disable possibility to select inbound dates.
+     */
+    inboundDisabled: boolean;
+    /**
+     * @description
+     * Remove the inbound datepicker if set.
+     */
+    outboundOnly: boolean;
+    /**
+     * @description
+     * Label for outbound datepicker.
+     */
+    outboundLabel: string;
+    /**
+     * @description
+     * Label for inbound datepicker.
+     */
+    inboundLabel: string;
+    /**
+     * @description
+     * Sets the datepickers in availability mode where available dates can be added.
+     */
+    availability: boolean;
+    /**
+     * @description
+     * Available dates for outbound calendar.
+     */
+    outboundAvailableDates: Array<UtcDate>;
+    /**
+     * @description
+     * Available dates for inbound calendar.
+     */
+    inboundAvailableDates: Array<UtcDate>;
+    /**
+     * @description
+     * If set, Enables the time dropdown selector alongside datepicker.
+     */
+    times: Array<UtcDate>;
+    /**
+     * @description
+     * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
+     * Please look at the angular Date pipe for valid formats and variations.
+     */
+    dateDisplayFormat: string;
+    /**
+     * @description
+     * The time display format.
+     */
+    timeDisplayFormat: 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.
+     */
+    locale: string;
+    /**
+     * @description
+     * A modifier to remove the padding and margins around the element.
+     */
+    compact: boolean;
+    /**
+     * @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
+     * 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.
+     */
+    nasFormControlNameOutbound: 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.
+     */
+    nasFormControlNameInbound: string;
+    /**
+     * @description
+     * Selected datefor outbound calendar.
+     */
+    get outboundSelectedDate(): UtcDate;
+    set outboundSelectedDate(date: UtcDate);
+    /**
+     * @description
+     * Selected datefor inbound calendar.
+     */
+    get inboundSelectedDate(): UtcDate;
+    set inboundSelectedDate(date: UtcDate);
+    disableBackdrop: boolean;
+    /**
+     * @description
+     * Sets the outbound selected time in the time selector.
+     */
+    outboundSelectedTime: UtcDate;
+    /**
+     * @description
+     * Sets the inbound selected time in the time selector.
+     */
+    inboundSelectedTime: UtcDate;
+    /**
+     * @description
+     * ARIA label for the previous month button in the calendar.
+     */
+    ariaLabelPreviousMonth: string;
+    /**
+     * @description
+     * ARIA label for the next month button in the calendar.
+     */
+    ariaLabelNextMonth: string;
+    /**
+     * @description
+     * Sets a relative number to decide when the inbound lower limit date should be based on selected outbound date.
+     *
+     * The lower limit date for inbound is set by default equal to the selected outbound date.
+     *
+     * If this number is positive, the inbound lower limit date will add the number of days to the selected outbound date.
+     * If this number is negative, the inbound lower limit date will subtract the number of days to the selected outbound date.
+     */
+    inboundLowerLimitDateOffset: number;
+    /**
+     * @description
+     * When selected datehas been changed on the outbound calendar.
+     */
+    outboundSelectedDateChange: EventEmitter<UtcDate>;
+    /**
+     * @description
+     * When selected datehas been changed on the inbound calendar.
+     */
+    inboundSelectedDateChange: EventEmitter<UtcDate>;
+    /**
+     * @description
+     * Outbound datepicker is open or closed.
+     */
+    outboundOpenChange: EventEmitter<boolean>;
+    /**
+     * @description
+     * Inbound datepicker is open or closed.
+     */
+    inboundOpenChange: EventEmitter<boolean>;
+    /**
+     * @description
+     * Outbound calendar changes month.
+     */
+    outboundMonthChange: EventEmitter<UtcDate>;
+    /**
+     * @description
+     * Inbound calendar changes month.
+     */
+    inboundMonthChange: EventEmitter<UtcDate>;
+    /**
+     * @description
+     * When a user has actively changed the date.
+     */
+    focusOnNextChange: EventEmitter<any>;
+    /**
+     * @description
+     * When a user has pressed shift + tab to go to previous control.
+     */
+    focusOnPreviousChange: EventEmitter<MouseEvent | KeyboardEvent>;
+    get inboundSelectedMonth(): UtcDate;
+    set inboundSelectedMonth(month: UtcDate);
+    private outboundSelectedDateValue;
+    private inboundSelectedDateValue;
+    private inboundSelectedMonthValue;
+    private inboundOpenValue;
+    private outboundOpenValue;
+    private containerWidth;
+    constructor(dateService: DateHelper, deviceHelper: DeviceHelper);
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    onFocusOnNext(event: KeyboardEvent | MouseEvent): void;
+    onFocusOnPrevious(event: KeyboardEvent): void;
+    onInboundFocusOnPrevious(): void;
+    onOutboundMonthChange(date: UtcDate): void;
+    getMainClass(): Array<ClassModel>;
+    checkOutboundOnly(): boolean;
+    checkInboundDisabled(): boolean;
+    private updateContainerWidth;
+}

package/lib/components/datepicker-combo/datepicker-combo.module.d.ts

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

package/lib/components/datepicker-combo/index.d.ts

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

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

@@ -0,0 +1,64 @@
+import { EventEmitter, ElementRef, OnInit } from '@angular/core';
+import { ClassModel } from '../../core/models/class.model';
+import { NasComponentBase } from '../../core';
+/**
+ * @description
+ * Norwegian Dropdown Component | Form Controls
+ */
+export declare class DropdownComponent extends NasComponentBase implements OnInit {
+    position: any;
+    arrowPosition: any;
+    maxWidth: number;
+    get open(): boolean;
+    set open(value: boolean);
+    toggleElement: ElementRef;
+    contentElement: ElementRef;
+    dropdownContent: ElementRef;
+    contentParent: ElementRef;
+    useInline: boolean;
+    /**
+     * @description
+     * The ID of the component
+     */
+    id: string;
+    /**
+     * @description
+     * Adds 'aria-label' to the backdrops.
+     */
+    ariaLabelBackdrop: string;
+    /**
+     * @description
+     * Adds custom CSS class to the dropdown.
+     */
+    cssClass: ClassModel;
+    /**
+     * @description
+     * Sets inline styling on the dropdown
+     */
+    inline: boolean;
+    /**
+     * @description
+     * Sets the label on the dropdown.
+     */
+    label: string;
+    /**
+     * @description
+     * Adds custom styling to the label.
+     */
+    labelStyle: any;
+    /**
+     * @description
+     * An event that is fired every time the dropdown is toggled.
+     */
+    openChange: EventEmitter<boolean>;
+    private openValue;
+    private openTimeout;
+    private componentId;
+    constructor();
+    ngOnInit(): void;
+    toggleOnFocus(event: KeyboardEvent): void;
+    getId(): string;
+    toggle(): void;
+    getMainClass(): Array<ClassModel>;
+    private updatePosition;
+}

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

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

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

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

package/lib/components/filter/enums/trip-type.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum TripType {
+    undefined = -1,
+    oneWay = 1,
+    twoWayReturn = 2,
+    twoWayOpen = 3
+}