@norwegian/core-components 6.0.3 → 6.2.0

package/lib/components/datepicker/calendar/calendar.component.d.ts

@@ -4,7 +4,7 @@
  */
 import { DatePipe } from '@angular/common';
 import { ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { WeekStart } from './enums/week-start.enum';
 import { DayModel } from './models/day.model';
 import { SelectOptionModel } from './models/select-option.model';
@@ -91,7 +91,7 @@ export declare class CalendarComponent extends NasComponentBase implements OnIni
     set activeDate(date: UtcDate);
     get selectedDate(): UtcDate;
     set selectedDate(date: UtcDate);
-    nasFormGroup: UntypedFormGroup;
+    nasFormGroup: FormGroup;
     nasFormControlName: string;
     dateDisplayFormat: string;
     ariaLabelPreviousMonth: string;

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

@@ -4,7 +4,7 @@
  */
 import { DatePipe } from '@angular/common';
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { UntypedFormGroup } from '@angular/forms';
+import { FormGroup } from '@angular/forms';
 import { CalendarComponent } from './calendar/calendar.component';
 import { SelectOptionModel } from './calendar/models/select-option.model';
 import { NasComponentBase } from '../../core/base/nas-component.base';
@@ -31,102 +31,121 @@ export declare class DatepickerComponent extends NasComponentBase implements OnI
     datePickerContent: ElementRef;
     timeSelector: SelectComponent;
     /**
+     * @property Input
      * @description
      * Adds 'aria-label' to the backdrops.
      */
     ariaLabelBackdrop: string;
     /**
+     * @property Input
      * @description
      * A boolean value when set will disable showing the backdrop on popup open
      */
     disableBackdrop: boolean;
     /**
+     * @property Input
      * @description
      * Label for no available flights.
      */
     noAvailableFlightsLabel: string;
     /**
+     * @property Input
      * @description
      * Label for available flights.
      */
     availableFlightsLabel: string;
     /**
+     * @property Input
      * @description
      * Disable possibility to select dates in the past.
      */
     disablePastSelection: boolean;
     /**
+     * @property Input
      * @description
      * The lowest date allowed.
      */
     get lowerLimitDate(): UtcDate;
     set lowerLimitDate(date: UtcDate);
     /**
+     * @property Input
      * @description
      * Sets the datepicker in availability mode where available dates can be added.
      */
     availability: boolean;
     /**
+     * @property Input
      * @description
      * An array with all the available (selectable) dates of the month.
      */
     availableDates: Array<UtcDate>;
     /**
+     * @property Input
      * @description
      * boolean value to disable or enable the input of the date picker.
      */
     get disabled(): boolean;
     set disabled(value: boolean);
     /**
+     * @property Input
      * @description
      * A place holder string for the input for date picker.
      */
     placeholder: string;
     /**
+     * @property Input
      * @description
      * this will set the required attribute on the input so suer has to date-picker the date.
      */
     required: boolean;
     /**
+     * @property Input
      * @description
      * Is used to indicate the IDs of the elements that describe the date picker input.
      */
     ariaDescribedby: string;
     /**
+     * @property Input
      * @description
      * Aria label for input that enables date-picker popup once clicked. For accessibility web standards.
      */
     ariaLabel: string;
     /**
+     * @property Input
      * @description
      * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
      * Please look at the angular Date pipe for valid formats and variations.
      */
     dateDisplayFormat: string;
     /**
+     * @property Input
      * @description
      * The time display format.
      */
     timeDisplayFormat: 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.
      */
     locale: string;
     /**
+     * @property Input
      * @description
      * A modifier to remove the padding and margins around the element.
      */
     compact: boolean;
     /**
+     * @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.
@@ -134,24 +153,28 @@ export declare class DatepickerComponent extends NasComponentBase implements OnI
      */
     nasFormControlName: string;
     /**
+     * @property Input
      * @description
      * An array of times to be added in the time selector.
      */
     get times(): Array<UtcDate>;
     set times(times: Array<UtcDate>);
     /**
+     * @property Input
      * @description
      * The calendar is open or closed.
      */
     get open(): boolean;
     set open(open: boolean);
     /**
+     * @property Input
      * @description
      * Set selected month.
      */
     get selectedMonth(): UtcDate;
     set selectedMonth(month: UtcDate);
     /**
+     * @property Input
      * @description
      * Gets or sets the selected Date in the date picker. Setting this date will highlight the date in the date picker
      * and user can change it by clicking from any other enabled dates
@@ -160,42 +183,50 @@ export declare class DatepickerComponent extends NasComponentBase implements OnI
     get selectedDate(): UtcDate;
     set selectedDate(date: UtcDate);
     /**
+     * @property Input
      * @description
      * Sets the selected time in the time selector.
      */
     get selectedTime(): UtcDate;
     set selectedTime(time: UtcDate);
     /**
+     * @property Input
      * @description
      * ARIA label for the previous month button in the calendar.
      */
     ariaLabelPreviousMonth: string;
     /**
+     * @property Input
      * @description
      * ARIA label for the next month button in the calendar.
      */
     ariaLabelNextMonth: string;
     /**
+     * @property Output
      * @description
      * Date selected by the user by clicking in date-picker date-box.
      */
     selectedDateChange: EventEmitter<UtcDate>;
     /**
+     * @property Output
      * @description
      * Month selected by the user by clicking in drop down for month selection or month navigation buttons.
      */
     selectedMonthChange: EventEmitter<UtcDate>;
     /**
+     * @property Output
      * @description
      * The calendar is open or closed.
      */
     openChange: EventEmitter<boolean>;
     /**
+     * @property Output
      * @description
      * When a user has actively changed the date.
      */
     focusOnNextChange: EventEmitter<KeyboardEvent | MouseEvent>;
     /**
+     * @property Output
      * @description
      * When a user has pressed shift + tab to go to previous control.
      */

package/lib/components/datepicker-combo/datepicker-combo.component.d.ts

@@ -23,105 +23,125 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
     datepickerInbound: ElementRef;
     container: ElementRef;
     /**
+     * @property Input
      * @description
      * Adds 'aria-label' to the backdrops.
      */
     ariaLabelBackdrop: string;
     /**
+     * @property Input
      * @description
      * Sets outbound datepicker open.
      */
     get outboundOpen(): boolean;
     set outboundOpen(value: boolean);
     /**
+     * @property Input
      * @description
      * Sets inbound datepicker open.
      */
     get inboundOpen(): boolean;
     set inboundOpen(value: boolean);
     /**
+     * @property Input
      * @description
      * Label for no available flights.
      */
     noAvailableFlightsLabel: string;
     /**
+     * @property Input
      * @description
      * Label for available flights.
      */
     availableFlightsLabel: string;
     /**
+     * @property Input
      * @description
      * Disable possibility to select dates in the past.
      */
     disablePastSelection: boolean;
     /**
+     * @property Input
      * @description
      * Disable possibility to select outbound dates.
      */
     outboundDisabled: boolean;
     /**
+     * @property Input
      * @description
      * Disable possibility to select inbound dates.
      */
     inboundDisabled: boolean;
     /**
+     * @property Input
      * @description
      * Remove the inbound datepicker if set.
      */
     outboundOnly: boolean;
     /**
+     * @property Input
      * @description
      * Label for outbound datepicker.
      */
     outboundLabel: string;
     /**
+     * @property Input
      * @description
      * Label for inbound datepicker.
      */
     inboundLabel: string;
     /**
+     * @property Input
      * @description
      * Sets the datepickers in availability mode where available dates can be added.
      */
     availability: boolean;
     /**
+     * @property Input
      * @description
      * Available dates for outbound calendar.
      */
     outboundAvailableDates: Array<UtcDate>;
     /**
+     * @property Input
      * @description
      * Available dates for inbound calendar.
      */
     inboundAvailableDates: Array<UtcDate>;
     /**
+     * @property Input
      * @description
      * If set, Enables the time dropdown selector alongside datepicker.
      */
     times: Array<UtcDate>;
     /**
+     * @property Input
      * @description
      * The display format of the date when user has selected the date and it is being shown in the input box for the date picker.
      * Please look at the angular Date pipe for valid formats and variations.
      */
     dateDisplayFormat: string;
     /**
+     * @property Input
      * @description
      * The time display format.
      */
     timeDisplayFormat: 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.
      */
     locale: string;
     /**
+     * @property Input
      * @description
      * A modifier to remove the padding and margins around the element.
      */
     compact: boolean;
     /**
+     * @property Input
      * @description
      * Adds the parent's form group.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -129,6 +149,7 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
      */
     nasFormGroup: FormGroup;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the input.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -136,6 +157,7 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
      */
     nasFormControlNameOutbound: string;
     /**
+     * @property Input
      * @description
      * Sets a formControlName directive to the input.
      * It requires that the consumer included ReactiveFormsModule in it's module.
@@ -143,39 +165,51 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
      */
     nasFormControlNameInbound: string;
     /**
+     * @property Input
      * @description
      * Selected datefor outbound calendar.
      */
     get outboundSelectedDate(): UtcDate;
     set outboundSelectedDate(date: UtcDate);
     /**
+     * @property Input
      * @description
      * Selected datefor inbound calendar.
      */
     get inboundSelectedDate(): UtcDate;
     set inboundSelectedDate(date: UtcDate);
+    /**
+     * @property Input
+     * @description
+     * enable to disable backdrop.
+     */
     disableBackdrop: boolean;
     /**
+     * @property Input
      * @description
      * Sets the outbound selected time in the time selector.
      */
     outboundSelectedTime: UtcDate;
     /**
+     * @property Input
      * @description
      * Sets the inbound selected time in the time selector.
      */
     inboundSelectedTime: UtcDate;
     /**
+     * @property Input
      * @description
      * ARIA label for the previous month button in the calendar.
      */
     ariaLabelPreviousMonth: string;
     /**
+     * @property Input
      * @description
      * ARIA label for the next month button in the calendar.
      */
     ariaLabelNextMonth: string;
     /**
+     * @property Input
      * @description
      * Sets a relative number to decide when the inbound lower limit date should be based on selected outbound date.
      *
@@ -186,41 +220,49 @@ export declare class DatepickerComboComponent extends NasComponentBase implement
      */
     inboundLowerLimitDateOffset: number;
     /**
+     * @property Output
      * @description
      * When selected datehas been changed on the outbound calendar.
      */
     outboundSelectedDateChange: EventEmitter<UtcDate>;
     /**
+     * @property Output
      * @description
      * When selected datehas been changed on the inbound calendar.
      */
     inboundSelectedDateChange: EventEmitter<UtcDate>;
     /**
+     * @property Output
      * @description
      * Outbound datepicker is open or closed.
      */
     outboundOpenChange: EventEmitter<boolean>;
     /**
+     * @property Output
      * @description
      * Inbound datepicker is open or closed.
      */
     inboundOpenChange: EventEmitter<boolean>;
     /**
+     * @property Output
      * @description
      * Outbound calendar changes month.
      */
     outboundMonthChange: EventEmitter<UtcDate>;
     /**
+     * @property Output
      * @description
      * Inbound calendar changes month.
      */
     inboundMonthChange: EventEmitter<UtcDate>;
     /**
+     * @property Output
      * @description
      * When a user has actively changed the date.
      */
     focusOnNextChange: EventEmitter<any>;
     /**
+     * @property Output
      * @description
      * When a user has pressed shift + tab to go to previous control.
      */

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

@@ -7,46 +7,55 @@ import * as i0 from "@angular/core";
  */
 export declare class DividerComponent extends NasComponentBase {
     /**
+     * @property Input
      * @description
      * Sets text on the divider. If set to false the divider will not display any text.
      */
     text: string;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider a double look.
      */
     double: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider a dotted look.
      */
     dotted: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider a dashed look.
      */
     dashed: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider large spacing.
      */
     spaceLarge: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider light color.
      */
     light: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider dark color.
      */
     dark: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider secondary color.
      */
     secondary: boolean;
     /**
+     * @property Input
      * @description
      * Boolean to give the divider primary color.
      */

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

@@ -18,41 +18,49 @@ export declare class DropdownComponent extends NasComponentBase implements OnIni
     contentParent: ElementRef;
     useInline: boolean;
     /**
+     * @property Input
      * @description
      * The ID of the component
      */
     id: string;
     /**
+     * @property Input
      * @description
      * Adds 'aria-label' to the backdrops.
      */
     ariaLabelBackdrop: string;
     /**
+     * @property Input
      * @description
      * Adds custom CSS class to the dropdown.
      */
     cssClass: ClassModel;
     /**
+     * @property Input
      * @description
      * Sets inline styling on the dropdown
      */
     inline: boolean;
     /**
+     * @property Input
      * @description
      * Sets the label on the dropdown.
      */
     label: string;
     /**
+     * @property Input
      * @description
      * Sets stretched styling.
      */
     stretched?: boolean;
     /**
+     * @property Input
      * @description
      * Adds custom styling to the label.
      */
     labelStyle: any;
     /**
+     * @property Output
      * @description
      * An event that is fired every time the dropdown is toggled.
      */