@norwegian/core-components 7.20.1 → 7.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/large/illustration-airplane.svg +38 -0
- package/assets/icons/medium/bizum.svg +28 -0
- package/assets/icons/medium/ideal-wero.svg +196 -0
- package/assets/icons/medium/norwegian-compact.svg +4 -0
- package/assets/icons/small/bizum.svg +28 -0
- package/assets/icons/small/grid--disabled.svg +11 -0
- package/assets/icons/small/grid--light.svg +11 -0
- package/assets/icons/small/grid.svg +11 -0
- package/assets/icons/small/ideal-wero.svg +196 -0
- package/assets/icons/small/list--disabled.svg +8 -0
- package/assets/icons/small/list--light.svg +8 -0
- package/assets/icons/small/list.svg +8 -0
- package/assets/icons/small/norwegian-compact.svg +4 -0
- package/assets/icons/small/world.svg +10 -0
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +20 -5
- package/esm2022/lib/components/datepicker/calendar/calendar.component.mjs +6 -4
- package/esm2022/lib/components/datepicker/datepicker.component.mjs +11 -3
- package/esm2022/lib/components/datepicker/services/calendar.service.mjs +13 -4
- package/esm2022/lib/components/datepicker-combo/datepicker-combo.component.mjs +3 -3
- package/esm2022/lib/components/icon/icon.component.mjs +2 -2
- package/esm2022/lib/components/premium-toggle/premium-toggle.component.mjs +1 -1
- package/esm2022/lib/components/toggle/models/options.model.mjs +4 -1
- package/esm2022/lib/components/toggle/toggle.component.mjs +13 -3
- package/fesm2022/norwegian-core-components.mjs +63 -19
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/autocomplete/autocomplete.component.d.ts +20 -1
- package/lib/components/datepicker/calendar/calendar.component.d.ts +2 -1
- package/lib/components/datepicker/datepicker.component.d.ts +7 -1
- package/lib/components/datepicker/services/calendar.service.d.ts +2 -1
- package/lib/components/toggle/models/options.model.d.ts +2 -1
- package/lib/components/toggle/toggle.component.d.ts +12 -1
- package/package.json +1 -1
|
@@ -22,12 +22,24 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
|
|
|
22
22
|
span: ElementRef;
|
|
23
23
|
results: ElementRef;
|
|
24
24
|
labelElement: ElementRef<HTMLElement>;
|
|
25
|
+
/**
|
|
26
|
+
* @property Input
|
|
27
|
+
* @description
|
|
28
|
+
* The ID of the native input element
|
|
29
|
+
*/
|
|
30
|
+
id: string;
|
|
25
31
|
/**
|
|
26
32
|
* @property Input
|
|
27
33
|
* @description
|
|
28
34
|
* A label that will appear inside the text field.
|
|
29
35
|
*/
|
|
30
36
|
label: string;
|
|
37
|
+
/**
|
|
38
|
+
* @property Input
|
|
39
|
+
* @description
|
|
40
|
+
* Sets the label of the input inside the input field, default value is true
|
|
41
|
+
*/
|
|
42
|
+
labelInside: boolean;
|
|
31
43
|
/**
|
|
32
44
|
* @property Input
|
|
33
45
|
* @description
|
|
@@ -40,6 +52,12 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
|
|
|
40
52
|
* An icon that will appear inside the text field.
|
|
41
53
|
*/
|
|
42
54
|
icon: string;
|
|
55
|
+
/**
|
|
56
|
+
* @property Input
|
|
57
|
+
* @description
|
|
58
|
+
* Sets a secondary color theme.
|
|
59
|
+
*/
|
|
60
|
+
secondary: boolean;
|
|
43
61
|
/**
|
|
44
62
|
* @property Input
|
|
45
63
|
* @description
|
|
@@ -109,6 +127,7 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
|
|
|
109
127
|
selectedChange: EventEmitter<AutocompleteModel>;
|
|
110
128
|
openChange: EventEmitter<boolean>;
|
|
111
129
|
modelChange: EventEmitter<string>;
|
|
130
|
+
get inputId(): string;
|
|
112
131
|
private openValue;
|
|
113
132
|
private itemsValue;
|
|
114
133
|
private modelValue;
|
|
@@ -131,5 +150,5 @@ export declare class AutocompleteComponent extends NasComponentBase implements O
|
|
|
131
150
|
onInput(event: Event): void;
|
|
132
151
|
setRemoveIcon(): string;
|
|
133
152
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
|
|
134
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "nas-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "model": { "alias": "model"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; }, { "focusOnNext": "focusOnNext"; "selectedChange": "selectedChange"; "openChange": "openChange"; "modelChange": "modelChange"; }, never, never, false, never>;
|
|
153
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "nas-autocomplete", never, { "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelInside": { "alias": "labelInside"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "secondary": { "alias": "secondary"; "required": false; }; "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "model": { "alias": "model"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "ariaLabelClear": { "alias": "ariaLabelClear"; "required": false; }; }, { "focusOnNext": "focusOnNext"; "selectedChange": "selectedChange"; "openChange": "openChange"; "modelChange": "modelChange"; }, never, never, false, never>;
|
|
135
154
|
}
|
|
@@ -102,6 +102,7 @@ export declare class CalendarComponent extends NasComponentBase implements OnIni
|
|
|
102
102
|
dateDisplayFormat: string;
|
|
103
103
|
ariaLabelPreviousMonth: string;
|
|
104
104
|
ariaLabelNextMonth: string;
|
|
105
|
+
lowerLimitDays: number;
|
|
105
106
|
/**
|
|
106
107
|
* @description
|
|
107
108
|
* Month selected by the user by clicking in drop down for month selection or month navigation buttons.
|
|
@@ -165,5 +166,5 @@ export declare class CalendarComponent extends NasComponentBase implements OnIni
|
|
|
165
166
|
setPreviousMonthDisabled(): void;
|
|
166
167
|
private applySelectedDateChanges;
|
|
167
168
|
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
|
|
168
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "nas-calendar", never, { "id": { "alias": "id"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "lowerLimitDate": { "alias": "lowerLimitDate"; "required": false; }; "date": { "alias": "date"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "displayWeekNumbers": { "alias": "displayWeekNumbers"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "availableDates": { "alias": "availableDates"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; }, { "monthChange": "monthChange"; "focusOnNextChange": "focusOnNextChange"; "selectedDateChange": "selectedDateChange"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
|
|
169
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "nas-calendar", never, { "id": { "alias": "id"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "lowerLimitDate": { "alias": "lowerLimitDate"; "required": false; }; "date": { "alias": "date"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "displayWeekNumbers": { "alias": "displayWeekNumbers"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "availableDates": { "alias": "availableDates"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "lowerLimitDays": { "alias": "lowerLimitDays"; "required": false; }; }, { "monthChange": "monthChange"; "focusOnNextChange": "focusOnNextChange"; "selectedDateChange": "selectedDateChange"; "activeDateChange": "activeDateChange"; }, never, never, false, never>;
|
|
169
170
|
}
|
|
@@ -217,6 +217,12 @@ export declare class DatepickerComponent extends NasComponentBase implements OnI
|
|
|
217
217
|
* Sets the string timepicker label title
|
|
218
218
|
*/
|
|
219
219
|
timepickerLabel: string;
|
|
220
|
+
/**
|
|
221
|
+
* @property Input
|
|
222
|
+
* @description
|
|
223
|
+
* Sets number of lower limit days, works with datepicker combo
|
|
224
|
+
*/
|
|
225
|
+
lowerLimitDays: number;
|
|
220
226
|
/**
|
|
221
227
|
* @property Output
|
|
222
228
|
* @description
|
|
@@ -285,5 +291,5 @@ export declare class DatepickerComponent extends NasComponentBase implements OnI
|
|
|
285
291
|
private timeFocusPrev;
|
|
286
292
|
private timerListFocus;
|
|
287
293
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
|
|
288
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nas-datepicker", never, { "id": { "alias": "id"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "lowerLimitDate": { "alias": "lowerLimitDate"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableDates": { "alias": "availableDates"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "times": { "alias": "times"; "required": false; }; "open": { "alias": "open"; "required": false; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedTime": { "alias": "selectedTime"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; }; }, { "selectedDateChange": "selectedDateChange"; "selectedMonthChange": "selectedMonthChange"; "openChange": "openChange"; "focusOnNextChange": "focusOnNextChange"; "focusOnPreviousChange": "focusOnPreviousChange"; }, never, ["*"], false, never>;
|
|
294
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nas-datepicker", never, { "id": { "alias": "id"; "required": false; }; "ariaLabelBackdrop": { "alias": "ariaLabelBackdrop"; "required": false; }; "disableBackdrop": { "alias": "disableBackdrop"; "required": false; }; "noAvailableFlightsLabel": { "alias": "noAvailableFlightsLabel"; "required": false; }; "availableFlightsLabel": { "alias": "availableFlightsLabel"; "required": false; }; "disablePastSelection": { "alias": "disablePastSelection"; "required": false; }; "lowerLimitDate": { "alias": "lowerLimitDate"; "required": false; }; "availability": { "alias": "availability"; "required": false; }; "availableDates": { "alias": "availableDates"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dateDisplayFormat": { "alias": "dateDisplayFormat"; "required": false; }; "timeDisplayFormat": { "alias": "timeDisplayFormat"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "times": { "alias": "times"; "required": false; }; "open": { "alias": "open"; "required": false; }; "selectedMonth": { "alias": "selectedMonth"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedTime": { "alias": "selectedTime"; "required": false; }; "ariaLabelPreviousMonth": { "alias": "ariaLabelPreviousMonth"; "required": false; }; "ariaLabelNextMonth": { "alias": "ariaLabelNextMonth"; "required": false; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; }; "lowerLimitDays": { "alias": "lowerLimitDays"; "required": false; }; }, { "selectedDateChange": "selectedDateChange"; "selectedMonthChange": "selectedMonthChange"; "openChange": "openChange"; "focusOnNextChange": "focusOnNextChange"; "focusOnPreviousChange": "focusOnPreviousChange"; }, never, ["*"], false, never>;
|
|
289
295
|
}
|
|
@@ -19,9 +19,10 @@ export declare class CalendarService {
|
|
|
19
19
|
getCurrentMonth(date?: UtcDate): UtcDate;
|
|
20
20
|
getMonthsSelectOptions(disablePastSelection: boolean, maxMonthIndex: number, monthNames: Array<string>): Array<SelectOptionModel>;
|
|
21
21
|
getSelectedMonth(months: Array<SelectOptionModel>, currentMonth: UtcDate): SelectOptionModel;
|
|
22
|
-
getAvailableDays(currentMonth: UtcDate, availableDates: Array<UtcDate>, availability: boolean, disablePastSelection: boolean, lowerLimitDate: UtcDate, activeDate: UtcDate, selectedDate: UtcDate): Array<DayModel>;
|
|
22
|
+
getAvailableDays(currentMonth: UtcDate, availableDates: Array<UtcDate>, availability: boolean, disablePastSelection: boolean, lowerLimitDate: UtcDate, activeDate: UtcDate, selectedDate: UtcDate, lowerLimitDays?: number): Array<DayModel>;
|
|
23
23
|
private isAvailable;
|
|
24
24
|
private getMonday;
|
|
25
|
+
private getActiveLowerLimitedDate;
|
|
25
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<CalendarService, never>;
|
|
26
27
|
static ɵprov: i0.ɵɵInjectableDeclaration<CalendarService>;
|
|
27
28
|
}
|
|
@@ -166,6 +166,16 @@ export declare class ToggleComponent extends NasComponentBase implements OnInit
|
|
|
166
166
|
* <nas-toggle scrollable></nas-toggle>
|
|
167
167
|
*/
|
|
168
168
|
scrollable: boolean;
|
|
169
|
+
/**
|
|
170
|
+
* @property Input
|
|
171
|
+
* @description
|
|
172
|
+
* Controls whether '--light' suffix is toggled on icons based on selection state.
|
|
173
|
+
* @example
|
|
174
|
+
* <nas-toggle toggleIconLight></nas-toggle>
|
|
175
|
+
* or
|
|
176
|
+
* <nas-toggle [toggleIconLight]="true"></nas-toggle>
|
|
177
|
+
*/
|
|
178
|
+
toggleIconLight?: boolean;
|
|
169
179
|
iconType: string;
|
|
170
180
|
isRounded: boolean;
|
|
171
181
|
constructor();
|
|
@@ -173,7 +183,8 @@ export declare class ToggleComponent extends NasComponentBase implements OnInit
|
|
|
173
183
|
getOptionId(option: OptionModel): string;
|
|
174
184
|
onChange(option: OptionModel): void;
|
|
175
185
|
mainClasses(): import("@norwegian/core-components").ClassModel;
|
|
186
|
+
getIconName(option: OptionModel): string;
|
|
176
187
|
onClickHref(event: MouseEvent, option: OptionModel): void;
|
|
177
188
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
|
|
178
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "nas-toggle", never, { "options": { "alias": "options"; "required": false; }; "large": { "alias": "large"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "small": { "alias": "small"; "required": false; }; "big": { "alias": "big"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "label": { "alias": "label"; "required": false; }; "light": { "alias": "light"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "group": { "alias": "group"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; }, { "handleChange": "handleChange"; }, never, never, false, never>;
|
|
189
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "nas-toggle", never, { "options": { "alias": "options"; "required": false; }; "large": { "alias": "large"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "small": { "alias": "small"; "required": false; }; "big": { "alias": "big"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "label": { "alias": "label"; "required": false; }; "light": { "alias": "light"; "required": false; }; "tab": { "alias": "tab"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "grouped": { "alias": "grouped"; "required": false; }; "group": { "alias": "group"; "required": false; }; "nasFormControlName": { "alias": "nasFormControlName"; "required": false; }; "nasFormGroup": { "alias": "nasFormGroup"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "toggleIconLight": { "alias": "toggleIconLight"; "required": false; }; }, { "handleChange": "handleChange"; }, never, never, false, never>;
|
|
179
190
|
}
|