@norwegian/core-components 6.59.0 → 7.0.0

package/lib/components/button-new/button-new.component.d.ts

@@ -1,276 +0,0 @@
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-import { EventEmitter, ElementRef } from '@angular/core';
-import { NasComponentBase } from '../../core/base/nas-component.base';
-import { ClassModel } from '../../core/models/class.model';
-import * as i0 from "@angular/core";
-/**
- * @description
- * Norwegian Button Component | New design | Beta
- */
-export declare class ButtonNewComponent extends NasComponentBase {
-    button: ElementRef<HTMLButtonElement>;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set primary style of button (red).
-     *
-     * @example
-     * <nas-button primary>Click on me!</nas-button>
-     */
-    primary?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set secondary style of button (blue).
-     * Primary is default style.
-     *
-     * @example
-     * <nas-button secondary>Click on me!</nas-button>
-     */
-    secondary?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set link style of button. Button will look like a link, with underlined text.
-     *
-     * @example
-     * <nas-button link>Click on me!</nas-button>
-     */
-    link?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set light style of button (grey).
-     *
-     * @example
-     * <nas-button light>Click on me!</nas-button>
-     */
-    light?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set large style of button. Can be compined with primary, secondary and light.
-     *
-     * @example
-     * <nas-button large>Click on me!</nas-button>
-     */
-    large?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set block style of button. Will have block behaviour.
-     * Can be compined with primary, secondary and light.
-     *
-     * @example
-     * <nas-button block>Click on me!</nas-button>
-     */
-    block?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set flex style of button. Will have flex box behaviour.
-     * Can be compined with primary, secondary and light.
-     *
-     * @example
-     * <nas-button flex>Click on me!</nas-button>
-     */
-    flex?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set compact style of button. Will be smaller, without "the line".
-     * Can be compined with primary, secondary and light.
-     *
-     * @example
-     * <nas-button compact>Click on me!</nas-button>
-     */
-    compact?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set right style of button. Will be aligned at right.
-     * Can be compined with primary, secondary and light.
-     *
-     * @example
-     * <nas-button right>Click on me!</nas-button>
-     */
-    right?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set spaceless style of button. Will remove space around button.
-     * Can be compined with primary, secondary and light.
-     *
-     * @example
-     * <nas-button spaceless>Click on me!</nas-button>
-     */
-    spaceless?: boolean;
-    /**
-     * @property Input
-     * @description
-     * String to support href.
-     * Can be combined with all other properties.
-     *
-     * @example
-     * <nas-button [href]="http://www.norwegian.com">Click on me!</nas-button>
-     */
-    href?: string;
-    /**
-     * @property Input
-     * @description
-     * String to be tracked by e.x. GTM og GA.
-     * Can be combined with all other properties.
-     *
-     * @example
-     * <nas-button [trackingValue]="trackingValue">Click on me!</nas-button>
-     */
-    trackingvalue?: string;
-    /**
-     * @property Input
-     * @description
-     * Boolean to override disabled. Button will be clickable even though disabled is set.
-     *
-     * @example
-     * <nas-button canContinueOnDisabled>Click on me!</nas-button>
-     */
-    canContinueOnDisabled?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set disabled. Button will get disabled styling.
-     *
-     * @example
-     * <nas-button disabled>Click on me!</nas-button>
-     */
-    disabled: boolean;
-    /**
-     * @property Input
-     * @description
-     * String to set button type. Default value is "button".
-     *
-     * @example
-     * <nas-button [type]="'submit'">Click on me!</nas-button>
-     */
-    type: string;
-    /**
-     * @property Input
-     * @description
-     * Adds custom CSS class to the button. Button will sett additional custom styling.
-     *
-     * @example
-     * <nas-button [cssClass]="'my-custom-class'">Click on me!</nas-button>
-     */
-    cssClass?: ClassModel;
-    /**
-     * @property Input
-     * @description
-     * String to set aria label on button.
-     *
-     * @example
-     * <nas-button [ariaLabel]="'this is my aria label'">Click on me!</nas-button>
-     */
-    ariaLabel?: string;
-    /**
-     * @property Input
-     * @description
-     * Property to set custom styling on button.
-     *
-     * @example
-     * <nas-button [cssStyle]="{'width': '300px', 'height': '40px'}">Click on me!</nas-button>
-     */
-    cssStyle: any;
-    /**
-     * @property Input
-     * @description
-     * Number to set custom tab index on button.
-     *
-     * @example
-     * <nas-button [tabIndex]="10">Click on me!</nas-button>
-     */
-    tabindex: number;
-    /**
-     * @property Input
-     * @description
-     * Boolean to override base css class.
-     *
-     * @example
-     * <nas-button [overrideBaseCssClass]="true">Click on me!</nas-button>
-     */
-    overrideBaseCssClass?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Use router link instead of href on links
-     */
-    useRouterLink?: boolean;
-    /**
-     * @property Input
-     * @description
-     * The ID of the native button element
-     */
-    id: string;
-    /**
-     * @property Input
-     * @description
-     * The target attribute specifies where to open the link.
-     * @example
-     * <nas-button link href="https://www.norwegian.com" target="_blank">Click on me!</nas-button>
-     */
-    target: string;
-    /**
-     * @property Input
-     * @description
-     * Sets the icon on the input
-     */
-    icon: string;
-    /**
-     * @property Input
-     * @description
-     * Boolean to display the icon on the left side of the button text
-     */
-    iconLeft?: boolean;
-    /**
-     * @property Input
-     * @description
-     * Sets the type of icon on the input
-     */
-    iconType: string;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set the button-link styling on the button
-     *
-     * @example
-     * <nas-button buttonlink>This is a button link!</nas-button>
-     */
-    buttonlink: boolean;
-    /**
-     * @property Output
-     * @description
-     * Change event when clicking on button.
-     *
-     * @example
-     * <nas-button (clickChange)="myFunction()">Click on me!</nas-button>
-     */
-    clickChange: EventEmitter<Event>;
-    get buttonStyle(): any;
-    get buttonId(): string;
-    get modifiers(): Array<string>;
-    private trackingEventSource;
-    trackingEvent$: import("rxjs").Observable<string>;
-    private componentId;
-    /**
-     * @description
-     * Represent a button component.
-     * Will initiate correct block style.
-     */
-    constructor();
-    getClasses(element?: string, modifiers?: any): Array<ClassModel>;
-    emitTrackingEvent(): void;
-    emitTrackingAndClickEvent(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonNewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonNewComponent, "nas-button-new", never, { "primary": { "alias": "primary"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "link": { "alias": "link"; "required": false; }; "light": { "alias": "light"; "required": false; }; "large": { "alias": "large"; "required": false; }; "block": { "alias": "block"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "right": { "alias": "right"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "href": { "alias": "href"; "required": false; }; "trackingvalue": { "alias": "trackingvalue"; "required": false; }; "canContinueOnDisabled": { "alias": "canContinueOnDisabled"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "overrideBaseCssClass": { "alias": "overrideBaseCssClass"; "required": false; }; "useRouterLink": { "alias": "useRouterLink"; "required": false; }; "id": { "alias": "id"; "required": false; }; "target": { "alias": "target"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconType": { "alias": "iconType"; "required": false; }; "buttonlink": { "alias": "buttonlink"; "required": false; }; }, { "clickChange": "clickChange"; }, never, ["*"], false, never>;
-}

package/lib/components/button-new/button-new.module.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./button-new.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../../core/directives/nas-class/nas-class.module";
-import * as i4 from "@angular/router";
-import * as i5 from "../icon/icon.module";
-export declare class ButtonNewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonNewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonNewModule, [typeof i1.ButtonNewComponent], [typeof i2.CommonModule, typeof i3.NasClassModule, typeof i4.RouterModule, typeof i5.IconModule], [typeof i1.ButtonNewComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonNewModule>;
-}

package/lib/components/button-new/index.d.ts

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

package/lib/components/checkbox-new/checkbox-new.component.d.ts

@@ -1,138 +0,0 @@
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-import { FormGroup } from '@angular/forms';
-import { NasComponentBase } from '../../core/base/nas-component.base';
-import { ClassModel } from '../../core/models/class.model';
-import { EventEmitter, ElementRef, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @description
- * Norwegian Checkbox Component | New design | Beta
- */
-export declare class CheckboxNewComponent extends NasComponentBase implements OnInit {
-    input: ElementRef;
-    inputReactive: ElementRef;
-    /**
-     * @property Input
-     * @description
-     * Sets the Id of the native input element
-     */
-    get inputId(): string;
-    set inputId(value: string);
-    /**
-     * @property Input
-     * @description
-     * The value attribute is bound to ngModel of the native input element.
-     */
-    value: string;
-    /**
-     * @property Input
-     * @description
-     * Boolean setting error styling of the checkbox. Usefull for validation.
-     */
-    error: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to disable the checkbox.
-     */
-    disabled: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set display as block
-     */
-    block: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set spaceless styling - remove space around component.
-     */
-    spaceless: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set inverted styling.
-     */
-    inverted: boolean;
-    /**
-     * @property Input
-     * @description
-     * Boolean to set outlined styling
-     */
-    outlined: boolean;
-    /**
-     * @property Input
-     * @description
-     * Used to set the 'aria-label' attribute on the underlying input element.
-     */
-    ariaLabel: string;
-    /**
-     * @property Input
-     * @description
-     * The 'aria-labelledby' attribute takes precedence as the element's text alternative.
-     */
-    ariaDescribedby: string;
-    /**
-     * @property Input
-     * @description
-     * The 'aria-describedby' attribute is read after the element's label and field type.
-     */
-    ariaLabelledby: string;
-    /**
-     * @property Input
-     * @description
-     * String to set name on native input element
-     */
-    name: string;
-    /**
-     * @property Input
-     * @description
-     * String to set required on native input element
-     */
-    required: boolean;
-    /**
-     * @property Input
-     * @description
-     * String to set tabIndex on native input element
-     */
-    tabIndex: number;
-    get checked(): boolean;
-    set checked(value: boolean);
-    /**
-     * @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
-     * 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;
-    checkedChange: EventEmitter<boolean>;
-    focusOnPrevious: EventEmitter<KeyboardEvent>;
-    get mainClass(): ClassModel;
-    private checkedValue;
-    private componentId;
-    private inputIdValue;
-    /**
-     * @description
-     * Represent a checkbox component.
-     * Will initiate correct block style.
-     */
-    constructor();
-    ngOnInit(): void;
-    inputChanged(event: Event): void;
-    inputClicked(event: Event): void;
-    onKeydown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxNewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxNewComponent, "nas-checkbox-new", never, { "inputId": { "alias": "inputId"; "required": false; }; "value": { "alias": "value"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "block": { "alias": "block"; "required": false; }; "spaceless": { "alias": "spaceless"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; }, { "checkedChange": "checkedChange"; "focusOnPrevious": "focusOnPrevious"; }, never, ["*"], false, never>;
-}

package/lib/components/checkbox-new/checkbox-new.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./checkbox-new.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../../core/directives/nas-class/nas-class.module";
-export declare class CheckboxNewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxNewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxNewModule, [typeof i1.CheckboxNewComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.NasClassModule, typeof i3.ReactiveFormsModule], [typeof i1.CheckboxNewComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxNewModule>;
-}

package/lib/components/checkbox-new/index.d.ts

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