@norwegian/core-components 5.1.0

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

@@ -0,0 +1,49 @@
+import { NasComponentBase } from '../../core/base/nas-component.base';
+/**
+ * @description
+ * Norwegian Simple List Component | Layout
+ */
+export declare class SimpleListComponent extends NasComponentBase {
+    /**
+     * @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();
+    mainClass(): import("../..").ClassModel;
+}

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

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

package/lib/components/slide-toggle/index.d.ts

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

package/lib/components/slide-toggle/slide-toggle.component.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { ClassModel } from '../../core/models/class.model';
+import { FormGroup } from '@angular/forms';
+/**
+ * @description
+ * Norwegian Slide Toogle Component | Buttons and Indicators
+*/
+export declare class SlideToggleComponent extends NasComponentBase implements OnInit {
+    /**
+     * @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
+     * 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
+     * Boolean to disable the slide toggle.
+     */
+    disabled: boolean;
+    /**
+     * @description
+     * Sets the Id of the native input element.
+     */
+    get inputId(): string;
+    set inputId(value: string);
+    /**
+     * @description
+     * Set the toggle value.
+     */
+    get toggle(): boolean;
+    set toggle(value: boolean);
+    /**
+     * @description
+     * Toggle change events.
+     */
+    toggleChange: EventEmitter<boolean>;
+    /**
+     * @description
+     * Emits when the focus should be on the previous element.
+     */
+    focusOnPrevious: EventEmitter<KeyboardEvent>;
+    get mainClass(): ClassModel;
+    private toggleValue;
+    private componentId;
+    private inputIdValue;
+    constructor();
+    ngOnInit(): void;
+    inputChanged(event: Event): void;
+    inputClicked(event: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+}

package/lib/components/slide-toggle/slide-toggle.module.d.ts

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

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

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

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

@@ -0,0 +1,177 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+/**
+ * @description
+ * Norwegian Slider Component | Form Controls | Beta
+*/
+export declare class SliderComponent extends NasComponentBase implements OnInit, AfterViewInit, AfterViewChecked {
+    private cdr;
+    slider?: ElementRef<HTMLInputElement>;
+    rangeMin?: ElementRef<HTMLInputElement>;
+    rangeMax?: ElementRef<HTMLInputElement>;
+    bubble?: ElementRef<HTMLInputElement>;
+    /**
+     * @description
+     * The ID of the slider
+     */
+    id: string;
+    /**
+     * @description
+     * The ID of the slider
+     */
+    range?: boolean;
+    /**
+     * @description
+     * Name attribute of the slider
+     */
+    name: string;
+    /**
+     * @description
+     * Sets the title of the slider
+     */
+    title?: string;
+    /**
+     * @description
+     * The value of the slider
+     */
+    get value(): number;
+    set value(value: number);
+    /**
+    * @description
+    * The selected minimum value of the range-slider
+    */
+    get selectedMinValue(): number | null;
+    set selectedMinValue(value: number | null);
+    /**
+     * @description
+     * The selected maximum value of the range-slider
+     */
+    get selectedMaxValue(): number;
+    set selectedMaxValue(value: number);
+    /**
+    * @description
+    * The minimum difference of min and max range-slider.
+    */
+    get minDiffRange(): number;
+    set minDiffRange(value: number);
+    /**
+     * @description
+     * The suffix/ending of the value that the slider can have.
+     */
+    get suffix(): string;
+    set suffix(value: string);
+    /**
+     * @description
+     * The minimum value that the slider can have. The default value is 0.
+     */
+    get min(): number;
+    set min(value: number);
+    /**
+     * @description
+     * A custom label for the minimum value. The actual value is still specified by min input.
+     */
+    get minLabel(): string;
+    set minLabel(value: string);
+    /**
+     * @description
+     * The maximum value that the slider can have. The default value is 100.
+     */
+    get max(): number;
+    set max(value: number);
+    /**
+     * @description
+     * A custom label for the maximum value. The actual value is still specified by max input.
+     */
+    get maxLabel(): string;
+    set maxLabel(value: string);
+    /**
+     * @description
+     * The values at which the thumb will snap
+     */
+    get step(): number | null;
+    set step(value: number | null);
+    /**
+     * @description
+     * Whether the component is disabled
+     */
+    get disabled(): boolean;
+    set disabled(value: 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.
+     */
+    nasFormControlName: string;
+    /**
+     * @description
+     * Sets a formControlName directive to the input of range-slider minimum value.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlMin: string;
+    /**
+     * @description
+     * Sets a formControlName directive to the input of range-slider maximum value.
+     * It requires that the consumer included ReactiveFormsModule in it's module.
+     * It requiers that the nasFormGroup input is filled.
+     */
+    nasFormControlMax: 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
+     * An event that is fired every time the silder value changes
+     */
+    valueChange: EventEmitter<number>;
+    /**
+     * @description
+     * An event that is fired every time the silder minimum value changes
+     */
+    selectedMinValueChange: EventEmitter<number>;
+    /**
+    * @description
+    * An event that is fired every time the silder maximum value changes
+    */
+    selectedMaxValueChange: EventEmitter<number>;
+    isRange: boolean;
+    showBubble: boolean;
+    bubbleRangeValue: number;
+    isIEOrEdge: boolean;
+    get sliderId(): string;
+    get isBubbleActive(): boolean;
+    set isBubbleActive(value: boolean);
+    get bubbleValue(): string;
+    get middleLabel(): string;
+    private isBubbleActiveValue;
+    private valueValue;
+    private minValue;
+    private maxValue;
+    private rangeMaxValue;
+    private rangeMinValue;
+    private minDifferenceRange;
+    private stepValue;
+    private disabledValue;
+    private componentId;
+    private isViewInit;
+    private minLabelValue;
+    private maxLabelValue;
+    private suffixLabelValue;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    onSliderInput(event: any, type: string): void;
+    onSliderChange(event: any, type?: string): void;
+    private setBubbleStyle;
+}

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

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

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

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

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

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { EventEmitter } from '@angular/core';
+import { NasComponentBase } from '../../core';
+import { SortModel } from '../../shared/models/sort.model';
+import { SortOptionModel } from '../../shared/models/sort-option.model';
+/**
+ * @description
+ * Norwegian Sort Component | Functional
+ */
+export declare class SortComponent extends NasComponentBase {
+    checkedOptionObject: SortOptionModel;
+    dropdownOpen: boolean;
+    /**
+     * @description
+     * model for the sort component. containing all sort options and related meta data.
+     */
+    model: SortModel;
+    /**
+     * @description
+     * popup open set & get.
+     */
+    get open(): boolean;
+    set open(value: boolean);
+    /**
+   * @description
+   * checked option set & get.
+   */
+    get selectedOption(): SortOptionModel;
+    set selectedOption(option: SortOptionModel);
+    /**
+     * @description
+     * Listen for option change events.
+     */
+    selectedOptionChange: EventEmitter<SortOptionModel>;
+    /**
+     * @description
+     * Listen for apply button click events.
+     */
+    applyButtonClicked: EventEmitter<SortOptionModel>;
+    constructor();
+    checkSpaceless(option: SortOptionModel, index: number): boolean;
+    applyButtonClick(): void;
+    optionChanged(option: SortOptionModel, isChecked: boolean): void;
+}

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

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

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

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

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

@@ -0,0 +1,58 @@
+import { Renderer2 } from '@angular/core';
+import { NasComponentBase } from '../../core';
+/**
+ * @description
+ * Norwegian Spinner Component | Layout
+*/
+export declare class SpinnerComponent extends NasComponentBase {
+    private renderer;
+    private enableValue;
+    private loadingTimeout;
+    /**
+     * @description
+     * An information message that is displayed on the spinner.
+     * @example
+     * ```html
+     * <nas-spinner [text]="text"></nas-spinner>
+     * ```
+     */
+    text: string;
+    /**
+     * @description
+     * Sets small styling.
+     * @example
+     * ```html
+     * <nas-select small></nas-select>
+     * ```
+     * or
+     * ```html
+     * <nas-select [small]="true"></nas-select>
+     * ```
+     */
+    small?: boolean;
+    /**
+     * @description
+     * Sets overlay styling.
+     * @example
+     * ```html
+     * <nas-select overlay></nas-select>
+     * ```
+     * or
+     * ```html
+     * <nas-select [overlay]="true"></nas-select>
+     * ```
+     */
+    overlay?: boolean;
+    /**
+     * @description
+     * Enables the spinner after 500ms. If false again within 500ms, the spinner will not be displayed at all.
+     * @example
+     * ```html
+     * <nas-spinner [enable]="enable"></nas-spinner>
+     * ```
+     */
+    get enable(): boolean;
+    set enable(enable: boolean);
+    constructor(renderer: Renderer2);
+    private setEnabled;
+}

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

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

package/lib/components/subsidy-discount/index.d.ts

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

package/lib/components/subsidy-discount/models/subsidy-discount.model.d.ts

@@ -0,0 +1,4 @@
+export interface SubsidyDiscountModel {
+    code: string;
+    displayName: string;
+}

package/lib/components/subsidy-discount/subsidy-discount.component.d.ts

@@ -0,0 +1,57 @@
+import { EventEmitter } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { SelectOptionModel } from '../select/models/select-option.model';
+import { SubsidyDiscountModel } from './models/subsidy-discount.model';
+import { ButtonComponent } from '../button/button.component';
+/**
+ * @description
+ * Norwegian Subsidy Discount Component | Functional
+*/
+export declare class SubsidyDiscountComponent extends NasComponentBase {
+    infoButton: ButtonComponent;
+    options: Array<SelectOptionModel>;
+    selectedOption: SelectOptionModel;
+    /**
+     * @description
+     * Add custom label styling.
+     */
+    label: string;
+    /**
+     * @description
+     * Set icon on component. Icon need to exist in medium size. Default value is 'family'
+     */
+    icon: string;
+    /**
+     * @description
+     * Gets or sets the selected discount value.
+     */
+    get selectedDiscount(): SubsidyDiscountModel;
+    set selectedDiscount(discount: SubsidyDiscountModel);
+    /**
+     * @description
+     * Gets or sets discounts value.
+     */
+    get discounts(): Array<SubsidyDiscountModel>;
+    set discounts(discounts: Array<SubsidyDiscountModel>);
+    /**
+     * @description
+     * An even that is fired every time the info button is clicked.
+     */
+    infoButtonClick: EventEmitter<any>;
+    /**
+     * @description
+     * Fires when info button has a keydown event.
+     */
+    infoButtonKeydown: EventEmitter<KeyboardEvent>;
+    /**
+     * @description
+     * An even that is fired every time the info button is clicked.
+     */
+    discountSelectChange: EventEmitter<SubsidyDiscountModel>;
+    private discountsValue;
+    private selectedDiscountValue;
+    constructor();
+    onInfoButtonClick(): void;
+    onSelectedChange(option: SelectOptionModel): void;
+    onInfoButtonKeydown(event: KeyboardEvent): void;
+}

package/lib/components/subsidy-discount/subsidy-discount.module.d.ts

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

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

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

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

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { EventEmitter } from '@angular/core';
+import { NasComponentBase } from '../../core/base/nas-component.base';
+import { AirportModel } from '../airport-select/models/airport.model';
+/**
+ * @description
+ * Norwegian Suggestions Component | Functional
+ */
+export declare class SuggestionsComponent extends NasComponentBase {
+    /**
+     * @description
+     * Suggestions to be displayed
+     */
+    suggestions: Array<AirportModel>;
+    /**
+     * @description
+     * A label for 'or'
+     */
+    orLabel: string;
+    /**
+     * @description
+     * Fired when an airport is selected
+     */
+    airportSelect: EventEmitter<AirportModel>;
+    constructor();
+    onAirportSelect(airport: AirportModel): void;
+}

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

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

package/lib/components/tab-group/index.d.ts

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

package/lib/components/tab-group/tab/tab.component.d.ts

@@ -0,0 +1,84 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { NasComponentBase } from '../../../core/base/nas-component.base';
+import { ClassModel } from '../../../core/models/class.model';
+export declare class TabComponent extends NasComponentBase implements OnInit {
+    private elementRef;
+    private changeDetector;
+    tab: ElementRef;
+    private sizeValue;
+    private groupIdValue;
+    private selectedValue;
+    index: number;
+    get groupId(): number;
+    set groupId(input: number);
+    get size(): number;
+    set size(input: number);
+    get selected(): boolean;
+    set selected(input: boolean);
+    /**
+     * @description
+     * An icon for the tab.
+     * @example
+     * ```html
+     * <nas-tab [icon]="'flight-tickets'"></nas-tab>
+     * ```
+     */
+    icon: string;
+    /**
+     * @description
+     * A label for the tab.
+     * @example
+     * ```html
+     * <nas-tab [label]="'Flight'"></nas-tab>
+     * ```
+     */
+    label: string;
+    /**
+     * @description
+     * Removes shadow effect on tab content
+     * @example
+     * ```html
+     * <nas-tab shadowless></nas-tab>
+     * ```
+     */
+    shadowless: boolean;
+    /**
+     * @description
+     * Aria label for the tab.
+     * @example
+     * ```html
+     * <nas-tab aria-label="'Flight tickets'"></nas-tab>
+     * ```
+     */
+    ariaLabel: string;
+    /**
+     * @description
+     * Reference to the element that the tab is labelled by.
+     * Will be cleared if `aria-label` is set at the same time.
+     * @example
+     * ```html
+     * <nas-tab aria-labelledby="flightTicketsId"></nas-tab>
+     * ```
+     */
+    ariaLabelledby: string;
+    tabClick: EventEmitter<number>;
+    focusOnNext: EventEmitter<number>;
+    focusOnPrevious: EventEmitter<number>;
+    constructor(elementRef: ElementRef, changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    getDropdownClass(): ClassModel;
+    getDropdownIconType(): string;
+    onTabClick(): void;
+    onArrowRightClick(): void;
+    onArrowLeftClick(): void;
+    displayDropdownIcon(): boolean;
+    getIcon(): string;
+    getTabIndex(): number;
+    getTabContentId(): string;
+    getLabelId(): string;
+    getContentClass(): ClassModel;
+}

package/lib/components/tab-group/tab-group.component.d.ts

@@ -0,0 +1,30 @@
+import { QueryList, AfterViewInit } from '@angular/core';
+import { NasComponentBase } from '../../core';
+import { TabComponent } from './tab/tab.component';
+/**
+ * @description
+ * Norwegian Tab Group Component | Layout
+*/
+export declare class TabGroupComponent extends NasComponentBase implements AfterViewInit {
+    private selectedIndexValue;
+    private groupId;
+    tabs: QueryList<TabComponent>;
+    /**
+     * @description
+     * The selected index for the tab group. Default value is 0.
+     */
+    get selectedIndex(): number;
+    set selectedIndex(value: number);
+    /**
+     * @description
+     * Makes the tabgroup fit to its container, no width restrictions
+     */
+    fit: boolean;
+    /**
+     * @description
+     * Removes shadow effect on tab content
+     */
+    shadowless: boolean;
+    constructor();
+    ngAfterViewInit(): void;
+}

package/lib/components/tab-group/tab-group.module.d.ts

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

package/lib/components/table/column/column.component.d.ts

@@ -0,0 +1,3 @@
+export declare class ColumnComponent {
+    constructor();
+}

package/lib/components/table/column-group/column-group.component.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Norwegian Air Shuttle. All Rights Reserved.
+ */
+import { OnInit, ElementRef } from '@angular/core';
+import '../../../core/extensions/html-element.extension';
+export declare class ColumnGroupComponent implements OnInit {
+    private elementRef;
+    span: number;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    ngOnInit(): void;
+}