@norwegian/core-components 6.0.3 → 6.2.0

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

@@ -11,210 +11,213 @@ import * as i0 from "@angular/core";
  */
 export declare class AccordionComponent extends NasComponentBase implements OnInit {
     /**
+     * @property Input
      * @description
      * Boolean to set if accordion should be expanded or not. Default value is false.
-     */
+    */
     expanded: boolean;
     /**
+     * @property Input
      * @description
      * A string input value to set title text of component.
      * @example
-     * ```html
      * <nas-accordion [title]="'This is a title'">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     title: string;
     /**
+     * @property Input
      * @description
      * A string input value to set subheader text of component.
      * @example
-     * ```html
      * <nas-accordion [subheader]="'This is a subheader'">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     subheader: string;
     /**
+     * @property Input
+     * @description
+     * A string input value to set text to the badge of component.
+     * @example
+     * <nas-accordion [title]="'This is a title'" [badge]="'Text to the badge'">You can put any kind of elements and content here...</nas-accordion>
+    */
+    badge: string;
+    /**
+     * @property Input
      * @description
      * A string input value to set icon text of component. Specifies the icon name, defaults to 'small'.
      * @example
-     * ```html
      * <nas-accordion [icon]="'small'">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     icon: string;
     /**
+     * @property Input
      * @description
      * A boolean input value to set simple styling.
      * @example
-     * ```html
      * <nas-accordion simple>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [simple]="isSimpleProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     simple?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to set spaced styling.
      * @example
-     * ```html
      * <nas-accordion spaced>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [spaced]="isSpacedProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     spaced?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to set small styling.
      * @example
-     * ```html
      * <nas-accordion small>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [small]="isSmallProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     small?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to set inverted styling.
      * @example
-     * ```html
      * <nas-accordion inverted>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [inverted]="isInvertedProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     inverted?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to set a container on the toggle.
      * @example
-     * ```html
      * <nas-accordion containerOnToggle>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [containerOnToggle]="isContainerOnToggleProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     containerOnToggle?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to remove padding on accodion.
      * @example
-     * ```html
      * <nas-accordion nopadding>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [nopadding]="includePaddingProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     nopadding?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to set transparent background color.
      * @example
-     * ```html
      * <nas-accordion transparent>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [transparent]="isTransparentProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     transparent?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to set the accordion to approve style.
      * @example
-     * ```html
      * <nas-accordion approve>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [approve]="isApproveProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     approve?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean input value to set the accordion to primary style.
      * @example
-     * ```html
      * <nas-accordion primary>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      * or
-     * ```html
      * <nas-accordion [primary]="isPrimaryProperty">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     primary?: boolean;
     /**
+     * @property Input
+     * @description
      * A boolean input value to set the accordion to info style.
      * @example
-     * ```html
      * <nas-accordion info>You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     info?: boolean;
     /**
+     * @property Input
+     * @description
      * A boolean input value to set the accordion to subheader positive style.
      * @example
-     * ```html
      * <nas-accordion subheader="This is subheader" subheaderPositive>You can put any kind of elements and content here...</nas-accordion>
-     * ```
      */
     subheaderPositive?: boolean;
     /**
+     * @property Input
+     * @description
      * A boolean input value to set the accordion to subheader negative style.
      * @example
-     * ```html
      * <nas-accordion subheader="This is subheader" subheaderNegative>You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     subheaderNegative?: boolean;
     /**
+     * @property Input
+     * @description
+     * A boolean input value to set the accordion to badge info style.
+     * @example
+     * <nas-accordion badge="Info" badgeInfo>You can put any kind of elements and content here...</nas-accordion>
+     */
+    badgeInfo?: boolean;
+    /**
+     * @property Input
+     * @description
+     * A boolean input value to set the accordion to badge success style.
+     * @example
+     * <nas-accordion badge="Success" badgeSuccess>You can put any kind of elements and content here...</nas-accordion>
+    */
+    badgeSuccess?: boolean;
+    /**
+     * @property Input
+     * @description
+     * A boolean input value to set the accordion to badge warning style.
+     * @example
+     * <nas-accordion badge="Warning" badgeWarning>You can put any kind of elements and content here...</nas-accordion>
+     */
+    badgeWarning?: boolean;
+    /**
+     * @property Input
+     * @description
+     * A boolean input value to set the accordion to badge error style.
+     * @example
+     * <nas-accordion badge="Error" badgeError>You can put any kind of elements and content here...</nas-accordion>
+    */
+    badgeError?: boolean;
+    /**
+     * @property Input
      * @description
      * Adds custom CSS class to the accordion. Accordion will sett additional custom styling.
      *
      * @example
-     *
-     * ```html
      * <nas-accordion [cssClass]="'my-custom-class'">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     *
-     */
+    */
     cssClass?: ClassModel;
     /**
+     * @property Input
      * @description
      * Property to set custom styling on accordion.
-     *
      * @example
-     *
-     * ```html
      * <nas-accordion [cssStyle]="{'width': '300px', 'height': '40px'}}">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     *
-     */
+    */
     cssStyle: any;
     /**
+     * @property Output
      * @description
      * A boolean event that is fired on toggle.
      * @example
-     * ```html
      * <nas-accordion (toggleChange)="onToggleChange($event)">You can put any kind of elements and content here...</nas-accordion>
-     * ```
-     */
+    */
     toggleChange: EventEmitter<boolean>;
     private animateIn;
     private animateOut;
@@ -232,5 +235,5 @@ export declare class AccordionComponent extends NasComponentBase implements OnIn
     toggle(): void;
     setHeaderType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "nas-accordion", never, { "expanded": { "alias": "expanded"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaced": { "alias": "spaced"; "required": false; }; "small": { "alias": "small"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "containerOnToggle": { "alias": "containerOnToggle"; "required": false; }; "nopadding": { "alias": "nopadding"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "approve": { "alias": "approve"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "info": { "alias": "info"; "required": false; }; "subheaderPositive": { "alias": "subheaderPositive"; "required": false; }; "subheaderNegative": { "alias": "subheaderNegative"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "nas-accordion", never, { "expanded": { "alias": "expanded"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "badge": { "alias": "badge"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "spaced": { "alias": "spaced"; "required": false; }; "small": { "alias": "small"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "containerOnToggle": { "alias": "containerOnToggle"; "required": false; }; "nopadding": { "alias": "nopadding"; "required": false; }; "transparent": { "alias": "transparent"; "required": false; }; "approve": { "alias": "approve"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "info": { "alias": "info"; "required": false; }; "subheaderPositive": { "alias": "subheaderPositive"; "required": false; }; "subheaderNegative": { "alias": "subheaderNegative"; "required": false; }; "badgeInfo": { "alias": "badgeInfo"; "required": false; }; "badgeSuccess": { "alias": "badgeSuccess"; "required": false; }; "badgeWarning": { "alias": "badgeWarning"; "required": false; }; "badgeError": { "alias": "badgeError"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "cssStyle": { "alias": "cssStyle"; "required": false; }; }, { "toggleChange": "toggleChange"; }, never, ["*"], false, never>;
 }

package/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.d.ts

@@ -1,5 +1,5 @@
 import { 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 { GeolocationService } from '../../../core/services/geolocation/geolocation.service';
 import { AirportModel } from '../models/airport.model';
@@ -38,7 +38,7 @@ export declare class AirportSelectDropdownComponent extends NasComponentBase imp
     airportSelectIconModifier: string;
     keepSelection: boolean;
     nasFormControlName: string;
-    nasFormGroup: UntypedFormGroup;
+    nasFormGroup: FormGroup;
     enableGeolocation?: boolean;
     ariaLabelClear: string;
     ariaLabelBackdrop: string;

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

@@ -5,7 +5,7 @@
 import { AirportModel } from './models/airport.model';
 import { ClassModel } from '../../core/models/class.model';
 import { EventEmitter, ElementRef, OnInit } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { NasComponentBase } from '../../core';
 import { ResultsLabelsModel } from './models/results-labels.model';
 import { AirportSelectDropdownComponent } from './airport-select-dropdown/airport-select-dropdown.component';
@@ -36,126 +36,150 @@ export declare class AirportSelectComponent extends NasComponentBase implements
     origin: AirportModel;
     destination: AirportModel;
     /**
+     * @property Input
      * @required
      * @description
      * All airports that will be populated into the dropdown lists.
      */
     airports: Array<AirportModel>;
     /**
+     * @property Input
      * @description
      * A record containing keys with all airport codes with corresponding array of airport codes connected to the key.
      */
     airportRelations: Record<string, Array<string>>;
     /**
+     * @property Input
      * @description
      * An array of origin airports that the user has allready search for.
      */
     latestSearchesOrigin: Array<AirportModel>;
     /**
+     * @property Input
      * @description
      * An array of destination airports that the user has allready search for.
      */
     latestSearchesDestination: Array<AirportModel>;
     /**
+     * @property Input
      * @description
      * An array of airports that are close to the user.
      */
     closestAirports: Array<AirportModel>;
     /**
+     * @property Input
      * @description
      * A list of airports that should be displayed in the origin dropdown.
      * If not included, all airports will be displayed.
      */
     allowedOriginAiports: Array<AirportModel>;
     /**
+     * @property Input
      * @description
      * An array of airports that are restricted for destination airports. It will default to airports if not set.
      */
     allowedDestinationAirports: Array<AirportModel>;
     /**
+     * @property Input
      * @description
      * A boolean indicating if airports that the user allready has searh for should be displayed.
      */
     displayLatestSearches?: boolean;
     /**
+     * @property Input
      * @description
      * A boolean indicating if airports that are close to the user should be displayed.
      */
     displayClosestAirports?: boolean;
     /**
+     * @property Input
      * @description
      * Display both orgin and destination airport selector.
      */
     combo?: boolean;
     /**
+     * @property Input
      * @description
      * Display switch UI to interchange origin and destination airport.
      */
     useSwitch?: boolean;
     /**
+     * @property Input
      * @description
      * A label that will appear on top of all airports in the drop down list.
      */
     allAirportsLabel: string;
     /**
+     * @property Input
      * @description
      * A label that will appear on top of the latest searches in the drop down list.
      */
     latestSearchesLabel: string;
     /**
+     * @property Input
      * @description
      * A label that will appear on top of the closest airports in the drop down list.
      */
     closestAirportsLabel: string;
     /**
+     * @property Input
      * @description
      * A label that will appear in my location in the drop down list.
      */
     geolocationLabel: string;
     /**
+     * @property Input
      * @description
      * A label that will appear in my location, in the drop down list if user has denied geolocation.
      */
     geolocationBlockedLabel: string;
     /**
+     * @property Input
      * @description
      * A label that will appear in the destination input field if the
      * user tries to select a destination airport without selecting an origin airport.
      */
     selectOriginFirstLabel: string;
     /**
+     * @property Input
      * @description
      * A text that appears in the destinations dropdown list when origin airport is not set.
      */
     invalidDestinationText: string;
     /**
+     * @property Input
      * @required
      * @description
      * A label that will appear on top of the origin airport input field.
      */
     labelOrigin: string;
     /**
+     * @property Input
      * @description
      * A placeholder that will appear on the origin airport input field.
      */
     placeholderOrigin: string;
     /**
+     * @property Input
      * @description
      * A label that will appear on top of the destination airport input field.
      */
     labelDestination: string;
     /**
+     * @property Input
      * @description
      * A placeholder that will appear on the destination airport input field.
      */
     placeholderDestination: string;
     /**
+     * @property Input
      * @description
      * A modifier that will allow always keeping the selected airport.
      * The last selected airport will be shown once user clears the selection and blur.
      */
     keepSelection: boolean;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the input.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -163,6 +187,7 @@ export declare class AirportSelectComponent extends NasComponentBase implements
      */
     nasFormControlNameOrigin: string;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the input.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -170,60 +195,71 @@ export declare class AirportSelectComponent extends NasComponentBase implements
      */
     nasFormControlNameDestination: 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
      * The airport code of the origin airport. It will set the selected origin airport based on this value.
      */
     get originAirportCode(): string;
     set originAirportCode(code: string);
     /**
+     * @property Input
      * @description
      * The airport code of the destination airport. It will set the selected destination airport based on this value.
      */
     get destinationAirportCode(): string;
     set destinationAirportCode(code: string);
     /**
+     * @property Input
      * @description
      * Adds 'aria-label' on the clear button inside the airport select inputs.
      */
     ariaLabelClear: string;
     /**
+     * @property Input
      * @description
      * Adds 'aria-label' to the backdrops.
      */
     ariaLabelBackdrop: string;
     /**
+     * @property Output
      * @description
      * An event that is fired every time the selected origin airport changes.
      */
     originChange: EventEmitter<AirportModel>;
     /**
+     * @property Output
      * @description
      * An event that is fired every time the origin dropdown selector opens or closes.
      */
     originOpenChange: EventEmitter<boolean>;
     /**
+    * @property Output
     * @description
     * An event that is fired every time the origin dropdown selector opens or closes.
     */
     destinationChange: EventEmitter<AirportModel>;
     /**
+     * @property Output
      * @description
      * An event that is fired every time the destination dropdown selector opens or closes.
      */
     destinationOpenChange: EventEmitter<boolean>;
     /**
+     * @property Output
      * @description
      * An event that is fired when the destination dropdown closes.
      */
     focusOnNext: EventEmitter<KeyboardEvent>;
     /**
+     * @property Output
      * @description
      * An event that is fired when geolocation position has changed.
      */

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

@@ -5,7 +5,7 @@
 import { AutocompleteModel } from './models/autocomplete.model';
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { NasComponentBase } from '../../core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -20,44 +20,52 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
     input: ElementRef;
     results: ElementRef;
     /**
+     * @property Input
      * @description
      * A label that will appear inside the text field.
      */
     label: string;
     /**
+     * @property Input
      * @description
      * A placeholder that will appear inside the text field.
      */
     placeholder: string;
     /**
+     * @property Input
      * @description
      * An icon that will appear inside the text field.
      */
     icon: string;
     /**
+     * @property Input
      * @description
      * An array of items that will appear inside the dropdown list.
      */
     get items(): Array<AutocompleteModel>;
     set items(items: Array<AutocompleteModel>);
     /**
+     * @property Input
      * @description
      * Can set and listen to wheather the dropdown list is or should be open or not.
      */
     get open(): boolean;
     set open(open: boolean);
     /**
+     * @property Input
      * @description
      * Can set and listen to changes in the model of the text field.
      */
     get model(): string;
     set model(model: string);
     /**
+     * @property Input
      * @description
      * Disables the backdrop on focus.
      */
     disableBackdrop: boolean;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the input.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -65,28 +73,33 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
      */
     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
      * Adds an aria-label attribute to the backdrop button.
      */
     ariaLabelBackdrop: string;
     /**
+     * @property Input
      * @description
      * Adds 'aria-label' on the clear button inside input.
      */
     ariaLabelClear: string;
     /**
+     * @property Output
      * @description
      * Is fired when the next element should be focused.
      */
     focusOnNext: EventEmitter<any>;
     /**
+     * @property Output
      * @description
      * Is fired when the user selects an item in the dropdown list.
      */

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

@@ -12,17 +12,20 @@ import * as i0 from "@angular/core";
 export declare class BackdropComponent extends NasComponentBase implements OnInit {
     show: boolean;
     /**
+     * @property Output
      * @description
      * Event emmitted when showBackdrop is changed.
      */
     showBackdropChange: EventEmitter<boolean>;
     /**
+     * @property Input
      * @description
      * backdrop show/hide.
      */
     get showBackdrop(): boolean;
     set showBackdrop(value: boolean);
     /**
+     * @property Input
      * @description
      * Adds an aria-label attribute to the button
      */