@norwegian/core-components 6.0.3 → 6.2.0

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

@@ -6,61 +6,73 @@ import * as i0 from "@angular/core";
  */
 export declare class GridComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Boolean to align items to the right
      */
     right: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which will center the columns
      */
     center: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to center the items
      */
     stretch: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to stretch the items to the same height
      */
     wide: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which will make smalles space between the columns
      */
     tight: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to reduce space between items
      */
     xtight: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to reduce space between items
      */
     xxtight: boolean;
     /**
+     * @property Input
      * @description
      * Boolean which will remove all right and left space of each column. Top and bottom space will be kept
      */
     spaceless: boolean;
     /**
+     * @property Input
      * @description
      * Removes padding on the right and left of grid.
      */
     mobileview: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to vertical stack the columns when scaled to mobile view.
      */
     nopadding: boolean;
     /**
+     * @property Input
      * @description
      * Removes margin on the right and left of grid.
      */
     nomargin: boolean;
     /**
+     * @property Input
      * @description
      * Sets column width based on colGroup value (100/colGroup = result%)
      */

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

@@ -7,46 +7,43 @@ import * as i0 from "@angular/core";
  */
 export declare class IconComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * String specifies the icon name, default to 'arrow-right'
      *
      * @example
-     * ```html
      * <nas-icon type="home" ></nas-icon>
-     * ```
      */
     icon: string;
     /**
+    * @property Input
     * @description
     * String specifies the icon type, default to 'small'
     *
     * @example
-    * ```html
     * <nas-icon type="baggage" type="large"></nas-icon>
-    * ```
     */
     type: string;
     /**
+     * @property Input
      * @description
      * Boolean which specifies if the icon is used as a indicator.
      */
     isIndicator?: boolean;
     /**
+     * @property Input
      * @description
      * NOTE! this only works for small icons properly.
      * Boolean which if true enable white circular background for icon.
      */
     lightCircularBackground?: boolean;
     /**
+     * @property Input
      * @description
      * String to set type. Button will sett additional custom styling.
      *
      * @example
-     *
-     * ```html
      * <nas-icon [cssClass]="'my-custom-class'"></nas-icon>
-     * ```
-     *
      */
     cssClass: ClassModel;
     constructor();

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

@@ -13,26 +13,31 @@ export declare class IconListComponent extends NasComponentBase {
      */
     constructor();
     /**
+     * @property Input
      * @description
      * The items for the list: [{icon, title, link*, description*}]
      */
     items: Array<IconListModel>;
     /**
+     * @property Input
      * @description
      * Small icons and no description
      */
     small?: boolean;
     /**
+     * @property Input
      * @description
      * Inline flow without breaks
      */
     inline?: boolean;
     /**
+     * @property Input
      * @description
      * Grid format, 2x2
      */
     grid?: boolean;
     /**
+     * @property Input
      * @description
      * No spacing in bottom (no margin-bottom)
      */

package/lib/components/icon-list/icon-list.model.d.ts

@@ -4,4 +4,5 @@ export interface IconListModel {
     description?: string;
     link?: string;
     class?: string;
+    action?: () => void;
 }

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

@@ -13,72 +13,61 @@ export declare class InfoComponent extends NasComponentBase {
     showChange: EventEmitter<boolean>;
     infoContainer: ElementRef;
     /**
+     * @property Input
      * @description
      * A model that contains an optional title and an array of messages.
      * @example
-     * ```html
      * <nas-info [info]="info"></nas-info>
-     * ```
      */
     get info(): InfoModel;
     set info(info: InfoModel);
     /**
+     * @property Input
      * @description
      * A boolean input value to set the accordion to primary style.
      * @example
-     * ```html
      * <nas-info [info]="info" error></nas-info>
-     * ```
      * or
-     * ```html
      * <nas-accordion [error]="isErrorProperty"></nas-accordion>
-     * ```
      */
     error?: boolean;
     /**
+   * @property Input
    * @description
    * A boolean input value to set the accordion to success info.
    * @example
-   * ```html
    * <nas-info [info]="info" success></nas-info>
-   * ```
    * or
-   * ```html
    * <nas-accordion [success]="isSuccessProperty"></nas-accordion>
-   * ```
    */
     success?: boolean;
     /**
+     * @property Input
      * @description
      * String to set stack trace label on the accordion.
      *
      * @example
-     *
-     * ```html
      * <nas-info [stackTraceLabel]="'Stack trace'"></nas-info>
-     * ```
-     *
      */
     stackTraceLabel: string;
     /**
+     * @property Input
      * @description
      * A boolean input value to allow the remove icon in the Info UI.
      * @example
-     * ```html
      * <nas-info [info]="info" removeIcon></nas-info>
-     * ```
      * or
-     * ```html
      * <nas-accordion [removeIcon]="isremoveIconProperty"></nas-accordion>
-     * ```
      */
     removeIcon?: boolean;
     /**
+     * @property Input
      * @description
      * Flag for showing/hiding element. Defaults to true.
      */
     show: boolean;
     /**
+     * @property Input
      * @description
      * Flag for toggling on or off the HTML sanitizing. Defaults to true.
      */

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

@@ -4,7 +4,7 @@
  */
 import { ClassModel } from '../../core';
 import { EventEmitter, AfterViewInit, ElementRef } 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";
 /**
@@ -15,11 +15,13 @@ export declare class InputComponent extends NasComponentBase implements AfterVie
     inputReactive: ElementRef<HTMLElement>;
     inputNotReactive: ElementRef<HTMLElement>;
     /**
+     * @property Input
      * @description
      * The ID of the native input element
      */
     id: string;
     /**
+     * @property Input
      * @description
      * The value of the native input element
      */
@@ -28,93 +30,111 @@ export declare class InputComponent extends NasComponentBase implements AfterVie
     modelChange: EventEmitter<string>;
     blur: EventEmitter<string>;
     /**
+     * @property Input
      * @description
      * Whether the control is in an error state.
      */
     error: boolean;
     /**
+     * @property Input
      * @description
      * Whether the native input element is disabled or no, with disabled styling.
      */
     get disabled(): boolean;
     set disabled(value: boolean);
     /**
+     * @property Input
      * @description
      * Set spaceless styling (removing spacing)
      */
     spaceless: boolean;
     /**
+     * @property Input
      * @description
      * Set loading styling of input
      */
     loading: boolean;
     /**
+     * @property Input
      * @description
      * Sets the label of the input
      */
     label: string;
     /**
+     * @property Input
      * @description
      * Sets the label of the input inside the white area
      */
     labelInside: boolean;
     /**
+     * @property Input
      * @description
      * The error message to display when error occur. Error attribute need to be true.
      */
     errorMessage: string;
     /**
+     * @property Input
      * @description
      * Sets placeholder text in the native input element
      */
     placeholder: string;
     /**
-   * @description
-   * Sets min length on the native input element.
-   */
+    * @property Input
+    * @description
+    * Sets min length on the native input element.
+    */
     minLength: number;
     /**
+     * @property Input
      * @description
      * Sets max length on the native input element.
      */
     maxLength: number;
     /**
+     * @property Input
      * @description
      * Sets the info text related to the input
      */
     info: string;
     /**
+     * @property Input
      * @description
      * Sets the icon on the input
      */
     icon: string;
     /**
+     * @property Input
      * @description
      * Input type of the element.
      */
     type: string;
     /**
+     * @property Input
      * @description
      * Whether the element is readonly.
      */
     readonly: boolean;
     /**
+    * @property Input
     * @description
     * String to set name on native input element.
     */
     get name(): string;
     set name(value: string);
     /**
+     * @property Input
      * @description
      * Sets aria describedby for accessibility
      */
     ariaDescribedby: string;
     /**
+     * @property Input
      * @description
      * Sets the required attribute on the native input element.
      */
     required: boolean;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the input.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -124,6 +144,7 @@ export declare class InputComponent extends NasComponentBase implements AfterVie
      */
     nasFormControlName: string;
     /**
+     * @property Input
      * @description
      * Adds the parent's form group.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -131,8 +152,9 @@ export declare class InputComponent extends NasComponentBase implements AfterVie
      * @example
      * <nas-input [nasFormGroup]="loginGroup"></nas-input>
      */
-    nasFormGroup: UntypedFormGroup;
+    nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * The minimum value to accept for this input.
      * @example
@@ -140,6 +162,7 @@ export declare class InputComponent extends NasComponentBase implements AfterVie
      */
     min: number;
     /**
+     * @property Input
      * @description
      * The maximum value to accept for this input.
      * @example
@@ -147,6 +170,7 @@ export declare class InputComponent extends NasComponentBase implements AfterVie
      */
     max: number;
     /**
+     * @property Input
      * @description
      * Adds a line below the input element. Default value is true.
      * @example
@@ -154,6 +178,7 @@ export declare class InputComponent extends NasComponentBase implements AfterVie
      */
     line: boolean;
     /**
+     * @property Input
      * @description
      * Specifies a regular expression that the input value is checked against on form submission
      */

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

@@ -28,86 +28,79 @@ export declare class JourneyComponent extends NasComponentBase implements OnChan
         estimatedDepartureDate?: string;
     };
     /**
+     * @property Input
      * @description
      * A record containing Journey details.
      * @required
      * @example
-     * ```html
      * <nas-journey [journeyModel]="journeyModel"></nas-journey>
-     * ```
      */
     journeyModel: JourneyModel;
     /**
+     * @property Input
      * @description
      * A string representing date display format, if not provided, default formatting on date will be applied
      * i.e 'dd MMM yyyy', which will result in displaying date like '21, Feb 2019'.
      * @example
-     * ```html
      * <nas-journey [dateFormat]="'dd, MMM yyyy'"></nas-journey>
-     * ```
      */
     dateFormat: string;
     /**
+     * @property Input
      * @description
      * A string representing time display format, if not provided, default formatting on date will be applied
      * i.e 'HH:mm' , which will result in displaying time like '09:23'.
      * @example
-     * ```html
      * <nas-journey [timeFormat]="'HH:mm'"></nas-journey>
-     * ```
      */
     timeFormat: string;
     /**
+     * @property Input
    * @description
    * A string representing arrival label, it will be displayed before the arrival time.
    * @example
-   * ```html
    * <nas-journey [arrivalLabel]="'Arrival'"></nas-journey>
-   * ```
    */
     arrivalLabel: string;
     /**
+     * @property Input
      * @description
      * A string representing departure label, it will be displayed before the departure time.
      * @example
-     * ```html
      * <nas-journey [departureLabel]="'Departure'"></nas-journey>
-     * ```
      */
     departureLabel: string;
     /**
+     * @property Input
      * @description
      * A string representing delayed arrival label, it will be displayed before the delayed arrival time.
      * @example
-     * ```html
      * <nas-journey [arrivalEstimatedLabel]="'New time'"></nas-journey>
-     * ```
      */
     arrivalEstimatedLabel: string;
     /**
+     * @property Input
      * @description
      * A string representing delayed departure label, it will be displayed before the delayed departure time.
      * @example
-     * ```html
      * <nas-journey [departureEstimatedLabel]="'New time'"></nas-journey>
-     * ```
      */
     departureEstimatedLabel: string;
     /**
+     * @property Input
      * @description
      * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
      * This requires that registerLocaleData is called with the respective locale.
      * @example
-     * ```html
      * <nas-journey [locale]="'es'"></nas-journey>
      */
     locale: string;
     /**
+     * @property Input
      * @description
      * User can input the timezone to localize the date.
      * Default is set to UTC and it will by default show the date exactly what is passed to it.
      * @example
-     * ```html
      * <nas-journey [timeZone]="'UTC'"></nas-journey>
      */
     timeZone: string;

package/lib/components/journey-availability/journey-availability.component.d.ts

@@ -21,63 +21,63 @@ export declare class JourneyAvailabilityComponent extends NasComponentBase imple
     private displayJourneyDetailsValue;
     isSmallScreen: boolean;
     /**
+     * @property Input
      * @required
      * @description
      * A record containing all the data required to show journey availability UI, look at 'RouteModel' for details.
      * @example
-     * ```html
      * <nas-journey-availability [journeyAvailabilityModel]="journeyAvailabilityModel"></nas-journey-availability>
-     * ```
      */
     model: JourneyAvailabilityModel;
     /**
+     * @property Input
      * @description
      * A boolean value, when set to true will show journey availability UI in selected format.
      * @example
-     * ```html
      * <nas-journey-availability [selected]="true"></nas-journey-availability>
-     * ```
      */
     selected: boolean;
     /**
+     * @property Input
      * @description
      * A locale code for the locale format rules to use. When not supplied, uses the value of LOCALE_ID, which is en-US by default.
      * This requires that registerLocaleData is called with the respective locale.
      * @example
-     * ```html
      * <nas-journey-availability [locale]="'es'"></nas-journey-availability>
      */
     locale: string;
     /**
+     * @property Input
      * @description
      * Time display format, Default is HH:mm
      * @example
-     * ```html
      * <nas-journey-availability [timeDisplayFormat]="'HH:mm'"></nas-journey-availability>
      */
     timeDisplayFormat: string;
     /**
+     * @property Input
      * @description
      * User can input the timezone to localize the date.
      * Default is set to UTC and it will by default show the date exactly what is passed to it.
      * @example
-     * ```html
      * <nas-journey-availability [timeZone]="'UTC'"></nas-journey-availability>
      */
     timeZone: string;
     /**
+     * @property Input
      * @description
      * Setter and getter when the flight info popup shows/hidden.
      */
     get displayJourneyDetails(): boolean;
     set displayJourneyDetails(value: boolean);
     /**
-     *
+     * @property Output
      * @description
      * An Event which Emitts boolean when Flight info popup is toggled.
      */
     displayJourneyDetailsChange: EventEmitter<boolean>;
     /**
+     * @property Output
      * @description
      * Event emits when user click on journey availability for selection.
      */