@norwegian/core-components 6.0.3 → 6.2.0

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

@@ -13,74 +13,88 @@ import * as i0 from "@angular/core";
 export declare class PageHeaderComponent extends NasComponentBase implements OnDestroy, AfterViewInit {
     private changeDetector;
     /**
+     * @property Input
      * @description
      * Sets the menu text. Defaults to "Menu".
-     */
+    */
     menuText: string;
     /**
+     * @property Input
      * @description
      * Sets the close text. Defaults to "Close".
-     */
+    */
     closeText: string;
     /**
+     * @property Input
      * @description
      * Sets the search label for search field. Defaults to "Search".
-     */
+    */
     searchText: string;
     /**
+     * @property Input
      * @description
      * Url to the search form. Added to the action attribute on native form element.
-     */
+    */
     searchForm: string;
     /**
+     * @property Input
      * @description
      * Show the profile section.
-     */
+    */
     displayProfile: boolean;
     /**
-    * @description
-    * Will display the Norwegian Reward logo, set this to true display it. It's false by default.
+     * @property Input
+     * @description
+     * Will display the Norwegian Reward logo, set this to true display it. It's false by default.
     */
     reward: boolean;
     /**
+     * @property Input
      * @description
      * Is user authenticated. Only valid if displayProfile is true
-     */
+    */
     isAuthenticated: boolean;
     /**
+     * @property Input
      * @description
      * Url to the front-/homepage.
-     */
+    */
     frontPageUrl: string;
     /**
+     * @property Input
      * @description
      * Use router link instead of href on links
-     */
+    */
     useRouterLink: boolean;
     /**
+     * @property Input
      * @description
      * Sets z-index to 0
-     */
+    */
     nozindex?: boolean;
     /**
+     * @property Input
      * @description
      * Link to logout.
-     */
+    */
     logOutLink: IconListModel;
     /**
+     * @property Input
      * @description
      * Link to profile.
-     */
+    */
     profileLink: IconListModel;
     /**
+     * @property Input
      * @description
      * links to display with icon in header.
-     */
+    */
     links: Array<IconListModel>;
     /**
+     * @property Output
      * @description
      * Notifies consumer that menu is expanded or collapsed
-     */
+    */
     openChange: EventEmitter<boolean>;
     expanded: boolean;
     animateOut: boolean;
@@ -92,6 +106,7 @@ export declare class PageHeaderComponent extends NasComponentBase implements OnD
     menuClick({ target }: any): void;
     handleToggle(force: boolean): any;
     private handleKeyDown;
+    onLinkClick(link: IconListModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "nas-page-header", never, { "menuText": { "alias": "menuText"; "required": false; }; "closeText": { "alias": "closeText"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "searchForm": { "alias": "searchForm"; "required": false; }; "displayProfile": { "alias": "displayProfile"; "required": false; }; "reward": { "alias": "reward"; "required": false; }; "isAuthenticated": { "alias": "isAuthenticated"; "required": false; }; "frontPageUrl": { "alias": "frontPageUrl"; "required": false; }; "useRouterLink": { "alias": "useRouterLink"; "required": false; }; "nozindex": { "alias": "nozindex"; "required": false; }; "logOutLink": { "alias": "logOutLink"; "required": false; }; "profileLink": { "alias": "profileLink"; "required": false; }; "links": { "alias": "links"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], false, never>;
 }

package/lib/components/page-header/page-header.module.d.ts

@@ -6,8 +6,9 @@ import * as i4 from "@angular/common";
 import * as i5 from "../icon/icon.module";
 import * as i6 from "../../core/directives/nas-class/nas-class.module";
 import * as i7 from "@angular/router";
+import * as i8 from "../button/button.module";
 export declare class PageHeaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderModule, [typeof i1.PageHeaderComponent, typeof i2.HamburgerComponent, typeof i3.SearchComponent], [typeof i4.CommonModule, typeof i5.IconModule, typeof i6.NasClassModule, typeof i7.RouterModule], [typeof i1.PageHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderModule, [typeof i1.PageHeaderComponent, typeof i2.HamburgerComponent, typeof i3.SearchComponent], [typeof i4.CommonModule, typeof i5.IconModule, typeof i6.NasClassModule, typeof i7.RouterModule, typeof i8.ButtonModule], [typeof i1.PageHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PageHeaderModule>;
 }

package/lib/components/passenger-select/models/passengers.model.d.ts

@@ -1,9 +1,9 @@
 import { PassengerType } from '../enums/passenger-type.enum';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 export interface PassengersModel {
     label: string;
     type: PassengerType;
     count?: number;
     formControlName?: string;
-    formGroup?: UntypedFormGroup;
+    formGroup?: FormGroup;
 }

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

@@ -3,7 +3,7 @@
  * Copyright Norwegian Air Shuttle. All Rights Reserved.
  */
 import { EventEmitter, OnInit, QueryList } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { PassengerType } from './enums/passenger-type.enum';
 import { PassengersModel } from './models/passengers.model';
 import { NasComponentBase } from '../../core/base/nas-component.base';
@@ -18,39 +18,46 @@ export declare class PassengerSelectComponent extends NasComponentBase implement
     totalCount: number;
     isGroupBooking: boolean;
     /**
+     * @property Input
      * @description
      * An array of different passenger types that will be displayed.
-     */
+    */
     passengers: PassengersModel[];
     /**
+     * @property Input
      * @description
      * The total maximum amount of passengers.
-     */
+    */
     maxPaxCount: number;
     /**
+     * @property Input
      * @description
      * The minimum amount of adults that can be selected.
-     */
+    */
     minAdultCount: number;
     /**
+     * @property Input
      * @description
      * The limit for when the total amount of passengers exceeds to be a group booking.
-     */
+    */
     groupBookingLimit: number;
     /**
+     * @property Input
      * @description
      * A title that will be added to the dropdown.
-     */
+    */
     title: string;
     /**
+     * @property Input
      * @description
      * A label for the adults passenger type.
-     */
+    */
     adultsLabel: string;
     /**
+     * @property Input
      * @description
      * A label for the children passenger type.
-     */
+    */
     childrenLabel: string;
     /**
      * @description
@@ -58,48 +65,56 @@ export declare class PassengerSelectComponent extends NasComponentBase implement
      */
     infantsLabel: string;
     /**
+     * @property Input
      * @description
      * A label that will appear when total number of selected passengers exceeds the group booking limit
-     */
+    */
     groupBookingLabel: 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
      * 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.
-     */
+    */
     nasFormControlGroupBooking: string;
     /**
+     * @property Input
      * @description
      * ARIA label for the subtract buttons.
-     */
+    */
     ariaLabelSubtract: string;
     /**
+     * @property Input
      * @description
      * ARIA label for the add buttons.
      */
     ariaLabelAdd: string;
     /**
+     * @property Output
      * @description
      * An event that is fired every time a passenger selection change is performed.
-     */
+    */
     passengersChange: EventEmitter<PassengersModel[]>;
     /**
-   * @description
-   * An event that is fired every time a passenger selection change is performed.
-   */
+     * @property Output
+     * @description
+     * An event that is fired every time a passenger selection change is performed.
+    */
     focusOnNext: EventEmitter<any>;
     /**
+     * @property Output
      * @description
      * An event that is fired every time a passenger selection change is performed.
-     */
+    */
     focusOnPrevious: EventEmitter<any>;
     constructor();
     ngOnInit(): void;

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

@@ -6,7 +6,7 @@ import { EventEmitter } from '@angular/core';
 import { NasComponentBase } from '../../core/base/nas-component.base';
 import { SelectOptionModel } from '../select/models/select-option.model';
 import { ClassModel } from '../../core/models/class.model';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -14,265 +14,237 @@ import * as i0 from "@angular/core";
  */
 export declare class PhoneNumberComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * A record containing country codes.
      * @example
-     * ```html
      * <nas-phone-number [options]="options"></nas-phone-number>
-     * ```
-     */
+    */
     options: Array<SelectOptionModel>;
     /**
+     * @property Input
      * @description
      * Preferred options will be listed on top.
      * @example
-     * ```html
      * <nas-phone-number [preferred-options]="preferredOptions"></nas-phone-number>
-     * ```
-     */
+    */
     preferredOptions: Array<SelectOptionModel>;
     /**
-   * @description
-   * Single Phone number prefix/country code, if exists will replace the dropdown selector for countrycode
-   * @example
-   * ```html
-   * <nas-phone-number [prefixCountryCode]="'+47'"></nas-phone-number>
-   * ```
-   */
+     * @property Input
+     * @description
+     * Single Phone number prefix/country code, if exists will replace the dropdown selector for countrycode
+     * @example
+     * <nas-phone-number [prefixCountryCode]="'+47'"></nas-phone-number>
+    */
     prefixCountryCode: string;
     /**
-   * @description
-   * A record containing label for phone number.
-   * @example
-   * ```html
-   * <nas-phone-number [label]="phone number"></nas-phone-number>
-   * ```
-   */
+     * @property Input
+     * @description
+     * A record containing label for phone number.
+     * @example
+     * <nas-phone-number [label]="phone number"></nas-phone-number>
+    */
     label: string;
     /**
-   * @description
-   * A record containing label for options. Only in use when preferredOptions are used.
-   * @example
-   * ```html
-   * <nas-phone-number><nas-optgroup [label]="optionsLabel">...</nas-phone-number>
-   * ```
-   */
+     * @property Input
+     * @description
+     * A record containing label for options. Only in use when preferredOptions are used.
+     * @example
+     * <nas-phone-number><nas-optgroup [label]="optionsLabel">...</nas-phone-number>
+    */
     optionsLabel: string;
     /**
-   * @description
-   * A record containing label for preferredOptions. Only in use when preferredOptions are used.
-   * @example
-   * ```html
-   * <nas-phone-number><nas-optgroup [label]="preferredOptionsLabel">...</nas-phone-number>
-   * ```
-   */
+     * @property Input
+     * @description
+     * A record containing label for preferredOptions. Only in use when preferredOptions are used.
+     * @example
+     * <nas-phone-number><nas-optgroup [label]="preferredOptionsLabel">...</nas-phone-number>
+    */
     preferredOptionsLabel: string;
     /**
-  * @description
-  * A record containing place holder for native input element of phone number.
-  * @example
-  * ```html
-  * <nas-phone-number [placeholder]="phone number"></nas-phone-number>
-  * ```
-  */
+     * @property Input
+     * @description
+     * A record containing place holder for native input element of phone number.
+     * @example
+     * <nas-phone-number [placeholder]="phone number"></nas-phone-number>
+    */
     placeholder: string;
     /**
+     * @property Input
      * @description
      * The ID of the native input element
      * @example
-     * ```html
      * <nas-phone-number [id]="'phoneNumber'"></nas-phone-number>
-     * ```
-     */
+    */
     id: string;
     /**
+     * @property Input
      * @description
      * The type of the native input element. Default value is number
      * @example
-     * ```html
      * <nas-phone-number [type]="'text'"></nas-phone-number>
-     * ```
-     */
+    */
     type: string;
     /**
+     * @property Input
      * @description
      * Whether the control is in an error state.
      * @example
-     * ```html
      * <nas-phone-number error></nas-phone-number>
-     * ```
-     */
+    */
     error: boolean;
     /**
+     * @property Input
      * @description
      * Whether the native input element is disabled or no, with disabled styling.
      * @example
-     * ```html
      * <nas-phone-number disabled></nas-phone-number>
-     * ```
-     */
+    */
     disabled: boolean;
     /**
+     * @property Input
      * @description
      * Set spaceless styling (removing spacing)
      * @example
-     * ```html
      * <nas-phone-number spaceless></nas-phone-number>
-     * ```
-     */
+    */
     spaceless: boolean;
     /**
+     * @property Input
      * @description
      * Set loading styling of input
      * @example
-     * ```html
      * <nas-phone-number loading></nas-phone-number>
-     * ```
-     */
+    */
     loading: boolean;
     /**
+     * @property Input
      * @description
      * The error message to display when error occur. Error attribute need to be true.
      * @example
-     * ```html
      * <nas-phone-number [errorMessage]="'please fill in the phone number field'"></nas-phone-number>
-     * ```
-     */
+    */
     errorMessage: string;
     /**
+     * @property Input
      * @description
      * Sets the info text related to the input
      * @example
-     * ```html
      * <nas-phone-number [info]="'please write 8 digit phone number without spaces'"></nas-phone-number>
-     * ```
-     */
+    */
     info: string;
     /**
+     * @property Input
      * @description
      * Sets the icon on the input
      * @example
-     * ```html
      * <nas-phone-number [icon]="'remove'"></nas-phone-number>
-     * ```
-     */
+    */
     icon: string;
     /**
+     * @property Input
      * @description
      * Whether the element is readonly.
      * @example
-     * ```html
      * <nas-phone-number readonly></nas-phone-number>
-     * ```
-     */
+    */
     readonly: boolean;
     /**
+     * @property Input
      * @description
      * Sets aria describedby for accessibility
      * @example
-     * ```html
      * <nas-phone-number [aria-describedby]="'phone number field'"></nas-phone-number>
-     * ```
-     */
+    */
     ariaDescribedby: string;
     /**
+     * @property Input
      * @description
      * Sets the required attribute on the native input element.
      *  @example
-     * ```html
      * <nas-phone-number required></nas-phone-number>
-     * ```
-     */
+    */
     required: boolean;
     /**
+     * @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-phone-number [nasFormControlName]="'phoneNumber'"></nas-phone-number>
-     * ```
-     */
+    */
     nasFormControlName: string;
     /**
+     * @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-phone-number [nasFormControlNamePrefix]="'phoneNumberPrefix'"></nas-phone-number>
-     * ```
-     */
+    */
     nasFormControlNamePrefix: 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-phone-number [nasFormGroup]="myForm"></nas-phone-number>
-     * ```
-     */
-    nasFormGroup: UntypedFormGroup;
+    */
+    nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * A model binded with native input element of phone number component.
      * @example
-     * ```html
      * <nas-phone-number [(model)]="model"></nas-phone-number>
-     * ```
-     */
+    */
     private modelValue;
     get model(): string;
     set model(value: string);
     /**
-    * @description
-    * An output event that fies when input value changes.
-    * @example
-     * ```html
+     * @property Output
+     * @description
+     * An output event that fies when input value changes.
+     * @example
      * <nas-phone-number (modelChange)="onModelChange()"></nas-phone-number>
-     * ```
     */
     modelChange: EventEmitter<string>;
     /**
+     * @property Input
      * @description
      * Add custom CSS class to the selector.
      * @example
-     * ```html
      * <nas-phone-number [cssClass]="cssClass"></nas-phone-number>
-     * ```
-     */
+    */
     cssClass: ClassModel;
     /**
+     * @property Input
      * @description
      * The default selected value.
      * @example
-     * ```html
      * <nas-phone-number [selectedValue]="selectedValue"></nas-phone-number>
-     * ```
-     */
+    */
     selectedValue: SelectOptionModel;
     /**
+     * @property Input
      * @description
      * Gets or sets the selected value.
      * @example
-     * ```html
      * <nas-phone-number [(selected)]="selected"></nas-phone-number>
-     * ```
-     */
+    */
     get selected(): SelectOptionModel;
     set selected(option: SelectOptionModel);
     /**
+     * @property Output
      * @description
      * An event that is fired every time a selection is done.
      * @example
-     * ```html
      * <nas-phone-number (selectedChange)="onSelectedChange($event)"></nas-phone-number>
-     * ```
-     */
+    */
     selectedChange: EventEmitter<SelectOptionModel>;
     constructor();
     mainClass(): ClassModel;

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

@@ -10,40 +10,36 @@ export declare class PremiumToggleComponent extends NasComponentBase implements
     selectedValue: OptionModel;
     options: Array<OptionModel>;
     /**
+     * @property Input
      * @description
      * Sets the initial selected value on the toggle. Is either 'standard' or 'premium'.
      * @example
-     * ```html
      * <nas-premium-toggle [defaultValue]="'premium'"></nas-premium-toggle>
-     * ```
-     */
+    */
     defaultValue: string;
     /**
+     * @property Input
      * @description
      * A label for the standard alternative.
-     * @example
-     * ```html
+     * @example\
      * <nas-premium-toggle [standardLabel]="'Standard'"></nas-premium-toggle>
-     * ```
-     */
+    */
     standardLabel: string;
     /**
+     * @property Input
      * @description
      * A label for the premium alternative.
      * @example
-     * ```html
      * <nas-premium-toggle [premiumLabel]="'Premium'"></nas-premium-toggle>
-     * ```
-     */
+    */
     premiumLabel: string;
     /**
+     * @property Output
      * @description
      * An event that is fired every time a toggle is performed.
      * @example
-     * ```html
      * <nas-premium-toggle (handleChange)="onHandleChange($event)"></nas-premium-toggle>
-     * ```
-     */
+    */
     handleChange: EventEmitter<string>;
     constructor();
     ngOnInit(): void;