@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.
Files changed (32) hide show
  1. package/assets/icons/large/illustration-airplane.svg +38 -0
  2. package/assets/icons/medium/bizum.svg +28 -0
  3. package/assets/icons/medium/ideal-wero.svg +196 -0
  4. package/assets/icons/medium/norwegian-compact.svg +4 -0
  5. package/assets/icons/small/bizum.svg +28 -0
  6. package/assets/icons/small/grid--disabled.svg +11 -0
  7. package/assets/icons/small/grid--light.svg +11 -0
  8. package/assets/icons/small/grid.svg +11 -0
  9. package/assets/icons/small/ideal-wero.svg +196 -0
  10. package/assets/icons/small/list--disabled.svg +8 -0
  11. package/assets/icons/small/list--light.svg +8 -0
  12. package/assets/icons/small/list.svg +8 -0
  13. package/assets/icons/small/norwegian-compact.svg +4 -0
  14. package/assets/icons/small/world.svg +10 -0
  15. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +20 -5
  16. package/esm2022/lib/components/datepicker/calendar/calendar.component.mjs +6 -4
  17. package/esm2022/lib/components/datepicker/datepicker.component.mjs +11 -3
  18. package/esm2022/lib/components/datepicker/services/calendar.service.mjs +13 -4
  19. package/esm2022/lib/components/datepicker-combo/datepicker-combo.component.mjs +3 -3
  20. package/esm2022/lib/components/icon/icon.component.mjs +2 -2
  21. package/esm2022/lib/components/premium-toggle/premium-toggle.component.mjs +1 -1
  22. package/esm2022/lib/components/toggle/models/options.model.mjs +4 -1
  23. package/esm2022/lib/components/toggle/toggle.component.mjs +13 -3
  24. package/fesm2022/norwegian-core-components.mjs +63 -19
  25. package/fesm2022/norwegian-core-components.mjs.map +1 -1
  26. package/lib/components/autocomplete/autocomplete.component.d.ts +20 -1
  27. package/lib/components/datepicker/calendar/calendar.component.d.ts +2 -1
  28. package/lib/components/datepicker/datepicker.component.d.ts +7 -1
  29. package/lib/components/datepicker/services/calendar.service.d.ts +2 -1
  30. package/lib/components/toggle/models/options.model.d.ts +2 -1
  31. package/lib/components/toggle/toggle.component.d.ts +12 -1
  32. 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
  }
@@ -1,7 +1,8 @@
1
1
  export declare class OptionModel {
2
2
  name: string;
3
3
  value: string;
4
- text: string;
4
+ text?: string;
5
5
  icon?: string;
6
6
  href?: string;
7
+ title?: string;
7
8
  }
@@ -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
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@norwegian/core-components",
3
- "version": "7.20.1",
3
+ "version": "7.21.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=16.0.0 < 22.0.0",
6
6
  "@angular/core": ">=16.0.0 < 22.0.0"