@norwegian/core-components 6.0.3 → 6.2.0

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

@@ -20,91 +20,86 @@ export declare class JourneyAvailabilityListComponent extends NasComponentBase {
     sortMetaData: SortModel;
     sortSelectedOptionObject: SortOptionModel;
     /**
+     * @property Input
      * @required
      * @description
      * A record containing all the data required to show availability results, look at 'journeyAvailabilityModel' for details.
      * @example
-     * ```html
      * <nas-journey-availability-list [model]="journeyAvailabilityData"></nas-journey-availability-list>
-     * ```
      */
     model: Array<JourneyAvailabilityModel>;
     /**
+     * @property Input
      * @description
      * An optional model for sort popup options.
      */
     set sortModel(model: JourneyAvailabilitySortModel);
     /**
+     * @property Input
      * @description
      * set or get selected sort option.
      */
     get sortSelectedOption(): SortOptionModel;
     set sortSelectedOption(option: SortOptionModel);
     /**
-    * @description
-    * Event that fires when the sort option changes.
+     * @property Output
+     * @description
+     * Event that fires when the sort option changes.
     */
     sortSelectedOptionChange: EventEmitter<SortOptionModel>;
     /**
-    * @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-list [locale]="'es'"></nas-journey-availability-list>
+     * @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
+     * <nas-journey-availability-list [locale]="'es'"></nas-journey-availability-list>
     */
     locale: string;
     /**
-   * @required
-   * @description
-   * A string to give the user feedback when there no data available for the availability result for specified parameters
-   * @example
-   * ```html
-   * <nas-journey-availability-list [noDataCaption]="noDataCaption"></nas-journey-availability-list>
-   * ```
-   */
+     * @property Input
+     * @required
+     * @description
+     * A string to give the user feedback when there no data available for the availability result for specified parameters
+     * @example
+     * <nas-journey-availability-list [noDataCaption]="noDataCaption"></nas-journey-availability-list>
+    */
     noDataCaption: string;
     /**
-   * @description
-   * Time display format.
-   * @example
-   * ```html
-   * <nas-journey-availability-list [timeDisplayFormat]="'HH:mm'"></nas-journey-availability-list>
-   */
+     * @property Input
+     * @description
+     * Time display format.
+     * @example
+     * <nas-journey-availability-list [timeDisplayFormat]="'HH:mm'"></nas-journey-availability-list>
+    */
     timeDisplayFormat: string;
     /**
-     *
+     * @property Output
      * @description
      * A JourneyModel type record the represents selected journey data;
      * @example
-     * ```html
      * <nas-journey-availability-list (selectedJourney)="onselectedJourney($event)"></nas-journey-availability-list>
-     * ```
      */
     selectedJourney: EventEmitter<JourneyAvailabilityModel>;
     /**
-    *
+    * @property Output
     * @description
     * A selected index of selected journey data;
     * @example
-    * ```html
     * <nas-journey-availability-list (selectedIndexChange)="onSelectedIndexChange($event)"></nas-journey-availability-list>
-    * ```
     */
     selectedIndexChange: EventEmitter<number>;
     /**
-     *
+     * @property Input
      * @description
      * A number that sets the SelectedIndex from the JourneyList array in journeyAvailabilityListModel
      * @example
-     * ```html
      * <nas-journey-availability-list [(selectIndex)]="selectIndex"></nas-journey-availability-list>
-     * ```
      */
     get selectedIndex(): number;
     set selectedIndex(index: number);
     /**
-     *
+     * @property Output
      * @description
      * An Event which Emitts boolean when Flight info popup is toggled.
      */

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

@@ -25,23 +25,32 @@ export declare class JourneySelectionComponent extends NasComponentBase implemen
     imageMain: ElementRef;
     destinationCode: ElementRef;
     /**
+     * @property Input
      * @description
      * Input data required to build the component.
      */
     model: JourneySelectionModel;
+    /**
+     * @property Output
+     * @description
+     * A EventEmitter that returns a boolean based on collapse change.
+     */
     collapseChange: EventEmitter<boolean>;
     /**
+     * @property Input
      * @description
      * A boolean that changes how journey selection component looks/behaves based on journey selected/not-selected.
      */
     get collapse(): boolean;
     set collapse(value: boolean);
     /**
+     * @property Input
      * @description
      * If exists, it removes the marin accross.
      */
     compact: boolean;
     /**
+     * @property Input
      * @description
      * Aria label for the component.
      * For example, it is needed to distinguish Outbound journey selection from inbound journey selection
@@ -49,6 +58,7 @@ export declare class JourneySelectionComponent extends NasComponentBase implemen
      */
     ariaLabel: 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.
@@ -58,9 +68,10 @@ export declare class JourneySelectionComponent extends NasComponentBase implemen
      */
     timeZone: string;
     /**
-   * @description
-   * this event emits when button is clicked or date changes by nevigation icons.
-   */
+     * @property Output
+     * @description
+     * this event emits when button is clicked or date changes by nevigation icons.
+    */
     selectedDateChanged: EventEmitter<UtcDate>;
     constructor(dateService: DateHelper, datePipe: DatePipe, deviceService: DeviceHelper, sanitizer: DomSanitizer);
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -29,99 +29,91 @@ export declare class JourneyStopoverComponent extends NasComponentBase implement
         estimatedDepartureDate?: string;
     };
     /**
+     * @property Input
      * @description
      * A record containing Journey-stopover details.
      * @required
      * @example
-     * ```html
      * <nas-journey-stopover [journeyStopoverModel]="journeyStopoverModel"></nas-journey-stopover>
-     * ```
      */
     journeyStopoverModel: JourneyStopoverModel;
     /**
+     * @property Input
      * @description
      * A string representing label placed before transit stop time.
      * @example
-     * ```html
      * <nas-journey-stopover [transitLabel]="'Transit stop'"></nas-journey-stopover>
-     * ```
      */
     transitLabel: string;
     /**
+     * @property Input
      * @description
      * A string representing the label placed before arrival time.
      * @example
-     * ```html
      * <nas-journey-stopover [arrivalTimeLabel]="'Arrival'"></nas-journey-stopover>
-     * ```
      */
     arrivalTimeLabel: string;
     /**
+     * @property Input
      * @description
      * A string representing the label placed before departure time.
      * @example
-     * ```html
      * <nas-journey-stopover [departureTimeLabel]="'Departure'"></nas-journey-stopover>
-     * ```
      */
     departureTimeLabel: 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-stopover [timeFormat]='HH:mm'></nas-journey-stopover>
-     * ```
      */
     timeFormat: string;
     /**
-   * @description
-   * A string representing date display format, if not provided, default formatting on date will be applied
-   * i.e 'dd MMM,' , which will result in displaying time like '21 Feb,'.
-   * @example
-   * ```html
-   * <nas-journey-stopover [dateFormat]='dd MMM,'></nas-journey-stopover>
-   * ```
-   */
+     * @property Input
+     * @description
+     * A string representing date display format, if not provided, default formatting on date will be applied
+     * i.e 'dd MMM,' , which will result in displaying time like '21 Feb,'.
+     * @example
+     * <nas-journey-stopover [dateFormat]='dd MMM,'></nas-journey-stopover>
+    */
     dateFormat: string;
     /**
-  * @description
-  * A string representing Transit Hour indicator.
-  * if not provided, transit time will not be shown
-  * @example
-  * ```html
-  * <nas-journey-stopover [transitHoursIndicator]='h'></nas-journey-stopover>
-  * ```
-  */
+     * @property Input
+     * @description
+     * A string representing Transit Hour indicator.
+     * if not provided, transit time will not be shown
+     * @example
+     * <nas-journey-stopover [transitHoursIndicator]='h'></nas-journey-stopover>
+    */
     transitHoursIndicator: string;
     /**
-  * @description
-  * A string representing Transit Minutes indicator.
-  * if not provided, transit time will not be shown
-  * @example
-  * ```html
-  * <nas-journey-stopover [transitMinutesIndicator]='m'></nas-journey-stopover>
-  * ```
-  */
+     * @property Input
+     * @description
+     * A string representing Transit Minutes indicator.
+     * if not provided, transit time will not be shown
+     * @example
+     * <nas-journey-stopover [transitMinutesIndicator]='m'></nas-journey-stopover>
+    */
     transitMinutesIndicator: string;
     /**
-   * @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-stopover [locale]="'es'"></nas-journey-stopover>
-   */
+     * @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
+     * <nas-journey-stopover [locale]="'es'"></nas-journey-stopover>
+    */
     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-stopover [timeZone]="'UTC'"></nas-journey-stopover>
-     */
+    */
     timeZone: string;
     get displayStopoverTime(): boolean;
     get lineClass(): ClassModel;

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

@@ -12,41 +12,49 @@ import * as i0 from "@angular/core";
 export declare class ListComponent extends NasComponentBase implements AfterContentChecked {
     private elementRef;
     /**
+     * @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
      */

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

@@ -11,97 +11,79 @@ export declare class ModalComponent extends NasComponentBase implements OnInit,
     private ref;
     private renderer;
     /**
+     * @property Input
      * @description
      * Form style on the modal.
      * @example
-     * ```html
      * <nas-modal form></nas-modal>
-     * ```
      * or
-     * ```html
      * <nas-modal [form]="form"></nas-modal>
-     * ```
-     */
+    */
     form?: boolean;
     /**
+     * @property Input
      * @description
      * Tight style on the modal.
      * @example
-     * ```html
      * <nas-modal tight></nas-modal>
-     * ```
      * or
-     * ```html
      * <nas-modal [tight]="tight"></nas-modal>
-     * ```
-     */
+    */
     tight?: boolean;
     /**
+     * @property Input
      * @description
      * Center style on the modal.
      * @example
-     * ```html
      * <nas-modal center></nas-modal>
-     * ```
      * or
-     * ```html
      * <nas-modal [center]="center"></nas-modal>
-     * ```
-     */
+    */
     center?: boolean;
     /**
+     * @property Input
      * @description
      * Outlined style on the modal.
      * @example
-     * ```html
      * <nas-modal outlined></nas-modal>
-     * ```
      * or
-     * ```html
      * <nas-modal [outlined]="outlined"></nas-modal>
-     * ```
-     */
+    */
     outlined?: boolean;
     /**
+     * @property Input
      * @description
      * Title on the modal.
      * @example
-     * ```html
      * <nas-modal outlined></nas-modal>
-     * ```
      * or
-     * ```html
      * <nas-modal [outlined]="outlined"></nas-modal>
-     * ```
-     */
+    */
     title: string;
     /**
+     * @property Input
      * @description
      * Close label for the modal.
      * @example
-     * ```html
      * <nas-modal [closeLabel]="'Close'"></nas-modal>
-     * ```
-     */
+    */
     closeLabel: string;
     /**
+     * @property Input
      * @description
      * Determines if the modal should be animated when shown. Defaults to true
      * @example
-     * ```html
      * <nas-modal [animated]="'false'"></nas-modal>
-     * ```
-     */
+    */
     animated: boolean;
     /**
+     * @property Input
      * @required
      * @description
      * Used to decide whether the modal should be diplayed or not.
      * @example
-     * ```html
      * <nas-modal [(show)]="diplayModal"></nas-modal>
-     * ```
-     */
+    */
     get show(): boolean;
     set show(show: boolean);
     enableClose: boolean;

package/lib/components/number-field/number-field.component.d.ts

@@ -4,7 +4,7 @@
  */
 import { EventEmitter, ElementRef, OnInit } from '@angular/core';
 import { NasComponentBase } from '../../core/base/nas-component.base';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -13,76 +13,90 @@ import * as i0 from "@angular/core";
 export declare class NumberFieldComponent extends NasComponentBase implements OnInit {
     input: ElementRef;
     /**
+     * @property Input
      * @description
      * The selected number.
-     */
+    */
     get number(): number;
     set number(number: number);
     /**
+     * @property Input
      * @description
      * Maximum limit.
-     */
+    */
     max: number;
     /**
+     * @property Input
      * @description
      * Minimum limit.
-     */
+    */
     min: number;
     /**
+     * @property Input
      * @description
      * A label for the number field input.
-     */
+    */
     label: string;
     /**
+     * @property Input
      * @description
      * Sets compact styling.
-     */
+    */
     compact?: boolean;
     /**
+     * @property Input
      * @description
      * Sets spaceless styling.
-     */
+    */
     spaceless?: boolean;
     /**
+     * @property Input
      * @description
      * Sets simple styling.
      */
     simple?: 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: UntypedFormGroup;
+    */
+    nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * Hides the input field and displays a plus and minus button only.
-     */
+    */
     hideInput?: boolean;
     /**
+     * @property Input
      * @description
      * ARIA label for the subtract button.
-     */
+    */
     ariaLabelSubtract: string;
     /**
+     * @property Input
      * @description
      * ARIA label for the add button.
      */
     ariaLabelAdd: string;
     /**
+     * @property Input
      * @description
      * ARIA label for the input field.
      */
     ariaLabel: string;
     /**
+     * @property Output
      * @description
      * An event that is fired every time the number changes.
      */

package/lib/components/page-footer/page-footer.component.d.ts

@@ -7,46 +7,39 @@ import * as i0 from "@angular/core";
 */
 export declare class PageFooterComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Links to be displayed in footer.
      *
      * @example
-     * ```html
      * <nas-page-footer [links]="{text: 'Brukervilkår', url: '/brukervilkar'}"></nas-page-footer>
-     * ```
      */
     links: Array<IconListModel>;
     /**
+     * @property Input
      * @description
      * String to set Text on To Top Button.
      *
      * @example
-     *
-     * ```html
      * <nas-page-footer [buttonText]="'Til Toppen'"></nas-page-footer>
-     * ```
      */
     buttonText: string;
     /**
+     * @property Input
      * @description
      * Boolean to set hide To Top Button.
      *
      * @example
-     *
-     * ```html
      * <nas-page-footer [hideButton]="true">Click on me!</nas-page-footer>
-     * ```
      */
     hideButton?: boolean;
     /**
-    * @description
-    * String to set bottom text in footer.
-    *
-    * @example
-    *
-    * ```html
-    * <nas-page-footer [bottomText]="bla bla"></nas-page-footer>
-    * ```
+     * @property Input
+     * @description
+     * String to set bottom text in footer.
+     *
+     * @example
+     * <nas-page-footer [bottomText]="bla bla"></nas-page-footer>
     */
     bottomText?: string;
     /**