@norwegian/core-components 7.17.2 → 8.0.1

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

@@ -1,169 +0,0 @@
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-import { DatePipe } from '@angular/common';
-import { ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { WeekStart } from './enums/week-start.enum';
-import { DayModel } from './models/day.model';
-import { SelectOptionModel } from './models/select-option.model';
-import { WeekModel } from './models/week.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';
-import { CalendarService } from '../services/calendar.service';
-import * as i0 from "@angular/core";
-export declare class CalendarComponent extends NasComponentBase implements OnInit {
-    dateService: DateHelper;
-    datePipe: DatePipe;
-    private calendarService;
-    weeks: Array<WeekModel>;
-    months: SelectOptionModel[];
-    weekdays: string[];
-    isPreviousMonthDisabled: boolean;
-    previousMonthRef: ElementRef<HTMLButtonElement>;
-    nextMonthRef: ElementRef<HTMLButtonElement>;
-    tableCells: QueryList<ElementRef>;
-    dateButtons: QueryList<ElementRef>;
-    calendarContent: ElementRef;
-    monthSelectRef: SelectComponent;
-    /**
-     * @property Input
-     * @description
-     * The ID of the native input element
-     */
-    id: string;
-    /**
-     * @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
-    * Current month date to be displayed. It will take precedence over selected date input, if it is set.
-    */
-    date: UtcDate;
-    /**
-     * @description
-     * Desides if the week should start on a monday or sunday. Defaults to monday.
-     */
-    weekStart: WeekStart;
-    /**
-     * @description
-     * Display week numbers.
-     */
-    displayWeekNumbers: boolean;
-    /**
-     * @description
-     * Sets the datepicker in availability mode where available dates can be added.
-     */
-    availability: 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.
-     */
-    locale: string;
-    /**
-     * @description
-     * An array with all the available dates of the month for seats.
-     */
-    get availableDates(): Array<UtcDate>;
-    set availableDates(dates: Array<UtcDate>);
-    /**
-     * @description
-     * Gets or sets the active date
-     */
-    get activeDate(): UtcDate;
-    set activeDate(date: UtcDate);
-    get selectedDate(): UtcDate;
-    set selectedDate(date: UtcDate);
-    nasFormGroup: FormGroup;
-    nasFormControlName: string;
-    dateDisplayFormat: string;
-    ariaLabelPreviousMonth: string;
-    ariaLabelNextMonth: string;
-    /**
-     * @description
-     * Month selected by the user by clicking in drop down for month selection or month navigation buttons.
-     */
-    monthChange: EventEmitter<UtcDate>;
-    /**
-     * @description
-     * When a user has actively changed the date.
-     */
-    focusOnNextChange: EventEmitter<KeyboardEvent | MouseEvent>;
-    /**
-     * @description
-     * When selected date has been changed.
-     */
-    selectedDateChange: EventEmitter<UtcDate>;
-    /**
-     * @description
-     * When active date has been changed.
-     */
-    activeDateChange: EventEmitter<UtcDate>;
-    get selectedMonth(): SelectOptionModel;
-    set selectedMonth(option: SelectOptionModel);
-    get nextMonthDisabled(): boolean;
-    get currentMonthModel(): string;
-    /**
-     * @description
-     * Is in use by DatepickerComponent
-     */
-    get activeDateCell(): HTMLElement;
-    get inputId(): string;
-    get prevMonthId(): string;
-    get nextMonthId(): string;
-    private maxMonthIndex;
-    private activeDateValue;
-    private availableDatesValue;
-    private currentMonth;
-    private selectedValue;
-    private availableDays;
-    private monthNames;
-    private lowerLimitDateValue;
-    private selectedDateValue;
-    private shouldFocusCalendarOnAvailableDatesUpdate;
-    private componentId;
-    constructor(dateService: DateHelper, datePipe: DatePipe, calendarService: CalendarService);
-    ngOnInit(): void;
-    dateKeyDown(event: KeyboardEvent): void;
-    onPreviousMonthKeydown(event: KeyboardEvent): void;
-    onNextMonthKeydown(event: KeyboardEvent): void;
-    onNextMonthMousedown(): void;
-    onPreviousMonthMousedown(): void;
-    onMonthSelectKeydown(event: KeyboardEvent): void;
-    focusElement(event: KeyboardEvent, elementToFocus: HTMLElement): void;
-    setActiveDate(): void;
-    onMouseDown(date: string, event: MouseEvent): void;
-    onDayFocus(day: DayModel): void;
-    onDayClick(day: DayModel): void;
-    setSelectedDate(date: UtcDate): void;
-    getCellButtonClass(day: DayModel): ClassModel;
-    getNextMonth(): void;
-    getPreviousMonth(): void;
-    setPreviousMonthDisabled(): void;
-    private applySelectedDateChanges;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "nas-calendar", never, { "id": { "alias": "id"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "lowerLimitDate": { "alias": "lowerLimitDate"; "required": false; }; "date": { "alias": "date"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "displayWeekNumbers": { "alias": "displayWeekNumbers"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "availableDates": { "alias": "availableDates"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; }, { "monthChange": "monthChange"; "focusOnNextChange": "focusOnNextChange"; "selectedDateChange": "selectedDateChange"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
-}

package/lib/components/datepicker/calendar/enums/week-start.enum.d.ts

@@ -1,4 +0,0 @@
-export declare enum WeekStart {
-    monday = 0,
-    sunday = 1
-}

package/lib/components/datepicker/calendar/models/calendar-date.model.d.ts

@@ -1,5 +0,0 @@
-import { UtcDate } from '../../../../core';
-export interface CalendarDateModel {
-    date: UtcDate;
-    model: string;
-}

package/lib/components/datepicker/calendar/models/calendar.model.d.ts

@@ -1,4 +0,0 @@
-import { DayModel } from './day.model';
-export interface CalendarModel {
-    days: Array<DayModel>;
-}

package/lib/components/datepicker/calendar/models/day.model.d.ts

@@ -1,10 +0,0 @@
-export interface DayModel {
-    date: string;
-    index?: number;
-    isSelected?: boolean;
-    isEmpty?: boolean;
-    isDisabled?: boolean;
-    isAvailable?: boolean;
-    isActive?: boolean;
-    isWithinRange?: boolean;
-}

package/lib/components/datepicker/calendar/models/select-option.model.d.ts

@@ -1,4 +0,0 @@
-export interface SelectOptionModel {
-    value: string;
-    title: string;
-}

package/lib/components/datepicker/calendar/models/week.model.d.ts

@@ -1,5 +0,0 @@
-import { DayModel } from './day.model';
-export interface WeekModel {
-    days: Array<DayModel>;
-    weekNumber: number;
-}

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

@@ -1,289 +0,0 @@
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-import { DatePipe } from '@angular/common';
-import { ElementRef, EventEmitter, OnInit, QueryList } 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 * as i0 from "@angular/core";
-/**
- * @description
- * Norwegian Date Picker Component | Functional | New design
- */
-export declare class DatepickerComponent extends NasComponentBase implements OnInit {
-    private datePipe;
-    private dateService;
-    timeOptions: Array<SelectOptionModel>;
-    model: string;
-    utcDate: UtcDate;
-    show: boolean;
-    selectedTimeOption: SelectOptionModel;
-    showTimes: boolean;
-    focusedTime: SelectOptionModel;
-    get showBackdrop(): boolean;
-    set showBackdrop(value: boolean);
-    input: ElementRef;
-    calendar: CalendarComponent;
-    datePickerContent: ElementRef;
-    timeSelector: ElementRef;
-    time: QueryList<ElementRef<HTMLElement>>;
-    /**
-     * @property Input
-     * @required
-     * @description
-     * The ID of the native input element
-     */
-    id: string;
-    /**
-     * @property Input
-     * @description
-     * Adds 'aria-label' to the backdrops.
-     */
-    ariaLabelBackdrop: string;
-    /**
-     * @property Input
-     * @description
-     * A boolean value when set will disable showing the backdrop on popup open
-     */
-    disableBackdrop: boolean;
-    /**
-     * @property Input
-     * @description
-     * Label for no available flights.
-     */
-    noAvailableFlightsLabel: string;
-    /**
-     * @property Input
-     * @description
-     * Label for available flights.
-     */
-    availableFlightsLabel: string;
-    /**
-     * @property Input
-     * @description
-     * Disable possibility to select dates in the past.
-     */
-    disablePastSelection: boolean;
-    /**
-     * @property Input
-     * @description
-     * The lowest date allowed.
-     */
-    get lowerLimitDate(): UtcDate;
-    set lowerLimitDate(date: UtcDate);
-    /**
-     * @property Input
-     * @description
-     * Sets the datepicker in availability mode where available dates can be added.
-     */
-    availability: boolean;
-    /**
-     * @property Input
-     * @description
-     * An array with all the available (selectable) dates of the month.
-     */
-    availableDates: Array<UtcDate>;
-    /**
-     * @property Input
-     * @description
-     * boolean value to disable or enable the input of the date picker.
-     */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    /**
-     * @property Input
-     * @description
-     * A place holder string for the input for date picker.
-     */
-    placeholder: string;
-    /**
-     * @property Input
-     * @description
-     * this will set the required attribute on the input so suer has to date-picker the date.
-     */
-    required: boolean;
-    /**
-     * @property Input
-     * @description
-     * Is used to indicate the IDs of the elements that describe the date picker input.
-     */
-    ariaDescribedby: string;
-    /**
-     * @property Input
-     * @description
-     * Aria label for input that enables date-picker popup once clicked. For accessibility web standards.
-     */
-    ariaLabel: string;
-    /**
-     * @property Input
-     * @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;
-    /**
-     * @property Input
-     * @description
-     * The time display format.
-     */
-    timeDisplayFormat: string;
-    /**
-     * @property Input
-     * @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;
-    /**
-     * @property Input
-     * @description
-     * A modifier to remove the padding and margins around the element.
-     */
-    compact: boolean;
-    /**
-     * @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
-     * 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
-     * An array of times to be added in the time selector.
-     */
-    get times(): Array<UtcDate>;
-    set times(times: Array<UtcDate>);
-    /**
-     * @property Input
-     * @description
-     * The calendar is open or closed.
-     */
-    get open(): boolean;
-    set open(open: boolean);
-    /**
-     * @property Input
-     * @description
-     * Set selected month.
-     */
-    get selectedMonth(): UtcDate;
-    set selectedMonth(month: UtcDate);
-    /**
-     * @property Input
-     * @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);
-    /**
-     * @property Input
-     * @description
-     * Sets the selected time in the time selector.
-     */
-    get selectedTime(): UtcDate;
-    set selectedTime(time: UtcDate);
-    /**
-     * @property Input
-     * @description
-     * ARIA label for the previous month button in the calendar.
-     */
-    ariaLabelPreviousMonth: string;
-    /**
-     * @property Input
-     * @description
-     * ARIA label for the next month button in the calendar.
-     */
-    ariaLabelNextMonth: string;
-    /**
-     * @property Input
-     * @description
-     * Sets the string timepicker label title
-     */
-    timepickerLabel: string;
-    /**
-     * @property Output
-     * @description
-     * Date selected by the user by clicking in date-picker date-box.
-     */
-    selectedDateChange: EventEmitter<UtcDate>;
-    /**
-     * @property Output
-     * @description
-     * Month selected by the user by clicking in drop down for month selection or month navigation buttons.
-     */
-    selectedMonthChange: EventEmitter<UtcDate>;
-    /**
-     * @property Output
-     * @description
-     * The calendar is open or closed.
-     */
-    openChange: EventEmitter<boolean>;
-    /**
-     * @property Output
-     * @description
-     * When a user has actively changed the date.
-     */
-    focusOnNextChange: EventEmitter<KeyboardEvent | MouseEvent>;
-    /**
-     * @property Output
-     * @description
-     * When a user has pressed shift + tab to go to previous control.
-     */
-    focusOnPreviousChange: EventEmitter<KeyboardEvent | MouseEvent>;
-    get activeDate(): UtcDate;
-    set activeDate(date: UtcDate);
-    get inputId(): string;
-    private openCalendarTimeout;
-    private activeDateTimeout;
-    private selectedDateValue;
-    private openValue;
-    private activeDateValue;
-    private timesValue;
-    private selectedTimeValue;
-    private selectedMonthValue;
-    private disabledValue;
-    private forceNotOpenCalendar;
-    private lowerLimitDateValue;
-    private componentId;
-    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 allDays;
-    private someValidDaysEqualsSelectedDay;
-    private onOpenTime;
-    private timeFocusNext;
-    private timeFocusPrev;
-    private timerListFocus;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nas-datepicker", never, { "id": { "alias": "id"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "lowerLimitDate": { "alias": "lowerLimitDate"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableDates": { "alias": "availableDates"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "times": { "alias": "times"; "required": false; }; "open": { "alias": "open"; "required": false; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedTime": { "alias": "selectedTime"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; }; }, { "selectedDateChange": "selectedDateChange"; "selectedMonthChange": "selectedMonthChange"; "openChange": "openChange"; "focusOnNextChange": "focusOnNextChange"; "focusOnPreviousChange": "focusOnPreviousChange"; }, never, ["*"], false, never>;
-}

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

@@ -1,16 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./datepicker.component";
-import * as i2 from "./calendar/calendar.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../cover/cover.module";
-import * as i5 from "../select/select.module";
-import * as i6 from "../icon/icon.module";
-import * as i7 from "../../core/directives/nas-class/nas-class.module";
-import * as i8 from "@angular/forms";
-import * as i9 from "../spinner/spinner.module";
-import * as i10 from "../backdrop/backdrop.module";
-export declare class DatepickerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerModule, [typeof i1.DatepickerComponent, typeof i2.CalendarComponent], [typeof i3.CommonModule, typeof i4.CoverModule, typeof i5.SelectModule, typeof i6.IconModule, typeof i7.NasClassModule, typeof i8.FormsModule, typeof i9.SpinnerModule, typeof i8.ReactiveFormsModule, typeof i10.BackdropModule], [typeof i1.DatepickerComponent, typeof i2.CalendarComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DatepickerModule>;
-}

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

@@ -1,8 +0,0 @@
-export * from './datepicker.component';
-export * from './calendar/calendar.component';
-export * from './datepicker.module';
-export * from './calendar/enums/week-start.enum';
-export * from './calendar/models/calendar.model';
-export * from './calendar/models/calendar-date.model';
-export * from './calendar/models/day.model';
-export * from './calendar/models/week.model';

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

@@ -1,27 +0,0 @@
-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';
-import * as i0 from "@angular/core";
-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;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarService>;
-}