@norwegian/core-components 6.0.3 → 6.2.0

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

@@ -1,4 +1,4 @@
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { NasComponentBase, ClassModel } from '../../core';
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
@@ -11,97 +11,114 @@ import * as i0 from "@angular/core";
 export declare class RadioComponent extends NasComponentBase {
     private checkedValue;
     /**
+     * @property Input
     * @description
-    * The ID of the native input element
+     * The ID of the native input element
     */
     id: string;
     /**
+     * @property Input
      * @description
      * The value of the radio button, represented as a string
-     */
+    */
     value: string;
     /**
+     * @property Input
      * @description
      * Sets the name attribute of the native radio input
-     */
+    */
     name: string;
     /**
+     * @property Input
      * @description
      * Sets error styling of the radio input
-     */
+    */
     error: boolean;
     /**
+     * @property Input
      * @description
      * Sets the radio input disabled with disabled styling. This will not work in combination with reactive forms.
-     */
+    */
     disabled: boolean;
     /**
+     * @property Input
      * @description
      * Sets the radio component to strong styling
-     */
+    */
     strong: boolean;
     /**
+     * @property Input
      * @description
      * Sets the display css property to block
-     */
+    */
     block: boolean;
     /**
+     * @property Input
      * @description
      * Removed the bottom margin
-     */
+    */
     spaceless: boolean;
     /**
+     * @property Input
      * @description
      * String to set tabIndex on native input element
-     */
+    */
     tabIndex: number;
     /**
+     * @property Input
      * @description
      * Sets required attribute on native radio input element
-     */
+    */
     required: 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
      * Set the radio button checked.
      * @example
      * <nas-radio checked></nas-radio>
-     */
+    */
     get checked(): boolean;
     set checked(input: 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.
      * @example
      * <nas-input [nasFormControlName]="'username'"></nas-input>
-     */
+    */
     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-input [nasFormGroup]="loginGroup"></nas-input>
-     */
-    nasFormGroup: UntypedFormGroup;
+    */
+    nasFormGroup: FormGroup;
     /**
+     * @property Output
      * @description
      * Listen for checked change events.
      * @example

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

@@ -3,7 +3,7 @@
  * Copyright Norwegian Air Shuttle. All Rights Reserved.
  */
 import { EventEmitter, ElementRef, ChangeDetectorRef, OnChanges, QueryList, AfterContentInit, AfterViewChecked } from '@angular/core';
-import { UntypedFormControl, UntypedFormGroup } from '@angular/forms';
+import { FormControl, FormGroup } from '@angular/forms';
 import { NasComponentBase } from '../../core';
 import { ClassModel } from '../../core/models';
 import { SelectOptionModel } from './models/select-option.model';
@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
  */
 export declare class SelectComponent extends NasComponentBase implements OnChanges, AfterViewChecked, AfterContentInit {
     private change;
-    selectControl: UntypedFormControl;
+    selectControl: FormControl<any>;
     labelWidth: number;
     selectTitle: string;
     hasContent: boolean;
@@ -27,128 +27,146 @@ export declare class SelectComponent extends NasComponentBase implements OnChang
     optgroupComponents: QueryList<OptgroupComponent>;
     private optionsValue;
     /**
+     * @property Input
      * @description
      * The ID of the native input element
-     */
+    */
     id: string;
     /**
+     * @property Input
      * @description
      * Add custom inline styling.
-     */
+    */
     inline?: boolean;
     /**
+     * @property Input
      * @description
      * Add custom label styling.
-     */
+    */
     label: string;
     /**
+     * @property Input
      * @description
      * Sets block styling.
-     */
+    */
     block?: boolean;
     /**
+     * @property Input
      * @description
      * Sets spaceless styling.
-     */
+    */
     spaceless?: boolean;
     /**
+     * @property Input
      * @description
      * Sets stretch styling.
-     */
+    */
     stretch?: boolean;
     /**
+     * @property Input
      * @description
      * Sets compact styling.
-     */
+    */
     compact?: boolean;
     /**
+     * @property Input
      * @description
      * Sets simple styling.
-     */
+    */
     simple?: boolean;
     /**
+     * @property Input
      * @description
      * Sets light styling.
-     */
+    */
     light?: boolean;
     /**
+     * @property Input
      * @description
      * Sets fill styling.
-     */
+    */
     fill?: boolean;
     /**
+     * @property Input
      * @description
      * Sets error styling.
-     */
+    */
     error?: boolean;
     /**
+     * @property Input
      * @description
      * The error message to display when error occur. Error attribute need to be true.
-     */
+    */
     errorMessage?: string;
     /**
+     * @property Input
      * @description
      * Sets disabled styling.
-     */
+    */
     disabled?: boolean;
     /**
+     * @property Input
      * @description
      * Makes the select component autogrow.
-     */
+    */
     autogrow?: boolean;
     /**
+     * @property Input
      * @description
      * Add custom CSS class to the selector.
-     */
+    */
     cssClass: ClassModel;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the select.
      * It requires that the consumer included ReactiveFormsModule in it's module.
      * It requiers that the nasFormGroup input is filled.
      * @example
-     * ```html
      * <nas-select [nasFormControlName]="'fareClass'"></nas-select>
-     * ```
-     */
+    */
     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
-     * ```html
      * <nas-select [nasFormGroup]="classGroup"></nas-select>
-     * ```
-     */
-    nasFormGroup: UntypedFormGroup;
+    */
+    nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * Add options to the selector.
-     */
+    */
     get options(): Array<SelectOptionModel>;
     set options(value: Array<SelectOptionModel>);
     /**
+     * @property Input
      * @description
      * The default selected value.
-     */
+    */
     selectedValue: SelectOptionModel;
     /**
+     * @property Input
      * @description
      * Gets or sets the selected value.
-     */
+    */
     get selected(): SelectOptionModel;
     set selected(option: SelectOptionModel);
     /**
+     * @property Output
      * @description
      * An event that is fired every time a selection is done.
-     */
+    */
     selectedChange: EventEmitter<SelectOptionModel>;
     /**
+     * @property Output
      * @description
      * An events that fires every type a keydown event has been pressed on the select element.
-     */
+    */
     keydown: EventEmitter<KeyboardEvent>;
     private open;
     private componentId;

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

@@ -6,44 +6,52 @@ import * as i0 from "@angular/core";
  */
 export declare class SimpleListComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * List with grey and blue check-icon markers
-     */
+    */
     markers: boolean;
     /**
+     * @property Input
      * @description
      * List with note markers
-     */
+    */
     note: boolean;
     /**
+     * @property Input
      * @description
      * List with green check-icon markers
-     */
+    */
     positive: boolean;
     /**
+     * @property Input
      * @description
      * List with red x-icon markers
-     */
+    */
     negative: boolean;
     /**
+     * @property Input
      * @description
      * List with goto (arrow) icon markers
-     */
+    */
     goto: boolean;
     /**
+     * @property Input
      * @description
      * List styles as a table
-     */
+    */
     table: boolean;
     /**
+     * @property Input
      * @description
      * List without margin at bottom
-     */
+    */
     spaceless: boolean;
     /**
+     * @property Input
      * @description
      * The string elements within the list
-     */
+    */
     items: Array<string>;
     constructor();
     mainClass(): import("@norwegian/core-components").ClassModel;

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

@@ -1,7 +1,7 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { NasComponentBase } from '../../core/base/nas-component.base';
 import { ClassModel } from '../../core/models/class.model';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -9,45 +9,52 @@ import * as i0 from "@angular/core";
 */
 export declare class SlideToggleComponent extends NasComponentBase implements OnInit {
     /**
+     * @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: UntypedFormGroup;
+    */
+    nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * Boolean to disable the slide toggle.
-     */
+    */
     disabled: boolean;
     /**
+     * @property Input
      * @description
      * Sets the Id of the native input element.
-     */
+    */
     get inputId(): string;
     set inputId(value: string);
     /**
+     * @property Input
      * @description
      * Set the toggle value.
-     */
+    */
     get toggle(): boolean;
     set toggle(value: boolean);
     /**
+     * @property Output
      * @description
      * Toggle change events.
-     */
+    */
     toggleChange: EventEmitter<boolean>;
     /**
+     * @property Output
      * @description
      * Emits when the focus should be on the previous element.
-     */
+    */
     focusOnPrevious: EventEmitter<KeyboardEvent>;
     get mainClass(): ClassModel;
     private toggleValue;

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

@@ -3,7 +3,7 @@
  * Copyright Norwegian Air Shuttle. All Rights Reserved.
  */
 import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { NasComponentBase } from '../../core/base/nas-component.base';
 import * as i0 from "@angular/core";
 /**
@@ -17,137 +17,160 @@ export declare class SliderComponent extends NasComponentBase implements OnInit,
     rangeMax?: ElementRef<HTMLInputElement>;
     bubble?: ElementRef<HTMLInputElement>;
     /**
+     * @property Input
      * @description
      * The ID of the slider
-     */
+    */
     id: string;
     /**
+     * @property Input
      * @description
      * The ID of the slider
-     */
+    */
     range?: boolean;
     /**
+     * @property Input
      * @description
      * Name attribute of the slider
-     */
+    */
     name: string;
     /**
+     * @property Input
      * @description
      * Sets the title of the slider
-     */
+    */
     title?: string;
     /**
+     * @property Input
      * @description
      * The value of the slider
-     */
+    */
     get value(): number;
     set value(value: number);
     /**
-    * @description
-    * The selected minimum value of the range-slider
+     * @property Input
+     * @description
+     * The selected minimum value of the range-slider
     */
     get selectedMinValue(): number | null;
     set selectedMinValue(value: number | null);
     /**
+     * @property Input
      * @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.
+     * @property Input
+     * @description
+     * The minimum difference of min and max range-slider.
     */
     get minDiffRange(): number;
     set minDiffRange(value: number);
     /**
+     * @property Input
      * @description
      * The suffix/ending of the value that the slider can have.
-     */
+    */
     get suffix(): string;
     set suffix(value: string);
     /**
+     * @property Input
      * @description
      * Overwrites the suffix and adds at the beginning of the value that the slider can have.
-     */
+    */
     isPrefix?: boolean;
     /**
+     * @property Input
      * @description
      * The minimum value that the slider can have. The default value is 0.
-     */
+    */
     get min(): number;
     set min(value: number);
     /**
+     * @property Input
      * @description
      * A custom label for the minimum value. The actual value is still specified by min input.
-     */
+    */
     get minLabel(): string | number;
     set minLabel(value: string | number);
     /**
+     * @property Input
      * @description
      * The maximum value that the slider can have. The default value is 100.
-     */
+    */
     get max(): number;
     set max(value: number);
     /**
+     * @property Input
      * @description
      * A custom label for the maximum value. The actual value is still specified by max input.
-     */
+    */
     get maxLabel(): string | number;
     set maxLabel(value: string | number);
     /**
+     * @property Input
      * @description
      * The values at which the thumb will snap
-     */
+    */
     get step(): number | null;
     set step(value: number | null);
     /**
+     * @property Input
      * @description
      * Whether the component is disabled
-     */
+    */
     get disabled(): boolean;
     set disabled(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
      * 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;
     /**
+     * @property Input
      * @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;
     /**
+     * @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;
     /**
+     * @property Output
      * @description
      * An event that is fired every time the silder value changes
-     */
+    */
     valueChange: EventEmitter<number>;
     /**
+     * @property Output
      * @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
+     * @property Output
+     * @description
+     * An event that is fired every time the silder maximum value changes
     */
     selectedMaxValueChange: EventEmitter<number>;
     isRange: boolean;