@norwegian/core-components 6.0.3 → 6.2.0

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

@@ -15,31 +15,36 @@ export declare class SortComponent extends NasComponentBase {
     checkedOptionObject: SortOptionModel;
     dropdownOpen: boolean;
     /**
+     * @property Input
      * @description
      * model for the sort component. containing all sort options and related meta data.
-     */
+    */
     model: SortModel;
     /**
+     * @property Input
      * @description
      * popup open set & get.
-     */
+    */
     get open(): boolean;
     set open(value: boolean);
     /**
-   * @description
-   * checked option set & get.
-   */
+     * @property Input
+     * @description
+     * checked option set & get.
+    */
     get selectedOption(): SortOptionModel;
     set selectedOption(option: SortOptionModel);
     /**
+     * @property Output
      * @description
      * Listen for option change events.
-     */
+    */
     selectedOptionChange: EventEmitter<SortOptionModel>;
     /**
+     * @property Output
      * @description
      * Listen for apply button click events.
-     */
+    */
     applyButtonClicked: EventEmitter<SortOptionModel>;
     constructor();
     checkSpaceless(option: SortOptionModel, index: number): boolean;

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

@@ -13,81 +13,68 @@ export declare class SpinnerComponent extends NasComponentBase implements OnInit
     showRefreshLink: boolean;
     private refreshSecondValue;
     /**
+     * @property Input
      * @description
      * An information message that is displayed on the spinner.
      * @example
-     * ```html
      * <nas-spinner [text]="text"></nas-spinner>
-     * ```
-     */
+    */
     text: string;
     /**
-   * @description
-   * An information message that is displayed on the refresh link.
-   * @example
-   * ```html
-   * <nas-spinner [refreshText]="text"></nas-spinner>
-   * ```
-   */
+     * @property Input
+     * @description
+     * An information message that is displayed on the refresh link.
+     * @example
+     * <nas-spinner [refreshText]="text"></nas-spinner>
+    */
     refreshText: string;
     /**
+     * @property Input
      * @description
      * Sets small styling.
      * @example
-     * ```html
      * <nas-select small></nas-select>
-     * ```
      * or
-     * ```html
      * <nas-select [small]="true"></nas-select>
-     * ```
-     */
+    */
     small?: boolean;
     /**
+     * @property Input
      * @description
      * Sets overlay styling.
      * @example
-     * ```html
      * <nas-select overlay></nas-select>
-     * ```
      * or
-     * ```html
      * <nas-select [overlay]="true"></nas-select>
-     * ```
-     */
+    */
     overlay?: boolean;
     /**
+     * @property Input
      * @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);
     /**
+     * @property Input
      * @descriptionp
      * Sets the number of seconds to wait before showing the refresh link.
      * @example
-     * ```html
      * <nas-spinner [refresh]="10"></nas-spinner>
-     * ```
-     */
+    */
     get refresh(): number;
     set refresh(value: number);
     /**
-   * @description
-   * Block page scrolling.
-   * @example
-   * ```html
-   * <nas-select blockScrolling></nas-select>
-   * ```
-   * or
-   * ```html
-   * <nas-select [blockScrolling]="true"></nas-select>
-   * ```
-   */
+     * @property Input
+     * @description
+     * Block page scrolling.
+     * @example
+     * <nas-select blockScrolling></nas-select>
+     * or
+     * <nas-select [blockScrolling]="true"></nas-select>
+    */
     blockScrolling: boolean;
     constructor(renderer: Renderer2);
     ngOnInit(): void;

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

@@ -13,41 +13,48 @@ export declare class SubsidyDiscountComponent extends NasComponentBase {
     options: Array<SelectOptionModel>;
     selectedOption: SelectOptionModel;
     /**
+     * @property Input
      * @description
      * Add custom label styling.
-     */
+    */
     label: string;
     /**
+     * @property Input
      * @description
      * Set icon on component. Icon need to exist in medium size. Default value is 'family'
-     */
+    */
     icon: string;
     /**
+     * @property Input
      * @description
      * Gets or sets the selected discount value.
-     */
+    */
     get selectedDiscount(): SubsidyDiscountModel;
     set selectedDiscount(discount: SubsidyDiscountModel);
     /**
+     * @property Input
      * @description
      * Gets or sets discounts value.
-     */
+    */
     get discounts(): Array<SubsidyDiscountModel>;
     set discounts(discounts: Array<SubsidyDiscountModel>);
     /**
+     * @property Output
      * @description
      * An even that is fired every time the info button is clicked.
-     */
+    */
     infoButtonClick: EventEmitter<any>;
     /**
+     * @property Output
      * @description
      * Fires when info button has a keydown event.
-     */
+    */
     infoButtonKeydown: EventEmitter<KeyboardEvent>;
     /**
+     * @property Output
      * @description
      * An even that is fired every time the info button is clicked.
-     */
+    */
     discountSelectChange: EventEmitter<SubsidyDiscountModel>;
     private discountsValue;
     private selectedDiscountValue;

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

@@ -12,19 +12,22 @@ import * as i0 from "@angular/core";
  */
 export declare class SuggestionsComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Suggestions to be displayed
-     */
+    */
     suggestions: Array<AirportModel>;
     /**
+     * @property Input
      * @description
      * A label for 'or'
-     */
+    */
     orLabel: string;
     /**
+     * @property Output
      * @description
      * Fired when an airport is selected
-     */
+    */
     airportSelect: EventEmitter<AirportModel>;
     constructor();
     onAirportSelect(airport: AirportModel): void;

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

@@ -11,20 +11,23 @@ export declare class TabGroupComponent extends NasComponentBase implements After
     private groupId;
     tabs: QueryList<TabComponent>;
     /**
+     * @property Input
      * @description
      * The selected index for the tab group. Default value is 0.
-     */
+    */
     get selectedIndex(): number;
     set selectedIndex(value: number);
     /**
+     * @property Input
      * @description
      * Makes the tabgroup fit to its container, no width restrictions
-     */
+    */
     fit: boolean;
     /**
+     * @property Input
      * @description
      * Removes shadow effect on tab content
-     */
+    */
     shadowless: boolean;
     constructor();
     ngAfterViewInit(): void;

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

@@ -1,24 +1,19 @@
-/**
- * @license
- * Copyright Norwegian Air Shuttle. All Rights Reserved.
- */
-import { OnInit } from '@angular/core';
 import { NasComponentBase } from '../../core';
 import * as i0 from "@angular/core";
 /**
  * @description
  * Norwegian Table Component | Layout | Beta
 */
-export declare class TableComponent extends NasComponentBase implements OnInit {
+export declare class TableComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Add caption to the table
      * @example
      * <nas-table [caption]="'Awesome caption'"></nas-table>
-     */
+    */
     caption: string;
     constructor();
-    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "nas-table", never, { "caption": { "alias": "caption"; "required": false; }; }, {}, never, ["nas-column-group", "nas-table-row", "nas-table-head", "nas-table-body", "nas-table-foot"], false, never>;
 }

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

@@ -4,7 +4,7 @@
  */
 import { EventEmitter } from '@angular/core';
 import { NasComponentBase, ClassModel } from '../../core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -12,74 +12,92 @@ import * as i0 from "@angular/core";
  */
 export declare class TextareaComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Sets the label of the input
-     */
+    */
     label: string;
     /**
+     * @property Input
      * @description
      * Should input field be resizeable in the vertical space, defaults to false
-     */
+    */
     resizable: boolean;
     /**
+     * @property Input
      * @description
      * Overrides default height of textarea, in pixels
-     */
+    */
     height: number;
     /**
+     * @property Input
      * @description
      * If resizable, sets the max-height of vertical resizing
-     */
+    */
     maxHeight: number;
     /**
      * @description
      * Sets aria describedby for accessibility
-     */
+    */
     ariaDescribedby: string;
     /**
+     * @property Input
      * @description
      * Whether the native input element is disabled or not, with disabled styling.
-     */
+    */
     disabled: boolean;
     /**
+     * @property Input
      * @description
      * Whether the control is in an error state.
-     */
+    */
     error: boolean;
     /**
+     * @property Input
      * @description
      * The error message to display when error occur. Error attribute need to be true.
-     */
+    */
     errorMessage: string;
     /**
+     * @property Input
      * @description
      * The ID of the native input element
-     */
+    */
     id: string;
     /**
+     * @property Input
      * @description
      * Sets the info text related to the input
-     */
+    */
     info: string;
     /**
+     * @property Input
      * @description
      * Set loading styling of input
-     */
+    */
     loading: boolean;
     /**
+     * @property Input
      * @description
      * Sets max length on the native input element.
-     */
+    */
     maxLength: number;
     /**
+     * @property Input
      * @description
      * The value of the native input element
-     */
+    */
     private modelValue;
     get model(): string;
     set model(value: string);
+    /**
+     * @property Output
+     * @description
+     * Emits a string if the model has changesd
+    */
     modelChange: EventEmitter<string>;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the input.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -88,9 +106,10 @@ export declare class TextareaComponent extends NasComponentBase {
      * ```html
      * <nas-textarea [nasFormControlName]="'username'"></nas-textarea>
      * ```
-     */
+    */
     nasFormControlName: string;
     /**
+     * @property Input
      * @description
      * Adds the parent's form group.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -99,22 +118,25 @@ export declare class TextareaComponent extends NasComponentBase {
      * ```html
      * <nas-textarea [nasFormGroup]="loginGroup"></nas-textarea>
      * ```
-     */
-    nasFormGroup: UntypedFormGroup;
+    */
+    nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * Whether the element is readonly.
-     */
+    */
     readonly: boolean;
     /**
+     * @property Input
      * @description
      * Sets the required attribute on the native input element.
-     */
+    */
     required: boolean;
     /**
+     * @property Input
      * @description
      * Set spaceless styling (removing spacing)
-     */
+    */
     spaceless: boolean;
     constructor();
     mainClass(): ClassModel;

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

@@ -1,5 +1,5 @@
 import { OnInit, EventEmitter } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { OptionModel } from './models/options.model';
 import { NasComponentBase } from '../../core/base/nas-component.base';
 import * as i0 from "@angular/core";
@@ -9,176 +9,152 @@ import * as i0 from "@angular/core";
 */
 export declare class ToggleComponent extends NasComponentBase implements OnInit {
     /**
+     * @property Input
      * @description
      * Toggle options.
      * @example
-     * ```html
      * <nas-toggle [options]="options"></nas-toggle>
-     * ```
-     */
+    */
     options: Array<OptionModel>;
     /**
+     * @property Input
      * @description
      * Set icon size large.
      * @example
-     * ```html
      * <nas-toggle large></nas-toggle>
-     * ```
      * or
-     * ```html
      * <nas-toggle [large]="true"></nas-toggle>
-     * ```
-     */
+    */
     large?: boolean;
     /**
+     * @property Input
      * @description
      * Set compact styling.
      * @example
-     * ```html
      * <nas-toggle compact></nas-toggle>
-     * ```
      * or
-     * ```html
      * <nas-toggle [compact]="true"></nas-toggle>
-     * ```
-     */
+    */
     compact?: boolean;
     /**
+     * @property Input
      * @description
      * Set light styling.
      * @example
-     * ```html
      * <nas-toggle light></nas-toggle>
-     * ```
      * or
-     * ```html
      * <nas-toggle [light]="true"></nas-toggle>
-     * ```
-     */
+    */
     light?: boolean;
     /**
+     * @property Input
      * @description
      * Set rounded styling.
      * @example
-     * ```html
      * <nas-toggle rounded></nas-toggle>
-     * ```
      * or
-     * ```html
      * <nas-toggle [rounded]="true"></nas-toggle>
-     * ```
-     */
+    */
     rounded?: boolean;
     /**
-    * @description
-    * Set small size of rounded styling.
-    * @example
-    * ```html
-    * <nas-toggle rounded small></nas-toggle>
-    * ```
-    * or
-    * ```html
-    * <nas-toggle [rounded]="true" [small]="true"></nas-toggle>
-    * ```
+     * @property Input
+     * @description
+     * Set small size of rounded styling.
+     * @example
+     * <nas-toggle rounded small></nas-toggle>
+     * or
+     * <nas-toggle [rounded]="true" [small]="true"></nas-toggle>
     */
     small?: boolean;
     /**
-    * @description
-    * Set big size of rounded styling.
-    * @example
-    * ```html
-    * <nas-toggle rounded big></nas-toggle>
-    * ```
-    * or
-    * ```html
-    * <nas-toggle [rounded]="true" [big]="true"></nas-toggle>
-    * ```
+     * @property Input
+     * @description
+     * Set big size of rounded styling.
+     * @example
+     * <nas-toggle rounded big></nas-toggle>
+     * or
+     * <nas-toggle [rounded]="true" [big]="true"></nas-toggle>
     */
     big?: boolean;
     /**
+     * @property Input
      * @description
      * Set the selected option.
      * @example
-     * ```html
      * <nas-toggle [selectedValue]="selectedValue"></nas-toggle>
-     * ```
-     */
+    */
     selectedValue: string;
     /**
+     * @property Input
      * @description
      * The label for toggle.
      * @example
-     * ```html
      * <nas-toggle [label]="'Toggle label'"></nas-toggle>
-     */
+    */
     label: string;
     /**
+     * @property Input
      * @description
      * Set vertical styling.
      * @example
-     * ```html
      * <nas-toggle vertical></nas-toggle>
-     * ```
      * or
-     * ```html
      * <nas-toggle [vertical]="true"></nas-toggle>
-     * ```
-     */
+    */
     vertical?: boolean;
     /**
+     * @property Input
      * @description
      * Set grouped styling.
      * @example
-     * ```html
      * <nas-toggle grouped></nas-toggle>
-     * ```
      * or
-     * ```html
      * <nas-toggle [grouped]="true"></nas-toggle>
-     * ```
-     */
+    */
     grouped?: boolean;
     /**
+     * @property Input
      * @description
      * Toggle group name.
      * @example
-     * ```html
      * <nas-toggle [group]="'Group name'"></nas-toggle>
-     */
+    */
     group: string;
     /**
+     * @property Output
      * @description
      * An event that is fired every time a toggle is performed.
      * @example
-     * ```html
      * <nas-toggle (handleChange)="onHandleChange($event)"></nas-toggle>
-     * ```
-     */
+    */
     handleChange: EventEmitter<OptionModel>;
     /**
+     * @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.
      * @example
      * <nas-toggle [nasFormControlName]="'summer'"></nas-toggle>
-     */
+    */
     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.
      * @example
      * <nas-toggle [nasFormGroup]="formGroup"></nas-toggle>
-     */
-    nasFormGroup: UntypedFormGroup;
+    */
+    nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * To set horizontal scroll.
      * @example
      * <nas-toggle scrollable></nas-toggle>
-     */
+    */
     scrollable: boolean;
     iconType: string;
     isRounded: boolean;