@norwegian/core-components 6.0.3 → 6.2.0

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

@@ -7,59 +7,69 @@ import * as i0 from "@angular/core";
  */
 export declare class BoxComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Boolean to set outlined style; white box with blue border.
      */
     outlined: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set primary style; red box.
      */
     primary: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set secondary style; blue box.
      */
     secondary: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set light style; white box.
      */
     light: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set transparent style. Box will be invisible, but include display properties as padding, margins etc.
      */
     transparent: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give content of box center alignement.
      */
     center: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to remove all padding inside the box.
      */
     nopadding: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to remove all margins around the box.
      */
     nomargin: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set 100% height of box.
      */
     stretch: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set grey style.
      */
     grey: boolean;
     /**
-   * Represent a box component.
-   * Will initiate correct block style.
-   */
+     * Represent a box component.
+     * Will initiate correct block style.
+     */
     constructor();
     getModifiers(): Array<string>;
     getClasses(element?: string, modifiers?: any): Array<ClassModel>;

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

@@ -13,6 +13,7 @@ import * as i0 from "@angular/core";
 export declare class ButtonComponent extends NasComponentBase {
     button: ElementRef<HTMLButtonElement>;
     /**
+     * @property Input
      * @description
      * Boolean to set primary style of button (red).
      *
@@ -21,6 +22,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     primary?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set secondary style of button (blue).
      * Primary is default style.
@@ -30,6 +32,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     secondary?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set link style of button. Button will look like a link, with underlined text.
      *
@@ -38,6 +41,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     link?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set approved style of button (green).
      *
@@ -46,6 +50,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     approve?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set light style of button (grey).
      *
@@ -54,6 +59,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     light?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set large style of button. Can be compined with primary, secondary, approved and light.
      *
@@ -62,6 +68,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     large?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set block style of button. Will have block behaviour.
      * Can be compined with primary, secondary, approved and light.
@@ -71,6 +78,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     block?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set flex style of button. Will have flex box behaviour.
      * Can be compined with primary, secondary, approved and light.
@@ -80,6 +88,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     flex?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set compact style of button. Will be smaller, without "the line".
      * Can be compined with primary, secondary, approved and light.
@@ -89,6 +98,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     compact?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set right style of button. Will be aligned at right.
      * Can be compined with primary, secondary, approved and light.
@@ -98,6 +108,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     right?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set spaceless style of button. Will remove space around button.
      * Can be compined with primary, secondary, approved and light.
@@ -107,6 +118,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     spaceless?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set transparent style of button. Will be transparent.
      *
@@ -115,6 +127,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     transparent?: boolean;
     /**
+     * @property Input
      * @description
      * String to support href.
      * Can be combined with all other properties.
@@ -124,6 +137,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     href?: string;
     /**
+     * @property Input
      * @description
      * String to be tracked by e.x. GTM og GA.
      * Can be combined with all other properties.
@@ -133,6 +147,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     trackingvalue?: string;
     /**
+     * @property Input
      * @description
      * Boolean to override disabled. Button will be clickable even though disabled is set.
      *
@@ -141,6 +156,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     canContinueOnDisabled?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set disabled. Button will get disabled styling.
      *
@@ -149,6 +165,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     disabled: boolean;
     /**
+     * @property Input
      * @description
      * String to set button type. Default value is "button".
      *
@@ -157,6 +174,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     type: string;
     /**
+     * @property Input
      * @description
      * Adds custom CSS class to the button. Button will sett additional custom styling.
      *
@@ -165,6 +183,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     cssClass?: ClassModel;
     /**
+     * @property Input
      * @description
      * String to set aria label on button.
      *
@@ -173,6 +192,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     ariaLabel?: string;
     /**
+     * @property Input
      * @description
      * Property to set custom styling on button.
      *
@@ -181,6 +201,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     cssStyle: any;
     /**
+     * @property Input
      * @description
      * Number to set custom tab index on button.
      *
@@ -189,6 +210,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     tabindex: number;
     /**
+     * @property Input
      * @description
      * Boolean to override base css class.
      *
@@ -197,16 +219,19 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     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
@@ -214,6 +239,7 @@ export declare class ButtonComponent extends NasComponentBase {
      */
     target: string;
     /**
+     * @property Output
      * @description
      * Change event when clicking on button.
      *

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

@@ -2,7 +2,7 @@
  * @license
  * Copyright Norwegian Air Shuttle. All Rights Reserved.
  */
-import { UntypedFormGroup } from '@angular/forms';
+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';
@@ -15,72 +15,86 @@ export declare class CheckboxComponent extends NasComponentBase implements OnIni
     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
      */
@@ -88,6 +102,7 @@ export declare class CheckboxComponent extends NasComponentBase implements OnIni
     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.
@@ -95,12 +110,13 @@ export declare class CheckboxComponent extends NasComponentBase implements OnIni
      */
     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: UntypedFormGroup;
+    nasFormGroup: FormGroup;
     checkedChange: EventEmitter<boolean>;
     focusOnPrevious: EventEmitter<KeyboardEvent>;
     get mainClass(): ClassModel;

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

@@ -1,63 +1,47 @@
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-import { OnInit } from '@angular/core';
 import { NasComponentBase, ClassModel } from '../../core';
 import * as i0 from "@angular/core";
 /**
  * @description
  * Norwegian Chip Component | Buttons and Indicators
  */
-export declare class ChipComponent extends NasComponentBase implements OnInit {
+export declare class ChipComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Boolean to set primary style of the chip (red).
      *
      * @example
-     *
-     * ```html
      * <nas-chip primary>Primary</nas-chip>
-     * ```
-     *
      */
     primary?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set approve style of the chip (green).
      *
      * @example
-     *
-     * ```html
      * <nas-chip approve>Approve</nas-chip>
-     * ```
-     *
      */
     approve?: boolean;
     /**
+     * @property Input
      * @description
      * Property to set custom styling on button.
      *
      * @example
-     *
-     * ```html
      * <nas-chip [cssStyle]="{'width': '300px', 'height': '40px'}"></nas-chip>
-     * ```
-     *
      */
     cssStyle: any;
     /**
+     * @property Input
      * @description
      * Boolean to set the component style to small.
      *
      * @example
-     * ```html
      * <nas-chip small>Small</nas-chip>
-     * ```
      */
     small?: boolean;
     constructor();
-    ngOnInit(): void;
     getChipClass(): ClassModel;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "nas-chip", never, { "primary": { "alias": "primary"; "required": false; }; "approve": { "alias": "approve"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; "small": { "alias": "small"; "required": false; }; }, {}, never, ["*"], false, never>;

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

@@ -6,31 +6,37 @@ import * as i0 from "@angular/core";
  */
 export declare class ContainerComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Boolean which sets column styling.
      */
     columns: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which sets spaceless styling.
      */
     spaceless: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which sets centered styling. Will center align content.
      */
     centered: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which sets full size styling.
      */
     full: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which sets medium size styling.
      */
     medium: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which sets tight size styling.
      */

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

@@ -18,6 +18,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
     content: ElementRef;
     button: ButtonComponent;
     /**
+     * @property Input
      * @description
      * Boolean to set wide style of component. Will fill larger part of sceen width.
      *
@@ -28,6 +29,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     wide: boolean;
     /**
+     * @property Input
      * @description
      * String to set icon on the call to action button.
      *
@@ -38,6 +40,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     icon: string;
     /**
+     * @property Input
      * @description
      * Boolean to set disabled style of component.
      *
@@ -48,11 +51,13 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     disabled: boolean;
     /**
+     * @property Input
      * @description
      * Sets CTA text on button. If not set, CTA-button will not be displayed.
      */
     actionText: string;
     /**
+     * @property Input
      * @description
      * Sets type on the CTA button. Default is "button".
      * @example
@@ -60,6 +65,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     actionType: string;
     /**
+     * @property Input
      * @description
      * Boolean to set simple style of component.
      *
@@ -70,6 +76,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     simple?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set spaceless style of component.
      *
@@ -80,6 +87,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     spaceless?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set tiny style of component.
      *
@@ -90,6 +98,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     tiny?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to override disabled. Button will be clickable even though disabled is set.
      *
@@ -98,11 +107,13 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
      */
     canContinueOnDisabled: boolean;
     /**
+     * @property Input
      * @description
      * Set light style background style.
      */
     light?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set sticky style of component.
      *
@@ -114,11 +125,13 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
     get sticky(): boolean;
     set sticky(sticky: boolean);
     /**
+     * @property Input
      * @description
      * The ID of the native button element
      */
     actionId: string;
     /**
+     * @property Output
      * @description
      * Boolean output for sticky changes.
      *
@@ -128,6 +141,7 @@ export declare class ContinueComponent extends NasComponentBase implements OnCha
     stickyChange: EventEmitter<boolean>;
     stickyValue: boolean;
     /**
+     * @property Output
      * @description
      * Boolean output for when call to action button has been clicked.
      *

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

@@ -8,6 +8,7 @@ import * as i0 from "@angular/core";
  */
 export declare class CoverComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Boolean to set wide style of component. Will fill larger part of sceen width.
      * @example
@@ -16,6 +17,7 @@ export declare class CoverComponent extends NasComponentBase {
      */
     wide: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to remove cloud icon on component
      * @example
@@ -24,6 +26,7 @@ export declare class CoverComponent extends NasComponentBase {
      */
     cloudless?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set spaceless style of component.
      * @example
@@ -32,6 +35,7 @@ export declare class CoverComponent extends NasComponentBase {
      */
     spaceless?: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set small style of component.
      * @example
@@ -40,6 +44,7 @@ export declare class CoverComponent extends NasComponentBase {
      */
     small?: boolean;
     /**
+     * @property Input
      * @description
      * String to set title text of component.
      * @example
@@ -47,16 +52,15 @@ export declare class CoverComponent extends NasComponentBase {
      */
     title: string;
     /**
+     * @property Input
      * @description
      * String to set preamble text of component.
      * @example
-     *
-     * ```html
      * <nas-cover [preamble]="'And some preamble text'">You can put any kind of elements and content here...</nas-cover>
-     * ```
      */
     preamble: string;
     /**
+     * @property Input
      * @description
      * ClassModel to set custom css class on component.
      * @example
@@ -66,6 +70,7 @@ export declare class CoverComponent extends NasComponentBase {
      */
     cssClass: ClassModel;
     /**
+     * @property Input
      * @description
      * String to set illustration icon of component. See Icon Component for existing icons.
      * @example
@@ -73,6 +78,7 @@ export declare class CoverComponent extends NasComponentBase {
      */
     illustration: string;
     /**
+     * @property Input
      * @description
      * Boolean to set fluid style of component.
      * @example
@@ -81,6 +87,7 @@ export declare class CoverComponent extends NasComponentBase {
     */
     fluid: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to set stripped style of component.
      * @example
@@ -89,16 +96,19 @@ export declare class CoverComponent extends NasComponentBase {
      */
     stripped: boolean;
     /**
+     * @property Input
      * @description
      * String to set description text of component.
      */
     description: string;
     /**
+     * @property Input
      * @description
      * This will be a href if useRouterLink is not added. Otherwise, routerLink.
      */
     backLink: LinkModel;
     /**
+     * @property Input
      * @description
      * Use router link instead of href on links
      */