@norwegian/core-components 7.16.6 → 7.17.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/documentation/select-new/select-new.md +0 -0
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/components/page-header/page-header.component.mjs +2 -2
- package/esm2022/lib/components/select/select.component.mjs +2 -2
- package/esm2022/lib/components/select-new/index.mjs +5 -0
- package/esm2022/lib/components/select-new/models/select-option.model.mjs +2 -0
- package/esm2022/lib/components/select-new/optgroup/optgroup-new.component.mjs +23 -0
- package/esm2022/lib/components/select-new/option/option-new.component.mjs +41 -0
- package/esm2022/lib/components/select-new/select-new.component.mjs +271 -0
- package/esm2022/lib/components/select-new/select-new.module.mjs +26 -0
- package/esm2022/lib/components/select-new/services/select-new.service.mjs +40 -0
- package/fesm2022/norwegian-core-components.mjs +767 -403
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/select/select.component.d.ts +1 -1
- package/lib/components/select-new/index.d.ts +4 -0
- package/lib/components/select-new/models/select-option.model.d.ts +6 -0
- package/lib/components/select-new/optgroup/optgroup-new.component.d.ts +8 -0
- package/lib/components/select-new/option/option-new.component.d.ts +16 -0
- package/lib/components/select-new/select-new.component.d.ts +173 -0
- package/lib/components/select-new/select-new.module.d.ts +14 -0
- package/lib/components/select-new/services/select-new.service.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1121,7 +1121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1121
1121
|
* @license
|
|
1122
1122
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
1123
1123
|
*/
|
|
1124
|
-
let nextId$
|
|
1124
|
+
let nextId$i = 0;
|
|
1125
1125
|
/**
|
|
1126
1126
|
* @description
|
|
1127
1127
|
* Norwegian Button Component | Buttons and Indicators | New design
|
|
@@ -1203,7 +1203,7 @@ class ButtonComponent extends NasComponentBase {
|
|
|
1203
1203
|
this.focusOnNext = new EventEmitter();
|
|
1204
1204
|
this.trackingEventSource = new Subject();
|
|
1205
1205
|
this.trackingEvent$ = this.trackingEventSource.asObservable();
|
|
1206
|
-
this.componentId = nextId$
|
|
1206
|
+
this.componentId = nextId$i++;
|
|
1207
1207
|
}
|
|
1208
1208
|
getClasses(element, modifiers) {
|
|
1209
1209
|
const classes = new Array();
|
|
@@ -1305,7 +1305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1305
1305
|
* @license
|
|
1306
1306
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
1307
1307
|
*/
|
|
1308
|
-
let nextId$
|
|
1308
|
+
let nextId$h = 0;
|
|
1309
1309
|
class AirportSelectDropdownComponent extends NasComponentBase {
|
|
1310
1310
|
get closestAirports() {
|
|
1311
1311
|
return this.closestAirportsValue;
|
|
@@ -1401,7 +1401,7 @@ class AirportSelectDropdownComponent extends NasComponentBase {
|
|
|
1401
1401
|
this.focusOnPrevious = new EventEmitter();
|
|
1402
1402
|
this.positionChange = new EventEmitter();
|
|
1403
1403
|
this.clearedSelection = new EventEmitter();
|
|
1404
|
-
this.componentId = nextId$
|
|
1404
|
+
this.componentId = nextId$h++;
|
|
1405
1405
|
}
|
|
1406
1406
|
ngOnInit() {
|
|
1407
1407
|
if (!this.ariaLabelClear) {
|
|
@@ -2525,7 +2525,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2525
2525
|
}]
|
|
2526
2526
|
}] });
|
|
2527
2527
|
|
|
2528
|
-
let nextId$
|
|
2528
|
+
let nextId$g = 0;
|
|
2529
2529
|
/**
|
|
2530
2530
|
* @description
|
|
2531
2531
|
* Norwegian Checkbox Component | Form Controls | New design
|
|
@@ -2589,7 +2589,7 @@ class CheckboxComponent extends NasComponentBase {
|
|
|
2589
2589
|
this.checkedChange = new EventEmitter();
|
|
2590
2590
|
this.focusOnPrevious = new EventEmitter();
|
|
2591
2591
|
this.focusOnNext = new EventEmitter();
|
|
2592
|
-
this.componentId = nextId$
|
|
2592
|
+
this.componentId = nextId$g++;
|
|
2593
2593
|
}
|
|
2594
2594
|
ngOnInit() {
|
|
2595
2595
|
if (this.nasFormGroup && this.nasFormControlName) {
|
|
@@ -2768,7 +2768,7 @@ function Debounce(delay = 300) {
|
|
|
2768
2768
|
};
|
|
2769
2769
|
}
|
|
2770
2770
|
|
|
2771
|
-
let nextId$
|
|
2771
|
+
let nextId$f = 0;
|
|
2772
2772
|
/**
|
|
2773
2773
|
* @description
|
|
2774
2774
|
* Norwegian continue Component | Layout
|
|
@@ -2856,7 +2856,7 @@ class ContinueComponent extends NasComponentBase {
|
|
|
2856
2856
|
this.scrolledPast = false;
|
|
2857
2857
|
this.contentHeight = 0;
|
|
2858
2858
|
this.animateUp = false;
|
|
2859
|
-
this.componentId = nextId$
|
|
2859
|
+
this.componentId = nextId$f++;
|
|
2860
2860
|
this.updateHeight = this.updateHeight.bind(this);
|
|
2861
2861
|
this.checkPosition = this.checkPosition.bind(this);
|
|
2862
2862
|
this.onScroll = this.onScroll.bind(this);
|
|
@@ -3050,7 +3050,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3050
3050
|
}]
|
|
3051
3051
|
}] });
|
|
3052
3052
|
|
|
3053
|
-
let nextId$
|
|
3053
|
+
let nextId$e = 0;
|
|
3054
3054
|
/**
|
|
3055
3055
|
* @description
|
|
3056
3056
|
* Norwegian Dropdown Component | Form Controls
|
|
@@ -3078,7 +3078,7 @@ class DropdownComponent extends NasComponentBase {
|
|
|
3078
3078
|
* An event that is fired every time the dropdown is toggled.
|
|
3079
3079
|
*/
|
|
3080
3080
|
this.openChange = new EventEmitter();
|
|
3081
|
-
this.componentId = nextId$
|
|
3081
|
+
this.componentId = nextId$e++;
|
|
3082
3082
|
}
|
|
3083
3083
|
ngOnInit() {
|
|
3084
3084
|
if (!this.ariaLabelBackdrop) {
|
|
@@ -3218,7 +3218,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3218
3218
|
* @license
|
|
3219
3219
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
3220
3220
|
*/
|
|
3221
|
-
let nextId$
|
|
3221
|
+
let nextId$d = 0;
|
|
3222
3222
|
/**
|
|
3223
3223
|
* @description
|
|
3224
3224
|
* Norwegian Number field Component | Form Controls | New design
|
|
@@ -3256,7 +3256,7 @@ class NumberFieldComponent extends NasComponentBase {
|
|
|
3256
3256
|
*/
|
|
3257
3257
|
this.numberChange = new EventEmitter();
|
|
3258
3258
|
this.numberValue = 0;
|
|
3259
|
-
this.componentId = nextId$
|
|
3259
|
+
this.componentId = nextId$d++;
|
|
3260
3260
|
}
|
|
3261
3261
|
ngOnInit() {
|
|
3262
3262
|
if (!this.ariaLabelAdd) {
|
|
@@ -4198,10 +4198,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4198
4198
|
type: Input
|
|
4199
4199
|
}] } });
|
|
4200
4200
|
|
|
4201
|
-
let nextId$
|
|
4201
|
+
let nextId$c = 0;
|
|
4202
4202
|
/**
|
|
4203
4203
|
* @description
|
|
4204
|
-
* Norwegian Select Component | Form Controls |
|
|
4204
|
+
* Norwegian Select Component | Form Controls | Deprecated
|
|
4205
4205
|
*/
|
|
4206
4206
|
class SelectComponent extends NasComponentBase {
|
|
4207
4207
|
/**
|
|
@@ -4263,7 +4263,7 @@ class SelectComponent extends NasComponentBase {
|
|
|
4263
4263
|
*/
|
|
4264
4264
|
this.keyDownEvent = new EventEmitter();
|
|
4265
4265
|
this.open = false;
|
|
4266
|
-
this.componentId = nextId$
|
|
4266
|
+
this.componentId = nextId$c++;
|
|
4267
4267
|
}
|
|
4268
4268
|
onKeydown(e) {
|
|
4269
4269
|
this.lastWasTab = e.key === 'Tab';
|
|
@@ -4589,7 +4589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4589
4589
|
args: ['document:keydown', ['$event']]
|
|
4590
4590
|
}], setSelectedAndEmitChange: [] } });
|
|
4591
4591
|
|
|
4592
|
-
let nextId$
|
|
4592
|
+
let nextId$b = 0;
|
|
4593
4593
|
class CalendarComponent extends NasComponentBase {
|
|
4594
4594
|
/**
|
|
4595
4595
|
* @description
|
|
@@ -4787,7 +4787,7 @@ class CalendarComponent extends NasComponentBase {
|
|
|
4787
4787
|
this.maxMonthIndex = 13;
|
|
4788
4788
|
this.monthNames = new Array();
|
|
4789
4789
|
this.shouldFocusCalendarOnAvailableDatesUpdate = false;
|
|
4790
|
-
this.componentId = nextId$
|
|
4790
|
+
this.componentId = nextId$b++;
|
|
4791
4791
|
}
|
|
4792
4792
|
ngOnInit() {
|
|
4793
4793
|
if (!this.ariaLabelPreviousMonth) {
|
|
@@ -5182,7 +5182,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5182
5182
|
type: Output
|
|
5183
5183
|
}], onPreviousMonthKeydown: [], onNextMonthKeydown: [], onNextMonthMousedown: [], onPreviousMonthMousedown: [] } });
|
|
5184
5184
|
|
|
5185
|
-
let nextId$
|
|
5185
|
+
let nextId$a = 0;
|
|
5186
5186
|
/**
|
|
5187
5187
|
* @description
|
|
5188
5188
|
* Norwegian Date Picker Component | Functional | New design
|
|
@@ -5455,7 +5455,7 @@ class DatepickerComponent extends NasComponentBase {
|
|
|
5455
5455
|
*/
|
|
5456
5456
|
this.focusOnPreviousChange = new EventEmitter();
|
|
5457
5457
|
this.forceNotOpenCalendar = false;
|
|
5458
|
-
this.componentId = nextId$
|
|
5458
|
+
this.componentId = nextId$a++;
|
|
5459
5459
|
}
|
|
5460
5460
|
ngOnInit() {
|
|
5461
5461
|
if (this.nasFormGroup && this.nasFormControlName) {
|
|
@@ -6191,7 +6191,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6191
6191
|
type: Output
|
|
6192
6192
|
}] } });
|
|
6193
6193
|
|
|
6194
|
-
let nextId$
|
|
6194
|
+
let nextId$9 = 0;
|
|
6195
6195
|
/**
|
|
6196
6196
|
* @license
|
|
6197
6197
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
@@ -6225,7 +6225,7 @@ class RadioComponent extends NasComponentBase {
|
|
|
6225
6225
|
* <nas-radio (checkedChange)="onCheckedChange($event)"></nas-radio>
|
|
6226
6226
|
*/
|
|
6227
6227
|
this.checkedChange = new EventEmitter();
|
|
6228
|
-
this.componentId = nextId$
|
|
6228
|
+
this.componentId = nextId$9++;
|
|
6229
6229
|
}
|
|
6230
6230
|
mainClass() {
|
|
6231
6231
|
return this.getClass('', [
|
|
@@ -6298,7 +6298,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
6298
6298
|
* @license
|
|
6299
6299
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
6300
6300
|
*/
|
|
6301
|
-
let nextId$
|
|
6301
|
+
let nextId$8 = 0;
|
|
6302
6302
|
/**
|
|
6303
6303
|
* @description
|
|
6304
6304
|
* Norwegian Filter Component | Functional | New design
|
|
@@ -6702,7 +6702,7 @@ class FilterComponent extends NasComponentBase {
|
|
|
6702
6702
|
this.inboundOpenValue = false;
|
|
6703
6703
|
this.passengersValue = new Array();
|
|
6704
6704
|
this.nativeElement = elementRef.nativeElement;
|
|
6705
|
-
this.componentId = nextId$
|
|
6705
|
+
this.componentId = nextId$8++;
|
|
6706
6706
|
}
|
|
6707
6707
|
ngOnInit() {
|
|
6708
6708
|
if (this.enableTripSwitch) {
|
|
@@ -8498,7 +8498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
8498
8498
|
* @license
|
|
8499
8499
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
8500
8500
|
*/
|
|
8501
|
-
let nextId$
|
|
8501
|
+
let nextId$7 = 0;
|
|
8502
8502
|
/**
|
|
8503
8503
|
* @description
|
|
8504
8504
|
* Norwegian Input Component | Form Controls | New design
|
|
@@ -8580,7 +8580,7 @@ class InputComponent extends NasComponentBase {
|
|
|
8580
8580
|
*/
|
|
8581
8581
|
this.line = true;
|
|
8582
8582
|
this.lastWasTab = false;
|
|
8583
|
-
this.componentId = nextId$
|
|
8583
|
+
this.componentId = nextId$7++;
|
|
8584
8584
|
}
|
|
8585
8585
|
onKeydown(e) {
|
|
8586
8586
|
this.lastWasTab = e.key === 'Tab';
|
|
@@ -9489,11 +9489,11 @@ class PageHeaderComponent extends NasComponentBase {
|
|
|
9489
9489
|
return this.exists(this.disableFrontPageUrl) ? 'disable-link' : 'branding';
|
|
9490
9490
|
}
|
|
9491
9491
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9492
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageHeaderComponent, selector: "nas-page-header", inputs: { menuText: "menuText", closeText: "closeText", searchText: "searchText", searchForm: "searchForm", displayProfile: "displayProfile", reward: "reward", disableFrontPageUrl: "disableFrontPageUrl", isAuthenticated: "isAuthenticated", frontPageUrl: "frontPageUrl", useRouterLink: "useRouterLink", nozindex: "nozindex", logOutLink: "logOutLink", profileLink: "profileLink", links: "links", walletModel: "walletModel" }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "menuElement", first: true, predicate: ["menu"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<header>\n <div [nasClass]=\"getClass('')\" [style.zIndex]=\"exists(nozindex) && '0'\">\n <div [nasClass]=\"getClass('content')\">\n <a [href]=\"redirectToUrl()\" [nasClass]=\"getClass(setBrandingCSSClass())\">\n <div tabindex=\"0\" [nasClass]=\"getClass('img-container')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRGVzaWduIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjggMTk4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzUuNzMsNjIuNDVjLTIyLjE3LDAtMzcuNjIsMTUuNDUtMzcuNjIsMzYuNTVzMTUuNDUsMzYuNTUsMzcuNjIsMzYuNTUsMzcuNjItMTUuMzIsMzcuNjItMzYuNTUtMTUuNDUtMzYuNTUtMzcuNjItMzYuNTVaTTE1Ny4zMiw5OWMwLTEwLjg4LDcuNjYtMTguOTUsMTguNDEtMTguOTVzMTguNDEsOC4wNiwxOC40MSwxOC45NS03LjY2LDE4Ljk1LTE4LjQxLDE4Ljk1LTE4LjQxLTguMDYtMTguNDEtMTguOTVaTTI0Mi43MSwxMzMuOTR2LTMxLjk4YzAtMTUuMDUsOC44Ny0yMC40MiwxOS44OS0yMS4yM3YtMTcuNzRjLTguMDYuMjctMTYuMTIsMy42My0yMC4yOSw5LjY3di04LjZoLTE4LjU0djY5Ljg3aDE4Ljk1Wk0zMzcuNiw2NC4wNmgtMjQuNzJjLTMuMzYsMjEuNS00LjU3LDI2LjItMTIuNjMsNTEuNi01Ljc4LTIzLjI1LTYuODUtMjkuNDMtOC44Ny01MS42aC0xOS4yMmMyLjU1LDI0LjcyLDcuMzksNDcuODQsMTQuNTEsNjkuODdoMjQuNDZjNy4yNi0yMC40MiwxMS40Mi0zNS4wNywxNC4xMS00OS44NSwyLjY5LDE0Ljc4LDYuODUsMjkuNDMsMTQuMTEsNDkuODVoMjQuNDZjNy4xMi0yMi4wNCwxMS45Ni00NS4xNSwxNC41MS02OS44N2gtMTkuMjJjLTIuMDIsMjIuMTctMy4wOSwyOC4zNS04Ljg3LDUxLjYtOC4wNi0yNS40LTkuMjctMzAuMS0xMi42My01MS42Wk00MjEuOTgsMTM1LjU1YzE2LjI2LDAsMjkuMDItOC4zMywzNS42MS0yMy4yNWgtMjIuMDRjLTMuMjMsNC4wMy03LjY2LDYuMDUtMTMuNDQsNi4wNS05LDAtMTUuNDUtNC45Ny0xNy42LTEyLjloNTQuNjl2LTUuMTFjMC0yMi4wNC0xNS4wNS0zNy44OS0zNy4wOS0zNy44OXMtMzcuMzYsMTUuMzItMzcuMzYsMzYuNTUsMTUuNDUsMzYuNTUsMzcuMjIsMzYuNTVaTTQwNC45Miw5MS4zNGMyLjU1LTcuMTIsOC42LTExLjY5LDE3LjMzLTExLjY5czE0LjM4LDQuNDMsMTYuOCwxMS42OWgtMzQuMTNaTTUwNC45NSwxNTkuNzRjMjAuNTYsMCwzMy4wNi0xMi42MywzMy4wNi0zMy4xOXYtNjIuNDhoLTE4LjU0djYuNThjLTMuNzYtNC45Ny0xMS4yOS04LjItMTkuMjItOC4yLTE4LjU0LDAtMzIuMjUsMTQuNjUtMzIuMjUsMzQuMjdzMTMuODQsMzQuMjcsMzIuMjUsMzQuMjdjNy42NiwwLDE1LjA1LTMuMDksMTguODEtNy43OXYyLjgyYzAsMTAuMzUtNS4xMSwxNi4yNi0xNC4yNCwxNi4yNi01Ljc4LDAtMTAuMzUtMi40Mi0xMS45Ni02LjMyaC0yMi4zMWMzLjYzLDE0LjUxLDE2LjkzLDIzLjc4LDM0LjQsMjMuNzhaTTUwMy42MSwxMTMuMzhjLTkuNjcsMC0xNi4zOS02LjcyLTE2LjM5LTE2LjY2czYuNTgtMTYuNjYsMTYuMzktMTYuNjYsMTYuNTMsNi44NSwxNi41MywxNi42Ni02LjcyLDE2LjY2LTE2LjUzLDE2LjY2Wk01ODUuODQsODUuNDNoMjAuOTZjMS40OC00LjAzLDUuMjQtNi4zMiwxMC40OC02LjMyLDUuNTEsMCw4Ljg3LDIuNDIsOC44Nyw2LjE4LDAsMy4wOS0yLjI4LDQuODQtNi45OSw1LjM4bC0xMS4wMiwxLjM0Yy0xNS45OSwxLjg4LTI0LjA1LDktMjQuMDUsMjEuMzcsMCwxMy4zLDkuNTQsMjIuMTcsMjQuMTksMjIuMTcsNy43OSwwLDE0LjY1LTMuMjIsMTguMjgtOC40N3Y2Ljg1aDE4LjU0di00Ni4wOWMwLTE2LjM5LTkuODEtMjUuNC0yNy45NS0yNS40LTE2LjEzLDAtMjcuMDEsOC4wNi0zMS4zMSwyMi45OFpNNjAzLjA0LDExMS45YzAtMy42MywyLjQyLTUuNzgsOC4yLTYuNThsNy43OS0xLjA4YzIuNjktLjQsNC45Ny0uOTQsNy4xMi0xLjQ4djEuNjFjMCw4Ljg3LTUuMTEsMTQuMzgtMTMuODQsMTQuMzgtNS41MSwwLTkuMjctMi42OS05LjI3LTYuODVaTTY1OS4zLDEzMy45NGgxOC45NXYtMzguM2MwLTkuODEsNS4yNC0xNS41OSwxMy44NC0xNS41OXMxMi42Myw1LjM4LDEyLjYzLDE1LjMydjM4LjU3aDE4Ljk1di00MS43OWMwLTE4LjE0LTEwLjQ4LTI5LjctMjcuMTQtMjkuNy04LjIsMC0xNC43OCwyLjk2LTE4LjY4LDguNDd2LTYuODVoLTE4LjU0djY5Ljg3Wk01NTAuMzMsNDcuNGMwLTcuMTIsNS4yNC0xMS45NiwxMS45Ni0xMS45NnMxMS45Niw0Ljg0LDExLjk2LDExLjk2LTUuMjQsMTEuOTYtMTEuOTYsMTEuOTYtMTEuOTYtNC44NC0xMS45Ni0xMS45NlpNNTcxLjcsNjQuMDZ2NjkuODdoLTE4Ljk1di02OS44N2gxOC45NVpNNjQsMTMzLjk0aDE4Ljk1di0zOC4zYzAtOS44MSw1LjI0LTE1LjU5LDEzLjg0LTE1LjU5czEyLjYzLDUuMzgsMTIuNjMsMTUuMzJ2MzguNTdoMTguOTV2LTQxLjc5YzAtMTguMTQtMTAuNDgtMjkuNy0yNy4xNC0yOS43LTguMiwwLTE0Ljc4LDIuOTYtMTguNjgsOC40N3YtNi44NWgtMTguNTR2NjkuODdaTTg2Mi43OSw2Mi44NWMtMi4xNCw0LjczLTYuODksMTAuMzEtMTQuMTIsMTYuNTlsLTE1LjYxLDEzLjU3LS4xNy4xNSwxOS40NCwzNC4zMWMuNzEsMS4yNS41MSwyLjg0LS40OSwzLjg3bC0yLjg1LDIuOTctMzEuMTctMjAuNyw2LjcxLTkuOTctMi4xLTEuMzktMTUuMDUsMTMuMDhjLTE1LjQzLDEzLjM3LTMyLjc1LDIxLjA5LTQ1LjIxLDIwLjE1LTUuMDQtLjM4LTguOTMtMi4xNC0xMS41Ny01LjIzLTcuMzUtOC41MS0zLjA2LTI1LjQxLDEwLjY4LTQyLjA5bDEuNjEsMS4wN2MtNy4yNywxMC4wOC05LjE4LDE5Ljc0LTQuODUsMjQuNjYsMS43MSwxLjk5LDQuMTMsMy4xMiw3LjIxLDMuMzUsNy42My41OCwxOC40LTQuNDMsMjguODEtMTMuMzlsMy44OC0zLjQ1LTQ3LjktMzEuOCwzLjAxLTIuNjFjMi4xMi0xLjg0LDUuMDktMi40Myw3Ljc2LTEuNTRsNjYuNjMsMjIuMjcsMi40OC0yLjE1Yy00Ljk2LTMuMzQtOS41My05LjM2LTguMDMtMTQuODJsMTAuOTQtOS41MWMzLjQzLTIuOTgsNy40LTUuMTMsMTEuODEtNi40LDQuNi0xLjMyLDguNTEtMS4zNSwxMC45OS0xLjE1LDMuNTIuMyw2LjQ2LDEuMyw3LjUsMi41NS42LjczLDEuNzgsMi45NC0uMzQsNy42WiIvPgo8L3N2Zz4=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'large')\" />\n <img *ngIf=\"reward\"\n src=\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='1024' height='768'%3e%3cg transform='matrix(5.496511 0 0 5.496511 2121.6533 -1156.9468)'%3e%3cg%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-376.9 295.6L-377 295.5C -377.3 294.9 -377.3 294 -377.3 293.5C -377.4 291.6 -377.59998 290.3 -379.3 290.3L-379.3 290.3L-379.5 290.3L-383.7 290.3L-383.7 295.59998L-385.30002 295.59998L-385.30002 283.19998L-379.50003 283.19998C -377.10004 283.19998 -375.60004 284.49997 -375.60004 286.49997C -375.60004 287.89996 -376.20004 288.89996 -377.30005 289.49997C -376.20004 289.99997 -375.90005 291.09998 -375.80005 292.19998C -375.80005 292.4 -375.80005 292.59998 -375.70004 292.9C -375.60004 293.69998 -375.60004 294.8 -375.20004 295.19998L-375.20004 295.19998L-374.90005 295.59998L-376.9 295.59998L-376.9 295.6zM-379.6 289C -378.4 289 -377.2 288.3 -377.2 286.9C -377.2 285.5 -378 284.8 -379.6 284.8L-379.6 284.8L-383.6 284.8L-383.6 289L-379.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-379.5 283.5C -377.5 283.5 -375.9 284.5 -375.9 286.6C -375.9 288.1 -376.69998 289.30002 -378.19998 289.6C -376.59998 289.80002 -376.19998 290.9 -376.09998 292.30002C -375.99997 293.1 -375.99997 294.80002 -375.49997 295.40002L-375.49997 295.40002L-376.79996 295.40002C -377.09995 294.90002 -377.09995 294.00003 -377.09995 293.50003C -377.19995 291.80002 -377.29996 290.10004 -379.29996 290.10004C -379.39996 290.10004 -379.39996 290.10004 -379.49997 290.10004L-379.49997 290.10004L-383.89996 290.10004L-383.89996 295.40002L-384.99997 295.40002L-384.99997 283.50003L-379.5 283.50003L-379.5 283.5zM-383.9 289.2L-379.6 289.2C -378.2 289.2 -377 288.30002 -377 286.90002C -377 285.40002 -377.9 284.50003 -379.6 284.50003L-379.6 284.50003L-383.9 284.50003L-383.9 289.2zM-379.5 283L-385 283L-385.5 283L-385.5 283.5L-385.5 295.4L-385.5 295.9L-385 295.9L-383.9 295.9L-383.4 295.9L-383.4 295.4L-383.4 290.6L-379.5 290.6C -379.4 290.6 -379.4 290.6 -379.3 290.6C -377.9 290.6 -377.69998 291.5 -377.59998 293.5C -377.59998 294.2 -377.59998 295.1 -377.19998 295.6L-377.19998 295.6L-377.09998 295.80002L-376.8 295.80002L-375.5 295.80002L-374.4 295.80002L-375.1 295.00003C -375.4 294.70004 -375.5 293.50003 -375.5 292.80002C -375.5 292.50003 -375.5 292.30002 -375.6 292.1C -375.7 291.1 -375.9 290 -376.80002 289.4C -375.90002 288.8 -375.40002 287.69998 -375.40002 286.4C -375.4 284.4 -377 283 -379.5 283zM-383.4 285L-379.6 285C -378.2 285 -377.5 285.6 -377.5 286.9C -377.5 288.1 -378.6 288.69998 -379.6 288.69998L-379.6 288.69998L-383.4 288.69998L-383.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-368.9 295.8L-368.9 283.3L-360.1 283.3L-360.1 284.8L-367.3 284.8L-367.3 288.5L-360.5 288.5L-360.5 290L-367.3 290L-367.3 294.3L-360 294.3L-360 295.8L-368.9 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.4 283.5L-360.4 284.5L-367.5 284.5L-367.5 288.8L-360.8 288.8L-360.8 289.8L-367.5 289.8L-367.5 294.5L-360.3 294.5L-360.3 295.5L-368.59998 295.5L-368.59998 283.5L-360.4 283.5zM-368.6 283.5L-368.7 283.5L-368.6 283.5zM-359.9 283L-360.4 283L-368.6 283L-368.7 283L-369.1 283L-369.1 283.5L-369.1 295.5L-369.1 296L-368.6 296L-360.30002 296L-359.80002 296L-359.80002 295.5L-359.80002 294.5L-359.80002 294L-360.30002 294L-367.00003 294L-367.00003 290.3L-360.80002 290.3L-360.30002 290.3L-360.30002 289.8L-360.30002 288.8L-360.30002 288.3L-360.80002 288.3L-367.00003 288.3L-367.00003 285L-360.40002 285L-359.90002 285L-359.90002 284.5L-359.90002 283.5L-359.90002 283L-359.9 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-344.6 295.8L-347.4 285.7L-350.2 295.8L-351.8 295.8L-355.2 283.3L-353.5 283.3L-351 293L-348.2 283.3L-346.4 283.3L-343.7 293L-341.2 283.3L-339.6 283.3L-343 295.8L-344.6 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-339.9 283.5L-343.19998 295.5L-344.4 295.5L-347.4 284.8L-350.4 295.5L-351.6 295.5L-354.9 283.5L-353.69998 283.5L-350.99997 294L-347.99997 283.5L-346.59998 283.5L-343.69998 294L-340.99997 283.5L-339.9 283.5zM-339.2 283L-339.90002 283L-341.00003\n 283L-341.40002 283L-341.50003 283.4L-343.70004 292.1L-346.10004 283.4L-346.20004 283L-346.60004 283L-348.00003 283L-348.40002 283L-348.50003 283.4L-351.00003 292.1L-353.20004 283.4L-353.30005 283L-353.70004 283L-354.90005 283L-355.60007 283L-355.40005 283.6L-352.10007 295.6L-352.00006 296L-351.60007 296L-350.40005 296L-350.00006 296L-349.90005 295.6L-347.40005 286.6L-344.90005 295.6L-344.80005 296L-344.40005 296L-343.20004 296L-342.80005 296L-342.70004 295.6L-339.40005 283.6L-339.2 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-325.6 295.8L-327.1 292.09998L-332.2 292.09998L-333.6 295.8L-335.4 295.8L-330.4 283.3L-328.8 283.3L-323.9 295.8L-325.6 295.8zM-327.7 290.5L-329.6 285.3L-331.6 290.5L-327.7 290.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-328.9 283.5L-324.19998 295.5L-325.4 295.5L-326.9 291.8L-332.3 291.8L-333.69998 295.5L-334.99997 295.5L-330.19998 283.5L-328.9 283.5zM-332 290.8L-327.3 290.8L-329.59998 284.69998L-332 290.8zM-328.6 283L-328.9 283L-330.19998 283L-330.49997 283L-330.59998 283.3L-335.39996 295.3L-335.69995 296L-334.99994 296L-333.69995 296L-333.39996 296L-333.29996 295.7L-331.99997 292.30002L-327.29996 292.30002L-325.89996 295.7L-325.79996 296L-325.49997 296L-324.29996 296L-323.59995 296L-323.89993 295.3L-328.59995 283.3L-328.6 283zM-331.3 290.3L-329.59998 286.09998L-327.99997 290.3L-331.3 290.3z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-310 295.6L-310.1 295.5C -310.4 294.9 -310.4 294 -310.4 293.5C -310.5 291.6 -310.69998 290.3 -312.4 290.3L-312.4 290.3L-312.6 290.3L-316.7 290.3L-316.7 295.59998L-318.30002 295.59998L-318.30002 283.19998L-312.7 283.19998C -310.30002 283.19998 -308.80002 284.49997 -308.80002 286.49997C -308.80002 287.89996 -309.40002 288.89996 -310.50003 289.49997C -309.40002 289.99997 -309.10004 291.09998 -309.00003 292.19998C -309.00003 292.4 -309.00003 292.59998 -308.90002 292.9C -308.80002 293.69998 -308.80002 294.8 -308.40002 295.19998L-308.40002 295.19998L-308.10004 295.59998L-310 295.59998L-310 295.6zM-312.6 289C -311.4 289 -310.2 288.3 -310.2 286.9C -310.2 285.5 -311 284.8 -312.6 284.8L-312.6 284.8L-316.6 284.8L-316.6 289L-312.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-312.6 283.5C -310.6 283.5 -309 284.5 -309 286.6C -309 288.1 -309.8 289.30002 -311.3 289.6C -309.69998 289.80002 -309.3 290.9 -309.19998 292.30002C -309.09998 293.1 -309.09998 294.80002 -308.59998 295.40002L-308.59998 295.40002L-309.89996 295.40002C -310.19995 294.90002 -310.19995 294.00003 -310.19995 293.50003C -310.29996 291.80002 -310.39996 290.10004 -312.39996 290.10004C -312.49997 290.10004 -312.49997 290.10004 -312.59998 290.10004L-312.59998 290.10004L-316.89996 290.10004L-316.89996 295.40002L-317.99997 295.40002L-317.99997 283.50003L-312.6 283.50003L-312.6 283.5zM-316.9 289.2L-312.6 289.2C -311.2 289.2 -310 288.30002 -310 286.90002C -310 285.40002 -310.9 284.50003 -312.6 284.50003L-312.6 284.50003L-316.9 284.50003L-316.9 289.2zM-318 283.5L-318.1 283.5L-318 283.5zM-312.6 283L-318 283L-318.1 283L-318.5 283L-318.5 283.5L-318.5 295.4L-318.5 295.9L-318 295.9L-316.9 295.9L-316.4 295.9L-316.4 295.4L-316.4 290.6L-312.6 290.6C -312.5 290.6 -312.5 290.6 -312.4 290.6C -311 290.6 -310.8 291.5 -310.69998 293.5C -310.69998 294.2 -310.69998 295.1 -310.3 295.6L-310.3 295.6L-310.19998 295.80002L-309.9 295.80002L-308.6 295.80002L-307.5 295.80002L-308.2 295.00003C -308.5 294.70004 -308.6 293.50003 -308.6 292.80002C -308.6 292.50003 -308.6 292.30002 -308.7 292.1C -308.80002 291.1 -309 290 -309.90002 289.4C -309.00003 288.8 -308.50003 287.69998 -308.50003 286.4C -308.5 284.4 -310.1 283 -312.6 283zM-316.4 285L-312.6 285C -311.2 285 -310.5 285.6 -310.5 286.9C -310.5 288.1 -311.6 288.69998 -312.6 288.69998L-312.6 288.69998L-316.4 288.69998L-316.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-302 295.8L-302 283.3L-297.7 283.3C -293.90002 283.4 -291.90002 285.59998 -291.90002 289.59998C -291.90002 293.59998 -293.90002 295.69998 -297.60004 295.89996L-297.60004 295.89996L-302 295.89996L-302 295.8zM-298.3 294.3C -295 294.3 -293.69998 293 -293.69998 289.5C -293.69998 286 -294.99997 284.7 -298.3 284.7L-298.3 284.7L-300.5 284.7L-300.5 294.2L-298.3 294.2z' stroke='none' fill='%23FFFFFF'\n fill-rule='nonzero' /%3e%3cpath d='M-297.7 283.5C -294.1 283.6 -292.2 285.6 -292.2 289.5C -292.2 293.4 -294.1 295.4 -297.7 295.5L-297.7 295.5L-301.80002 295.5L-301.80002 283.5L-297.7 283.5zM-300.7 294.5L-298.30002 294.5C -294.90002 294.5 -293.40002 293.1 -293.40002 289.5C -293.40002 285.9 -294.90002 284.5 -298.30002 284.5L-298.30002 284.5L-300.7 284.5L-300.7 294.5zM-297.7 283L-301.80002 283L-302.30002 283L-302.30002 283.5L-302.30002 295.5L-302.30002 296L-301.80002 296L-297.7 296C -293.80002 295.9 -291.7 293.6 -291.7 289.5C -291.7 285.4 -293.8 283.1 -297.7 283zM-300.2 285L-298.30002 285C -295.1 285 -293.90002 286.2 -293.90002 289.5C -293.90002 292.8 -295.10004 294 -298.30002 294L-298.30002 294L-300.2 294L-300.2 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-386 264.4L-380.8 264.4L-380.8 265.8C -378.3 263.59998 -375 263.5 -372.9 264.8C -370.6 266.19998 -370.6 268.4 -370.6 270.8L-370.6 270.8L-370.6 278L-375.80002 278L-375.80002 272.2C -375.80002 270.90002 -375.7 269.2 -377.00003 268.30002C -377.60004 268.00003 -378.90002 268.00003 -379.60004 268.50003C -380.90002 269.50003 -380.80005 270.60004 -380.80005 272.50003L-380.80005 272.50003L-380.80005 278.00003L-386.00006 278.00003L-386.00006 264.4L-386 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.1 267.6C -359.30002 267.4 -358 267.6 -357.2 268.5C -356.40002 269.4 -356.1 270.6 -356.30002 271.6C -356.40002 272.6 -357.00003 273.6 -358.00003 274.2C -358.90002 274.7 -360.20004 274.7 -361.20004 274C -362.00003 273.4 -362.50003 272.4 -362.60004 271.4C -362.60004 270.5 -362.50003 269.3 -361.50003 268.3C -360.9 267.9 -360.5 267.7 -360.1 267.6zM-364.2 265C -366.40002 266.2 -367.5 268 -367.7 270.3C -367.90002 272.09998 -367.5 274.3 -366 275.9C -363.3 278.69998 -358.5 278.8 -355.8 277.9C -353.59998 277.1 -351.69998 275.9 -350.9 273C -350.4 271.1 -350.6 269.1 -351.9 267.3C -354.1 264 -358.69998 263.69998 -360.6 264C -361.7 264.1 -363.1 264.4 -364.2 265z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-324 270.7C -324 271 -324.1 271.2 -324.4 272.1L-324.4 272.1L-326.3 278.1L-331.59998 278.1L-336.8 264.4L-331.09998 264.4L-329.3 270.1C -329 271.1 -328.9 271.4 -328.9 271.7C -328.9 271.40002 -328.8 271.2 -328.5 270.1L-328.5 270.1L-326.7 264.4L-321.1 264.4L-319.30002 270.1C -319.00003 271.1 -319.00003 271.4 -319.00003 271.7C -319.00003 271.40002 -318.90002 271.2 -318.60004 270.1L-318.60004 270.1L-316.80005 264.4L-311.10004 264.4L-316.30005 278L-321.60004 278L-323.50003 272.1C -323.9 271.1 -323.9 271 -324 270.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-298.3 269.5L-304.4 269.5C -304 268 -303.1 267.5 -302.1 267.3C -301 267.1 -299.1 267.4 -298.3 269.5zM-294.7 266.5C -297.2 263.6 -302.2 263.5 -304.6 264.3C -306.9 265 -308.80002 266.19998 -309.6 269.19998C -310.2 271.4 -309.9 273.4 -308.7 275.3C -306.30002 278.8 -301.5 278.59998 -299.30002 278.3C -297.6 278 -294.50003 277.09998 -293.40002 274.09998L-293.40002 274.09998L-293.30002 273.99997L-298.40002 273.39996C -298.60004 273.59998 -298.7 273.79996 -299.2 274.19995C -300.1 274.79996 -301.90002 274.69995 -302.7 274.49994C -303.6 274.09995 -304.30002 273.09995 -304.40002 272.39993L-304.40002 272.39993L-292.90002 272.39993L-292.90002 272.19992C -292.8 270.3 -293.3 268 -294.7 266.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-283.7 268.4C -283 268.19998 -281.5 268.3 -280.80002 269.19998C -280.30002 269.69998 -280.1 270.3 -280.1 270.99997C -280.2 271.59998 -280.5 272.29996 -281.1 272.69998C -282 273.3 -283.4 273.19998 -284.30002 272.8C -284.90002 272.4 -285.40002 272 -285.50003 271.19998C -285.60004 270.69998 -285.50003 269.9 -285.00003 269.3C -284.6 268.8 -284.2 268.5 -283.7 268.4zM-290.2 278.6C -290.1 279.6 -289.80002 280.30002 -289.7 280.6C -288.40002 282.9 -286 283.4 -283.1 283.4C -280.2 283.4 -277.9 283.19998 -276.2 281.3C -274.7 279.5 -274.90002 277.3 -274.90002 275.3L-274.90002 275.3L-274.90002 264.4L-280.10004 264.4L-280.10004 265.6C -281.30005 264.5 -282.50003 264.1 -283.40002 264C -285.30002 263.7 -287.90002 264.4 -289.50003 266.4C -290.80002 268.1 -291.00003 270.5 -290.80002 272.19998C -290.50003 274.3 -289.40002 275.8 -287.50003 276.8C -285.40002 277.9 -282.10004 277.69998 -280.20004 276.09998C\n -280.20004 276.69998 -280.20004 277.89996 -280.40005 278.39996C -280.80005 279.19995 -281.50006 279.49997 -282.10007 279.59998C -282.60007 279.69998 -284.20007 279.99997 -284.70007 278.89996C -284.80008 278.69995 -284.80008 278.59998 -284.9001 278.49997L-284.9001 278.49997L-290.2 278.6z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-271 259.3L-265.8 259.3L-265.8 262.8L-271 262.8L-271 259.3zM-271 264.4L-265.8 264.4L-265.8 278L-271 278L-271 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-251.9 272C -252.4 273.7 -253.4 274.3 -254.7 274.5C -255.4 274.6 -256.7 274.7 -257.3 273.7C -257.4 273.5 -257.5 272.90002 -257.4 272.7C -257 271.90002 -256.3 272 -254.7 272L-254.7 272L-251.9 272zM-257.2 268.2C -257.1 267.90002 -257 267.6 -256.7 267.40002C -256 266.90002 -253.50002 267.00003 -252.90001 267.40002C -252.1 267.80002 -252.00002 268.40002 -251.90001 269.30002C -251.90001 269.30002 -253.50002 269.2 -254.6 269.30002C -255.90001 269.40002 -256.4 269.40002 -257.6 269.6C -259.9 269.9 -262.1 270.30002 -262.7 273C -263.1 274.9 -262.6 276.6 -260.80002 277.7L-260.80002 277.7L-260.7 277.80002C -258.1 278.90002 -254.80002 278.50003 -251.90001 276.80002C -251.90001 276.80002 -251.90001 277.6 -251.70001 278.00003L-251.70001 278.00003L-245.70001 278.00003C -246.30002 277.40002 -246.6 276.50003 -246.6 275.20004L-246.6 275.20004L-246.6 269.30005C -246.6 268.20004 -246.5 266.70004 -247.20001 265.80005C -248.40001 264.20004 -250.70001 263.80005 -254.6 263.80005C -257.80002 263.80005 -260 263.90005 -261.2 265.60004C -261.80002 266.40002 -261.90002 267.10004 -262 268.20004L-262 268.20004L-257.2 268.20004z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-242.7 264.4L-237.5 264.4L-237.5 265.8C -235 263.59998 -231.7 263.5 -229.6 264.8C -227.3 266.19998 -227.3 268.4 -227.3 270.8L-227.3 270.8L-227.3 278L-232.5 278L-232.5 272.2C -232.5 270.90002 -232.4 269.2 -233.7 268.40002C -234.3 268.00003 -235.59999 268.00003 -236.4 268.60004C -237.7 269.60004 -237.59999 270.70004 -237.59999 272.60004L-237.59999 272.60004L-237.59999 278.10004L-242.79999 278.10004L-242.7 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath d='M-338.6 264.2L-338.6 269.5C -340.2 269.5 -341.30002 269.7 -342.30002 270.4L-342.30002 270.4L-342.30002 278L-347.50003 278L-347.50003 264.4L-342.30002 264.4L-342.30002 266C -342.00003 265.5 -341.40002 265 -340.50003 264.6C -340.2 264.4 -339.2 264.2 -338.6 264.2z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M-220 289.7C -236.4 298.2 -252.6 303.40002 -260.4 301.80002C -267.19998 300.40002 -263.9 291.00003 -254.09999 283.30002L-254.09999 283.30002L-252.09999 283.30002C -259.8 289.80002 -260.4 297.90002 -255.49998 298.50003C -249.89998 299.20004 -235.69998 296.10004 -221.09998 289.40002L-221.09998 289.40002L-220 289.7z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cg%3e%3cpath d='M-203 278C -202.6 278 -202.1 278.1 -201.7 278.2C -201.4 278.30002 -201.3 278.30002 -201.09999 278.40002C -200.99998 278.40002 -200.9 278.50003 -200.79999 278.60004C -200.69998 278.70004 -200.69998 278.80005 -200.59999 278.90002C -200.49998 279.30002 -200.7 279.60004 -200.9 279.80002C -201.5 280.7 -202.4 281.40002 -203.29999 282.1C -204.19998 282.80002 -205.19998 283.4 -206.09999 284.1C -206.29999 284.2 -206.49998 284.30002 -206.7 284.4C -206.5 284.5 -206.4 284.5 -206.2 284.6C -206.2 284.6 -206.09999 284.7 -206 284.7C -205.7 284.6 -205.6 284.40002 -205.2 284.30002C -204.9 284.1 -204.7 284.1 -204.5 284.2C -204.3 284.30002 -204 284.5 -204 284.80002C -203.9 285.1 -203.9 285.40002 -204.1 285.80002C -202.90001 286.40002 -201.8 286.90002 -200.6 287.50003C -200.3 287.60004 -200.1 287.70004 -199.8 287.90002C -199.7 288.10004 -199.90001 288.30002 -200 288.40002C -200.4 288.60004 -200.8 288.90002 -201.3 289.00003C -201.8 288.90002 -202.3 288.80002 -202.8 288.70004C -203.6 288.50003 -204.3 288.40005 -205.1 288.20004C -205.70001 288.10004 -206.3 288.00003 -206.90001 287.90005C -207.40001 287.80005 -207.8 287.70004 -208.3 287.70004C -208.90001 287.60004 -209.5 287.60004 -210.1 287.60004C -210.8 287.60004 -211.5 287.60004 -212.3 287.50003C -213.40001 288.00003 -214.5 288.50003 -215.8 289.00003C -216.6 289.30002 -217.40001 289.60004 -218.2 289.80002C -217.9 290.1 -217.5\n 290.30002 -217.4 290.7C -217.4 290.80002 -217.5 290.80002 -217.5 290.80002C -217.7 290.90002 -217.8 290.90002 -218 291.00003C -218.8 290.80002 -219.6 290.60004 -220.4 290.40002L-220.4 290.40002L-220.59999 290.40002C -220.99998 290.50003 -221.59999 290.90002 -221.9 290.40002C -221.9 290.30002 -222 290.2 -222 290.10004C -222 290.00003 -222.1 290.00003 -222.2 289.90002C -222.4 289.80002 -222.5 289.80002 -222.59999 289.80002C -222.9 289.7 -223.09999 289.6 -223.29999 289.6C -223.9 289.4 -224.4 289.30002 -224.9 289.1C -225 289 -225 288.9 -224.9 288.7C -224.59999 288.5 -224.2 288.40002 -223.79999 288.5C -223.4 288.5 -222.99998 288.6 -222.69998 288.6C -223.19998 288.1 -223.59998 287.7 -223.99998 287.2C -224.09999 287.1 -224.19998 287 -224.19998 286.80002C -224.19998 286.7 -224.09998 286.6 -223.99998 286.50003C -223.89998 286.40002 -223.79999 286.40002 -223.69998 286.40002C -223.39998 286.2 -223.19998 286.10004 -222.89998 286.2C -222.09998 286.6 -221.39998 286.90002 -220.49998 287.30002C -220.29999 287.40002 -220.09999 287.50003 -219.89998 287.50003C -219.59998 287.40002 -219.59998 287.30002 -219.29997 287.20004C -219.19997 287.20004 -218.99997 287.00003 -218.89998 286.90005C -218.59998 286.70004 -218.39998 286.60007 -218.19998 286.40005C -217.69998 286.00006 -217.29999 285.80005 -216.89998 285.50006C -217.59998 285.20007 -218.29997 284.80005 -218.99998 284.50006C -219.69998 284.30005 -219.89998 284.20007 -220.59999 284.10007C -220.99998 284.00006 -221.59999 283.90005 -221.59999 283.80008C -222.49998 283.60007 -222.79999 283.5001 -223.59999 283.30008C -223.99998 283.10007 -224.49998 283.10007 -224.9 282.9001C -224.9 282.80008 -224.9 282.80008 -224.9 282.70007C -224.79999 282.50006 -224.5 282.30008 -224.29999 282.20007C -223.99998 282.10007 -223.79999 281.80008 -223.49998 281.70007C -222.79999 281.70007 -222.29999 281.80008 -221.59999 281.9001C -220.79999 282.0001 -219.9 282.1001 -219.09999 282.20007C -217.99998 282.30008 -216.9 282.4001 -215.79999 282.60007C -215.69998 282.60007 -215.59999 282.70007 -215.49998 282.60007C -215.39998 282.60007 -215.29999 282.60007 -215.19998 282.70007C -215.09998 282.70007 -214.99998 282.70007 -214.89998 282.70007C -214.39998 282.30008 -213.79997 281.80008 -213.19998 281.70007C -212.79999 281.70007 -212.49998 281.9001 -212.29999 282.20007C -211.09999 281.30008 -209.9 280.50006 -208.59999 279.9001C -207.4 279.30008 -206.29999 278.80008 -205.29999 278.5001C -204.59999 278.30008 -203.9 278.2001 -203.19998 278.1001C -203.2 278 -203.1 278 -203 278z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cpath d='M-202.2 278.7C -202.8 278.80002 -203.09999 278.90002 -203.8 279.2C -204.3 279.40002 -205.2 279.80002 -205.90001 280.1C -206.90001 280.6 -207.8 281.1 -208.90001 281.80002C -209.3 282.1 -210.1 282.7 -210.20001 282.80002C -210.80002 282.7 -211.40001 282.7 -212.00002 282.6L-212.00002 282.6L-211.90001 282.5C -211.1 281.8 -210.40001 281.4 -209.50002 280.9C -208.70001 280.4 -207.50002 279.8 -206.50002 279.4C -205.60002 279.1 -204.70001 278.8 -203.80002 278.6C -203.3 278.6 -202.8 278.6 -202.2 278.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-214.4 282.9C -214.2 282.8 -214.09999 282.69998 -213.9 282.6C -213.7 282.5 -213.59999 282.4 -213.5 282.4C -213.6 282.69998 -213.6 282.8 -213.5 283.1C -213.5 283.30002 -213.3 283.4 -213.3 283.4C -213.7 283.6 -214 283.9 -214.40001 284.1C -214.50002 284 -214.6 283.9 -214.6 283.7C -214.6 283.40002 -214.6 283.2 -214.6 283L-214.6 283L-214.4 282.9z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-215.1 286C -215.6 286.3 -216.1 286.5 -216.5 286.8C -217.4 287.3 -218.5 287.9 -219.8 288.5C -220.2 288.7 -220.5 288.8 -220.90001 288.7C -221.20001 288.7 -221.20001 288.7 -221.50002 288.6C -222.00002 288.1 -222.50002 287.6 -223.00002 287.1C -223.10002 287 -223.20001 286.9 -223.20001 286.80002L-223.20001 286.80002L-222.90001 286.6L-222.8 286.6C -222.1 286.9 -221.6 287.2 -220.90001 287.5C -220.6 287.6 -220.3 287.8 -220.1 287.9C -219.8 287.9 -219.6 287.8 -219.3 287.69998L-219.3 287.69998L-219.1 287.59998C -218.70001 287.3 -218.5 287.3 -218.3 287.09998C -217.5 286.59998 -216.90001 286.19998 -216.2 285.8L-216.2 285.8L-216 285.69998C -215.6 285.8 -215.4 285.9 -215.1 286z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('reward branding-img', 'large')\" />\n <img\n src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjczMzUgMTUuMTI1MUM0My4yNTc3IDE2LjE2NSA0Mi4xOTc3IDE3LjM5MyA0MC41ODc5IDE4Ljc3NzhMMzcuMTExNyAyMS43NjQyTDM3LjA3NDcgMjEuNzk1NUw0MS40MDQ3IDI5LjM0NjVDNDEuNTYwNyAyOS42MjA4IDQxLjUxODQgMjkuOTcwOSA0MS4yOTYzIDMwLjE5ODNMNDAuNjYxOSAzMC44NTE1TDMzLjcyMDIgMjYuMjk3M0wzNS4yMTM3IDI0LjEwMjZMMzQuNzQ1OCAyMy43OTY5TDMxLjM5MzkgMjYuNjc2MkMyNy45NTc1IDI5LjYxODIgMjQuMTAwNyAzMS4zMTY1IDIxLjMyNzcgMzEuMTEyOEMyMC4yMDY5IDMxLjAyOTEgMTkuMzM5OCAzMC42NDI0IDE4Ljc1MDMgMjkuOTYzMUMxNy4xMTQgMjguMDg5NyAxOC4wNjgzIDI0LjM3MTcgMjEuMTI5NCAyMC43MDA4TDIxLjQ4OSAyMC45MzU5QzE5Ljg2ODUgMjMuMTU0MiAxOS40NDU2IDI1LjI4MSAyMC40MDc4IDI2LjM2NTNDMjAuNzg4NCAyNi44MDQyIDIxLjMyNzcgMjcuMDUyNSAyMi4wMTI0IDI3LjEwMjFDMjMuNzEyMSAyNy4yMzAyIDI2LjEwOTcgMjYuMTI3NSAyOC40MjggMjQuMTU0OUwyOS4yOTI0IDIzLjM5NDZMMTguNjI2MSAxNi4zOTQ5TDE5LjI5NDkgMTUuODIwMUMxOS43NjgxIDE1LjQxNTEgMjAuNDI4OSAxNS4yODQ1IDIxLjAyMzcgMTUuNDgwNEwzNS44NjEzIDIwLjM4MkwzNi40MTEyIDE5LjkwOTFDMzUuMzA4OSAxOS4xNzIzIDM0LjI4ODUgMTcuODUwMiAzNC42MjQyIDE2LjY0NTdMMzcuMDU4OCAxNC41NTI5QzM3LjgyMjggMTMuODk3MSAzOC43MDU3IDEzLjQyNDIgMzkuNjg5MSAxMy4xNDQ2QzQwLjcxMjEgMTIuODUyIDQxLjU4NDUgMTIuODQ2OCA0Mi4xMzY5IDEyLjg5MTJDNDIuOTIyIDEyLjk1NjUgNDMuNTc3NiAxMy4xNzYgNDMuODA1IDEzLjQ1MjlDNDMuOTM5OCAxMy42MTQ5IDQ0LjIwMTQgMTQuMTAwOSA0My43MzA5IDE1LjEyNzdMNDMuNzMzNSAxNS4xMjUxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgMzEuMTI5Mkg0LjU4MjEzVjIxLjgyODVDNC41ODIxMyAxOS40NDYyIDUuODQ5MTIgMTguMDQyNiA3LjkyODYxIDE4LjA0MjZDMTAuMDA4MSAxOC4wNDI2IDEwLjk4MjUgMTkuMzQ5MSAxMC45ODI1IDIxLjc2MjlWMzEuMTI5MkgxNS41NjQ2VjIwLjk4MUMxNS41NjIyIDE2LjU3NTkgMTMuMDI4MSAxMy43Njg3IDguOTk5NzggMTMuNzY4N0M3LjAxNyAxMy43Njg3IDUuNDI1OTggMTQuNDg3NSA0LjQ4Mjk4IDE1LjgyNTVWMTQuMTU5N0gwVjMxLjEyNjhWMzEuMTI5MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'small')\" />\n <div [nasClass]=\"getClass('focus-border')\"></div>\n </div>\n </a>\n </div>\n <div [nasClass]=\"getClass('right-content')\">\n <nas-search [searchText]=\"searchText\" [searchForm]=\"searchForm\" *ngIf=\"searchForm\"></nas-search>\n\n <ng-template #linksTemplate let-link=\"link\">\n <nas-icon [icon]=\"link.icon\" [nasClass]=\"getClass('link-icon')\" *ngIf=\"link.icon\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{link.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else linksHref\">\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [routerLink]=\"link.link\" [nasClass]=\"getClass('link')\"\n [title]=\"link.description\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-container>\n\n <ng-template #linksHref>\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [href]=\"link.link\" [title]=\"link.description\"\n [nasClass]=\"getClass('link')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-template>\n\n <ng-container>\n <div *ngFor=\"let link of links\" [nasClass]=\"getClass('action')\">\n <nas-button link *ngIf=\"!link.link && link.action\" [nasClass]=\"getClass('button')\" [ngModel]=\"links\"\n (clickChange)=\"onLinkClick(link)\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </nas-button>\n </div>\n </ng-container>\n\n <span tabindex=\"0\" [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\n <span [nasClass]=\"!isAuthenticated ? getClass('logged-out') : getClass('')\">\n <ng-template #profileLinksTemplate>\n <nas-icon [icon]=\"profileLink.icon\" [nasClass]=\"getClass('link-icon')\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{profileLink.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else profileHref\">\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [routerLink]=\"profileLink.link\"\n [nasClass]=\"getClass('link')\" [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #profileHref>\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [href]=\"profileLink.link\" [nasClass]=\"getClass('link')\"\n [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-template>\n\n <ng-container>\n <nas-button link *ngIf=\"!profileLink.link && profileLink.action\" [nasClass]=\"getClass('button')\"\n [ngModel]=\"profileLink\" (clickChange)=\"onLinkClick(profileLink)\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </nas-button>\n </ng-container>\n\n <ng-template #logoutLinkTemplate let-link=\"link\">\n <span [nasClass]=\"getClass('link-logout')\">{{logOutLink?.title}}</span>\n </ng-template>\n <span *ngIf=\"!walletModel; else wallet\">\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #logoutHref>\n <a [href]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n </span>\n </span>\n <ng-template #wallet>\n <span tabindex=\"0\" [nasClass]=\"getClass('wallet')\" *ngIf=\"isAuthenticated\">\n <nas-wallet [walletModel]=\"walletModel\"></nas-wallet>\n </span>\n </ng-template>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"!expanded\">{{menuText}}</span>\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"expanded\">{{closeText}}</span>\n <span [nasClass]=\"getClass('toggle-icon')\">\n <nas-hamburger tabindex=\"0\" [nasClass]=\"getClass('burger-border')\" [expanded]=\"expanded\"></nas-hamburger>\n </span>\n </button>\n </div>\n </div>\n <nav [nasClass]=\"getClass('menu', animateOut && 'animate-out')\"\n [style.display]=\"expanded || animateOut ? 'block' : 'none'\" (click)=\"menuClick($event)\" tabIndex=\"-1\" #menu>\n <ng-content></ng-content>\n </nav>\n</header>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}a,.link,.nas-page-header__link-logout{color:#b12a0b;cursor:pointer;text-decoration:underline}a:hover,a:focus,.link:hover,.nas-page-header__link-logout:hover,.link:focus,.nas-page-header__link-logout:focus{color:#15273f;border-color:#15273f}a--disabled,.link--disabled{color:#15273f;border-bottom:2px solid #E9E7E4;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#15273f;border-color:#e9e7e4}.link--light{color:#fff;border-bottom:2px solid #FFFFFF}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#15273f}.link--secondary:hover,.link--secondary:focus{color:#b12a0b}*:focus-visible{outline:none}.nas-page-header{position:relative;z-index:40;height:70px;display:flex;background-color:#fff;align-items:center}.nas-page-header__menu{position:fixed;top:70px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 36px;color:#fff;outline:0;background-color:#e5212d;z-index:30;animation:menu-in .3s cubic-bezier(0,0,.1,1) both}.nas-page-header__menu .nas-container{padding:0}.nas-page-header__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header__menu--item-logout{display:none}}.nas-page-header__menu a{color:#fff;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:32px;margin-bottom:24px}@media (max-width: 639px){.nas-page-header__menu a{font-size:24px}}.nas-page-header__menu .nas-icon-list__item:first-child{border-top:none}.nas-page-header__menu .nas-icon-list__item{border-top:2px solid #E5212D;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header__menu .nas-icon-list__item a{font-size:24px;line-height:32px;border-bottom-width:2px}@media (max-width: 639px){.nas-page-header__menu .nas-icon-list__item a{font-size:20px;line-height:28px}}.nas-page-header__menu .nas-icon-list__item p{margin-bottom:0}.nas-page-header__menu--animate-out{animation:menu-out .2s ease-in both}.nas-page-header__content{position:relative;display:flex;align-items:stretch;height:70px;justify-content:flex-start;margin-right:auto}.nas-page-header__right-content{position:unset;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}@media (min-width: 640px){.nas-page-header__right-content{position:relative}}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__toggle--text{display:none}@media (min-width: 640px){.nas-page-header__toggle--text{display:block}}.nas-page-header__burger-border:focus-visible{outline:2px solid #FFFFFF;padding:11px 9px 6px}.nas-page-header__toggle-icon{display:inline-flex;height:70px;align-items:center;justify-content:center;margin-left:16px;padding-top:3px;margin-right:16px}@media (min-width: 640px){.nas-page-header__toggle-icon{width:70px;background-color:#e5212d;margin-right:0}}.nas-page-header__branding,.nas-page-header__disable-link{position:relative;display:flex;align-items:center;border:0;padding:0 16px;height:70px;background-color:#e5212d}@media (min-width: 1000px){.nas-page-header__branding,.nas-page-header__disable-link{width:232px}.nas-page-header__branding:before,.nas-page-header__disable-link:before{left:-9px;width:6px}}.nas-page-header__disable-link{pointer-events:none;cursor:default}.nas-page-header__authentication{display:flex;margin-right:3px}.nas-page-header__authentication .nas-page-header__link{margin-right:9px}.nas-page-header__authentication .nas-page-header__button{display:flex;margin-right:36px}.nas-page-header__authentication:focus-visible{outline:2px solid #0978E8;border-radius:4px;padding:2px}@media (min-width: 640px){.nas-page-header__authentication{margin-right:24px}}.nas-page-header__logged-out{background-color:#15273f;position:relative;display:flex;align-items:center;border-radius:4px;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 12px}.nas-page-header__logged-out .nas-page-header__link{color:#fff;margin-right:9px}.nas-page-header__logged-out .nas-page-header__link-static{color:#fff}.nas-page-header__logged-out .nas-button--link{color:#fff!important}.nas-page-header__logged-out:focus-visible{border:2px solid #0978E8;border-radius:4px;padding:2px}.nas-page-header__img-container:focus-visible .nas-page-header__focus-border{display:inline-block}.nas-page-header__focus-border{display:none;position:absolute;top:25%;left:10%;width:80%;height:50%;border:2px solid #FFFFFF;box-sizing:border-box;pointer-events:none}.nas-page-header__branding-img--small{display:block;height:44px}@media (min-width: 1000px){.nas-page-header__branding-img--small{display:none}}.nas-page-header__branding-img--large{display:none;height:70px}@media (min-width: 1000px){.nas-page-header__branding-img--large{display:block}}.nas-page-header__link{display:inline-block;align-items:center;align-self:center;color:#0a2033;border:0;margin-right:12px}@media (min-width: sm){.nas-page-header__link{margin-right:24px}}@media (min-width: 1000px){.nas-page-header__link{margin-right:36px}}.nas-page-header__link-static{color:#0a2033;display:inline-block;margin-right:12px}.nas-page-header__link-icon{margin-top:-2px;margin-right:6px;align-content:center}.nas-page-header__link-icon .nas-icon-small{transform:scale(.6667)}.nas-page-header__link-text{border-bottom:2px solid transparent}.nas-page-header__link-logout{display:none}@media (min-width: 1000px){.nas-page-header__link-logout{display:block;margin-right:9px}}.nas-page-header .nas-search{display:none;margin-right:24px}@media (min-width: 1000px){.nas-page-header .nas-search{display:flex}}.nas-page-header .nas-button--link{color:#0a2033;border-color:transparent;font-weight:400}.nas-page-header__reward{margin:0 0 12px}.nas-page-header__button{margin-right:36px}.nas-page-header__action{margin-left:auto}@keyframes menu-in{0%{transform:translateY(-100%)}}@keyframes menu-out{to{transform:translateY(-100%)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "tertiary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange", "focusOnNext"] }, { kind: "component", type: HamburgerComponent, selector: "nas-hamburger", inputs: ["expanded"] }, { kind: "component", type: SearchComponent, selector: "nas-search", inputs: ["searchText", "searchForm"] }, { kind: "component", type: WalletComponent, selector: "nas-wallet", inputs: ["walletModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9492
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageHeaderComponent, selector: "nas-page-header", inputs: { menuText: "menuText", closeText: "closeText", searchText: "searchText", searchForm: "searchForm", displayProfile: "displayProfile", reward: "reward", disableFrontPageUrl: "disableFrontPageUrl", isAuthenticated: "isAuthenticated", frontPageUrl: "frontPageUrl", useRouterLink: "useRouterLink", nozindex: "nozindex", logOutLink: "logOutLink", profileLink: "profileLink", links: "links", walletModel: "walletModel" }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "menuElement", first: true, predicate: ["menu"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<header>\n <div [nasClass]=\"getClass('')\" [style.zIndex]=\"exists(nozindex) && '0'\">\n <div [nasClass]=\"getClass('content')\">\n <a [href]=\"redirectToUrl()\" [nasClass]=\"getClass(setBrandingCSSClass())\">\n <div tabindex=\"0\" [nasClass]=\"getClass('img-container')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRGVzaWduIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjggMTk4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzUuNzMsNjIuNDVjLTIyLjE3LDAtMzcuNjIsMTUuNDUtMzcuNjIsMzYuNTVzMTUuNDUsMzYuNTUsMzcuNjIsMzYuNTUsMzcuNjItMTUuMzIsMzcuNjItMzYuNTUtMTUuNDUtMzYuNTUtMzcuNjItMzYuNTVaTTE1Ny4zMiw5OWMwLTEwLjg4LDcuNjYtMTguOTUsMTguNDEtMTguOTVzMTguNDEsOC4wNiwxOC40MSwxOC45NS03LjY2LDE4Ljk1LTE4LjQxLDE4Ljk1LTE4LjQxLTguMDYtMTguNDEtMTguOTVaTTI0Mi43MSwxMzMuOTR2LTMxLjk4YzAtMTUuMDUsOC44Ny0yMC40MiwxOS44OS0yMS4yM3YtMTcuNzRjLTguMDYuMjctMTYuMTIsMy42My0yMC4yOSw5LjY3di04LjZoLTE4LjU0djY5Ljg3aDE4Ljk1Wk0zMzcuNiw2NC4wNmgtMjQuNzJjLTMuMzYsMjEuNS00LjU3LDI2LjItMTIuNjMsNTEuNi01Ljc4LTIzLjI1LTYuODUtMjkuNDMtOC44Ny01MS42aC0xOS4yMmMyLjU1LDI0LjcyLDcuMzksNDcuODQsMTQuNTEsNjkuODdoMjQuNDZjNy4yNi0yMC40MiwxMS40Mi0zNS4wNywxNC4xMS00OS44NSwyLjY5LDE0Ljc4LDYuODUsMjkuNDMsMTQuMTEsNDkuODVoMjQuNDZjNy4xMi0yMi4wNCwxMS45Ni00NS4xNSwxNC41MS02OS44N2gtMTkuMjJjLTIuMDIsMjIuMTctMy4wOSwyOC4zNS04Ljg3LDUxLjYtOC4wNi0yNS40LTkuMjctMzAuMS0xMi42My01MS42Wk00MjEuOTgsMTM1LjU1YzE2LjI2LDAsMjkuMDItOC4zMywzNS42MS0yMy4yNWgtMjIuMDRjLTMuMjMsNC4wMy03LjY2LDYuMDUtMTMuNDQsNi4wNS05LDAtMTUuNDUtNC45Ny0xNy42LTEyLjloNTQuNjl2LTUuMTFjMC0yMi4wNC0xNS4wNS0zNy44OS0zNy4wOS0zNy44OXMtMzcuMzYsMTUuMzItMzcuMzYsMzYuNTUsMTUuNDUsMzYuNTUsMzcuMjIsMzYuNTVaTTQwNC45Miw5MS4zNGMyLjU1LTcuMTIsOC42LTExLjY5LDE3LjMzLTExLjY5czE0LjM4LDQuNDMsMTYuOCwxMS42OWgtMzQuMTNaTTUwNC45NSwxNTkuNzRjMjAuNTYsMCwzMy4wNi0xMi42MywzMy4wNi0zMy4xOXYtNjIuNDhoLTE4LjU0djYuNThjLTMuNzYtNC45Ny0xMS4yOS04LjItMTkuMjItOC4yLTE4LjU0LDAtMzIuMjUsMTQuNjUtMzIuMjUsMzQuMjdzMTMuODQsMzQuMjcsMzIuMjUsMzQuMjdjNy42NiwwLDE1LjA1LTMuMDksMTguODEtNy43OXYyLjgyYzAsMTAuMzUtNS4xMSwxNi4yNi0xNC4yNCwxNi4yNi01Ljc4LDAtMTAuMzUtMi40Mi0xMS45Ni02LjMyaC0yMi4zMWMzLjYzLDE0LjUxLDE2LjkzLDIzLjc4LDM0LjQsMjMuNzhaTTUwMy42MSwxMTMuMzhjLTkuNjcsMC0xNi4zOS02LjcyLTE2LjM5LTE2LjY2czYuNTgtMTYuNjYsMTYuMzktMTYuNjYsMTYuNTMsNi44NSwxNi41MywxNi42Ni02LjcyLDE2LjY2LTE2LjUzLDE2LjY2Wk01ODUuODQsODUuNDNoMjAuOTZjMS40OC00LjAzLDUuMjQtNi4zMiwxMC40OC02LjMyLDUuNTEsMCw4Ljg3LDIuNDIsOC44Nyw2LjE4LDAsMy4wOS0yLjI4LDQuODQtNi45OSw1LjM4bC0xMS4wMiwxLjM0Yy0xNS45OSwxLjg4LTI0LjA1LDktMjQuMDUsMjEuMzcsMCwxMy4zLDkuNTQsMjIuMTcsMjQuMTksMjIuMTcsNy43OSwwLDE0LjY1LTMuMjIsMTguMjgtOC40N3Y2Ljg1aDE4LjU0di00Ni4wOWMwLTE2LjM5LTkuODEtMjUuNC0yNy45NS0yNS40LTE2LjEzLDAtMjcuMDEsOC4wNi0zMS4zMSwyMi45OFpNNjAzLjA0LDExMS45YzAtMy42MywyLjQyLTUuNzgsOC4yLTYuNThsNy43OS0xLjA4YzIuNjktLjQsNC45Ny0uOTQsNy4xMi0xLjQ4djEuNjFjMCw4Ljg3LTUuMTEsMTQuMzgtMTMuODQsMTQuMzgtNS41MSwwLTkuMjctMi42OS05LjI3LTYuODVaTTY1OS4zLDEzMy45NGgxOC45NXYtMzguM2MwLTkuODEsNS4yNC0xNS41OSwxMy44NC0xNS41OXMxMi42Myw1LjM4LDEyLjYzLDE1LjMydjM4LjU3aDE4Ljk1di00MS43OWMwLTE4LjE0LTEwLjQ4LTI5LjctMjcuMTQtMjkuNy04LjIsMC0xNC43OCwyLjk2LTE4LjY4LDguNDd2LTYuODVoLTE4LjU0djY5Ljg3Wk01NTAuMzMsNDcuNGMwLTcuMTIsNS4yNC0xMS45NiwxMS45Ni0xMS45NnMxMS45Niw0Ljg0LDExLjk2LDExLjk2LTUuMjQsMTEuOTYtMTEuOTYsMTEuOTYtMTEuOTYtNC44NC0xMS45Ni0xMS45NlpNNTcxLjcsNjQuMDZ2NjkuODdoLTE4Ljk1di02OS44N2gxOC45NVpNNjQsMTMzLjk0aDE4Ljk1di0zOC4zYzAtOS44MSw1LjI0LTE1LjU5LDEzLjg0LTE1LjU5czEyLjYzLDUuMzgsMTIuNjMsMTUuMzJ2MzguNTdoMTguOTV2LTQxLjc5YzAtMTguMTQtMTAuNDgtMjkuNy0yNy4xNC0yOS43LTguMiwwLTE0Ljc4LDIuOTYtMTguNjgsOC40N3YtNi44NWgtMTguNTR2NjkuODdaTTg2Mi43OSw2Mi44NWMtMi4xNCw0LjczLTYuODksMTAuMzEtMTQuMTIsMTYuNTlsLTE1LjYxLDEzLjU3LS4xNy4xNSwxOS40NCwzNC4zMWMuNzEsMS4yNS41MSwyLjg0LS40OSwzLjg3bC0yLjg1LDIuOTctMzEuMTctMjAuNyw2LjcxLTkuOTctMi4xLTEuMzktMTUuMDUsMTMuMDhjLTE1LjQzLDEzLjM3LTMyLjc1LDIxLjA5LTQ1LjIxLDIwLjE1LTUuMDQtLjM4LTguOTMtMi4xNC0xMS41Ny01LjIzLTcuMzUtOC41MS0zLjA2LTI1LjQxLDEwLjY4LTQyLjA5bDEuNjEsMS4wN2MtNy4yNywxMC4wOC05LjE4LDE5Ljc0LTQuODUsMjQuNjYsMS43MSwxLjk5LDQuMTMsMy4xMiw3LjIxLDMuMzUsNy42My41OCwxOC40LTQuNDMsMjguODEtMTMuMzlsMy44OC0zLjQ1LTQ3LjktMzEuOCwzLjAxLTIuNjFjMi4xMi0xLjg0LDUuMDktMi40Myw3Ljc2LTEuNTRsNjYuNjMsMjIuMjcsMi40OC0yLjE1Yy00Ljk2LTMuMzQtOS41My05LjM2LTguMDMtMTQuODJsMTAuOTQtOS41MWMzLjQzLTIuOTgsNy40LTUuMTMsMTEuODEtNi40LDQuNi0xLjMyLDguNTEtMS4zNSwxMC45OS0xLjE1LDMuNTIuMyw2LjQ2LDEuMyw3LjUsMi41NS42LjczLDEuNzgsMi45NC0uMzQsNy42WiIvPgo8L3N2Zz4=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'large')\" />\n <img *ngIf=\"reward\"\n src=\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='1024' height='768'%3e%3cg transform='matrix(5.496511 0 0 5.496511 2121.6533 -1156.9468)'%3e%3cg%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-376.9 295.6L-377 295.5C -377.3 294.9 -377.3 294 -377.3 293.5C -377.4 291.6 -377.59998 290.3 -379.3 290.3L-379.3 290.3L-379.5 290.3L-383.7 290.3L-383.7 295.59998L-385.30002 295.59998L-385.30002 283.19998L-379.50003 283.19998C -377.10004 283.19998 -375.60004 284.49997 -375.60004 286.49997C -375.60004 287.89996 -376.20004 288.89996 -377.30005 289.49997C -376.20004 289.99997 -375.90005 291.09998 -375.80005 292.19998C -375.80005 292.4 -375.80005 292.59998 -375.70004 292.9C -375.60004 293.69998 -375.60004 294.8 -375.20004 295.19998L-375.20004 295.19998L-374.90005 295.59998L-376.9 295.59998L-376.9 295.6zM-379.6 289C -378.4 289 -377.2 288.3 -377.2 286.9C -377.2 285.5 -378 284.8 -379.6 284.8L-379.6 284.8L-383.6 284.8L-383.6 289L-379.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-379.5 283.5C -377.5 283.5 -375.9 284.5 -375.9 286.6C -375.9 288.1 -376.69998 289.30002 -378.19998 289.6C -376.59998 289.80002 -376.19998 290.9 -376.09998 292.30002C -375.99997 293.1 -375.99997 294.80002 -375.49997 295.40002L-375.49997 295.40002L-376.79996 295.40002C -377.09995 294.90002 -377.09995 294.00003 -377.09995 293.50003C -377.19995 291.80002 -377.29996 290.10004 -379.29996 290.10004C -379.39996 290.10004 -379.39996 290.10004 -379.49997 290.10004L-379.49997 290.10004L-383.89996 290.10004L-383.89996 295.40002L-384.99997 295.40002L-384.99997 283.50003L-379.5 283.50003L-379.5 283.5zM-383.9 289.2L-379.6 289.2C -378.2 289.2 -377 288.30002 -377 286.90002C -377 285.40002 -377.9 284.50003 -379.6 284.50003L-379.6 284.50003L-383.9 284.50003L-383.9 289.2zM-379.5 283L-385 283L-385.5 283L-385.5 283.5L-385.5 295.4L-385.5 295.9L-385 295.9L-383.9 295.9L-383.4 295.9L-383.4 295.4L-383.4 290.6L-379.5 290.6C -379.4 290.6 -379.4 290.6 -379.3 290.6C -377.9 290.6 -377.69998 291.5 -377.59998 293.5C -377.59998 294.2 -377.59998 295.1 -377.19998 295.6L-377.19998 295.6L-377.09998 295.80002L-376.8 295.80002L-375.5 295.80002L-374.4 295.80002L-375.1 295.00003C -375.4 294.70004 -375.5 293.50003 -375.5 292.80002C -375.5 292.50003 -375.5 292.30002 -375.6 292.1C -375.7 291.1 -375.9 290 -376.80002 289.4C -375.90002 288.8 -375.40002 287.69998 -375.40002 286.4C -375.4 284.4 -377 283 -379.5 283zM-383.4 285L-379.6 285C -378.2 285 -377.5 285.6 -377.5 286.9C -377.5 288.1 -378.6 288.69998 -379.6 288.69998L-379.6 288.69998L-383.4 288.69998L-383.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-368.9 295.8L-368.9 283.3L-360.1 283.3L-360.1 284.8L-367.3 284.8L-367.3 288.5L-360.5 288.5L-360.5 290L-367.3 290L-367.3 294.3L-360 294.3L-360 295.8L-368.9 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.4 283.5L-360.4 284.5L-367.5 284.5L-367.5 288.8L-360.8 288.8L-360.8 289.8L-367.5 289.8L-367.5 294.5L-360.3 294.5L-360.3 295.5L-368.59998 295.5L-368.59998 283.5L-360.4 283.5zM-368.6 283.5L-368.7 283.5L-368.6 283.5zM-359.9 283L-360.4 283L-368.6 283L-368.7 283L-369.1 283L-369.1 283.5L-369.1 295.5L-369.1 296L-368.6 296L-360.30002 296L-359.80002 296L-359.80002 295.5L-359.80002 294.5L-359.80002 294L-360.30002 294L-367.00003 294L-367.00003 290.3L-360.80002 290.3L-360.30002 290.3L-360.30002 289.8L-360.30002 288.8L-360.30002 288.3L-360.80002 288.3L-367.00003 288.3L-367.00003 285L-360.40002 285L-359.90002 285L-359.90002 284.5L-359.90002 283.5L-359.90002 283L-359.9 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-344.6 295.8L-347.4 285.7L-350.2 295.8L-351.8 295.8L-355.2 283.3L-353.5 283.3L-351 293L-348.2 283.3L-346.4 283.3L-343.7 293L-341.2 283.3L-339.6 283.3L-343 295.8L-344.6 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-339.9 283.5L-343.19998 295.5L-344.4 295.5L-347.4 284.8L-350.4 295.5L-351.6 295.5L-354.9 283.5L-353.69998 283.5L-350.99997 294L-347.99997 283.5L-346.59998 283.5L-343.69998 294L-340.99997 283.5L-339.9 283.5zM-339.2 283L-339.90002 283L-341.00003\n 283L-341.40002 283L-341.50003 283.4L-343.70004 292.1L-346.10004 283.4L-346.20004 283L-346.60004 283L-348.00003 283L-348.40002 283L-348.50003 283.4L-351.00003 292.1L-353.20004 283.4L-353.30005 283L-353.70004 283L-354.90005 283L-355.60007 283L-355.40005 283.6L-352.10007 295.6L-352.00006 296L-351.60007 296L-350.40005 296L-350.00006 296L-349.90005 295.6L-347.40005 286.6L-344.90005 295.6L-344.80005 296L-344.40005 296L-343.20004 296L-342.80005 296L-342.70004 295.6L-339.40005 283.6L-339.2 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-325.6 295.8L-327.1 292.09998L-332.2 292.09998L-333.6 295.8L-335.4 295.8L-330.4 283.3L-328.8 283.3L-323.9 295.8L-325.6 295.8zM-327.7 290.5L-329.6 285.3L-331.6 290.5L-327.7 290.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-328.9 283.5L-324.19998 295.5L-325.4 295.5L-326.9 291.8L-332.3 291.8L-333.69998 295.5L-334.99997 295.5L-330.19998 283.5L-328.9 283.5zM-332 290.8L-327.3 290.8L-329.59998 284.69998L-332 290.8zM-328.6 283L-328.9 283L-330.19998 283L-330.49997 283L-330.59998 283.3L-335.39996 295.3L-335.69995 296L-334.99994 296L-333.69995 296L-333.39996 296L-333.29996 295.7L-331.99997 292.30002L-327.29996 292.30002L-325.89996 295.7L-325.79996 296L-325.49997 296L-324.29996 296L-323.59995 296L-323.89993 295.3L-328.59995 283.3L-328.6 283zM-331.3 290.3L-329.59998 286.09998L-327.99997 290.3L-331.3 290.3z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-310 295.6L-310.1 295.5C -310.4 294.9 -310.4 294 -310.4 293.5C -310.5 291.6 -310.69998 290.3 -312.4 290.3L-312.4 290.3L-312.6 290.3L-316.7 290.3L-316.7 295.59998L-318.30002 295.59998L-318.30002 283.19998L-312.7 283.19998C -310.30002 283.19998 -308.80002 284.49997 -308.80002 286.49997C -308.80002 287.89996 -309.40002 288.89996 -310.50003 289.49997C -309.40002 289.99997 -309.10004 291.09998 -309.00003 292.19998C -309.00003 292.4 -309.00003 292.59998 -308.90002 292.9C -308.80002 293.69998 -308.80002 294.8 -308.40002 295.19998L-308.40002 295.19998L-308.10004 295.59998L-310 295.59998L-310 295.6zM-312.6 289C -311.4 289 -310.2 288.3 -310.2 286.9C -310.2 285.5 -311 284.8 -312.6 284.8L-312.6 284.8L-316.6 284.8L-316.6 289L-312.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-312.6 283.5C -310.6 283.5 -309 284.5 -309 286.6C -309 288.1 -309.8 289.30002 -311.3 289.6C -309.69998 289.80002 -309.3 290.9 -309.19998 292.30002C -309.09998 293.1 -309.09998 294.80002 -308.59998 295.40002L-308.59998 295.40002L-309.89996 295.40002C -310.19995 294.90002 -310.19995 294.00003 -310.19995 293.50003C -310.29996 291.80002 -310.39996 290.10004 -312.39996 290.10004C -312.49997 290.10004 -312.49997 290.10004 -312.59998 290.10004L-312.59998 290.10004L-316.89996 290.10004L-316.89996 295.40002L-317.99997 295.40002L-317.99997 283.50003L-312.6 283.50003L-312.6 283.5zM-316.9 289.2L-312.6 289.2C -311.2 289.2 -310 288.30002 -310 286.90002C -310 285.40002 -310.9 284.50003 -312.6 284.50003L-312.6 284.50003L-316.9 284.50003L-316.9 289.2zM-318 283.5L-318.1 283.5L-318 283.5zM-312.6 283L-318 283L-318.1 283L-318.5 283L-318.5 283.5L-318.5 295.4L-318.5 295.9L-318 295.9L-316.9 295.9L-316.4 295.9L-316.4 295.4L-316.4 290.6L-312.6 290.6C -312.5 290.6 -312.5 290.6 -312.4 290.6C -311 290.6 -310.8 291.5 -310.69998 293.5C -310.69998 294.2 -310.69998 295.1 -310.3 295.6L-310.3 295.6L-310.19998 295.80002L-309.9 295.80002L-308.6 295.80002L-307.5 295.80002L-308.2 295.00003C -308.5 294.70004 -308.6 293.50003 -308.6 292.80002C -308.6 292.50003 -308.6 292.30002 -308.7 292.1C -308.80002 291.1 -309 290 -309.90002 289.4C -309.00003 288.8 -308.50003 287.69998 -308.50003 286.4C -308.5 284.4 -310.1 283 -312.6 283zM-316.4 285L-312.6 285C -311.2 285 -310.5 285.6 -310.5 286.9C -310.5 288.1 -311.6 288.69998 -312.6 288.69998L-312.6 288.69998L-316.4 288.69998L-316.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-302 295.8L-302 283.3L-297.7 283.3C -293.90002 283.4 -291.90002 285.59998 -291.90002 289.59998C -291.90002 293.59998 -293.90002 295.69998 -297.60004 295.89996L-297.60004 295.89996L-302 295.89996L-302 295.8zM-298.3 294.3C -295 294.3 -293.69998 293 -293.69998 289.5C -293.69998 286 -294.99997 284.7 -298.3 284.7L-298.3 284.7L-300.5 284.7L-300.5 294.2L-298.3 294.2z' stroke='none' fill='%23FFFFFF'\n fill-rule='nonzero' /%3e%3cpath d='M-297.7 283.5C -294.1 283.6 -292.2 285.6 -292.2 289.5C -292.2 293.4 -294.1 295.4 -297.7 295.5L-297.7 295.5L-301.80002 295.5L-301.80002 283.5L-297.7 283.5zM-300.7 294.5L-298.30002 294.5C -294.90002 294.5 -293.40002 293.1 -293.40002 289.5C -293.40002 285.9 -294.90002 284.5 -298.30002 284.5L-298.30002 284.5L-300.7 284.5L-300.7 294.5zM-297.7 283L-301.80002 283L-302.30002 283L-302.30002 283.5L-302.30002 295.5L-302.30002 296L-301.80002 296L-297.7 296C -293.80002 295.9 -291.7 293.6 -291.7 289.5C -291.7 285.4 -293.8 283.1 -297.7 283zM-300.2 285L-298.30002 285C -295.1 285 -293.90002 286.2 -293.90002 289.5C -293.90002 292.8 -295.10004 294 -298.30002 294L-298.30002 294L-300.2 294L-300.2 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-386 264.4L-380.8 264.4L-380.8 265.8C -378.3 263.59998 -375 263.5 -372.9 264.8C -370.6 266.19998 -370.6 268.4 -370.6 270.8L-370.6 270.8L-370.6 278L-375.80002 278L-375.80002 272.2C -375.80002 270.90002 -375.7 269.2 -377.00003 268.30002C -377.60004 268.00003 -378.90002 268.00003 -379.60004 268.50003C -380.90002 269.50003 -380.80005 270.60004 -380.80005 272.50003L-380.80005 272.50003L-380.80005 278.00003L-386.00006 278.00003L-386.00006 264.4L-386 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.1 267.6C -359.30002 267.4 -358 267.6 -357.2 268.5C -356.40002 269.4 -356.1 270.6 -356.30002 271.6C -356.40002 272.6 -357.00003 273.6 -358.00003 274.2C -358.90002 274.7 -360.20004 274.7 -361.20004 274C -362.00003 273.4 -362.50003 272.4 -362.60004 271.4C -362.60004 270.5 -362.50003 269.3 -361.50003 268.3C -360.9 267.9 -360.5 267.7 -360.1 267.6zM-364.2 265C -366.40002 266.2 -367.5 268 -367.7 270.3C -367.90002 272.09998 -367.5 274.3 -366 275.9C -363.3 278.69998 -358.5 278.8 -355.8 277.9C -353.59998 277.1 -351.69998 275.9 -350.9 273C -350.4 271.1 -350.6 269.1 -351.9 267.3C -354.1 264 -358.69998 263.69998 -360.6 264C -361.7 264.1 -363.1 264.4 -364.2 265z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-324 270.7C -324 271 -324.1 271.2 -324.4 272.1L-324.4 272.1L-326.3 278.1L-331.59998 278.1L-336.8 264.4L-331.09998 264.4L-329.3 270.1C -329 271.1 -328.9 271.4 -328.9 271.7C -328.9 271.40002 -328.8 271.2 -328.5 270.1L-328.5 270.1L-326.7 264.4L-321.1 264.4L-319.30002 270.1C -319.00003 271.1 -319.00003 271.4 -319.00003 271.7C -319.00003 271.40002 -318.90002 271.2 -318.60004 270.1L-318.60004 270.1L-316.80005 264.4L-311.10004 264.4L-316.30005 278L-321.60004 278L-323.50003 272.1C -323.9 271.1 -323.9 271 -324 270.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-298.3 269.5L-304.4 269.5C -304 268 -303.1 267.5 -302.1 267.3C -301 267.1 -299.1 267.4 -298.3 269.5zM-294.7 266.5C -297.2 263.6 -302.2 263.5 -304.6 264.3C -306.9 265 -308.80002 266.19998 -309.6 269.19998C -310.2 271.4 -309.9 273.4 -308.7 275.3C -306.30002 278.8 -301.5 278.59998 -299.30002 278.3C -297.6 278 -294.50003 277.09998 -293.40002 274.09998L-293.40002 274.09998L-293.30002 273.99997L-298.40002 273.39996C -298.60004 273.59998 -298.7 273.79996 -299.2 274.19995C -300.1 274.79996 -301.90002 274.69995 -302.7 274.49994C -303.6 274.09995 -304.30002 273.09995 -304.40002 272.39993L-304.40002 272.39993L-292.90002 272.39993L-292.90002 272.19992C -292.8 270.3 -293.3 268 -294.7 266.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-283.7 268.4C -283 268.19998 -281.5 268.3 -280.80002 269.19998C -280.30002 269.69998 -280.1 270.3 -280.1 270.99997C -280.2 271.59998 -280.5 272.29996 -281.1 272.69998C -282 273.3 -283.4 273.19998 -284.30002 272.8C -284.90002 272.4 -285.40002 272 -285.50003 271.19998C -285.60004 270.69998 -285.50003 269.9 -285.00003 269.3C -284.6 268.8 -284.2 268.5 -283.7 268.4zM-290.2 278.6C -290.1 279.6 -289.80002 280.30002 -289.7 280.6C -288.40002 282.9 -286 283.4 -283.1 283.4C -280.2 283.4 -277.9 283.19998 -276.2 281.3C -274.7 279.5 -274.90002 277.3 -274.90002 275.3L-274.90002 275.3L-274.90002 264.4L-280.10004 264.4L-280.10004 265.6C -281.30005 264.5 -282.50003 264.1 -283.40002 264C -285.30002 263.7 -287.90002 264.4 -289.50003 266.4C -290.80002 268.1 -291.00003 270.5 -290.80002 272.19998C -290.50003 274.3 -289.40002 275.8 -287.50003 276.8C -285.40002 277.9 -282.10004 277.69998 -280.20004 276.09998C\n -280.20004 276.69998 -280.20004 277.89996 -280.40005 278.39996C -280.80005 279.19995 -281.50006 279.49997 -282.10007 279.59998C -282.60007 279.69998 -284.20007 279.99997 -284.70007 278.89996C -284.80008 278.69995 -284.80008 278.59998 -284.9001 278.49997L-284.9001 278.49997L-290.2 278.6z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-271 259.3L-265.8 259.3L-265.8 262.8L-271 262.8L-271 259.3zM-271 264.4L-265.8 264.4L-265.8 278L-271 278L-271 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-251.9 272C -252.4 273.7 -253.4 274.3 -254.7 274.5C -255.4 274.6 -256.7 274.7 -257.3 273.7C -257.4 273.5 -257.5 272.90002 -257.4 272.7C -257 271.90002 -256.3 272 -254.7 272L-254.7 272L-251.9 272zM-257.2 268.2C -257.1 267.90002 -257 267.6 -256.7 267.40002C -256 266.90002 -253.50002 267.00003 -252.90001 267.40002C -252.1 267.80002 -252.00002 268.40002 -251.90001 269.30002C -251.90001 269.30002 -253.50002 269.2 -254.6 269.30002C -255.90001 269.40002 -256.4 269.40002 -257.6 269.6C -259.9 269.9 -262.1 270.30002 -262.7 273C -263.1 274.9 -262.6 276.6 -260.80002 277.7L-260.80002 277.7L-260.7 277.80002C -258.1 278.90002 -254.80002 278.50003 -251.90001 276.80002C -251.90001 276.80002 -251.90001 277.6 -251.70001 278.00003L-251.70001 278.00003L-245.70001 278.00003C -246.30002 277.40002 -246.6 276.50003 -246.6 275.20004L-246.6 275.20004L-246.6 269.30005C -246.6 268.20004 -246.5 266.70004 -247.20001 265.80005C -248.40001 264.20004 -250.70001 263.80005 -254.6 263.80005C -257.80002 263.80005 -260 263.90005 -261.2 265.60004C -261.80002 266.40002 -261.90002 267.10004 -262 268.20004L-262 268.20004L-257.2 268.20004z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-242.7 264.4L-237.5 264.4L-237.5 265.8C -235 263.59998 -231.7 263.5 -229.6 264.8C -227.3 266.19998 -227.3 268.4 -227.3 270.8L-227.3 270.8L-227.3 278L-232.5 278L-232.5 272.2C -232.5 270.90002 -232.4 269.2 -233.7 268.40002C -234.3 268.00003 -235.59999 268.00003 -236.4 268.60004C -237.7 269.60004 -237.59999 270.70004 -237.59999 272.60004L-237.59999 272.60004L-237.59999 278.10004L-242.79999 278.10004L-242.7 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath d='M-338.6 264.2L-338.6 269.5C -340.2 269.5 -341.30002 269.7 -342.30002 270.4L-342.30002 270.4L-342.30002 278L-347.50003 278L-347.50003 264.4L-342.30002 264.4L-342.30002 266C -342.00003 265.5 -341.40002 265 -340.50003 264.6C -340.2 264.4 -339.2 264.2 -338.6 264.2z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M-220 289.7C -236.4 298.2 -252.6 303.40002 -260.4 301.80002C -267.19998 300.40002 -263.9 291.00003 -254.09999 283.30002L-254.09999 283.30002L-252.09999 283.30002C -259.8 289.80002 -260.4 297.90002 -255.49998 298.50003C -249.89998 299.20004 -235.69998 296.10004 -221.09998 289.40002L-221.09998 289.40002L-220 289.7z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cg%3e%3cpath d='M-203 278C -202.6 278 -202.1 278.1 -201.7 278.2C -201.4 278.30002 -201.3 278.30002 -201.09999 278.40002C -200.99998 278.40002 -200.9 278.50003 -200.79999 278.60004C -200.69998 278.70004 -200.69998 278.80005 -200.59999 278.90002C -200.49998 279.30002 -200.7 279.60004 -200.9 279.80002C -201.5 280.7 -202.4 281.40002 -203.29999 282.1C -204.19998 282.80002 -205.19998 283.4 -206.09999 284.1C -206.29999 284.2 -206.49998 284.30002 -206.7 284.4C -206.5 284.5 -206.4 284.5 -206.2 284.6C -206.2 284.6 -206.09999 284.7 -206 284.7C -205.7 284.6 -205.6 284.40002 -205.2 284.30002C -204.9 284.1 -204.7 284.1 -204.5 284.2C -204.3 284.30002 -204 284.5 -204 284.80002C -203.9 285.1 -203.9 285.40002 -204.1 285.80002C -202.90001 286.40002 -201.8 286.90002 -200.6 287.50003C -200.3 287.60004 -200.1 287.70004 -199.8 287.90002C -199.7 288.10004 -199.90001 288.30002 -200 288.40002C -200.4 288.60004 -200.8 288.90002 -201.3 289.00003C -201.8 288.90002 -202.3 288.80002 -202.8 288.70004C -203.6 288.50003 -204.3 288.40005 -205.1 288.20004C -205.70001 288.10004 -206.3 288.00003 -206.90001 287.90005C -207.40001 287.80005 -207.8 287.70004 -208.3 287.70004C -208.90001 287.60004 -209.5 287.60004 -210.1 287.60004C -210.8 287.60004 -211.5 287.60004 -212.3 287.50003C -213.40001 288.00003 -214.5 288.50003 -215.8 289.00003C -216.6 289.30002 -217.40001 289.60004 -218.2 289.80002C -217.9 290.1 -217.5\n 290.30002 -217.4 290.7C -217.4 290.80002 -217.5 290.80002 -217.5 290.80002C -217.7 290.90002 -217.8 290.90002 -218 291.00003C -218.8 290.80002 -219.6 290.60004 -220.4 290.40002L-220.4 290.40002L-220.59999 290.40002C -220.99998 290.50003 -221.59999 290.90002 -221.9 290.40002C -221.9 290.30002 -222 290.2 -222 290.10004C -222 290.00003 -222.1 290.00003 -222.2 289.90002C -222.4 289.80002 -222.5 289.80002 -222.59999 289.80002C -222.9 289.7 -223.09999 289.6 -223.29999 289.6C -223.9 289.4 -224.4 289.30002 -224.9 289.1C -225 289 -225 288.9 -224.9 288.7C -224.59999 288.5 -224.2 288.40002 -223.79999 288.5C -223.4 288.5 -222.99998 288.6 -222.69998 288.6C -223.19998 288.1 -223.59998 287.7 -223.99998 287.2C -224.09999 287.1 -224.19998 287 -224.19998 286.80002C -224.19998 286.7 -224.09998 286.6 -223.99998 286.50003C -223.89998 286.40002 -223.79999 286.40002 -223.69998 286.40002C -223.39998 286.2 -223.19998 286.10004 -222.89998 286.2C -222.09998 286.6 -221.39998 286.90002 -220.49998 287.30002C -220.29999 287.40002 -220.09999 287.50003 -219.89998 287.50003C -219.59998 287.40002 -219.59998 287.30002 -219.29997 287.20004C -219.19997 287.20004 -218.99997 287.00003 -218.89998 286.90005C -218.59998 286.70004 -218.39998 286.60007 -218.19998 286.40005C -217.69998 286.00006 -217.29999 285.80005 -216.89998 285.50006C -217.59998 285.20007 -218.29997 284.80005 -218.99998 284.50006C -219.69998 284.30005 -219.89998 284.20007 -220.59999 284.10007C -220.99998 284.00006 -221.59999 283.90005 -221.59999 283.80008C -222.49998 283.60007 -222.79999 283.5001 -223.59999 283.30008C -223.99998 283.10007 -224.49998 283.10007 -224.9 282.9001C -224.9 282.80008 -224.9 282.80008 -224.9 282.70007C -224.79999 282.50006 -224.5 282.30008 -224.29999 282.20007C -223.99998 282.10007 -223.79999 281.80008 -223.49998 281.70007C -222.79999 281.70007 -222.29999 281.80008 -221.59999 281.9001C -220.79999 282.0001 -219.9 282.1001 -219.09999 282.20007C -217.99998 282.30008 -216.9 282.4001 -215.79999 282.60007C -215.69998 282.60007 -215.59999 282.70007 -215.49998 282.60007C -215.39998 282.60007 -215.29999 282.60007 -215.19998 282.70007C -215.09998 282.70007 -214.99998 282.70007 -214.89998 282.70007C -214.39998 282.30008 -213.79997 281.80008 -213.19998 281.70007C -212.79999 281.70007 -212.49998 281.9001 -212.29999 282.20007C -211.09999 281.30008 -209.9 280.50006 -208.59999 279.9001C -207.4 279.30008 -206.29999 278.80008 -205.29999 278.5001C -204.59999 278.30008 -203.9 278.2001 -203.19998 278.1001C -203.2 278 -203.1 278 -203 278z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cpath d='M-202.2 278.7C -202.8 278.80002 -203.09999 278.90002 -203.8 279.2C -204.3 279.40002 -205.2 279.80002 -205.90001 280.1C -206.90001 280.6 -207.8 281.1 -208.90001 281.80002C -209.3 282.1 -210.1 282.7 -210.20001 282.80002C -210.80002 282.7 -211.40001 282.7 -212.00002 282.6L-212.00002 282.6L-211.90001 282.5C -211.1 281.8 -210.40001 281.4 -209.50002 280.9C -208.70001 280.4 -207.50002 279.8 -206.50002 279.4C -205.60002 279.1 -204.70001 278.8 -203.80002 278.6C -203.3 278.6 -202.8 278.6 -202.2 278.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-214.4 282.9C -214.2 282.8 -214.09999 282.69998 -213.9 282.6C -213.7 282.5 -213.59999 282.4 -213.5 282.4C -213.6 282.69998 -213.6 282.8 -213.5 283.1C -213.5 283.30002 -213.3 283.4 -213.3 283.4C -213.7 283.6 -214 283.9 -214.40001 284.1C -214.50002 284 -214.6 283.9 -214.6 283.7C -214.6 283.40002 -214.6 283.2 -214.6 283L-214.6 283L-214.4 282.9z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-215.1 286C -215.6 286.3 -216.1 286.5 -216.5 286.8C -217.4 287.3 -218.5 287.9 -219.8 288.5C -220.2 288.7 -220.5 288.8 -220.90001 288.7C -221.20001 288.7 -221.20001 288.7 -221.50002 288.6C -222.00002 288.1 -222.50002 287.6 -223.00002 287.1C -223.10002 287 -223.20001 286.9 -223.20001 286.80002L-223.20001 286.80002L-222.90001 286.6L-222.8 286.6C -222.1 286.9 -221.6 287.2 -220.90001 287.5C -220.6 287.6 -220.3 287.8 -220.1 287.9C -219.8 287.9 -219.6 287.8 -219.3 287.69998L-219.3 287.69998L-219.1 287.59998C -218.70001 287.3 -218.5 287.3 -218.3 287.09998C -217.5 286.59998 -216.90001 286.19998 -216.2 285.8L-216.2 285.8L-216 285.69998C -215.6 285.8 -215.4 285.9 -215.1 286z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('reward branding-img', 'large')\" />\n <img\n src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjczMzUgMTUuMTI1MUM0My4yNTc3IDE2LjE2NSA0Mi4xOTc3IDE3LjM5MyA0MC41ODc5IDE4Ljc3NzhMMzcuMTExNyAyMS43NjQyTDM3LjA3NDcgMjEuNzk1NUw0MS40MDQ3IDI5LjM0NjVDNDEuNTYwNyAyOS42MjA4IDQxLjUxODQgMjkuOTcwOSA0MS4yOTYzIDMwLjE5ODNMNDAuNjYxOSAzMC44NTE1TDMzLjcyMDIgMjYuMjk3M0wzNS4yMTM3IDI0LjEwMjZMMzQuNzQ1OCAyMy43OTY5TDMxLjM5MzkgMjYuNjc2MkMyNy45NTc1IDI5LjYxODIgMjQuMTAwNyAzMS4zMTY1IDIxLjMyNzcgMzEuMTEyOEMyMC4yMDY5IDMxLjAyOTEgMTkuMzM5OCAzMC42NDI0IDE4Ljc1MDMgMjkuOTYzMUMxNy4xMTQgMjguMDg5NyAxOC4wNjgzIDI0LjM3MTcgMjEuMTI5NCAyMC43MDA4TDIxLjQ4OSAyMC45MzU5QzE5Ljg2ODUgMjMuMTU0MiAxOS40NDU2IDI1LjI4MSAyMC40MDc4IDI2LjM2NTNDMjAuNzg4NCAyNi44MDQyIDIxLjMyNzcgMjcuMDUyNSAyMi4wMTI0IDI3LjEwMjFDMjMuNzEyMSAyNy4yMzAyIDI2LjEwOTcgMjYuMTI3NSAyOC40MjggMjQuMTU0OUwyOS4yOTI0IDIzLjM5NDZMMTguNjI2MSAxNi4zOTQ5TDE5LjI5NDkgMTUuODIwMUMxOS43NjgxIDE1LjQxNTEgMjAuNDI4OSAxNS4yODQ1IDIxLjAyMzcgMTUuNDgwNEwzNS44NjEzIDIwLjM4MkwzNi40MTEyIDE5LjkwOTFDMzUuMzA4OSAxOS4xNzIzIDM0LjI4ODUgMTcuODUwMiAzNC42MjQyIDE2LjY0NTdMMzcuMDU4OCAxNC41NTI5QzM3LjgyMjggMTMuODk3MSAzOC43MDU3IDEzLjQyNDIgMzkuNjg5MSAxMy4xNDQ2QzQwLjcxMjEgMTIuODUyIDQxLjU4NDUgMTIuODQ2OCA0Mi4xMzY5IDEyLjg5MTJDNDIuOTIyIDEyLjk1NjUgNDMuNTc3NiAxMy4xNzYgNDMuODA1IDEzLjQ1MjlDNDMuOTM5OCAxMy42MTQ5IDQ0LjIwMTQgMTQuMTAwOSA0My43MzA5IDE1LjEyNzdMNDMuNzMzNSAxNS4xMjUxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgMzEuMTI5Mkg0LjU4MjEzVjIxLjgyODVDNC41ODIxMyAxOS40NDYyIDUuODQ5MTIgMTguMDQyNiA3LjkyODYxIDE4LjA0MjZDMTAuMDA4MSAxOC4wNDI2IDEwLjk4MjUgMTkuMzQ5MSAxMC45ODI1IDIxLjc2MjlWMzEuMTI5MkgxNS41NjQ2VjIwLjk4MUMxNS41NjIyIDE2LjU3NTkgMTMuMDI4MSAxMy43Njg3IDguOTk5NzggMTMuNzY4N0M3LjAxNyAxMy43Njg3IDUuNDI1OTggMTQuNDg3NSA0LjQ4Mjk4IDE1LjgyNTVWMTQuMTU5N0gwVjMxLjEyNjhWMzEuMTI5MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'small')\" />\n <div [nasClass]=\"getClass('focus-border')\"></div>\n </div>\n </a>\n </div>\n <div [nasClass]=\"getClass('right-content')\">\n <nas-search [searchText]=\"searchText\" [searchForm]=\"searchForm\" *ngIf=\"searchForm\"></nas-search>\n\n <ng-template #linksTemplate let-link=\"link\">\n <nas-icon [icon]=\"link.icon\" [nasClass]=\"getClass('link-icon')\" *ngIf=\"link.icon\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{link.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else linksHref\">\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [routerLink]=\"link.link\" [nasClass]=\"getClass('link')\"\n [title]=\"link.description\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-container>\n\n <ng-template #linksHref>\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [href]=\"link.link\" [title]=\"link.description\"\n [nasClass]=\"getClass('link')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-template>\n\n <ng-container>\n <div *ngFor=\"let link of links\" [nasClass]=\"getClass('action')\">\n <nas-button link *ngIf=\"!link.link && link.action\" [nasClass]=\"getClass('button')\" [ngModel]=\"links\"\n (clickChange)=\"onLinkClick(link)\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </nas-button>\n </div>\n </ng-container>\n\n <span tabindex=\"0\" [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\n <span [nasClass]=\"!isAuthenticated ? getClass('logged-out') : getClass('')\">\n <ng-template #profileLinksTemplate>\n <nas-icon [icon]=\"profileLink.icon\" [nasClass]=\"getClass('link-icon')\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{profileLink.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else profileHref\">\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [routerLink]=\"profileLink.link\"\n [nasClass]=\"getClass('link')\" [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #profileHref>\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [href]=\"profileLink.link\" [nasClass]=\"getClass('link')\"\n [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-template>\n\n <ng-container>\n <nas-button link *ngIf=\"!profileLink.link && profileLink.action\" [nasClass]=\"getClass('button')\"\n [ngModel]=\"profileLink\" (clickChange)=\"onLinkClick(profileLink)\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </nas-button>\n </ng-container>\n\n <ng-template #logoutLinkTemplate let-link=\"link\">\n <span [nasClass]=\"getClass('link-logout')\">{{logOutLink?.title}}</span>\n </ng-template>\n <span *ngIf=\"!walletModel; else wallet\">\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #logoutHref>\n <a [href]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n </span>\n </span>\n <ng-template #wallet>\n <span tabindex=\"0\" [nasClass]=\"getClass('wallet')\" *ngIf=\"isAuthenticated\">\n <nas-wallet [walletModel]=\"walletModel\"></nas-wallet>\n </span>\n </ng-template>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"!expanded\">{{menuText}}</span>\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"expanded\">{{closeText}}</span>\n <span [nasClass]=\"getClass('toggle-icon')\">\n <nas-hamburger tabindex=\"0\" [nasClass]=\"getClass('burger-border')\" [expanded]=\"expanded\"></nas-hamburger>\n </span>\n </button>\n </div>\n </div>\n <nav [nasClass]=\"getClass('menu', animateOut && 'animate-out')\"\n [style.display]=\"expanded || animateOut ? 'block' : 'none'\" (click)=\"menuClick($event)\" tabIndex=\"-1\" #menu>\n <ng-content></ng-content>\n </nav>\n</header>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}a,.link,.nas-page-header__link-logout{color:#b12a0b;cursor:pointer;text-decoration:underline}a:hover,a:focus,.link:hover,.nas-page-header__link-logout:hover,.link:focus,.nas-page-header__link-logout:focus{color:#15273f;border-color:#15273f}a--disabled,.link--disabled{color:#15273f;border-bottom:2px solid #E9E7E4;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#15273f;border-color:#e9e7e4}.link--light{color:#fff;border-bottom:2px solid #FFFFFF}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#15273f}.link--secondary:hover,.link--secondary:focus{color:#b12a0b}*:focus-visible{outline:none}.nas-page-header{position:relative;z-index:40;height:70px;display:flex;background-color:#fff;align-items:center}.nas-page-header__menu{position:fixed;top:70px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 36px;color:#fff;outline:0;background-color:#e5212d;z-index:30;animation:menu-in .3s cubic-bezier(0,0,.1,1) both}.nas-page-header__menu .nas-container{padding:0}.nas-page-header__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header__menu--item-logout{display:none}}.nas-page-header__menu a{color:#fff;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:32px;margin-bottom:24px}@media (max-width: 639px){.nas-page-header__menu a{font-size:24px}}.nas-page-header__menu .nas-icon-list__item:first-child{border-top:none}.nas-page-header__menu .nas-icon-list__item{border-top:2px solid #E5212D;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header__menu .nas-icon-list__item a{font-size:24px;line-height:32px;border-bottom-width:2px}@media (max-width: 639px){.nas-page-header__menu .nas-icon-list__item a{font-size:20px;line-height:28px}}.nas-page-header__menu .nas-icon-list__item p{margin-bottom:0}.nas-page-header__menu--animate-out{animation:menu-out .2s ease-in both}.nas-page-header__content{position:relative;display:flex;align-items:stretch;height:70px;justify-content:flex-start;margin-right:auto}.nas-page-header__right-content{position:unset;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}@media (min-width: 640px){.nas-page-header__right-content{position:relative}}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__toggle--text{display:none}@media (min-width: 640px){.nas-page-header__toggle--text{display:block}}.nas-page-header__burger-border:focus-visible{outline:2px solid #FFFFFF;padding:11px 9px 6px}.nas-page-header__toggle-icon{display:inline-flex;height:70px;align-items:center;justify-content:center;margin-left:16px;padding-top:3px;margin-right:16px}@media (min-width: 640px){.nas-page-header__toggle-icon{width:70px;background-color:#e5212d;margin-right:0}}.nas-page-header__branding,.nas-page-header__disable-link{position:relative;display:flex;align-items:center;border:0;padding:0 16px;height:70px;background-color:#e5212d}@media (min-width: 1000px){.nas-page-header__branding,.nas-page-header__disable-link{width:232px}.nas-page-header__branding:before,.nas-page-header__disable-link:before{left:-9px;width:6px}}.nas-page-header__disable-link{pointer-events:none;cursor:default}.nas-page-header__authentication{display:flex;margin-right:3px}.nas-page-header__authentication .nas-page-header__link{margin-right:9px}.nas-page-header__authentication .nas-page-header__button{display:flex;margin-right:36px}.nas-page-header__authentication:focus-visible{outline:2px solid #0978E8;border-radius:4px;padding:2px}@media (min-width: 640px){.nas-page-header__authentication{margin-right:24px}}.nas-page-header__logged-out{background-color:#15273f;position:relative;display:flex;align-items:center;border-radius:4px;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 12px}.nas-page-header__logged-out .nas-page-header__link{color:#fff;margin-right:9px}.nas-page-header__logged-out .nas-page-header__link-static{color:#fff}.nas-page-header__logged-out .nas-button--link{color:#fff!important}.nas-page-header__logged-out:focus-visible{border:2px solid #0978E8;border-radius:4px;padding:2px}.nas-page-header__img-container:focus-visible .nas-page-header__focus-border{display:inline-block}.nas-page-header__focus-border{display:none;position:absolute;top:25%;left:10%;width:80%;height:50%;border:2px solid #FFFFFF;box-sizing:border-box;pointer-events:none}.nas-page-header__branding-img--small{display:block;height:44px}@media (min-width: 1000px){.nas-page-header__branding-img--small{display:none}}.nas-page-header__branding-img--large{display:none;height:70px}@media (min-width: 1000px){.nas-page-header__branding-img--large{display:block}}.nas-page-header__link{display:inline-block;align-items:center;align-self:center;color:#0a2033;border:0;margin-right:12px}@media (min-width: sm){.nas-page-header__link{margin-right:24px}}@media (min-width: 1000px){.nas-page-header__link{margin-right:36px}}.nas-page-header__link-static{color:#0a2033;display:inline-block;margin-right:12px}.nas-page-header__link-icon{margin-top:-2px;margin-right:6px;align-content:center}.nas-page-header__link-icon .nas-icon-small{transform:scale(.8)}.nas-page-header__link-text{border-bottom:2px solid transparent}.nas-page-header__link-logout{display:none}@media (min-width: 1000px){.nas-page-header__link-logout{display:block;margin-right:9px}}.nas-page-header .nas-search{display:none;margin-right:24px}@media (min-width: 1000px){.nas-page-header .nas-search{display:flex}}.nas-page-header .nas-button--link{color:#0a2033;border-color:transparent;font-weight:400}.nas-page-header__reward{margin:0 0 12px}.nas-page-header__button{margin-right:36px}.nas-page-header__action{margin-left:auto}@keyframes menu-in{0%{transform:translateY(-100%)}}@keyframes menu-out{to{transform:translateY(-100%)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "tertiary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange", "focusOnNext"] }, { kind: "component", type: HamburgerComponent, selector: "nas-hamburger", inputs: ["expanded"] }, { kind: "component", type: SearchComponent, selector: "nas-search", inputs: ["searchText", "searchForm"] }, { kind: "component", type: WalletComponent, selector: "nas-wallet", inputs: ["walletModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9493
9493
|
}
|
|
9494
9494
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
9495
9495
|
type: Component,
|
|
9496
|
-
args: [{ selector: 'nas-page-header', encapsulation: ViewEncapsulation.None, template: "<header>\n <div [nasClass]=\"getClass('')\" [style.zIndex]=\"exists(nozindex) && '0'\">\n <div [nasClass]=\"getClass('content')\">\n <a [href]=\"redirectToUrl()\" [nasClass]=\"getClass(setBrandingCSSClass())\">\n <div tabindex=\"0\" [nasClass]=\"getClass('img-container')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRGVzaWduIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjggMTk4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzUuNzMsNjIuNDVjLTIyLjE3LDAtMzcuNjIsMTUuNDUtMzcuNjIsMzYuNTVzMTUuNDUsMzYuNTUsMzcuNjIsMzYuNTUsMzcuNjItMTUuMzIsMzcuNjItMzYuNTUtMTUuNDUtMzYuNTUtMzcuNjItMzYuNTVaTTE1Ny4zMiw5OWMwLTEwLjg4LDcuNjYtMTguOTUsMTguNDEtMTguOTVzMTguNDEsOC4wNiwxOC40MSwxOC45NS03LjY2LDE4Ljk1LTE4LjQxLDE4Ljk1LTE4LjQxLTguMDYtMTguNDEtMTguOTVaTTI0Mi43MSwxMzMuOTR2LTMxLjk4YzAtMTUuMDUsOC44Ny0yMC40MiwxOS44OS0yMS4yM3YtMTcuNzRjLTguMDYuMjctMTYuMTIsMy42My0yMC4yOSw5LjY3di04LjZoLTE4LjU0djY5Ljg3aDE4Ljk1Wk0zMzcuNiw2NC4wNmgtMjQuNzJjLTMuMzYsMjEuNS00LjU3LDI2LjItMTIuNjMsNTEuNi01Ljc4LTIzLjI1LTYuODUtMjkuNDMtOC44Ny01MS42aC0xOS4yMmMyLjU1LDI0LjcyLDcuMzksNDcuODQsMTQuNTEsNjkuODdoMjQuNDZjNy4yNi0yMC40MiwxMS40Mi0zNS4wNywxNC4xMS00OS44NSwyLjY5LDE0Ljc4LDYuODUsMjkuNDMsMTQuMTEsNDkuODVoMjQuNDZjNy4xMi0yMi4wNCwxMS45Ni00NS4xNSwxNC41MS02OS44N2gtMTkuMjJjLTIuMDIsMjIuMTctMy4wOSwyOC4zNS04Ljg3LDUxLjYtOC4wNi0yNS40LTkuMjctMzAuMS0xMi42My01MS42Wk00MjEuOTgsMTM1LjU1YzE2LjI2LDAsMjkuMDItOC4zMywzNS42MS0yMy4yNWgtMjIuMDRjLTMuMjMsNC4wMy03LjY2LDYuMDUtMTMuNDQsNi4wNS05LDAtMTUuNDUtNC45Ny0xNy42LTEyLjloNTQuNjl2LTUuMTFjMC0yMi4wNC0xNS4wNS0zNy44OS0zNy4wOS0zNy44OXMtMzcuMzYsMTUuMzItMzcuMzYsMzYuNTUsMTUuNDUsMzYuNTUsMzcuMjIsMzYuNTVaTTQwNC45Miw5MS4zNGMyLjU1LTcuMTIsOC42LTExLjY5LDE3LjMzLTExLjY5czE0LjM4LDQuNDMsMTYuOCwxMS42OWgtMzQuMTNaTTUwNC45NSwxNTkuNzRjMjAuNTYsMCwzMy4wNi0xMi42MywzMy4wNi0zMy4xOXYtNjIuNDhoLTE4LjU0djYuNThjLTMuNzYtNC45Ny0xMS4yOS04LjItMTkuMjItOC4yLTE4LjU0LDAtMzIuMjUsMTQuNjUtMzIuMjUsMzQuMjdzMTMuODQsMzQuMjcsMzIuMjUsMzQuMjdjNy42NiwwLDE1LjA1LTMuMDksMTguODEtNy43OXYyLjgyYzAsMTAuMzUtNS4xMSwxNi4yNi0xNC4yNCwxNi4yNi01Ljc4LDAtMTAuMzUtMi40Mi0xMS45Ni02LjMyaC0yMi4zMWMzLjYzLDE0LjUxLDE2LjkzLDIzLjc4LDM0LjQsMjMuNzhaTTUwMy42MSwxMTMuMzhjLTkuNjcsMC0xNi4zOS02LjcyLTE2LjM5LTE2LjY2czYuNTgtMTYuNjYsMTYuMzktMTYuNjYsMTYuNTMsNi44NSwxNi41MywxNi42Ni02LjcyLDE2LjY2LTE2LjUzLDE2LjY2Wk01ODUuODQsODUuNDNoMjAuOTZjMS40OC00LjAzLDUuMjQtNi4zMiwxMC40OC02LjMyLDUuNTEsMCw4Ljg3LDIuNDIsOC44Nyw2LjE4LDAsMy4wOS0yLjI4LDQuODQtNi45OSw1LjM4bC0xMS4wMiwxLjM0Yy0xNS45OSwxLjg4LTI0LjA1LDktMjQuMDUsMjEuMzcsMCwxMy4zLDkuNTQsMjIuMTcsMjQuMTksMjIuMTcsNy43OSwwLDE0LjY1LTMuMjIsMTguMjgtOC40N3Y2Ljg1aDE4LjU0di00Ni4wOWMwLTE2LjM5LTkuODEtMjUuNC0yNy45NS0yNS40LTE2LjEzLDAtMjcuMDEsOC4wNi0zMS4zMSwyMi45OFpNNjAzLjA0LDExMS45YzAtMy42MywyLjQyLTUuNzgsOC4yLTYuNThsNy43OS0xLjA4YzIuNjktLjQsNC45Ny0uOTQsNy4xMi0xLjQ4djEuNjFjMCw4Ljg3LTUuMTEsMTQuMzgtMTMuODQsMTQuMzgtNS41MSwwLTkuMjctMi42OS05LjI3LTYuODVaTTY1OS4zLDEzMy45NGgxOC45NXYtMzguM2MwLTkuODEsNS4yNC0xNS41OSwxMy44NC0xNS41OXMxMi42Myw1LjM4LDEyLjYzLDE1LjMydjM4LjU3aDE4Ljk1di00MS43OWMwLTE4LjE0LTEwLjQ4LTI5LjctMjcuMTQtMjkuNy04LjIsMC0xNC43OCwyLjk2LTE4LjY4LDguNDd2LTYuODVoLTE4LjU0djY5Ljg3Wk01NTAuMzMsNDcuNGMwLTcuMTIsNS4yNC0xMS45NiwxMS45Ni0xMS45NnMxMS45Niw0Ljg0LDExLjk2LDExLjk2LTUuMjQsMTEuOTYtMTEuOTYsMTEuOTYtMTEuOTYtNC44NC0xMS45Ni0xMS45NlpNNTcxLjcsNjQuMDZ2NjkuODdoLTE4Ljk1di02OS44N2gxOC45NVpNNjQsMTMzLjk0aDE4Ljk1di0zOC4zYzAtOS44MSw1LjI0LTE1LjU5LDEzLjg0LTE1LjU5czEyLjYzLDUuMzgsMTIuNjMsMTUuMzJ2MzguNTdoMTguOTV2LTQxLjc5YzAtMTguMTQtMTAuNDgtMjkuNy0yNy4xNC0yOS43LTguMiwwLTE0Ljc4LDIuOTYtMTguNjgsOC40N3YtNi44NWgtMTguNTR2NjkuODdaTTg2Mi43OSw2Mi44NWMtMi4xNCw0LjczLTYuODksMTAuMzEtMTQuMTIsMTYuNTlsLTE1LjYxLDEzLjU3LS4xNy4xNSwxOS40NCwzNC4zMWMuNzEsMS4yNS41MSwyLjg0LS40OSwzLjg3bC0yLjg1LDIuOTctMzEuMTctMjAuNyw2LjcxLTkuOTctMi4xLTEuMzktMTUuMDUsMTMuMDhjLTE1LjQzLDEzLjM3LTMyLjc1LDIxLjA5LTQ1LjIxLDIwLjE1LTUuMDQtLjM4LTguOTMtMi4xNC0xMS41Ny01LjIzLTcuMzUtOC41MS0zLjA2LTI1LjQxLDEwLjY4LTQyLjA5bDEuNjEsMS4wN2MtNy4yNywxMC4wOC05LjE4LDE5Ljc0LTQuODUsMjQuNjYsMS43MSwxLjk5LDQuMTMsMy4xMiw3LjIxLDMuMzUsNy42My41OCwxOC40LTQuNDMsMjguODEtMTMuMzlsMy44OC0zLjQ1LTQ3LjktMzEuOCwzLjAxLTIuNjFjMi4xMi0xLjg0LDUuMDktMi40Myw3Ljc2LTEuNTRsNjYuNjMsMjIuMjcsMi40OC0yLjE1Yy00Ljk2LTMuMzQtOS41My05LjM2LTguMDMtMTQuODJsMTAuOTQtOS41MWMzLjQzLTIuOTgsNy40LTUuMTMsMTEuODEtNi40LDQuNi0xLjMyLDguNTEtMS4zNSwxMC45OS0xLjE1LDMuNTIuMyw2LjQ2LDEuMyw3LjUsMi41NS42LjczLDEuNzgsMi45NC0uMzQsNy42WiIvPgo8L3N2Zz4=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'large')\" />\n <img *ngIf=\"reward\"\n src=\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='1024' height='768'%3e%3cg transform='matrix(5.496511 0 0 5.496511 2121.6533 -1156.9468)'%3e%3cg%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-376.9 295.6L-377 295.5C -377.3 294.9 -377.3 294 -377.3 293.5C -377.4 291.6 -377.59998 290.3 -379.3 290.3L-379.3 290.3L-379.5 290.3L-383.7 290.3L-383.7 295.59998L-385.30002 295.59998L-385.30002 283.19998L-379.50003 283.19998C -377.10004 283.19998 -375.60004 284.49997 -375.60004 286.49997C -375.60004 287.89996 -376.20004 288.89996 -377.30005 289.49997C -376.20004 289.99997 -375.90005 291.09998 -375.80005 292.19998C -375.80005 292.4 -375.80005 292.59998 -375.70004 292.9C -375.60004 293.69998 -375.60004 294.8 -375.20004 295.19998L-375.20004 295.19998L-374.90005 295.59998L-376.9 295.59998L-376.9 295.6zM-379.6 289C -378.4 289 -377.2 288.3 -377.2 286.9C -377.2 285.5 -378 284.8 -379.6 284.8L-379.6 284.8L-383.6 284.8L-383.6 289L-379.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-379.5 283.5C -377.5 283.5 -375.9 284.5 -375.9 286.6C -375.9 288.1 -376.69998 289.30002 -378.19998 289.6C -376.59998 289.80002 -376.19998 290.9 -376.09998 292.30002C -375.99997 293.1 -375.99997 294.80002 -375.49997 295.40002L-375.49997 295.40002L-376.79996 295.40002C -377.09995 294.90002 -377.09995 294.00003 -377.09995 293.50003C -377.19995 291.80002 -377.29996 290.10004 -379.29996 290.10004C -379.39996 290.10004 -379.39996 290.10004 -379.49997 290.10004L-379.49997 290.10004L-383.89996 290.10004L-383.89996 295.40002L-384.99997 295.40002L-384.99997 283.50003L-379.5 283.50003L-379.5 283.5zM-383.9 289.2L-379.6 289.2C -378.2 289.2 -377 288.30002 -377 286.90002C -377 285.40002 -377.9 284.50003 -379.6 284.50003L-379.6 284.50003L-383.9 284.50003L-383.9 289.2zM-379.5 283L-385 283L-385.5 283L-385.5 283.5L-385.5 295.4L-385.5 295.9L-385 295.9L-383.9 295.9L-383.4 295.9L-383.4 295.4L-383.4 290.6L-379.5 290.6C -379.4 290.6 -379.4 290.6 -379.3 290.6C -377.9 290.6 -377.69998 291.5 -377.59998 293.5C -377.59998 294.2 -377.59998 295.1 -377.19998 295.6L-377.19998 295.6L-377.09998 295.80002L-376.8 295.80002L-375.5 295.80002L-374.4 295.80002L-375.1 295.00003C -375.4 294.70004 -375.5 293.50003 -375.5 292.80002C -375.5 292.50003 -375.5 292.30002 -375.6 292.1C -375.7 291.1 -375.9 290 -376.80002 289.4C -375.90002 288.8 -375.40002 287.69998 -375.40002 286.4C -375.4 284.4 -377 283 -379.5 283zM-383.4 285L-379.6 285C -378.2 285 -377.5 285.6 -377.5 286.9C -377.5 288.1 -378.6 288.69998 -379.6 288.69998L-379.6 288.69998L-383.4 288.69998L-383.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-368.9 295.8L-368.9 283.3L-360.1 283.3L-360.1 284.8L-367.3 284.8L-367.3 288.5L-360.5 288.5L-360.5 290L-367.3 290L-367.3 294.3L-360 294.3L-360 295.8L-368.9 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.4 283.5L-360.4 284.5L-367.5 284.5L-367.5 288.8L-360.8 288.8L-360.8 289.8L-367.5 289.8L-367.5 294.5L-360.3 294.5L-360.3 295.5L-368.59998 295.5L-368.59998 283.5L-360.4 283.5zM-368.6 283.5L-368.7 283.5L-368.6 283.5zM-359.9 283L-360.4 283L-368.6 283L-368.7 283L-369.1 283L-369.1 283.5L-369.1 295.5L-369.1 296L-368.6 296L-360.30002 296L-359.80002 296L-359.80002 295.5L-359.80002 294.5L-359.80002 294L-360.30002 294L-367.00003 294L-367.00003 290.3L-360.80002 290.3L-360.30002 290.3L-360.30002 289.8L-360.30002 288.8L-360.30002 288.3L-360.80002 288.3L-367.00003 288.3L-367.00003 285L-360.40002 285L-359.90002 285L-359.90002 284.5L-359.90002 283.5L-359.90002 283L-359.9 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-344.6 295.8L-347.4 285.7L-350.2 295.8L-351.8 295.8L-355.2 283.3L-353.5 283.3L-351 293L-348.2 283.3L-346.4 283.3L-343.7 293L-341.2 283.3L-339.6 283.3L-343 295.8L-344.6 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-339.9 283.5L-343.19998 295.5L-344.4 295.5L-347.4 284.8L-350.4 295.5L-351.6 295.5L-354.9 283.5L-353.69998 283.5L-350.99997 294L-347.99997 283.5L-346.59998 283.5L-343.69998 294L-340.99997 283.5L-339.9 283.5zM-339.2 283L-339.90002 283L-341.00003\n 283L-341.40002 283L-341.50003 283.4L-343.70004 292.1L-346.10004 283.4L-346.20004 283L-346.60004 283L-348.00003 283L-348.40002 283L-348.50003 283.4L-351.00003 292.1L-353.20004 283.4L-353.30005 283L-353.70004 283L-354.90005 283L-355.60007 283L-355.40005 283.6L-352.10007 295.6L-352.00006 296L-351.60007 296L-350.40005 296L-350.00006 296L-349.90005 295.6L-347.40005 286.6L-344.90005 295.6L-344.80005 296L-344.40005 296L-343.20004 296L-342.80005 296L-342.70004 295.6L-339.40005 283.6L-339.2 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-325.6 295.8L-327.1 292.09998L-332.2 292.09998L-333.6 295.8L-335.4 295.8L-330.4 283.3L-328.8 283.3L-323.9 295.8L-325.6 295.8zM-327.7 290.5L-329.6 285.3L-331.6 290.5L-327.7 290.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-328.9 283.5L-324.19998 295.5L-325.4 295.5L-326.9 291.8L-332.3 291.8L-333.69998 295.5L-334.99997 295.5L-330.19998 283.5L-328.9 283.5zM-332 290.8L-327.3 290.8L-329.59998 284.69998L-332 290.8zM-328.6 283L-328.9 283L-330.19998 283L-330.49997 283L-330.59998 283.3L-335.39996 295.3L-335.69995 296L-334.99994 296L-333.69995 296L-333.39996 296L-333.29996 295.7L-331.99997 292.30002L-327.29996 292.30002L-325.89996 295.7L-325.79996 296L-325.49997 296L-324.29996 296L-323.59995 296L-323.89993 295.3L-328.59995 283.3L-328.6 283zM-331.3 290.3L-329.59998 286.09998L-327.99997 290.3L-331.3 290.3z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-310 295.6L-310.1 295.5C -310.4 294.9 -310.4 294 -310.4 293.5C -310.5 291.6 -310.69998 290.3 -312.4 290.3L-312.4 290.3L-312.6 290.3L-316.7 290.3L-316.7 295.59998L-318.30002 295.59998L-318.30002 283.19998L-312.7 283.19998C -310.30002 283.19998 -308.80002 284.49997 -308.80002 286.49997C -308.80002 287.89996 -309.40002 288.89996 -310.50003 289.49997C -309.40002 289.99997 -309.10004 291.09998 -309.00003 292.19998C -309.00003 292.4 -309.00003 292.59998 -308.90002 292.9C -308.80002 293.69998 -308.80002 294.8 -308.40002 295.19998L-308.40002 295.19998L-308.10004 295.59998L-310 295.59998L-310 295.6zM-312.6 289C -311.4 289 -310.2 288.3 -310.2 286.9C -310.2 285.5 -311 284.8 -312.6 284.8L-312.6 284.8L-316.6 284.8L-316.6 289L-312.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-312.6 283.5C -310.6 283.5 -309 284.5 -309 286.6C -309 288.1 -309.8 289.30002 -311.3 289.6C -309.69998 289.80002 -309.3 290.9 -309.19998 292.30002C -309.09998 293.1 -309.09998 294.80002 -308.59998 295.40002L-308.59998 295.40002L-309.89996 295.40002C -310.19995 294.90002 -310.19995 294.00003 -310.19995 293.50003C -310.29996 291.80002 -310.39996 290.10004 -312.39996 290.10004C -312.49997 290.10004 -312.49997 290.10004 -312.59998 290.10004L-312.59998 290.10004L-316.89996 290.10004L-316.89996 295.40002L-317.99997 295.40002L-317.99997 283.50003L-312.6 283.50003L-312.6 283.5zM-316.9 289.2L-312.6 289.2C -311.2 289.2 -310 288.30002 -310 286.90002C -310 285.40002 -310.9 284.50003 -312.6 284.50003L-312.6 284.50003L-316.9 284.50003L-316.9 289.2zM-318 283.5L-318.1 283.5L-318 283.5zM-312.6 283L-318 283L-318.1 283L-318.5 283L-318.5 283.5L-318.5 295.4L-318.5 295.9L-318 295.9L-316.9 295.9L-316.4 295.9L-316.4 295.4L-316.4 290.6L-312.6 290.6C -312.5 290.6 -312.5 290.6 -312.4 290.6C -311 290.6 -310.8 291.5 -310.69998 293.5C -310.69998 294.2 -310.69998 295.1 -310.3 295.6L-310.3 295.6L-310.19998 295.80002L-309.9 295.80002L-308.6 295.80002L-307.5 295.80002L-308.2 295.00003C -308.5 294.70004 -308.6 293.50003 -308.6 292.80002C -308.6 292.50003 -308.6 292.30002 -308.7 292.1C -308.80002 291.1 -309 290 -309.90002 289.4C -309.00003 288.8 -308.50003 287.69998 -308.50003 286.4C -308.5 284.4 -310.1 283 -312.6 283zM-316.4 285L-312.6 285C -311.2 285 -310.5 285.6 -310.5 286.9C -310.5 288.1 -311.6 288.69998 -312.6 288.69998L-312.6 288.69998L-316.4 288.69998L-316.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-302 295.8L-302 283.3L-297.7 283.3C -293.90002 283.4 -291.90002 285.59998 -291.90002 289.59998C -291.90002 293.59998 -293.90002 295.69998 -297.60004 295.89996L-297.60004 295.89996L-302 295.89996L-302 295.8zM-298.3 294.3C -295 294.3 -293.69998 293 -293.69998 289.5C -293.69998 286 -294.99997 284.7 -298.3 284.7L-298.3 284.7L-300.5 284.7L-300.5 294.2L-298.3 294.2z' stroke='none' fill='%23FFFFFF'\n fill-rule='nonzero' /%3e%3cpath d='M-297.7 283.5C -294.1 283.6 -292.2 285.6 -292.2 289.5C -292.2 293.4 -294.1 295.4 -297.7 295.5L-297.7 295.5L-301.80002 295.5L-301.80002 283.5L-297.7 283.5zM-300.7 294.5L-298.30002 294.5C -294.90002 294.5 -293.40002 293.1 -293.40002 289.5C -293.40002 285.9 -294.90002 284.5 -298.30002 284.5L-298.30002 284.5L-300.7 284.5L-300.7 294.5zM-297.7 283L-301.80002 283L-302.30002 283L-302.30002 283.5L-302.30002 295.5L-302.30002 296L-301.80002 296L-297.7 296C -293.80002 295.9 -291.7 293.6 -291.7 289.5C -291.7 285.4 -293.8 283.1 -297.7 283zM-300.2 285L-298.30002 285C -295.1 285 -293.90002 286.2 -293.90002 289.5C -293.90002 292.8 -295.10004 294 -298.30002 294L-298.30002 294L-300.2 294L-300.2 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-386 264.4L-380.8 264.4L-380.8 265.8C -378.3 263.59998 -375 263.5 -372.9 264.8C -370.6 266.19998 -370.6 268.4 -370.6 270.8L-370.6 270.8L-370.6 278L-375.80002 278L-375.80002 272.2C -375.80002 270.90002 -375.7 269.2 -377.00003 268.30002C -377.60004 268.00003 -378.90002 268.00003 -379.60004 268.50003C -380.90002 269.50003 -380.80005 270.60004 -380.80005 272.50003L-380.80005 272.50003L-380.80005 278.00003L-386.00006 278.00003L-386.00006 264.4L-386 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.1 267.6C -359.30002 267.4 -358 267.6 -357.2 268.5C -356.40002 269.4 -356.1 270.6 -356.30002 271.6C -356.40002 272.6 -357.00003 273.6 -358.00003 274.2C -358.90002 274.7 -360.20004 274.7 -361.20004 274C -362.00003 273.4 -362.50003 272.4 -362.60004 271.4C -362.60004 270.5 -362.50003 269.3 -361.50003 268.3C -360.9 267.9 -360.5 267.7 -360.1 267.6zM-364.2 265C -366.40002 266.2 -367.5 268 -367.7 270.3C -367.90002 272.09998 -367.5 274.3 -366 275.9C -363.3 278.69998 -358.5 278.8 -355.8 277.9C -353.59998 277.1 -351.69998 275.9 -350.9 273C -350.4 271.1 -350.6 269.1 -351.9 267.3C -354.1 264 -358.69998 263.69998 -360.6 264C -361.7 264.1 -363.1 264.4 -364.2 265z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-324 270.7C -324 271 -324.1 271.2 -324.4 272.1L-324.4 272.1L-326.3 278.1L-331.59998 278.1L-336.8 264.4L-331.09998 264.4L-329.3 270.1C -329 271.1 -328.9 271.4 -328.9 271.7C -328.9 271.40002 -328.8 271.2 -328.5 270.1L-328.5 270.1L-326.7 264.4L-321.1 264.4L-319.30002 270.1C -319.00003 271.1 -319.00003 271.4 -319.00003 271.7C -319.00003 271.40002 -318.90002 271.2 -318.60004 270.1L-318.60004 270.1L-316.80005 264.4L-311.10004 264.4L-316.30005 278L-321.60004 278L-323.50003 272.1C -323.9 271.1 -323.9 271 -324 270.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-298.3 269.5L-304.4 269.5C -304 268 -303.1 267.5 -302.1 267.3C -301 267.1 -299.1 267.4 -298.3 269.5zM-294.7 266.5C -297.2 263.6 -302.2 263.5 -304.6 264.3C -306.9 265 -308.80002 266.19998 -309.6 269.19998C -310.2 271.4 -309.9 273.4 -308.7 275.3C -306.30002 278.8 -301.5 278.59998 -299.30002 278.3C -297.6 278 -294.50003 277.09998 -293.40002 274.09998L-293.40002 274.09998L-293.30002 273.99997L-298.40002 273.39996C -298.60004 273.59998 -298.7 273.79996 -299.2 274.19995C -300.1 274.79996 -301.90002 274.69995 -302.7 274.49994C -303.6 274.09995 -304.30002 273.09995 -304.40002 272.39993L-304.40002 272.39993L-292.90002 272.39993L-292.90002 272.19992C -292.8 270.3 -293.3 268 -294.7 266.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-283.7 268.4C -283 268.19998 -281.5 268.3 -280.80002 269.19998C -280.30002 269.69998 -280.1 270.3 -280.1 270.99997C -280.2 271.59998 -280.5 272.29996 -281.1 272.69998C -282 273.3 -283.4 273.19998 -284.30002 272.8C -284.90002 272.4 -285.40002 272 -285.50003 271.19998C -285.60004 270.69998 -285.50003 269.9 -285.00003 269.3C -284.6 268.8 -284.2 268.5 -283.7 268.4zM-290.2 278.6C -290.1 279.6 -289.80002 280.30002 -289.7 280.6C -288.40002 282.9 -286 283.4 -283.1 283.4C -280.2 283.4 -277.9 283.19998 -276.2 281.3C -274.7 279.5 -274.90002 277.3 -274.90002 275.3L-274.90002 275.3L-274.90002 264.4L-280.10004 264.4L-280.10004 265.6C -281.30005 264.5 -282.50003 264.1 -283.40002 264C -285.30002 263.7 -287.90002 264.4 -289.50003 266.4C -290.80002 268.1 -291.00003 270.5 -290.80002 272.19998C -290.50003 274.3 -289.40002 275.8 -287.50003 276.8C -285.40002 277.9 -282.10004 277.69998 -280.20004 276.09998C\n -280.20004 276.69998 -280.20004 277.89996 -280.40005 278.39996C -280.80005 279.19995 -281.50006 279.49997 -282.10007 279.59998C -282.60007 279.69998 -284.20007 279.99997 -284.70007 278.89996C -284.80008 278.69995 -284.80008 278.59998 -284.9001 278.49997L-284.9001 278.49997L-290.2 278.6z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-271 259.3L-265.8 259.3L-265.8 262.8L-271 262.8L-271 259.3zM-271 264.4L-265.8 264.4L-265.8 278L-271 278L-271 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-251.9 272C -252.4 273.7 -253.4 274.3 -254.7 274.5C -255.4 274.6 -256.7 274.7 -257.3 273.7C -257.4 273.5 -257.5 272.90002 -257.4 272.7C -257 271.90002 -256.3 272 -254.7 272L-254.7 272L-251.9 272zM-257.2 268.2C -257.1 267.90002 -257 267.6 -256.7 267.40002C -256 266.90002 -253.50002 267.00003 -252.90001 267.40002C -252.1 267.80002 -252.00002 268.40002 -251.90001 269.30002C -251.90001 269.30002 -253.50002 269.2 -254.6 269.30002C -255.90001 269.40002 -256.4 269.40002 -257.6 269.6C -259.9 269.9 -262.1 270.30002 -262.7 273C -263.1 274.9 -262.6 276.6 -260.80002 277.7L-260.80002 277.7L-260.7 277.80002C -258.1 278.90002 -254.80002 278.50003 -251.90001 276.80002C -251.90001 276.80002 -251.90001 277.6 -251.70001 278.00003L-251.70001 278.00003L-245.70001 278.00003C -246.30002 277.40002 -246.6 276.50003 -246.6 275.20004L-246.6 275.20004L-246.6 269.30005C -246.6 268.20004 -246.5 266.70004 -247.20001 265.80005C -248.40001 264.20004 -250.70001 263.80005 -254.6 263.80005C -257.80002 263.80005 -260 263.90005 -261.2 265.60004C -261.80002 266.40002 -261.90002 267.10004 -262 268.20004L-262 268.20004L-257.2 268.20004z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-242.7 264.4L-237.5 264.4L-237.5 265.8C -235 263.59998 -231.7 263.5 -229.6 264.8C -227.3 266.19998 -227.3 268.4 -227.3 270.8L-227.3 270.8L-227.3 278L-232.5 278L-232.5 272.2C -232.5 270.90002 -232.4 269.2 -233.7 268.40002C -234.3 268.00003 -235.59999 268.00003 -236.4 268.60004C -237.7 269.60004 -237.59999 270.70004 -237.59999 272.60004L-237.59999 272.60004L-237.59999 278.10004L-242.79999 278.10004L-242.7 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath d='M-338.6 264.2L-338.6 269.5C -340.2 269.5 -341.30002 269.7 -342.30002 270.4L-342.30002 270.4L-342.30002 278L-347.50003 278L-347.50003 264.4L-342.30002 264.4L-342.30002 266C -342.00003 265.5 -341.40002 265 -340.50003 264.6C -340.2 264.4 -339.2 264.2 -338.6 264.2z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M-220 289.7C -236.4 298.2 -252.6 303.40002 -260.4 301.80002C -267.19998 300.40002 -263.9 291.00003 -254.09999 283.30002L-254.09999 283.30002L-252.09999 283.30002C -259.8 289.80002 -260.4 297.90002 -255.49998 298.50003C -249.89998 299.20004 -235.69998 296.10004 -221.09998 289.40002L-221.09998 289.40002L-220 289.7z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cg%3e%3cpath d='M-203 278C -202.6 278 -202.1 278.1 -201.7 278.2C -201.4 278.30002 -201.3 278.30002 -201.09999 278.40002C -200.99998 278.40002 -200.9 278.50003 -200.79999 278.60004C -200.69998 278.70004 -200.69998 278.80005 -200.59999 278.90002C -200.49998 279.30002 -200.7 279.60004 -200.9 279.80002C -201.5 280.7 -202.4 281.40002 -203.29999 282.1C -204.19998 282.80002 -205.19998 283.4 -206.09999 284.1C -206.29999 284.2 -206.49998 284.30002 -206.7 284.4C -206.5 284.5 -206.4 284.5 -206.2 284.6C -206.2 284.6 -206.09999 284.7 -206 284.7C -205.7 284.6 -205.6 284.40002 -205.2 284.30002C -204.9 284.1 -204.7 284.1 -204.5 284.2C -204.3 284.30002 -204 284.5 -204 284.80002C -203.9 285.1 -203.9 285.40002 -204.1 285.80002C -202.90001 286.40002 -201.8 286.90002 -200.6 287.50003C -200.3 287.60004 -200.1 287.70004 -199.8 287.90002C -199.7 288.10004 -199.90001 288.30002 -200 288.40002C -200.4 288.60004 -200.8 288.90002 -201.3 289.00003C -201.8 288.90002 -202.3 288.80002 -202.8 288.70004C -203.6 288.50003 -204.3 288.40005 -205.1 288.20004C -205.70001 288.10004 -206.3 288.00003 -206.90001 287.90005C -207.40001 287.80005 -207.8 287.70004 -208.3 287.70004C -208.90001 287.60004 -209.5 287.60004 -210.1 287.60004C -210.8 287.60004 -211.5 287.60004 -212.3 287.50003C -213.40001 288.00003 -214.5 288.50003 -215.8 289.00003C -216.6 289.30002 -217.40001 289.60004 -218.2 289.80002C -217.9 290.1 -217.5\n 290.30002 -217.4 290.7C -217.4 290.80002 -217.5 290.80002 -217.5 290.80002C -217.7 290.90002 -217.8 290.90002 -218 291.00003C -218.8 290.80002 -219.6 290.60004 -220.4 290.40002L-220.4 290.40002L-220.59999 290.40002C -220.99998 290.50003 -221.59999 290.90002 -221.9 290.40002C -221.9 290.30002 -222 290.2 -222 290.10004C -222 290.00003 -222.1 290.00003 -222.2 289.90002C -222.4 289.80002 -222.5 289.80002 -222.59999 289.80002C -222.9 289.7 -223.09999 289.6 -223.29999 289.6C -223.9 289.4 -224.4 289.30002 -224.9 289.1C -225 289 -225 288.9 -224.9 288.7C -224.59999 288.5 -224.2 288.40002 -223.79999 288.5C -223.4 288.5 -222.99998 288.6 -222.69998 288.6C -223.19998 288.1 -223.59998 287.7 -223.99998 287.2C -224.09999 287.1 -224.19998 287 -224.19998 286.80002C -224.19998 286.7 -224.09998 286.6 -223.99998 286.50003C -223.89998 286.40002 -223.79999 286.40002 -223.69998 286.40002C -223.39998 286.2 -223.19998 286.10004 -222.89998 286.2C -222.09998 286.6 -221.39998 286.90002 -220.49998 287.30002C -220.29999 287.40002 -220.09999 287.50003 -219.89998 287.50003C -219.59998 287.40002 -219.59998 287.30002 -219.29997 287.20004C -219.19997 287.20004 -218.99997 287.00003 -218.89998 286.90005C -218.59998 286.70004 -218.39998 286.60007 -218.19998 286.40005C -217.69998 286.00006 -217.29999 285.80005 -216.89998 285.50006C -217.59998 285.20007 -218.29997 284.80005 -218.99998 284.50006C -219.69998 284.30005 -219.89998 284.20007 -220.59999 284.10007C -220.99998 284.00006 -221.59999 283.90005 -221.59999 283.80008C -222.49998 283.60007 -222.79999 283.5001 -223.59999 283.30008C -223.99998 283.10007 -224.49998 283.10007 -224.9 282.9001C -224.9 282.80008 -224.9 282.80008 -224.9 282.70007C -224.79999 282.50006 -224.5 282.30008 -224.29999 282.20007C -223.99998 282.10007 -223.79999 281.80008 -223.49998 281.70007C -222.79999 281.70007 -222.29999 281.80008 -221.59999 281.9001C -220.79999 282.0001 -219.9 282.1001 -219.09999 282.20007C -217.99998 282.30008 -216.9 282.4001 -215.79999 282.60007C -215.69998 282.60007 -215.59999 282.70007 -215.49998 282.60007C -215.39998 282.60007 -215.29999 282.60007 -215.19998 282.70007C -215.09998 282.70007 -214.99998 282.70007 -214.89998 282.70007C -214.39998 282.30008 -213.79997 281.80008 -213.19998 281.70007C -212.79999 281.70007 -212.49998 281.9001 -212.29999 282.20007C -211.09999 281.30008 -209.9 280.50006 -208.59999 279.9001C -207.4 279.30008 -206.29999 278.80008 -205.29999 278.5001C -204.59999 278.30008 -203.9 278.2001 -203.19998 278.1001C -203.2 278 -203.1 278 -203 278z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cpath d='M-202.2 278.7C -202.8 278.80002 -203.09999 278.90002 -203.8 279.2C -204.3 279.40002 -205.2 279.80002 -205.90001 280.1C -206.90001 280.6 -207.8 281.1 -208.90001 281.80002C -209.3 282.1 -210.1 282.7 -210.20001 282.80002C -210.80002 282.7 -211.40001 282.7 -212.00002 282.6L-212.00002 282.6L-211.90001 282.5C -211.1 281.8 -210.40001 281.4 -209.50002 280.9C -208.70001 280.4 -207.50002 279.8 -206.50002 279.4C -205.60002 279.1 -204.70001 278.8 -203.80002 278.6C -203.3 278.6 -202.8 278.6 -202.2 278.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-214.4 282.9C -214.2 282.8 -214.09999 282.69998 -213.9 282.6C -213.7 282.5 -213.59999 282.4 -213.5 282.4C -213.6 282.69998 -213.6 282.8 -213.5 283.1C -213.5 283.30002 -213.3 283.4 -213.3 283.4C -213.7 283.6 -214 283.9 -214.40001 284.1C -214.50002 284 -214.6 283.9 -214.6 283.7C -214.6 283.40002 -214.6 283.2 -214.6 283L-214.6 283L-214.4 282.9z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-215.1 286C -215.6 286.3 -216.1 286.5 -216.5 286.8C -217.4 287.3 -218.5 287.9 -219.8 288.5C -220.2 288.7 -220.5 288.8 -220.90001 288.7C -221.20001 288.7 -221.20001 288.7 -221.50002 288.6C -222.00002 288.1 -222.50002 287.6 -223.00002 287.1C -223.10002 287 -223.20001 286.9 -223.20001 286.80002L-223.20001 286.80002L-222.90001 286.6L-222.8 286.6C -222.1 286.9 -221.6 287.2 -220.90001 287.5C -220.6 287.6 -220.3 287.8 -220.1 287.9C -219.8 287.9 -219.6 287.8 -219.3 287.69998L-219.3 287.69998L-219.1 287.59998C -218.70001 287.3 -218.5 287.3 -218.3 287.09998C -217.5 286.59998 -216.90001 286.19998 -216.2 285.8L-216.2 285.8L-216 285.69998C -215.6 285.8 -215.4 285.9 -215.1 286z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('reward branding-img', 'large')\" />\n <img\n src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjczMzUgMTUuMTI1MUM0My4yNTc3IDE2LjE2NSA0Mi4xOTc3IDE3LjM5MyA0MC41ODc5IDE4Ljc3NzhMMzcuMTExNyAyMS43NjQyTDM3LjA3NDcgMjEuNzk1NUw0MS40MDQ3IDI5LjM0NjVDNDEuNTYwNyAyOS42MjA4IDQxLjUxODQgMjkuOTcwOSA0MS4yOTYzIDMwLjE5ODNMNDAuNjYxOSAzMC44NTE1TDMzLjcyMDIgMjYuMjk3M0wzNS4yMTM3IDI0LjEwMjZMMzQuNzQ1OCAyMy43OTY5TDMxLjM5MzkgMjYuNjc2MkMyNy45NTc1IDI5LjYxODIgMjQuMTAwNyAzMS4zMTY1IDIxLjMyNzcgMzEuMTEyOEMyMC4yMDY5IDMxLjAyOTEgMTkuMzM5OCAzMC42NDI0IDE4Ljc1MDMgMjkuOTYzMUMxNy4xMTQgMjguMDg5NyAxOC4wNjgzIDI0LjM3MTcgMjEuMTI5NCAyMC43MDA4TDIxLjQ4OSAyMC45MzU5QzE5Ljg2ODUgMjMuMTU0MiAxOS40NDU2IDI1LjI4MSAyMC40MDc4IDI2LjM2NTNDMjAuNzg4NCAyNi44MDQyIDIxLjMyNzcgMjcuMDUyNSAyMi4wMTI0IDI3LjEwMjFDMjMuNzEyMSAyNy4yMzAyIDI2LjEwOTcgMjYuMTI3NSAyOC40MjggMjQuMTU0OUwyOS4yOTI0IDIzLjM5NDZMMTguNjI2MSAxNi4zOTQ5TDE5LjI5NDkgMTUuODIwMUMxOS43NjgxIDE1LjQxNTEgMjAuNDI4OSAxNS4yODQ1IDIxLjAyMzcgMTUuNDgwNEwzNS44NjEzIDIwLjM4MkwzNi40MTEyIDE5LjkwOTFDMzUuMzA4OSAxOS4xNzIzIDM0LjI4ODUgMTcuODUwMiAzNC42MjQyIDE2LjY0NTdMMzcuMDU4OCAxNC41NTI5QzM3LjgyMjggMTMuODk3MSAzOC43MDU3IDEzLjQyNDIgMzkuNjg5MSAxMy4xNDQ2QzQwLjcxMjEgMTIuODUyIDQxLjU4NDUgMTIuODQ2OCA0Mi4xMzY5IDEyLjg5MTJDNDIuOTIyIDEyLjk1NjUgNDMuNTc3NiAxMy4xNzYgNDMuODA1IDEzLjQ1MjlDNDMuOTM5OCAxMy42MTQ5IDQ0LjIwMTQgMTQuMTAwOSA0My43MzA5IDE1LjEyNzdMNDMuNzMzNSAxNS4xMjUxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgMzEuMTI5Mkg0LjU4MjEzVjIxLjgyODVDNC41ODIxMyAxOS40NDYyIDUuODQ5MTIgMTguMDQyNiA3LjkyODYxIDE4LjA0MjZDMTAuMDA4MSAxOC4wNDI2IDEwLjk4MjUgMTkuMzQ5MSAxMC45ODI1IDIxLjc2MjlWMzEuMTI5MkgxNS41NjQ2VjIwLjk4MUMxNS41NjIyIDE2LjU3NTkgMTMuMDI4MSAxMy43Njg3IDguOTk5NzggMTMuNzY4N0M3LjAxNyAxMy43Njg3IDUuNDI1OTggMTQuNDg3NSA0LjQ4Mjk4IDE1LjgyNTVWMTQuMTU5N0gwVjMxLjEyNjhWMzEuMTI5MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'small')\" />\n <div [nasClass]=\"getClass('focus-border')\"></div>\n </div>\n </a>\n </div>\n <div [nasClass]=\"getClass('right-content')\">\n <nas-search [searchText]=\"searchText\" [searchForm]=\"searchForm\" *ngIf=\"searchForm\"></nas-search>\n\n <ng-template #linksTemplate let-link=\"link\">\n <nas-icon [icon]=\"link.icon\" [nasClass]=\"getClass('link-icon')\" *ngIf=\"link.icon\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{link.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else linksHref\">\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [routerLink]=\"link.link\" [nasClass]=\"getClass('link')\"\n [title]=\"link.description\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-container>\n\n <ng-template #linksHref>\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [href]=\"link.link\" [title]=\"link.description\"\n [nasClass]=\"getClass('link')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-template>\n\n <ng-container>\n <div *ngFor=\"let link of links\" [nasClass]=\"getClass('action')\">\n <nas-button link *ngIf=\"!link.link && link.action\" [nasClass]=\"getClass('button')\" [ngModel]=\"links\"\n (clickChange)=\"onLinkClick(link)\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </nas-button>\n </div>\n </ng-container>\n\n <span tabindex=\"0\" [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\n <span [nasClass]=\"!isAuthenticated ? getClass('logged-out') : getClass('')\">\n <ng-template #profileLinksTemplate>\n <nas-icon [icon]=\"profileLink.icon\" [nasClass]=\"getClass('link-icon')\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{profileLink.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else profileHref\">\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [routerLink]=\"profileLink.link\"\n [nasClass]=\"getClass('link')\" [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #profileHref>\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [href]=\"profileLink.link\" [nasClass]=\"getClass('link')\"\n [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-template>\n\n <ng-container>\n <nas-button link *ngIf=\"!profileLink.link && profileLink.action\" [nasClass]=\"getClass('button')\"\n [ngModel]=\"profileLink\" (clickChange)=\"onLinkClick(profileLink)\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </nas-button>\n </ng-container>\n\n <ng-template #logoutLinkTemplate let-link=\"link\">\n <span [nasClass]=\"getClass('link-logout')\">{{logOutLink?.title}}</span>\n </ng-template>\n <span *ngIf=\"!walletModel; else wallet\">\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #logoutHref>\n <a [href]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n </span>\n </span>\n <ng-template #wallet>\n <span tabindex=\"0\" [nasClass]=\"getClass('wallet')\" *ngIf=\"isAuthenticated\">\n <nas-wallet [walletModel]=\"walletModel\"></nas-wallet>\n </span>\n </ng-template>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"!expanded\">{{menuText}}</span>\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"expanded\">{{closeText}}</span>\n <span [nasClass]=\"getClass('toggle-icon')\">\n <nas-hamburger tabindex=\"0\" [nasClass]=\"getClass('burger-border')\" [expanded]=\"expanded\"></nas-hamburger>\n </span>\n </button>\n </div>\n </div>\n <nav [nasClass]=\"getClass('menu', animateOut && 'animate-out')\"\n [style.display]=\"expanded || animateOut ? 'block' : 'none'\" (click)=\"menuClick($event)\" tabIndex=\"-1\" #menu>\n <ng-content></ng-content>\n </nav>\n</header>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}a,.link,.nas-page-header__link-logout{color:#b12a0b;cursor:pointer;text-decoration:underline}a:hover,a:focus,.link:hover,.nas-page-header__link-logout:hover,.link:focus,.nas-page-header__link-logout:focus{color:#15273f;border-color:#15273f}a--disabled,.link--disabled{color:#15273f;border-bottom:2px solid #E9E7E4;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#15273f;border-color:#e9e7e4}.link--light{color:#fff;border-bottom:2px solid #FFFFFF}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#15273f}.link--secondary:hover,.link--secondary:focus{color:#b12a0b}*:focus-visible{outline:none}.nas-page-header{position:relative;z-index:40;height:70px;display:flex;background-color:#fff;align-items:center}.nas-page-header__menu{position:fixed;top:70px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 36px;color:#fff;outline:0;background-color:#e5212d;z-index:30;animation:menu-in .3s cubic-bezier(0,0,.1,1) both}.nas-page-header__menu .nas-container{padding:0}.nas-page-header__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header__menu--item-logout{display:none}}.nas-page-header__menu a{color:#fff;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:32px;margin-bottom:24px}@media (max-width: 639px){.nas-page-header__menu a{font-size:24px}}.nas-page-header__menu .nas-icon-list__item:first-child{border-top:none}.nas-page-header__menu .nas-icon-list__item{border-top:2px solid #E5212D;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header__menu .nas-icon-list__item a{font-size:24px;line-height:32px;border-bottom-width:2px}@media (max-width: 639px){.nas-page-header__menu .nas-icon-list__item a{font-size:20px;line-height:28px}}.nas-page-header__menu .nas-icon-list__item p{margin-bottom:0}.nas-page-header__menu--animate-out{animation:menu-out .2s ease-in both}.nas-page-header__content{position:relative;display:flex;align-items:stretch;height:70px;justify-content:flex-start;margin-right:auto}.nas-page-header__right-content{position:unset;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}@media (min-width: 640px){.nas-page-header__right-content{position:relative}}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__toggle--text{display:none}@media (min-width: 640px){.nas-page-header__toggle--text{display:block}}.nas-page-header__burger-border:focus-visible{outline:2px solid #FFFFFF;padding:11px 9px 6px}.nas-page-header__toggle-icon{display:inline-flex;height:70px;align-items:center;justify-content:center;margin-left:16px;padding-top:3px;margin-right:16px}@media (min-width: 640px){.nas-page-header__toggle-icon{width:70px;background-color:#e5212d;margin-right:0}}.nas-page-header__branding,.nas-page-header__disable-link{position:relative;display:flex;align-items:center;border:0;padding:0 16px;height:70px;background-color:#e5212d}@media (min-width: 1000px){.nas-page-header__branding,.nas-page-header__disable-link{width:232px}.nas-page-header__branding:before,.nas-page-header__disable-link:before{left:-9px;width:6px}}.nas-page-header__disable-link{pointer-events:none;cursor:default}.nas-page-header__authentication{display:flex;margin-right:3px}.nas-page-header__authentication .nas-page-header__link{margin-right:9px}.nas-page-header__authentication .nas-page-header__button{display:flex;margin-right:36px}.nas-page-header__authentication:focus-visible{outline:2px solid #0978E8;border-radius:4px;padding:2px}@media (min-width: 640px){.nas-page-header__authentication{margin-right:24px}}.nas-page-header__logged-out{background-color:#15273f;position:relative;display:flex;align-items:center;border-radius:4px;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 12px}.nas-page-header__logged-out .nas-page-header__link{color:#fff;margin-right:9px}.nas-page-header__logged-out .nas-page-header__link-static{color:#fff}.nas-page-header__logged-out .nas-button--link{color:#fff!important}.nas-page-header__logged-out:focus-visible{border:2px solid #0978E8;border-radius:4px;padding:2px}.nas-page-header__img-container:focus-visible .nas-page-header__focus-border{display:inline-block}.nas-page-header__focus-border{display:none;position:absolute;top:25%;left:10%;width:80%;height:50%;border:2px solid #FFFFFF;box-sizing:border-box;pointer-events:none}.nas-page-header__branding-img--small{display:block;height:44px}@media (min-width: 1000px){.nas-page-header__branding-img--small{display:none}}.nas-page-header__branding-img--large{display:none;height:70px}@media (min-width: 1000px){.nas-page-header__branding-img--large{display:block}}.nas-page-header__link{display:inline-block;align-items:center;align-self:center;color:#0a2033;border:0;margin-right:12px}@media (min-width: sm){.nas-page-header__link{margin-right:24px}}@media (min-width: 1000px){.nas-page-header__link{margin-right:36px}}.nas-page-header__link-static{color:#0a2033;display:inline-block;margin-right:12px}.nas-page-header__link-icon{margin-top:-2px;margin-right:6px;align-content:center}.nas-page-header__link-icon .nas-icon-small{transform:scale(.6667)}.nas-page-header__link-text{border-bottom:2px solid transparent}.nas-page-header__link-logout{display:none}@media (min-width: 1000px){.nas-page-header__link-logout{display:block;margin-right:9px}}.nas-page-header .nas-search{display:none;margin-right:24px}@media (min-width: 1000px){.nas-page-header .nas-search{display:flex}}.nas-page-header .nas-button--link{color:#0a2033;border-color:transparent;font-weight:400}.nas-page-header__reward{margin:0 0 12px}.nas-page-header__button{margin-right:36px}.nas-page-header__action{margin-left:auto}@keyframes menu-in{0%{transform:translateY(-100%)}}@keyframes menu-out{to{transform:translateY(-100%)}}\n"] }]
|
|
9496
|
+
args: [{ selector: 'nas-page-header', encapsulation: ViewEncapsulation.None, template: "<header>\n <div [nasClass]=\"getClass('')\" [style.zIndex]=\"exists(nozindex) && '0'\">\n <div [nasClass]=\"getClass('content')\">\n <a [href]=\"redirectToUrl()\" [nasClass]=\"getClass(setBrandingCSSClass())\">\n <div tabindex=\"0\" [nasClass]=\"getClass('img-container')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRGVzaWduIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjggMTk4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzUuNzMsNjIuNDVjLTIyLjE3LDAtMzcuNjIsMTUuNDUtMzcuNjIsMzYuNTVzMTUuNDUsMzYuNTUsMzcuNjIsMzYuNTUsMzcuNjItMTUuMzIsMzcuNjItMzYuNTUtMTUuNDUtMzYuNTUtMzcuNjItMzYuNTVaTTE1Ny4zMiw5OWMwLTEwLjg4LDcuNjYtMTguOTUsMTguNDEtMTguOTVzMTguNDEsOC4wNiwxOC40MSwxOC45NS03LjY2LDE4Ljk1LTE4LjQxLDE4Ljk1LTE4LjQxLTguMDYtMTguNDEtMTguOTVaTTI0Mi43MSwxMzMuOTR2LTMxLjk4YzAtMTUuMDUsOC44Ny0yMC40MiwxOS44OS0yMS4yM3YtMTcuNzRjLTguMDYuMjctMTYuMTIsMy42My0yMC4yOSw5LjY3di04LjZoLTE4LjU0djY5Ljg3aDE4Ljk1Wk0zMzcuNiw2NC4wNmgtMjQuNzJjLTMuMzYsMjEuNS00LjU3LDI2LjItMTIuNjMsNTEuNi01Ljc4LTIzLjI1LTYuODUtMjkuNDMtOC44Ny01MS42aC0xOS4yMmMyLjU1LDI0LjcyLDcuMzksNDcuODQsMTQuNTEsNjkuODdoMjQuNDZjNy4yNi0yMC40MiwxMS40Mi0zNS4wNywxNC4xMS00OS44NSwyLjY5LDE0Ljc4LDYuODUsMjkuNDMsMTQuMTEsNDkuODVoMjQuNDZjNy4xMi0yMi4wNCwxMS45Ni00NS4xNSwxNC41MS02OS44N2gtMTkuMjJjLTIuMDIsMjIuMTctMy4wOSwyOC4zNS04Ljg3LDUxLjYtOC4wNi0yNS40LTkuMjctMzAuMS0xMi42My01MS42Wk00MjEuOTgsMTM1LjU1YzE2LjI2LDAsMjkuMDItOC4zMywzNS42MS0yMy4yNWgtMjIuMDRjLTMuMjMsNC4wMy03LjY2LDYuMDUtMTMuNDQsNi4wNS05LDAtMTUuNDUtNC45Ny0xNy42LTEyLjloNTQuNjl2LTUuMTFjMC0yMi4wNC0xNS4wNS0zNy44OS0zNy4wOS0zNy44OXMtMzcuMzYsMTUuMzItMzcuMzYsMzYuNTUsMTUuNDUsMzYuNTUsMzcuMjIsMzYuNTVaTTQwNC45Miw5MS4zNGMyLjU1LTcuMTIsOC42LTExLjY5LDE3LjMzLTExLjY5czE0LjM4LDQuNDMsMTYuOCwxMS42OWgtMzQuMTNaTTUwNC45NSwxNTkuNzRjMjAuNTYsMCwzMy4wNi0xMi42MywzMy4wNi0zMy4xOXYtNjIuNDhoLTE4LjU0djYuNThjLTMuNzYtNC45Ny0xMS4yOS04LjItMTkuMjItOC4yLTE4LjU0LDAtMzIuMjUsMTQuNjUtMzIuMjUsMzQuMjdzMTMuODQsMzQuMjcsMzIuMjUsMzQuMjdjNy42NiwwLDE1LjA1LTMuMDksMTguODEtNy43OXYyLjgyYzAsMTAuMzUtNS4xMSwxNi4yNi0xNC4yNCwxNi4yNi01Ljc4LDAtMTAuMzUtMi40Mi0xMS45Ni02LjMyaC0yMi4zMWMzLjYzLDE0LjUxLDE2LjkzLDIzLjc4LDM0LjQsMjMuNzhaTTUwMy42MSwxMTMuMzhjLTkuNjcsMC0xNi4zOS02LjcyLTE2LjM5LTE2LjY2czYuNTgtMTYuNjYsMTYuMzktMTYuNjYsMTYuNTMsNi44NSwxNi41MywxNi42Ni02LjcyLDE2LjY2LTE2LjUzLDE2LjY2Wk01ODUuODQsODUuNDNoMjAuOTZjMS40OC00LjAzLDUuMjQtNi4zMiwxMC40OC02LjMyLDUuNTEsMCw4Ljg3LDIuNDIsOC44Nyw2LjE4LDAsMy4wOS0yLjI4LDQuODQtNi45OSw1LjM4bC0xMS4wMiwxLjM0Yy0xNS45OSwxLjg4LTI0LjA1LDktMjQuMDUsMjEuMzcsMCwxMy4zLDkuNTQsMjIuMTcsMjQuMTksMjIuMTcsNy43OSwwLDE0LjY1LTMuMjIsMTguMjgtOC40N3Y2Ljg1aDE4LjU0di00Ni4wOWMwLTE2LjM5LTkuODEtMjUuNC0yNy45NS0yNS40LTE2LjEzLDAtMjcuMDEsOC4wNi0zMS4zMSwyMi45OFpNNjAzLjA0LDExMS45YzAtMy42MywyLjQyLTUuNzgsOC4yLTYuNThsNy43OS0xLjA4YzIuNjktLjQsNC45Ny0uOTQsNy4xMi0xLjQ4djEuNjFjMCw4Ljg3LTUuMTEsMTQuMzgtMTMuODQsMTQuMzgtNS41MSwwLTkuMjctMi42OS05LjI3LTYuODVaTTY1OS4zLDEzMy45NGgxOC45NXYtMzguM2MwLTkuODEsNS4yNC0xNS41OSwxMy44NC0xNS41OXMxMi42Myw1LjM4LDEyLjYzLDE1LjMydjM4LjU3aDE4Ljk1di00MS43OWMwLTE4LjE0LTEwLjQ4LTI5LjctMjcuMTQtMjkuNy04LjIsMC0xNC43OCwyLjk2LTE4LjY4LDguNDd2LTYuODVoLTE4LjU0djY5Ljg3Wk01NTAuMzMsNDcuNGMwLTcuMTIsNS4yNC0xMS45NiwxMS45Ni0xMS45NnMxMS45Niw0Ljg0LDExLjk2LDExLjk2LTUuMjQsMTEuOTYtMTEuOTYsMTEuOTYtMTEuOTYtNC44NC0xMS45Ni0xMS45NlpNNTcxLjcsNjQuMDZ2NjkuODdoLTE4Ljk1di02OS44N2gxOC45NVpNNjQsMTMzLjk0aDE4Ljk1di0zOC4zYzAtOS44MSw1LjI0LTE1LjU5LDEzLjg0LTE1LjU5czEyLjYzLDUuMzgsMTIuNjMsMTUuMzJ2MzguNTdoMTguOTV2LTQxLjc5YzAtMTguMTQtMTAuNDgtMjkuNy0yNy4xNC0yOS43LTguMiwwLTE0Ljc4LDIuOTYtMTguNjgsOC40N3YtNi44NWgtMTguNTR2NjkuODdaTTg2Mi43OSw2Mi44NWMtMi4xNCw0LjczLTYuODksMTAuMzEtMTQuMTIsMTYuNTlsLTE1LjYxLDEzLjU3LS4xNy4xNSwxOS40NCwzNC4zMWMuNzEsMS4yNS41MSwyLjg0LS40OSwzLjg3bC0yLjg1LDIuOTctMzEuMTctMjAuNyw2LjcxLTkuOTctMi4xLTEuMzktMTUuMDUsMTMuMDhjLTE1LjQzLDEzLjM3LTMyLjc1LDIxLjA5LTQ1LjIxLDIwLjE1LTUuMDQtLjM4LTguOTMtMi4xNC0xMS41Ny01LjIzLTcuMzUtOC41MS0zLjA2LTI1LjQxLDEwLjY4LTQyLjA5bDEuNjEsMS4wN2MtNy4yNywxMC4wOC05LjE4LDE5Ljc0LTQuODUsMjQuNjYsMS43MSwxLjk5LDQuMTMsMy4xMiw3LjIxLDMuMzUsNy42My41OCwxOC40LTQuNDMsMjguODEtMTMuMzlsMy44OC0zLjQ1LTQ3LjktMzEuOCwzLjAxLTIuNjFjMi4xMi0xLjg0LDUuMDktMi40Myw3Ljc2LTEuNTRsNjYuNjMsMjIuMjcsMi40OC0yLjE1Yy00Ljk2LTMuMzQtOS41My05LjM2LTguMDMtMTQuODJsMTAuOTQtOS41MWMzLjQzLTIuOTgsNy40LTUuMTMsMTEuODEtNi40LDQuNi0xLjMyLDguNTEtMS4zNSwxMC45OS0xLjE1LDMuNTIuMyw2LjQ2LDEuMyw3LjUsMi41NS42LjczLDEuNzgsMi45NC0uMzQsNy42WiIvPgo8L3N2Zz4=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'large')\" />\n <img *ngIf=\"reward\"\n src=\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='1024' height='768'%3e%3cg transform='matrix(5.496511 0 0 5.496511 2121.6533 -1156.9468)'%3e%3cg%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-376.9 295.6L-377 295.5C -377.3 294.9 -377.3 294 -377.3 293.5C -377.4 291.6 -377.59998 290.3 -379.3 290.3L-379.3 290.3L-379.5 290.3L-383.7 290.3L-383.7 295.59998L-385.30002 295.59998L-385.30002 283.19998L-379.50003 283.19998C -377.10004 283.19998 -375.60004 284.49997 -375.60004 286.49997C -375.60004 287.89996 -376.20004 288.89996 -377.30005 289.49997C -376.20004 289.99997 -375.90005 291.09998 -375.80005 292.19998C -375.80005 292.4 -375.80005 292.59998 -375.70004 292.9C -375.60004 293.69998 -375.60004 294.8 -375.20004 295.19998L-375.20004 295.19998L-374.90005 295.59998L-376.9 295.59998L-376.9 295.6zM-379.6 289C -378.4 289 -377.2 288.3 -377.2 286.9C -377.2 285.5 -378 284.8 -379.6 284.8L-379.6 284.8L-383.6 284.8L-383.6 289L-379.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-379.5 283.5C -377.5 283.5 -375.9 284.5 -375.9 286.6C -375.9 288.1 -376.69998 289.30002 -378.19998 289.6C -376.59998 289.80002 -376.19998 290.9 -376.09998 292.30002C -375.99997 293.1 -375.99997 294.80002 -375.49997 295.40002L-375.49997 295.40002L-376.79996 295.40002C -377.09995 294.90002 -377.09995 294.00003 -377.09995 293.50003C -377.19995 291.80002 -377.29996 290.10004 -379.29996 290.10004C -379.39996 290.10004 -379.39996 290.10004 -379.49997 290.10004L-379.49997 290.10004L-383.89996 290.10004L-383.89996 295.40002L-384.99997 295.40002L-384.99997 283.50003L-379.5 283.50003L-379.5 283.5zM-383.9 289.2L-379.6 289.2C -378.2 289.2 -377 288.30002 -377 286.90002C -377 285.40002 -377.9 284.50003 -379.6 284.50003L-379.6 284.50003L-383.9 284.50003L-383.9 289.2zM-379.5 283L-385 283L-385.5 283L-385.5 283.5L-385.5 295.4L-385.5 295.9L-385 295.9L-383.9 295.9L-383.4 295.9L-383.4 295.4L-383.4 290.6L-379.5 290.6C -379.4 290.6 -379.4 290.6 -379.3 290.6C -377.9 290.6 -377.69998 291.5 -377.59998 293.5C -377.59998 294.2 -377.59998 295.1 -377.19998 295.6L-377.19998 295.6L-377.09998 295.80002L-376.8 295.80002L-375.5 295.80002L-374.4 295.80002L-375.1 295.00003C -375.4 294.70004 -375.5 293.50003 -375.5 292.80002C -375.5 292.50003 -375.5 292.30002 -375.6 292.1C -375.7 291.1 -375.9 290 -376.80002 289.4C -375.90002 288.8 -375.40002 287.69998 -375.40002 286.4C -375.4 284.4 -377 283 -379.5 283zM-383.4 285L-379.6 285C -378.2 285 -377.5 285.6 -377.5 286.9C -377.5 288.1 -378.6 288.69998 -379.6 288.69998L-379.6 288.69998L-383.4 288.69998L-383.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-368.9 295.8L-368.9 283.3L-360.1 283.3L-360.1 284.8L-367.3 284.8L-367.3 288.5L-360.5 288.5L-360.5 290L-367.3 290L-367.3 294.3L-360 294.3L-360 295.8L-368.9 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.4 283.5L-360.4 284.5L-367.5 284.5L-367.5 288.8L-360.8 288.8L-360.8 289.8L-367.5 289.8L-367.5 294.5L-360.3 294.5L-360.3 295.5L-368.59998 295.5L-368.59998 283.5L-360.4 283.5zM-368.6 283.5L-368.7 283.5L-368.6 283.5zM-359.9 283L-360.4 283L-368.6 283L-368.7 283L-369.1 283L-369.1 283.5L-369.1 295.5L-369.1 296L-368.6 296L-360.30002 296L-359.80002 296L-359.80002 295.5L-359.80002 294.5L-359.80002 294L-360.30002 294L-367.00003 294L-367.00003 290.3L-360.80002 290.3L-360.30002 290.3L-360.30002 289.8L-360.30002 288.8L-360.30002 288.3L-360.80002 288.3L-367.00003 288.3L-367.00003 285L-360.40002 285L-359.90002 285L-359.90002 284.5L-359.90002 283.5L-359.90002 283L-359.9 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-344.6 295.8L-347.4 285.7L-350.2 295.8L-351.8 295.8L-355.2 283.3L-353.5 283.3L-351 293L-348.2 283.3L-346.4 283.3L-343.7 293L-341.2 283.3L-339.6 283.3L-343 295.8L-344.6 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-339.9 283.5L-343.19998 295.5L-344.4 295.5L-347.4 284.8L-350.4 295.5L-351.6 295.5L-354.9 283.5L-353.69998 283.5L-350.99997 294L-347.99997 283.5L-346.59998 283.5L-343.69998 294L-340.99997 283.5L-339.9 283.5zM-339.2 283L-339.90002 283L-341.00003\n 283L-341.40002 283L-341.50003 283.4L-343.70004 292.1L-346.10004 283.4L-346.20004 283L-346.60004 283L-348.00003 283L-348.40002 283L-348.50003 283.4L-351.00003 292.1L-353.20004 283.4L-353.30005 283L-353.70004 283L-354.90005 283L-355.60007 283L-355.40005 283.6L-352.10007 295.6L-352.00006 296L-351.60007 296L-350.40005 296L-350.00006 296L-349.90005 295.6L-347.40005 286.6L-344.90005 295.6L-344.80005 296L-344.40005 296L-343.20004 296L-342.80005 296L-342.70004 295.6L-339.40005 283.6L-339.2 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-325.6 295.8L-327.1 292.09998L-332.2 292.09998L-333.6 295.8L-335.4 295.8L-330.4 283.3L-328.8 283.3L-323.9 295.8L-325.6 295.8zM-327.7 290.5L-329.6 285.3L-331.6 290.5L-327.7 290.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-328.9 283.5L-324.19998 295.5L-325.4 295.5L-326.9 291.8L-332.3 291.8L-333.69998 295.5L-334.99997 295.5L-330.19998 283.5L-328.9 283.5zM-332 290.8L-327.3 290.8L-329.59998 284.69998L-332 290.8zM-328.6 283L-328.9 283L-330.19998 283L-330.49997 283L-330.59998 283.3L-335.39996 295.3L-335.69995 296L-334.99994 296L-333.69995 296L-333.39996 296L-333.29996 295.7L-331.99997 292.30002L-327.29996 292.30002L-325.89996 295.7L-325.79996 296L-325.49997 296L-324.29996 296L-323.59995 296L-323.89993 295.3L-328.59995 283.3L-328.6 283zM-331.3 290.3L-329.59998 286.09998L-327.99997 290.3L-331.3 290.3z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-310 295.6L-310.1 295.5C -310.4 294.9 -310.4 294 -310.4 293.5C -310.5 291.6 -310.69998 290.3 -312.4 290.3L-312.4 290.3L-312.6 290.3L-316.7 290.3L-316.7 295.59998L-318.30002 295.59998L-318.30002 283.19998L-312.7 283.19998C -310.30002 283.19998 -308.80002 284.49997 -308.80002 286.49997C -308.80002 287.89996 -309.40002 288.89996 -310.50003 289.49997C -309.40002 289.99997 -309.10004 291.09998 -309.00003 292.19998C -309.00003 292.4 -309.00003 292.59998 -308.90002 292.9C -308.80002 293.69998 -308.80002 294.8 -308.40002 295.19998L-308.40002 295.19998L-308.10004 295.59998L-310 295.59998L-310 295.6zM-312.6 289C -311.4 289 -310.2 288.3 -310.2 286.9C -310.2 285.5 -311 284.8 -312.6 284.8L-312.6 284.8L-316.6 284.8L-316.6 289L-312.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-312.6 283.5C -310.6 283.5 -309 284.5 -309 286.6C -309 288.1 -309.8 289.30002 -311.3 289.6C -309.69998 289.80002 -309.3 290.9 -309.19998 292.30002C -309.09998 293.1 -309.09998 294.80002 -308.59998 295.40002L-308.59998 295.40002L-309.89996 295.40002C -310.19995 294.90002 -310.19995 294.00003 -310.19995 293.50003C -310.29996 291.80002 -310.39996 290.10004 -312.39996 290.10004C -312.49997 290.10004 -312.49997 290.10004 -312.59998 290.10004L-312.59998 290.10004L-316.89996 290.10004L-316.89996 295.40002L-317.99997 295.40002L-317.99997 283.50003L-312.6 283.50003L-312.6 283.5zM-316.9 289.2L-312.6 289.2C -311.2 289.2 -310 288.30002 -310 286.90002C -310 285.40002 -310.9 284.50003 -312.6 284.50003L-312.6 284.50003L-316.9 284.50003L-316.9 289.2zM-318 283.5L-318.1 283.5L-318 283.5zM-312.6 283L-318 283L-318.1 283L-318.5 283L-318.5 283.5L-318.5 295.4L-318.5 295.9L-318 295.9L-316.9 295.9L-316.4 295.9L-316.4 295.4L-316.4 290.6L-312.6 290.6C -312.5 290.6 -312.5 290.6 -312.4 290.6C -311 290.6 -310.8 291.5 -310.69998 293.5C -310.69998 294.2 -310.69998 295.1 -310.3 295.6L-310.3 295.6L-310.19998 295.80002L-309.9 295.80002L-308.6 295.80002L-307.5 295.80002L-308.2 295.00003C -308.5 294.70004 -308.6 293.50003 -308.6 292.80002C -308.6 292.50003 -308.6 292.30002 -308.7 292.1C -308.80002 291.1 -309 290 -309.90002 289.4C -309.00003 288.8 -308.50003 287.69998 -308.50003 286.4C -308.5 284.4 -310.1 283 -312.6 283zM-316.4 285L-312.6 285C -311.2 285 -310.5 285.6 -310.5 286.9C -310.5 288.1 -311.6 288.69998 -312.6 288.69998L-312.6 288.69998L-316.4 288.69998L-316.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-302 295.8L-302 283.3L-297.7 283.3C -293.90002 283.4 -291.90002 285.59998 -291.90002 289.59998C -291.90002 293.59998 -293.90002 295.69998 -297.60004 295.89996L-297.60004 295.89996L-302 295.89996L-302 295.8zM-298.3 294.3C -295 294.3 -293.69998 293 -293.69998 289.5C -293.69998 286 -294.99997 284.7 -298.3 284.7L-298.3 284.7L-300.5 284.7L-300.5 294.2L-298.3 294.2z' stroke='none' fill='%23FFFFFF'\n fill-rule='nonzero' /%3e%3cpath d='M-297.7 283.5C -294.1 283.6 -292.2 285.6 -292.2 289.5C -292.2 293.4 -294.1 295.4 -297.7 295.5L-297.7 295.5L-301.80002 295.5L-301.80002 283.5L-297.7 283.5zM-300.7 294.5L-298.30002 294.5C -294.90002 294.5 -293.40002 293.1 -293.40002 289.5C -293.40002 285.9 -294.90002 284.5 -298.30002 284.5L-298.30002 284.5L-300.7 284.5L-300.7 294.5zM-297.7 283L-301.80002 283L-302.30002 283L-302.30002 283.5L-302.30002 295.5L-302.30002 296L-301.80002 296L-297.7 296C -293.80002 295.9 -291.7 293.6 -291.7 289.5C -291.7 285.4 -293.8 283.1 -297.7 283zM-300.2 285L-298.30002 285C -295.1 285 -293.90002 286.2 -293.90002 289.5C -293.90002 292.8 -295.10004 294 -298.30002 294L-298.30002 294L-300.2 294L-300.2 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-386 264.4L-380.8 264.4L-380.8 265.8C -378.3 263.59998 -375 263.5 -372.9 264.8C -370.6 266.19998 -370.6 268.4 -370.6 270.8L-370.6 270.8L-370.6 278L-375.80002 278L-375.80002 272.2C -375.80002 270.90002 -375.7 269.2 -377.00003 268.30002C -377.60004 268.00003 -378.90002 268.00003 -379.60004 268.50003C -380.90002 269.50003 -380.80005 270.60004 -380.80005 272.50003L-380.80005 272.50003L-380.80005 278.00003L-386.00006 278.00003L-386.00006 264.4L-386 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.1 267.6C -359.30002 267.4 -358 267.6 -357.2 268.5C -356.40002 269.4 -356.1 270.6 -356.30002 271.6C -356.40002 272.6 -357.00003 273.6 -358.00003 274.2C -358.90002 274.7 -360.20004 274.7 -361.20004 274C -362.00003 273.4 -362.50003 272.4 -362.60004 271.4C -362.60004 270.5 -362.50003 269.3 -361.50003 268.3C -360.9 267.9 -360.5 267.7 -360.1 267.6zM-364.2 265C -366.40002 266.2 -367.5 268 -367.7 270.3C -367.90002 272.09998 -367.5 274.3 -366 275.9C -363.3 278.69998 -358.5 278.8 -355.8 277.9C -353.59998 277.1 -351.69998 275.9 -350.9 273C -350.4 271.1 -350.6 269.1 -351.9 267.3C -354.1 264 -358.69998 263.69998 -360.6 264C -361.7 264.1 -363.1 264.4 -364.2 265z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-324 270.7C -324 271 -324.1 271.2 -324.4 272.1L-324.4 272.1L-326.3 278.1L-331.59998 278.1L-336.8 264.4L-331.09998 264.4L-329.3 270.1C -329 271.1 -328.9 271.4 -328.9 271.7C -328.9 271.40002 -328.8 271.2 -328.5 270.1L-328.5 270.1L-326.7 264.4L-321.1 264.4L-319.30002 270.1C -319.00003 271.1 -319.00003 271.4 -319.00003 271.7C -319.00003 271.40002 -318.90002 271.2 -318.60004 270.1L-318.60004 270.1L-316.80005 264.4L-311.10004 264.4L-316.30005 278L-321.60004 278L-323.50003 272.1C -323.9 271.1 -323.9 271 -324 270.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-298.3 269.5L-304.4 269.5C -304 268 -303.1 267.5 -302.1 267.3C -301 267.1 -299.1 267.4 -298.3 269.5zM-294.7 266.5C -297.2 263.6 -302.2 263.5 -304.6 264.3C -306.9 265 -308.80002 266.19998 -309.6 269.19998C -310.2 271.4 -309.9 273.4 -308.7 275.3C -306.30002 278.8 -301.5 278.59998 -299.30002 278.3C -297.6 278 -294.50003 277.09998 -293.40002 274.09998L-293.40002 274.09998L-293.30002 273.99997L-298.40002 273.39996C -298.60004 273.59998 -298.7 273.79996 -299.2 274.19995C -300.1 274.79996 -301.90002 274.69995 -302.7 274.49994C -303.6 274.09995 -304.30002 273.09995 -304.40002 272.39993L-304.40002 272.39993L-292.90002 272.39993L-292.90002 272.19992C -292.8 270.3 -293.3 268 -294.7 266.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-283.7 268.4C -283 268.19998 -281.5 268.3 -280.80002 269.19998C -280.30002 269.69998 -280.1 270.3 -280.1 270.99997C -280.2 271.59998 -280.5 272.29996 -281.1 272.69998C -282 273.3 -283.4 273.19998 -284.30002 272.8C -284.90002 272.4 -285.40002 272 -285.50003 271.19998C -285.60004 270.69998 -285.50003 269.9 -285.00003 269.3C -284.6 268.8 -284.2 268.5 -283.7 268.4zM-290.2 278.6C -290.1 279.6 -289.80002 280.30002 -289.7 280.6C -288.40002 282.9 -286 283.4 -283.1 283.4C -280.2 283.4 -277.9 283.19998 -276.2 281.3C -274.7 279.5 -274.90002 277.3 -274.90002 275.3L-274.90002 275.3L-274.90002 264.4L-280.10004 264.4L-280.10004 265.6C -281.30005 264.5 -282.50003 264.1 -283.40002 264C -285.30002 263.7 -287.90002 264.4 -289.50003 266.4C -290.80002 268.1 -291.00003 270.5 -290.80002 272.19998C -290.50003 274.3 -289.40002 275.8 -287.50003 276.8C -285.40002 277.9 -282.10004 277.69998 -280.20004 276.09998C\n -280.20004 276.69998 -280.20004 277.89996 -280.40005 278.39996C -280.80005 279.19995 -281.50006 279.49997 -282.10007 279.59998C -282.60007 279.69998 -284.20007 279.99997 -284.70007 278.89996C -284.80008 278.69995 -284.80008 278.59998 -284.9001 278.49997L-284.9001 278.49997L-290.2 278.6z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-271 259.3L-265.8 259.3L-265.8 262.8L-271 262.8L-271 259.3zM-271 264.4L-265.8 264.4L-265.8 278L-271 278L-271 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-251.9 272C -252.4 273.7 -253.4 274.3 -254.7 274.5C -255.4 274.6 -256.7 274.7 -257.3 273.7C -257.4 273.5 -257.5 272.90002 -257.4 272.7C -257 271.90002 -256.3 272 -254.7 272L-254.7 272L-251.9 272zM-257.2 268.2C -257.1 267.90002 -257 267.6 -256.7 267.40002C -256 266.90002 -253.50002 267.00003 -252.90001 267.40002C -252.1 267.80002 -252.00002 268.40002 -251.90001 269.30002C -251.90001 269.30002 -253.50002 269.2 -254.6 269.30002C -255.90001 269.40002 -256.4 269.40002 -257.6 269.6C -259.9 269.9 -262.1 270.30002 -262.7 273C -263.1 274.9 -262.6 276.6 -260.80002 277.7L-260.80002 277.7L-260.7 277.80002C -258.1 278.90002 -254.80002 278.50003 -251.90001 276.80002C -251.90001 276.80002 -251.90001 277.6 -251.70001 278.00003L-251.70001 278.00003L-245.70001 278.00003C -246.30002 277.40002 -246.6 276.50003 -246.6 275.20004L-246.6 275.20004L-246.6 269.30005C -246.6 268.20004 -246.5 266.70004 -247.20001 265.80005C -248.40001 264.20004 -250.70001 263.80005 -254.6 263.80005C -257.80002 263.80005 -260 263.90005 -261.2 265.60004C -261.80002 266.40002 -261.90002 267.10004 -262 268.20004L-262 268.20004L-257.2 268.20004z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-242.7 264.4L-237.5 264.4L-237.5 265.8C -235 263.59998 -231.7 263.5 -229.6 264.8C -227.3 266.19998 -227.3 268.4 -227.3 270.8L-227.3 270.8L-227.3 278L-232.5 278L-232.5 272.2C -232.5 270.90002 -232.4 269.2 -233.7 268.40002C -234.3 268.00003 -235.59999 268.00003 -236.4 268.60004C -237.7 269.60004 -237.59999 270.70004 -237.59999 272.60004L-237.59999 272.60004L-237.59999 278.10004L-242.79999 278.10004L-242.7 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath d='M-338.6 264.2L-338.6 269.5C -340.2 269.5 -341.30002 269.7 -342.30002 270.4L-342.30002 270.4L-342.30002 278L-347.50003 278L-347.50003 264.4L-342.30002 264.4L-342.30002 266C -342.00003 265.5 -341.40002 265 -340.50003 264.6C -340.2 264.4 -339.2 264.2 -338.6 264.2z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M-220 289.7C -236.4 298.2 -252.6 303.40002 -260.4 301.80002C -267.19998 300.40002 -263.9 291.00003 -254.09999 283.30002L-254.09999 283.30002L-252.09999 283.30002C -259.8 289.80002 -260.4 297.90002 -255.49998 298.50003C -249.89998 299.20004 -235.69998 296.10004 -221.09998 289.40002L-221.09998 289.40002L-220 289.7z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cg%3e%3cpath d='M-203 278C -202.6 278 -202.1 278.1 -201.7 278.2C -201.4 278.30002 -201.3 278.30002 -201.09999 278.40002C -200.99998 278.40002 -200.9 278.50003 -200.79999 278.60004C -200.69998 278.70004 -200.69998 278.80005 -200.59999 278.90002C -200.49998 279.30002 -200.7 279.60004 -200.9 279.80002C -201.5 280.7 -202.4 281.40002 -203.29999 282.1C -204.19998 282.80002 -205.19998 283.4 -206.09999 284.1C -206.29999 284.2 -206.49998 284.30002 -206.7 284.4C -206.5 284.5 -206.4 284.5 -206.2 284.6C -206.2 284.6 -206.09999 284.7 -206 284.7C -205.7 284.6 -205.6 284.40002 -205.2 284.30002C -204.9 284.1 -204.7 284.1 -204.5 284.2C -204.3 284.30002 -204 284.5 -204 284.80002C -203.9 285.1 -203.9 285.40002 -204.1 285.80002C -202.90001 286.40002 -201.8 286.90002 -200.6 287.50003C -200.3 287.60004 -200.1 287.70004 -199.8 287.90002C -199.7 288.10004 -199.90001 288.30002 -200 288.40002C -200.4 288.60004 -200.8 288.90002 -201.3 289.00003C -201.8 288.90002 -202.3 288.80002 -202.8 288.70004C -203.6 288.50003 -204.3 288.40005 -205.1 288.20004C -205.70001 288.10004 -206.3 288.00003 -206.90001 287.90005C -207.40001 287.80005 -207.8 287.70004 -208.3 287.70004C -208.90001 287.60004 -209.5 287.60004 -210.1 287.60004C -210.8 287.60004 -211.5 287.60004 -212.3 287.50003C -213.40001 288.00003 -214.5 288.50003 -215.8 289.00003C -216.6 289.30002 -217.40001 289.60004 -218.2 289.80002C -217.9 290.1 -217.5\n 290.30002 -217.4 290.7C -217.4 290.80002 -217.5 290.80002 -217.5 290.80002C -217.7 290.90002 -217.8 290.90002 -218 291.00003C -218.8 290.80002 -219.6 290.60004 -220.4 290.40002L-220.4 290.40002L-220.59999 290.40002C -220.99998 290.50003 -221.59999 290.90002 -221.9 290.40002C -221.9 290.30002 -222 290.2 -222 290.10004C -222 290.00003 -222.1 290.00003 -222.2 289.90002C -222.4 289.80002 -222.5 289.80002 -222.59999 289.80002C -222.9 289.7 -223.09999 289.6 -223.29999 289.6C -223.9 289.4 -224.4 289.30002 -224.9 289.1C -225 289 -225 288.9 -224.9 288.7C -224.59999 288.5 -224.2 288.40002 -223.79999 288.5C -223.4 288.5 -222.99998 288.6 -222.69998 288.6C -223.19998 288.1 -223.59998 287.7 -223.99998 287.2C -224.09999 287.1 -224.19998 287 -224.19998 286.80002C -224.19998 286.7 -224.09998 286.6 -223.99998 286.50003C -223.89998 286.40002 -223.79999 286.40002 -223.69998 286.40002C -223.39998 286.2 -223.19998 286.10004 -222.89998 286.2C -222.09998 286.6 -221.39998 286.90002 -220.49998 287.30002C -220.29999 287.40002 -220.09999 287.50003 -219.89998 287.50003C -219.59998 287.40002 -219.59998 287.30002 -219.29997 287.20004C -219.19997 287.20004 -218.99997 287.00003 -218.89998 286.90005C -218.59998 286.70004 -218.39998 286.60007 -218.19998 286.40005C -217.69998 286.00006 -217.29999 285.80005 -216.89998 285.50006C -217.59998 285.20007 -218.29997 284.80005 -218.99998 284.50006C -219.69998 284.30005 -219.89998 284.20007 -220.59999 284.10007C -220.99998 284.00006 -221.59999 283.90005 -221.59999 283.80008C -222.49998 283.60007 -222.79999 283.5001 -223.59999 283.30008C -223.99998 283.10007 -224.49998 283.10007 -224.9 282.9001C -224.9 282.80008 -224.9 282.80008 -224.9 282.70007C -224.79999 282.50006 -224.5 282.30008 -224.29999 282.20007C -223.99998 282.10007 -223.79999 281.80008 -223.49998 281.70007C -222.79999 281.70007 -222.29999 281.80008 -221.59999 281.9001C -220.79999 282.0001 -219.9 282.1001 -219.09999 282.20007C -217.99998 282.30008 -216.9 282.4001 -215.79999 282.60007C -215.69998 282.60007 -215.59999 282.70007 -215.49998 282.60007C -215.39998 282.60007 -215.29999 282.60007 -215.19998 282.70007C -215.09998 282.70007 -214.99998 282.70007 -214.89998 282.70007C -214.39998 282.30008 -213.79997 281.80008 -213.19998 281.70007C -212.79999 281.70007 -212.49998 281.9001 -212.29999 282.20007C -211.09999 281.30008 -209.9 280.50006 -208.59999 279.9001C -207.4 279.30008 -206.29999 278.80008 -205.29999 278.5001C -204.59999 278.30008 -203.9 278.2001 -203.19998 278.1001C -203.2 278 -203.1 278 -203 278z' stroke='none' fill='%2315273f' fill-rule='nonzero' /%3e%3cpath d='M-202.2 278.7C -202.8 278.80002 -203.09999 278.90002 -203.8 279.2C -204.3 279.40002 -205.2 279.80002 -205.90001 280.1C -206.90001 280.6 -207.8 281.1 -208.90001 281.80002C -209.3 282.1 -210.1 282.7 -210.20001 282.80002C -210.80002 282.7 -211.40001 282.7 -212.00002 282.6L-212.00002 282.6L-211.90001 282.5C -211.1 281.8 -210.40001 281.4 -209.50002 280.9C -208.70001 280.4 -207.50002 279.8 -206.50002 279.4C -205.60002 279.1 -204.70001 278.8 -203.80002 278.6C -203.3 278.6 -202.8 278.6 -202.2 278.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-214.4 282.9C -214.2 282.8 -214.09999 282.69998 -213.9 282.6C -213.7 282.5 -213.59999 282.4 -213.5 282.4C -213.6 282.69998 -213.6 282.8 -213.5 283.1C -213.5 283.30002 -213.3 283.4 -213.3 283.4C -213.7 283.6 -214 283.9 -214.40001 284.1C -214.50002 284 -214.6 283.9 -214.6 283.7C -214.6 283.40002 -214.6 283.2 -214.6 283L-214.6 283L-214.4 282.9z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-215.1 286C -215.6 286.3 -216.1 286.5 -216.5 286.8C -217.4 287.3 -218.5 287.9 -219.8 288.5C -220.2 288.7 -220.5 288.8 -220.90001 288.7C -221.20001 288.7 -221.20001 288.7 -221.50002 288.6C -222.00002 288.1 -222.50002 287.6 -223.00002 287.1C -223.10002 287 -223.20001 286.9 -223.20001 286.80002L-223.20001 286.80002L-222.90001 286.6L-222.8 286.6C -222.1 286.9 -221.6 287.2 -220.90001 287.5C -220.6 287.6 -220.3 287.8 -220.1 287.9C -219.8 287.9 -219.6 287.8 -219.3 287.69998L-219.3 287.69998L-219.1 287.59998C -218.70001 287.3 -218.5 287.3 -218.3 287.09998C -217.5 286.59998 -216.90001 286.19998 -216.2 285.8L-216.2 285.8L-216 285.69998C -215.6 285.8 -215.4 285.9 -215.1 286z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('reward branding-img', 'large')\" />\n <img\n src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjczMzUgMTUuMTI1MUM0My4yNTc3IDE2LjE2NSA0Mi4xOTc3IDE3LjM5MyA0MC41ODc5IDE4Ljc3NzhMMzcuMTExNyAyMS43NjQyTDM3LjA3NDcgMjEuNzk1NUw0MS40MDQ3IDI5LjM0NjVDNDEuNTYwNyAyOS42MjA4IDQxLjUxODQgMjkuOTcwOSA0MS4yOTYzIDMwLjE5ODNMNDAuNjYxOSAzMC44NTE1TDMzLjcyMDIgMjYuMjk3M0wzNS4yMTM3IDI0LjEwMjZMMzQuNzQ1OCAyMy43OTY5TDMxLjM5MzkgMjYuNjc2MkMyNy45NTc1IDI5LjYxODIgMjQuMTAwNyAzMS4zMTY1IDIxLjMyNzcgMzEuMTEyOEMyMC4yMDY5IDMxLjAyOTEgMTkuMzM5OCAzMC42NDI0IDE4Ljc1MDMgMjkuOTYzMUMxNy4xMTQgMjguMDg5NyAxOC4wNjgzIDI0LjM3MTcgMjEuMTI5NCAyMC43MDA4TDIxLjQ4OSAyMC45MzU5QzE5Ljg2ODUgMjMuMTU0MiAxOS40NDU2IDI1LjI4MSAyMC40MDc4IDI2LjM2NTNDMjAuNzg4NCAyNi44MDQyIDIxLjMyNzcgMjcuMDUyNSAyMi4wMTI0IDI3LjEwMjFDMjMuNzEyMSAyNy4yMzAyIDI2LjEwOTcgMjYuMTI3NSAyOC40MjggMjQuMTU0OUwyOS4yOTI0IDIzLjM5NDZMMTguNjI2MSAxNi4zOTQ5TDE5LjI5NDkgMTUuODIwMUMxOS43NjgxIDE1LjQxNTEgMjAuNDI4OSAxNS4yODQ1IDIxLjAyMzcgMTUuNDgwNEwzNS44NjEzIDIwLjM4MkwzNi40MTEyIDE5LjkwOTFDMzUuMzA4OSAxOS4xNzIzIDM0LjI4ODUgMTcuODUwMiAzNC42MjQyIDE2LjY0NTdMMzcuMDU4OCAxNC41NTI5QzM3LjgyMjggMTMuODk3MSAzOC43MDU3IDEzLjQyNDIgMzkuNjg5MSAxMy4xNDQ2QzQwLjcxMjEgMTIuODUyIDQxLjU4NDUgMTIuODQ2OCA0Mi4xMzY5IDEyLjg5MTJDNDIuOTIyIDEyLjk1NjUgNDMuNTc3NiAxMy4xNzYgNDMuODA1IDEzLjQ1MjlDNDMuOTM5OCAxMy42MTQ5IDQ0LjIwMTQgMTQuMTAwOSA0My43MzA5IDE1LjEyNzdMNDMuNzMzNSAxNS4xMjUxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTAgMzEuMTI5Mkg0LjU4MjEzVjIxLjgyODVDNC41ODIxMyAxOS40NDYyIDUuODQ5MTIgMTguMDQyNiA3LjkyODYxIDE4LjA0MjZDMTAuMDA4MSAxOC4wNDI2IDEwLjk4MjUgMTkuMzQ5MSAxMC45ODI1IDIxLjc2MjlWMzEuMTI5MkgxNS41NjQ2VjIwLjk4MUMxNS41NjIyIDE2LjU3NTkgMTMuMDI4MSAxMy43Njg3IDguOTk5NzggMTMuNzY4N0M3LjAxNyAxMy43Njg3IDUuNDI1OTggMTQuNDg3NSA0LjQ4Mjk4IDE1LjgyNTVWMTQuMTU5N0gwVjMxLjEyNjhWMzEuMTI5MloiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'small')\" />\n <div [nasClass]=\"getClass('focus-border')\"></div>\n </div>\n </a>\n </div>\n <div [nasClass]=\"getClass('right-content')\">\n <nas-search [searchText]=\"searchText\" [searchForm]=\"searchForm\" *ngIf=\"searchForm\"></nas-search>\n\n <ng-template #linksTemplate let-link=\"link\">\n <nas-icon [icon]=\"link.icon\" [nasClass]=\"getClass('link-icon')\" *ngIf=\"link.icon\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{link.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else linksHref\">\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [routerLink]=\"link.link\" [nasClass]=\"getClass('link')\"\n [title]=\"link.description\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-container>\n\n <ng-template #linksHref>\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [href]=\"link.link\" [title]=\"link.description\"\n [nasClass]=\"getClass('link')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-template>\n\n <ng-container>\n <div *ngFor=\"let link of links\" [nasClass]=\"getClass('action')\">\n <nas-button link *ngIf=\"!link.link && link.action\" [nasClass]=\"getClass('button')\" [ngModel]=\"links\"\n (clickChange)=\"onLinkClick(link)\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </nas-button>\n </div>\n </ng-container>\n\n <span tabindex=\"0\" [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\n <span [nasClass]=\"!isAuthenticated ? getClass('logged-out') : getClass('')\">\n <ng-template #profileLinksTemplate>\n <nas-icon [icon]=\"profileLink.icon\" [nasClass]=\"getClass('link-icon')\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{profileLink.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else profileHref\">\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [routerLink]=\"profileLink.link\"\n [nasClass]=\"getClass('link')\" [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #profileHref>\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [href]=\"profileLink.link\" [nasClass]=\"getClass('link')\"\n [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-template>\n\n <ng-container>\n <nas-button link *ngIf=\"!profileLink.link && profileLink.action\" [nasClass]=\"getClass('button')\"\n [ngModel]=\"profileLink\" (clickChange)=\"onLinkClick(profileLink)\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </nas-button>\n </ng-container>\n\n <ng-template #logoutLinkTemplate let-link=\"link\">\n <span [nasClass]=\"getClass('link-logout')\">{{logOutLink?.title}}</span>\n </ng-template>\n <span *ngIf=\"!walletModel; else wallet\">\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #logoutHref>\n <a [href]=\"logOutLink?.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated && logOutLink\"\n [title]=\"logOutLink?.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n </span>\n </span>\n <ng-template #wallet>\n <span tabindex=\"0\" [nasClass]=\"getClass('wallet')\" *ngIf=\"isAuthenticated\">\n <nas-wallet [walletModel]=\"walletModel\"></nas-wallet>\n </span>\n </ng-template>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"!expanded\">{{menuText}}</span>\n <span [nasClass]=\"getClass('toggle--text')\" *ngIf=\"expanded\">{{closeText}}</span>\n <span [nasClass]=\"getClass('toggle-icon')\">\n <nas-hamburger tabindex=\"0\" [nasClass]=\"getClass('burger-border')\" [expanded]=\"expanded\"></nas-hamburger>\n </span>\n </button>\n </div>\n </div>\n <nav [nasClass]=\"getClass('menu', animateOut && 'animate-out')\"\n [style.display]=\"expanded || animateOut ? 'block' : 'none'\" (click)=\"menuClick($event)\" tabIndex=\"-1\" #menu>\n <ng-content></ng-content>\n </nav>\n</header>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}a,.link,.nas-page-header__link-logout{color:#b12a0b;cursor:pointer;text-decoration:underline}a:hover,a:focus,.link:hover,.nas-page-header__link-logout:hover,.link:focus,.nas-page-header__link-logout:focus{color:#15273f;border-color:#15273f}a--disabled,.link--disabled{color:#15273f;border-bottom:2px solid #E9E7E4;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#15273f;border-color:#e9e7e4}.link--light{color:#fff;border-bottom:2px solid #FFFFFF}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#15273f}.link--secondary:hover,.link--secondary:focus{color:#b12a0b}*:focus-visible{outline:none}.nas-page-header{position:relative;z-index:40;height:70px;display:flex;background-color:#fff;align-items:center}.nas-page-header__menu{position:fixed;top:70px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 36px;color:#fff;outline:0;background-color:#e5212d;z-index:30;animation:menu-in .3s cubic-bezier(0,0,.1,1) both}.nas-page-header__menu .nas-container{padding:0}.nas-page-header__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header__menu--item-logout{display:none}}.nas-page-header__menu a{color:#fff;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;font-size:32px;margin-bottom:24px}@media (max-width: 639px){.nas-page-header__menu a{font-size:24px}}.nas-page-header__menu .nas-icon-list__item:first-child{border-top:none}.nas-page-header__menu .nas-icon-list__item{border-top:2px solid #E5212D;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header__menu .nas-icon-list__item a{font-size:24px;line-height:32px;border-bottom-width:2px}@media (max-width: 639px){.nas-page-header__menu .nas-icon-list__item a{font-size:20px;line-height:28px}}.nas-page-header__menu .nas-icon-list__item p{margin-bottom:0}.nas-page-header__menu--animate-out{animation:menu-out .2s ease-in both}.nas-page-header__content{position:relative;display:flex;align-items:stretch;height:70px;justify-content:flex-start;margin-right:auto}.nas-page-header__right-content{position:unset;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}@media (min-width: 640px){.nas-page-header__right-content{position:relative}}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__toggle--text{display:none}@media (min-width: 640px){.nas-page-header__toggle--text{display:block}}.nas-page-header__burger-border:focus-visible{outline:2px solid #FFFFFF;padding:11px 9px 6px}.nas-page-header__toggle-icon{display:inline-flex;height:70px;align-items:center;justify-content:center;margin-left:16px;padding-top:3px;margin-right:16px}@media (min-width: 640px){.nas-page-header__toggle-icon{width:70px;background-color:#e5212d;margin-right:0}}.nas-page-header__branding,.nas-page-header__disable-link{position:relative;display:flex;align-items:center;border:0;padding:0 16px;height:70px;background-color:#e5212d}@media (min-width: 1000px){.nas-page-header__branding,.nas-page-header__disable-link{width:232px}.nas-page-header__branding:before,.nas-page-header__disable-link:before{left:-9px;width:6px}}.nas-page-header__disable-link{pointer-events:none;cursor:default}.nas-page-header__authentication{display:flex;margin-right:3px}.nas-page-header__authentication .nas-page-header__link{margin-right:9px}.nas-page-header__authentication .nas-page-header__button{display:flex;margin-right:36px}.nas-page-header__authentication:focus-visible{outline:2px solid #0978E8;border-radius:4px;padding:2px}@media (min-width: 640px){.nas-page-header__authentication{margin-right:24px}}.nas-page-header__logged-out{background-color:#15273f;position:relative;display:flex;align-items:center;border-radius:4px;align-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 12px}.nas-page-header__logged-out .nas-page-header__link{color:#fff;margin-right:9px}.nas-page-header__logged-out .nas-page-header__link-static{color:#fff}.nas-page-header__logged-out .nas-button--link{color:#fff!important}.nas-page-header__logged-out:focus-visible{border:2px solid #0978E8;border-radius:4px;padding:2px}.nas-page-header__img-container:focus-visible .nas-page-header__focus-border{display:inline-block}.nas-page-header__focus-border{display:none;position:absolute;top:25%;left:10%;width:80%;height:50%;border:2px solid #FFFFFF;box-sizing:border-box;pointer-events:none}.nas-page-header__branding-img--small{display:block;height:44px}@media (min-width: 1000px){.nas-page-header__branding-img--small{display:none}}.nas-page-header__branding-img--large{display:none;height:70px}@media (min-width: 1000px){.nas-page-header__branding-img--large{display:block}}.nas-page-header__link{display:inline-block;align-items:center;align-self:center;color:#0a2033;border:0;margin-right:12px}@media (min-width: sm){.nas-page-header__link{margin-right:24px}}@media (min-width: 1000px){.nas-page-header__link{margin-right:36px}}.nas-page-header__link-static{color:#0a2033;display:inline-block;margin-right:12px}.nas-page-header__link-icon{margin-top:-2px;margin-right:6px;align-content:center}.nas-page-header__link-icon .nas-icon-small{transform:scale(.8)}.nas-page-header__link-text{border-bottom:2px solid transparent}.nas-page-header__link-logout{display:none}@media (min-width: 1000px){.nas-page-header__link-logout{display:block;margin-right:9px}}.nas-page-header .nas-search{display:none;margin-right:24px}@media (min-width: 1000px){.nas-page-header .nas-search{display:flex}}.nas-page-header .nas-button--link{color:#0a2033;border-color:transparent;font-weight:400}.nas-page-header__reward{margin:0 0 12px}.nas-page-header__button{margin-right:36px}.nas-page-header__action{margin-left:auto}@keyframes menu-in{0%{transform:translateY(-100%)}}@keyframes menu-out{to{transform:translateY(-100%)}}\n"] }]
|
|
9497
9497
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { menuText: [{
|
|
9498
9498
|
type: Input
|
|
9499
9499
|
}], closeText: [{
|
|
@@ -9809,192 +9809,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
9809
9809
|
}]
|
|
9810
9810
|
}] });
|
|
9811
9811
|
|
|
9812
|
-
|
|
9813
|
-
* @license
|
|
9814
|
-
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
9815
|
-
*/
|
|
9816
|
-
/**
|
|
9817
|
-
* @description
|
|
9818
|
-
* Norwegian Status Box Component | Dialogs and Modals
|
|
9819
|
-
*/
|
|
9820
|
-
class StatusBoxComponent extends NasComponentBase {
|
|
9821
|
-
/**
|
|
9822
|
-
* @property Input
|
|
9823
|
-
* @description
|
|
9824
|
-
* Flag for showing/hiding element. Defaults to true.
|
|
9825
|
-
*/
|
|
9826
|
-
get statusBox() {
|
|
9827
|
-
return this.statusBoxModel;
|
|
9828
|
-
}
|
|
9829
|
-
set statusBox(statusBox) {
|
|
9830
|
-
this.statusBoxModel = statusBox;
|
|
9831
|
-
if (statusBox) {
|
|
9832
|
-
this.setStatusBoxValues(statusBox);
|
|
9833
|
-
}
|
|
9834
|
-
}
|
|
9812
|
+
class SelectNewService {
|
|
9835
9813
|
constructor() {
|
|
9836
|
-
|
|
9837
|
-
|
|
9838
|
-
* @property Output
|
|
9839
|
-
* @description
|
|
9840
|
-
* Change event when clicking on button.
|
|
9841
|
-
*
|
|
9842
|
-
* @example
|
|
9843
|
-
* <nas-button (clickChange)="myFunction()">Click on me!</nas-button>
|
|
9844
|
-
*/
|
|
9845
|
-
this.clickChange = new EventEmitter();
|
|
9846
|
-
this.trackingEventSource = new Subject();
|
|
9814
|
+
this._selected$ = new Subject();
|
|
9815
|
+
this.selected$ = this._selected$.asObservable();
|
|
9847
9816
|
}
|
|
9848
|
-
|
|
9849
|
-
|
|
9850
|
-
this.exists(this.info) && 'info',
|
|
9851
|
-
this.exists(this.warning) && 'warning',
|
|
9852
|
-
this.exists(this.success) && 'success',
|
|
9853
|
-
this.exists(this.error) && 'error',
|
|
9854
|
-
];
|
|
9817
|
+
select(value) {
|
|
9818
|
+
this._selected$.next(value);
|
|
9855
9819
|
}
|
|
9856
|
-
|
|
9857
|
-
|
|
9858
|
-
|
|
9859
|
-
success: 'status-success',
|
|
9860
|
-
error: 'status-error',
|
|
9861
|
-
info: 'status-info'
|
|
9862
|
-
};
|
|
9863
|
-
for (const icon of Object.keys(iconMap)) {
|
|
9864
|
-
if (this.exists(this[icon])) {
|
|
9865
|
-
return iconMap[icon];
|
|
9866
|
-
}
|
|
9820
|
+
getIconName(value) {
|
|
9821
|
+
if (!value) {
|
|
9822
|
+
return "";
|
|
9867
9823
|
}
|
|
9868
|
-
|
|
9869
|
-
|
|
9870
|
-
|
|
9871
|
-
|
|
9872
|
-
this.title = statusBox.title;
|
|
9824
|
+
const iconList = value.split('|');
|
|
9825
|
+
let iconName = "";
|
|
9826
|
+
if (iconList?.length > 0) {
|
|
9827
|
+
iconName = iconList[0];
|
|
9873
9828
|
}
|
|
9874
|
-
|
|
9875
|
-
|
|
9829
|
+
return iconName;
|
|
9830
|
+
}
|
|
9831
|
+
getIconType(value) {
|
|
9832
|
+
if (!value) {
|
|
9833
|
+
return "";
|
|
9876
9834
|
}
|
|
9877
|
-
|
|
9878
|
-
|
|
9835
|
+
const iconList = value.split('|');
|
|
9836
|
+
let iconType = "small";
|
|
9837
|
+
if (iconList?.length > 1) {
|
|
9838
|
+
iconType = iconList[1];
|
|
9879
9839
|
}
|
|
9840
|
+
return iconType;
|
|
9880
9841
|
}
|
|
9881
|
-
|
|
9882
|
-
|
|
9883
|
-
this.clickChange.emit(event);
|
|
9884
|
-
}
|
|
9885
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9886
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusBoxComponent, selector: "nas-status-box", inputs: { info: "info", warning: "warning", error: "error", success: "success", title: "title", text: "text", buttonText: "buttonText", statusBox: "statusBox", trackingvalue: "trackingvalue" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('container')\">\n <div [nasClass]=\"getClass('icon')\">\n <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('content')\">\n <div [nasClass]=\"getClass('text-container')\">\n <div [nasClass]=\"getClass('text')\">{{title}}</div>\n <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n </div>\n <div *ngIf=\"buttonText\">\n <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n </div>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}@media (max-width: 639px){.nas-status-box__text,.nas-status-box__text--small{font-size:20px;line-height:28px}}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "tertiary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange", "focusOnNext"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
9887
|
-
}
|
|
9888
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxComponent, decorators: [{
|
|
9889
|
-
type: Component,
|
|
9890
|
-
args: [{ selector: 'nas-status-box', template: "<div [nasClass]=\"getClass('container')\">\n <div [nasClass]=\"getClass('icon')\">\n <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('content')\">\n <div [nasClass]=\"getClass('text-container')\">\n <div [nasClass]=\"getClass('text')\">{{title}}</div>\n <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n </div>\n <div *ngIf=\"buttonText\">\n <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n </div>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}@media (max-width: 639px){.nas-status-box__text,.nas-status-box__text--small{font-size:20px;line-height:28px}}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"] }]
|
|
9891
|
-
}], ctorParameters: function () { return []; }, propDecorators: { info: [{
|
|
9892
|
-
type: Input
|
|
9893
|
-
}], warning: [{
|
|
9894
|
-
type: Input
|
|
9895
|
-
}], error: [{
|
|
9896
|
-
type: Input
|
|
9897
|
-
}], success: [{
|
|
9898
|
-
type: Input
|
|
9899
|
-
}], title: [{
|
|
9900
|
-
type: Input
|
|
9901
|
-
}], text: [{
|
|
9902
|
-
type: Input
|
|
9903
|
-
}], buttonText: [{
|
|
9904
|
-
type: Input
|
|
9905
|
-
}], statusBox: [{
|
|
9906
|
-
type: Input
|
|
9907
|
-
}], trackingvalue: [{
|
|
9908
|
-
type: Input
|
|
9909
|
-
}], clickChange: [{
|
|
9910
|
-
type: Output
|
|
9911
|
-
}] } });
|
|
9912
|
-
|
|
9913
|
-
class StatusBoxModule {
|
|
9914
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9915
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxModule, declarations: [StatusBoxComponent], imports: [CommonModule, NasClassModule, ButtonModule, IconModule], exports: [StatusBoxComponent] }); }
|
|
9916
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxModule, imports: [CommonModule, NasClassModule, ButtonModule, IconModule] }); }
|
|
9842
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9843
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewService }); }
|
|
9917
9844
|
}
|
|
9918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
9919
|
-
type:
|
|
9920
|
-
args: [{
|
|
9921
|
-
declarations: [StatusBoxComponent],
|
|
9922
|
-
imports: [CommonModule, NasClassModule, ButtonModule, IconModule],
|
|
9923
|
-
exports: [StatusBoxComponent],
|
|
9924
|
-
}]
|
|
9845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewService, decorators: [{
|
|
9846
|
+
type: Injectable
|
|
9925
9847
|
}] });
|
|
9926
9848
|
|
|
9927
9849
|
/**
|
|
9928
9850
|
* @license
|
|
9929
9851
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
9930
9852
|
*/
|
|
9931
|
-
|
|
9932
|
-
|
|
9933
|
-
|
|
9934
|
-
|
|
9935
|
-
class ListComponent extends NasComponentBase {
|
|
9936
|
-
constructor(elementRef) {
|
|
9937
|
-
super('nas-list');
|
|
9938
|
-
this.elementRef = elementRef;
|
|
9853
|
+
class OptionNewComponent extends NasComponentBase {
|
|
9854
|
+
constructor(selectService) {
|
|
9855
|
+
super('nas-option-new');
|
|
9856
|
+
this.selectService = selectService;
|
|
9939
9857
|
}
|
|
9940
|
-
|
|
9941
|
-
|
|
9942
|
-
this.exists(this.markers) && 'markers',
|
|
9943
|
-
this.exists(this.note) && 'note',
|
|
9944
|
-
this.exists(this.positive) && 'positive',
|
|
9945
|
-
this.exists(this.negative) && 'negative',
|
|
9946
|
-
this.exists(this.goto) && 'goto',
|
|
9947
|
-
this.exists(this.spaceless) && 'spaceless',
|
|
9948
|
-
this.exists(this.table) && 'table',
|
|
9949
|
-
]);
|
|
9858
|
+
onSelect(value) {
|
|
9859
|
+
this.selectService.select(value);
|
|
9950
9860
|
}
|
|
9951
|
-
|
|
9952
|
-
|
|
9953
|
-
this.removeEmptyListItems();
|
|
9954
|
-
}
|
|
9861
|
+
getIconName(value) {
|
|
9862
|
+
return this.selectService.getIconName(value);
|
|
9955
9863
|
}
|
|
9956
|
-
|
|
9957
|
-
|
|
9958
|
-
* Angular generates 'nas-list-item' as the parent element which when is put into UL or OL breaks the semantics of
|
|
9959
|
-
* HTML. This solution keeps the element and encapsulates it with LI element, which is correct semantically and
|
|
9960
|
-
* let the list tempalte update/manipulte. But since we are manually adding LI elements in nas-list-item,
|
|
9961
|
-
* so those are not removed by angular automatically when data(model) is removed/reduced.
|
|
9962
|
-
* This function looks up for the empty LI elements when the content is updated and removes them manually.
|
|
9963
|
-
*/
|
|
9964
|
-
removeEmptyListItems() {
|
|
9965
|
-
const currentList = this.elementRef.nativeElement.firstElementChild;
|
|
9966
|
-
let currentListItem = currentList.firstElementChild;
|
|
9967
|
-
const totalChildren = currentList.childElementCount;
|
|
9968
|
-
let nextListItem = currentListItem;
|
|
9969
|
-
for (let childCount = 0; childCount < totalChildren; childCount++) {
|
|
9970
|
-
nextListItem = currentListItem.nextElementSibling;
|
|
9971
|
-
if (currentListItem.innerHTML.length === 0) {
|
|
9972
|
-
currentListItem.parentElement.removeChild(currentListItem);
|
|
9973
|
-
}
|
|
9974
|
-
currentListItem = nextListItem;
|
|
9975
|
-
}
|
|
9864
|
+
getIconType(value) {
|
|
9865
|
+
return this.selectService.getIconType(value);
|
|
9976
9866
|
}
|
|
9977
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
9978
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type:
|
|
9867
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionNewComponent, deps: [{ token: SelectNewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9868
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OptionNewComponent, selector: "nas-option-new", inputs: { displayValue: "displayValue", icon: "icon", label: "label", value: "value" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <button [nasClass]=\"getClass('option')\" (click)=\"onSelect(value)\">\n <nas-icon *ngIf=\"icon\" [nasClass]=\"getClass('icon')\" [icon]=\"getIconName(icon)\" [type]=\"getIconType(icon)\"></nas-icon>\n <div *ngIf=\"label\"> {{label}}</div>\n <div *ngIf=\"displayValue\" [nasClass]=\"getClass('display-value')\">{{displayValue}}</div>\n </button>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host(.active) .nas-option-new__option{background-color:#15273f;border-color:#15273f;color:#fff}.nas-option-new__option{display:flex;align-items:center;gap:8px;background-color:#fff;padding:16px;width:100%;text-align:left;border-bottom:2px solid #E9E7E4;font-weight:700}.nas-option-new__option:hover{background-color:#15273f;border-color:#15273f;color:#fff}.nas-option-new__icon ::ng-deep span{background-size:contain;height:24px;width:24px}.nas-option-new__display-value{margin-left:auto;font-weight:400}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
9979
9869
|
}
|
|
9980
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
9870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptionNewComponent, decorators: [{
|
|
9981
9871
|
type: Component,
|
|
9982
|
-
args: [{ selector: 'nas-
|
|
9983
|
-
}], ctorParameters: function () { return [{ type:
|
|
9984
|
-
type: Input
|
|
9985
|
-
}], note: [{
|
|
9986
|
-
type: Input
|
|
9987
|
-
}], positive: [{
|
|
9988
|
-
type: Input
|
|
9989
|
-
}], negative: [{
|
|
9990
|
-
type: Input
|
|
9991
|
-
}], goto: [{
|
|
9872
|
+
args: [{ selector: 'nas-option-new', template: "<div [nasClass]=\"getClass()\">\n <button [nasClass]=\"getClass('option')\" (click)=\"onSelect(value)\">\n <nas-icon *ngIf=\"icon\" [nasClass]=\"getClass('icon')\" [icon]=\"getIconName(icon)\" [type]=\"getIconType(icon)\"></nas-icon>\n <div *ngIf=\"label\"> {{label}}</div>\n <div *ngIf=\"displayValue\" [nasClass]=\"getClass('display-value')\">{{displayValue}}</div>\n </button>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host(.active) .nas-option-new__option{background-color:#15273f;border-color:#15273f;color:#fff}.nas-option-new__option{display:flex;align-items:center;gap:8px;background-color:#fff;padding:16px;width:100%;text-align:left;border-bottom:2px solid #E9E7E4;font-weight:700}.nas-option-new__option:hover{background-color:#15273f;border-color:#15273f;color:#fff}.nas-option-new__icon ::ng-deep span{background-size:contain;height:24px;width:24px}.nas-option-new__display-value{margin-left:auto;font-weight:400}\n"] }]
|
|
9873
|
+
}], ctorParameters: function () { return [{ type: SelectNewService }]; }, propDecorators: { displayValue: [{
|
|
9992
9874
|
type: Input
|
|
9993
|
-
}],
|
|
9875
|
+
}], icon: [{
|
|
9994
9876
|
type: Input
|
|
9995
|
-
}],
|
|
9877
|
+
}], label: [{
|
|
9996
9878
|
type: Input
|
|
9997
|
-
}],
|
|
9879
|
+
}], value: [{
|
|
9998
9880
|
type: Input
|
|
9999
9881
|
}] } });
|
|
10000
9882
|
|
|
@@ -10002,34 +9884,703 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
10002
9884
|
* @license
|
|
10003
9885
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
10004
9886
|
*/
|
|
10005
|
-
|
|
10006
|
-
|
|
10007
|
-
|
|
10008
|
-
|
|
10009
|
-
|
|
10010
|
-
|
|
10011
|
-
|
|
9887
|
+
/**
|
|
9888
|
+
* @description
|
|
9889
|
+
* Norwegian Tooltip Component | Functional | Beta
|
|
9890
|
+
*/
|
|
9891
|
+
class TooltipComponent extends NasComponentBase {
|
|
9892
|
+
constructor(deviceHelper) {
|
|
9893
|
+
super('nas-tooltip');
|
|
9894
|
+
this.deviceHelper = deviceHelper;
|
|
9895
|
+
this.opacityTimer = null;
|
|
9896
|
+
this.innerWidth = window.innerWidth;
|
|
10012
9897
|
}
|
|
10013
|
-
|
|
10014
|
-
|
|
10015
|
-
|
|
10016
|
-
* HTML, Initial solution we adopted was to remove 'nas-list-item' and add 'LI' as the parent element. which then
|
|
10017
|
-
* produced the problem of List template not being updated when the model(data) is upadted after initialization.
|
|
10018
|
-
* This solution keeps the element and encapsulates it with LI element, which is correct semantically and
|
|
10019
|
-
* let the list template update/manipulate.
|
|
10020
|
-
*/
|
|
10021
|
-
nasListItemToListItemElement() {
|
|
10022
|
-
const newParent = document.createElement('li');
|
|
10023
|
-
const item = this.elementRef.nativeElement;
|
|
10024
|
-
if (item.parentElement && item.parentElement.tagName === 'LI') {
|
|
10025
|
-
item.parentElement.insertAdjacentElement('afterend', newParent);
|
|
10026
|
-
}
|
|
10027
|
-
else {
|
|
10028
|
-
item.insertAdjacentElement('afterend', newParent);
|
|
9898
|
+
onMouseEnter() {
|
|
9899
|
+
if (this.hostListenerIgnored) {
|
|
9900
|
+
return;
|
|
10029
9901
|
}
|
|
10030
|
-
|
|
10031
|
-
|
|
10032
|
-
|
|
9902
|
+
this.enabled = true;
|
|
9903
|
+
setTimeout(() => {
|
|
9904
|
+
this.adjustTooltipPosition();
|
|
9905
|
+
});
|
|
9906
|
+
this.setToolTipOpacity(1, 300);
|
|
9907
|
+
}
|
|
9908
|
+
onMouseLeave() {
|
|
9909
|
+
this.hideToolTip();
|
|
9910
|
+
}
|
|
9911
|
+
onScroll() {
|
|
9912
|
+
this.hideToolTip();
|
|
9913
|
+
}
|
|
9914
|
+
onClickOutside(event) {
|
|
9915
|
+
if (this.container) {
|
|
9916
|
+
const clickedInside = this.container.nativeElement.contains(event.target);
|
|
9917
|
+
if (!clickedInside) {
|
|
9918
|
+
this.hideToolTip();
|
|
9919
|
+
}
|
|
9920
|
+
}
|
|
9921
|
+
}
|
|
9922
|
+
onResize() {
|
|
9923
|
+
this.innerWidth = window.innerWidth;
|
|
9924
|
+
}
|
|
9925
|
+
ngOnInit() {
|
|
9926
|
+
//If "enabled" attribute exists, ignore hostlistener
|
|
9927
|
+
this.hostListenerIgnored = this.exists(this.enabled);
|
|
9928
|
+
this.enabled = true;
|
|
9929
|
+
}
|
|
9930
|
+
ngAfterViewInit() {
|
|
9931
|
+
setTimeout(() => {
|
|
9932
|
+
if (this.hostListenerIgnored) {
|
|
9933
|
+
this.renderViewHostListenerIgnoredOnInit();
|
|
9934
|
+
return;
|
|
9935
|
+
}
|
|
9936
|
+
this.adjustTooltipPosition();
|
|
9937
|
+
this.enabled = false;
|
|
9938
|
+
});
|
|
9939
|
+
}
|
|
9940
|
+
getClasses(element, modifiers) {
|
|
9941
|
+
const classes = [this.getClass(element, modifiers)];
|
|
9942
|
+
return classes;
|
|
9943
|
+
}
|
|
9944
|
+
onClickClose() {
|
|
9945
|
+
this.enabled = false;
|
|
9946
|
+
this.setToolTipOpacity(0);
|
|
9947
|
+
}
|
|
9948
|
+
onClickOpenMobileView() {
|
|
9949
|
+
if (!this.deviceHelper.isMobileWidth()) {
|
|
9950
|
+
return;
|
|
9951
|
+
}
|
|
9952
|
+
this.enabled = true;
|
|
9953
|
+
this.setToolTipOpacity(1);
|
|
9954
|
+
}
|
|
9955
|
+
adjustTooltipPosition() {
|
|
9956
|
+
if (!this.tooltip || !this.content) {
|
|
9957
|
+
return;
|
|
9958
|
+
}
|
|
9959
|
+
const tooltipElement = this.tooltip.nativeElement;
|
|
9960
|
+
const contentElement = this.content.nativeElement;
|
|
9961
|
+
const rect = tooltipElement.getBoundingClientRect();
|
|
9962
|
+
const toolTipLeftPosition = rect?.left;
|
|
9963
|
+
const toolTipRightPosition = rect?.right;
|
|
9964
|
+
if (toolTipLeftPosition < 0) {
|
|
9965
|
+
this.left = true;
|
|
9966
|
+
}
|
|
9967
|
+
if (toolTipRightPosition > this.innerWidth) {
|
|
9968
|
+
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
9969
|
+
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
9970
|
+
this.right = true;
|
|
9971
|
+
}
|
|
9972
|
+
}
|
|
9973
|
+
renderViewHostListenerIgnoredOnInit() {
|
|
9974
|
+
const tooltipElement = this.tooltip?.nativeElement;
|
|
9975
|
+
const contentElement = this.content?.nativeElement;
|
|
9976
|
+
if (!tooltipElement || !contentElement) {
|
|
9977
|
+
return;
|
|
9978
|
+
}
|
|
9979
|
+
tooltipElement.style.opacity = 1;
|
|
9980
|
+
if (this.exists(this.left)) {
|
|
9981
|
+
this.left = true;
|
|
9982
|
+
}
|
|
9983
|
+
if (this.exists(this.right)) {
|
|
9984
|
+
this.right = true;
|
|
9985
|
+
if (tooltipElement && contentElement) {
|
|
9986
|
+
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
9987
|
+
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
9988
|
+
}
|
|
9989
|
+
}
|
|
9990
|
+
}
|
|
9991
|
+
hideToolTip() {
|
|
9992
|
+
if (this.hostListenerIgnored) {
|
|
9993
|
+
return;
|
|
9994
|
+
}
|
|
9995
|
+
this.enabled = false;
|
|
9996
|
+
clearTimeout(this.opacityTimer);
|
|
9997
|
+
this.setToolTipOpacity(0);
|
|
9998
|
+
}
|
|
9999
|
+
setToolTipOpacity(value, timout = 0) {
|
|
10000
|
+
if (!this.tooltip) {
|
|
10001
|
+
return;
|
|
10002
|
+
}
|
|
10003
|
+
this.opacityTimer = setTimeout(() => {
|
|
10004
|
+
this.tooltip.nativeElement.style.opacity = value;
|
|
10005
|
+
}, timout);
|
|
10006
|
+
}
|
|
10007
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: DeviceHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10008
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "nas-tooltip", inputs: { text: "text", enabled: "enabled", left: "left", right: "right" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:scroll": "onScroll()", "document:click": "onClickOutside($event)", "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"], dependencies: [{ kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
10009
|
+
}
|
|
10010
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
10011
|
+
type: Component,
|
|
10012
|
+
args: [{ selector: 'nas-tooltip', template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"] }]
|
|
10013
|
+
}], ctorParameters: function () { return [{ type: DeviceHelper }]; }, propDecorators: { container: [{
|
|
10014
|
+
type: ViewChild,
|
|
10015
|
+
args: ['container', { static: false }]
|
|
10016
|
+
}], tooltip: [{
|
|
10017
|
+
type: ViewChild,
|
|
10018
|
+
args: ['tooltip', { static: false }]
|
|
10019
|
+
}], content: [{
|
|
10020
|
+
type: ViewChild,
|
|
10021
|
+
args: ['content', { static: false }]
|
|
10022
|
+
}], text: [{
|
|
10023
|
+
type: Input
|
|
10024
|
+
}], enabled: [{
|
|
10025
|
+
type: Input
|
|
10026
|
+
}], left: [{
|
|
10027
|
+
type: Input
|
|
10028
|
+
}], right: [{
|
|
10029
|
+
type: Input
|
|
10030
|
+
}], onMouseEnter: [{
|
|
10031
|
+
type: HostListener,
|
|
10032
|
+
args: ['mouseenter']
|
|
10033
|
+
}], onMouseLeave: [{
|
|
10034
|
+
type: HostListener,
|
|
10035
|
+
args: ['mouseleave']
|
|
10036
|
+
}], onScroll: [{
|
|
10037
|
+
type: HostListener,
|
|
10038
|
+
args: ['window:scroll', []]
|
|
10039
|
+
}], onClickOutside: [{
|
|
10040
|
+
type: HostListener,
|
|
10041
|
+
args: ['document:click', ['$event']]
|
|
10042
|
+
}], onResize: [{
|
|
10043
|
+
type: HostListener,
|
|
10044
|
+
args: ['window:resize', ['$event']]
|
|
10045
|
+
}] } });
|
|
10046
|
+
|
|
10047
|
+
/**
|
|
10048
|
+
* @license
|
|
10049
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
10050
|
+
*/
|
|
10051
|
+
let nextId$6 = 0;
|
|
10052
|
+
/**
|
|
10053
|
+
* @description
|
|
10054
|
+
* Norwegian Select Component | Form Controls | New design
|
|
10055
|
+
*/
|
|
10056
|
+
class SelectNewComponent extends NasComponentBase {
|
|
10057
|
+
/**
|
|
10058
|
+
* @property Input
|
|
10059
|
+
*
|
|
10060
|
+
* @description
|
|
10061
|
+
* Add options to the selector.
|
|
10062
|
+
*/
|
|
10063
|
+
get options() {
|
|
10064
|
+
return this.optionsValue;
|
|
10065
|
+
}
|
|
10066
|
+
set options(value) {
|
|
10067
|
+
if (!value) {
|
|
10068
|
+
return;
|
|
10069
|
+
}
|
|
10070
|
+
this.optionsValue = value;
|
|
10071
|
+
if (this.options && this.options.length > 0 && this.selected == null) {
|
|
10072
|
+
this.selected = this.options[0];
|
|
10073
|
+
}
|
|
10074
|
+
}
|
|
10075
|
+
/**
|
|
10076
|
+
* @property Input
|
|
10077
|
+
*
|
|
10078
|
+
* @description
|
|
10079
|
+
* Set selected value from option.
|
|
10080
|
+
*/
|
|
10081
|
+
get selected() {
|
|
10082
|
+
return this.selectedValue;
|
|
10083
|
+
}
|
|
10084
|
+
set selected(option) {
|
|
10085
|
+
if (!option) {
|
|
10086
|
+
return;
|
|
10087
|
+
}
|
|
10088
|
+
if (this.selectedValue == option) {
|
|
10089
|
+
return;
|
|
10090
|
+
}
|
|
10091
|
+
this.selectedValue = option;
|
|
10092
|
+
this.selectedChange.emit(option);
|
|
10093
|
+
}
|
|
10094
|
+
get modifiers() {
|
|
10095
|
+
return [
|
|
10096
|
+
this.open && 'active',
|
|
10097
|
+
this.selected?.value && 'valid',
|
|
10098
|
+
this.selected?.displayValue && 'extended',
|
|
10099
|
+
this.exists(this.disabled) && 'disabled',
|
|
10100
|
+
this.exists(this.error) && 'error',
|
|
10101
|
+
this.exists(this.stretched) && 'stretched',
|
|
10102
|
+
this.exists(this.autogrow) && 'autogrow',
|
|
10103
|
+
this.exists(this.compact) && 'compact',
|
|
10104
|
+
this.exists(this.simple) && 'simple',
|
|
10105
|
+
this.exists(this.inline) && 'inline',
|
|
10106
|
+
this.exists(this.spaceless) && 'spaceless',
|
|
10107
|
+
];
|
|
10108
|
+
}
|
|
10109
|
+
get selectControl() {
|
|
10110
|
+
return this.nasFormGroup?.get(this.nasFormControlName);
|
|
10111
|
+
}
|
|
10112
|
+
get selectId() {
|
|
10113
|
+
return this.id ? this.id : `nas-select-new-${this.componentId}`;
|
|
10114
|
+
}
|
|
10115
|
+
get selectedLabel() {
|
|
10116
|
+
return !this.exists(this.presentValue) ? this.selected?.label : this.selected?.value;
|
|
10117
|
+
}
|
|
10118
|
+
constructor(selectService) {
|
|
10119
|
+
super('nas-select-new');
|
|
10120
|
+
this.selectService = selectService;
|
|
10121
|
+
/**
|
|
10122
|
+
* @property Output
|
|
10123
|
+
*
|
|
10124
|
+
* @description
|
|
10125
|
+
* An event that is fired every time a selection is done.
|
|
10126
|
+
*/
|
|
10127
|
+
this.selectedChange = new EventEmitter();
|
|
10128
|
+
this.open = false;
|
|
10129
|
+
this.hasContent = false;
|
|
10130
|
+
this.activeIndex = -1;
|
|
10131
|
+
this.NAS_OPTION_TAG = "nas-option-new";
|
|
10132
|
+
this.componentId = nextId$6++;
|
|
10133
|
+
}
|
|
10134
|
+
clickOutside(event) {
|
|
10135
|
+
if (this.selectBoxElement) {
|
|
10136
|
+
const clickedInside = this.selectBoxElement.nativeElement.contains(event.target);
|
|
10137
|
+
if (!clickedInside) {
|
|
10138
|
+
this.open = false;
|
|
10139
|
+
}
|
|
10140
|
+
}
|
|
10141
|
+
}
|
|
10142
|
+
onKeydown(event) {
|
|
10143
|
+
this.selectKeyDown(event);
|
|
10144
|
+
}
|
|
10145
|
+
ngOnInit() {
|
|
10146
|
+
if (!this.selected && this.options && this.options.length > 0) {
|
|
10147
|
+
const option = this.options[0];
|
|
10148
|
+
this.selected = option;
|
|
10149
|
+
}
|
|
10150
|
+
this.selectService.selected$.subscribe((value) => {
|
|
10151
|
+
this.setSelected(value);
|
|
10152
|
+
});
|
|
10153
|
+
if (this.nasFormGroup && this.nasFormControlName) {
|
|
10154
|
+
if (this.selectControl) {
|
|
10155
|
+
this.setSelected(this.selectControl.value);
|
|
10156
|
+
}
|
|
10157
|
+
}
|
|
10158
|
+
}
|
|
10159
|
+
ngAfterViewInit() {
|
|
10160
|
+
if (this.optionsComponent && this.optionsComponent?.length > 0) {
|
|
10161
|
+
this.hasContent = true;
|
|
10162
|
+
if (!this.options) {
|
|
10163
|
+
this.options = new Array;
|
|
10164
|
+
this.optionsComponent.forEach((option) => {
|
|
10165
|
+
this.setOptionsFromContent(option);
|
|
10166
|
+
});
|
|
10167
|
+
setTimeout(() => {
|
|
10168
|
+
this.selected = this.options[0];
|
|
10169
|
+
});
|
|
10170
|
+
}
|
|
10171
|
+
}
|
|
10172
|
+
}
|
|
10173
|
+
onOpen() {
|
|
10174
|
+
this.activeIndex = -1;
|
|
10175
|
+
this.open = !this.open;
|
|
10176
|
+
}
|
|
10177
|
+
getIconName(value) {
|
|
10178
|
+
return this.selectService.getIconName(value);
|
|
10179
|
+
}
|
|
10180
|
+
getIconType(value) {
|
|
10181
|
+
return this.selectService.getIconType(value);
|
|
10182
|
+
}
|
|
10183
|
+
setSelected(value) {
|
|
10184
|
+
this.open = false;
|
|
10185
|
+
const selected = this.options?.find(option => option.value == value);
|
|
10186
|
+
if (!selected) {
|
|
10187
|
+
return;
|
|
10188
|
+
}
|
|
10189
|
+
if (this.nasFormGroup && this.nasFormControlName) {
|
|
10190
|
+
this.selectControl.patchValue(selected.value);
|
|
10191
|
+
}
|
|
10192
|
+
this.selected = selected;
|
|
10193
|
+
this.activeIndex = -1;
|
|
10194
|
+
}
|
|
10195
|
+
setOptionsFromContent(option) {
|
|
10196
|
+
if (!option) {
|
|
10197
|
+
return;
|
|
10198
|
+
}
|
|
10199
|
+
this.options.push({
|
|
10200
|
+
label: option.label,
|
|
10201
|
+
value: option.value,
|
|
10202
|
+
icon: option.icon,
|
|
10203
|
+
displayValue: option.displayValue
|
|
10204
|
+
});
|
|
10205
|
+
}
|
|
10206
|
+
selectKeyDown(event) {
|
|
10207
|
+
if (!this.open || this.options?.length <= 0) {
|
|
10208
|
+
return;
|
|
10209
|
+
}
|
|
10210
|
+
switch (event.key) {
|
|
10211
|
+
case 'Tab':
|
|
10212
|
+
this.open = false;
|
|
10213
|
+
break;
|
|
10214
|
+
case 'ArrowDown':
|
|
10215
|
+
event.preventDefault();
|
|
10216
|
+
this.activeIndex = this.activeIndex < this.options.length - 1 ? this.activeIndex + 1 : 0;
|
|
10217
|
+
this.updateActiveOption();
|
|
10218
|
+
break;
|
|
10219
|
+
case 'ArrowUp':
|
|
10220
|
+
event.preventDefault();
|
|
10221
|
+
this.activeIndex = this.activeIndex > 0 ? this.activeIndex - 1 : this.options.length - 1;
|
|
10222
|
+
this.updateActiveOption();
|
|
10223
|
+
break;
|
|
10224
|
+
case 'Enter':
|
|
10225
|
+
event.preventDefault();
|
|
10226
|
+
const activeOption = this.options[this.activeIndex];
|
|
10227
|
+
if (activeOption) {
|
|
10228
|
+
this.setSelected(activeOption.value);
|
|
10229
|
+
}
|
|
10230
|
+
break;
|
|
10231
|
+
}
|
|
10232
|
+
}
|
|
10233
|
+
updateActiveOption() {
|
|
10234
|
+
if (!this.selectBoxElement) {
|
|
10235
|
+
return;
|
|
10236
|
+
}
|
|
10237
|
+
const optionElements = Array.from(this.selectBoxElement.nativeElement.querySelectorAll(this.NAS_OPTION_TAG));
|
|
10238
|
+
if (!optionElements && optionElements.length <= 0) {
|
|
10239
|
+
return;
|
|
10240
|
+
}
|
|
10241
|
+
optionElements.forEach((option, i) => {
|
|
10242
|
+
if (i === this.activeIndex) {
|
|
10243
|
+
option.classList.add('active');
|
|
10244
|
+
option.scrollIntoView({ block: 'nearest' });
|
|
10245
|
+
}
|
|
10246
|
+
else {
|
|
10247
|
+
option.classList.remove('active');
|
|
10248
|
+
}
|
|
10249
|
+
});
|
|
10250
|
+
}
|
|
10251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewComponent, deps: [{ token: SelectNewService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10252
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SelectNewComponent, selector: "nas-select-new", inputs: { autogrow: "autogrow", compact: "compact", disabled: "disabled", error: "error", errorMessage: "errorMessage", id: "id", infoText: "infoText", inline: "inline", label: "label", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", options: "options", presentValue: "presentValue", selected: "selected", simple: "simple", spaceless: "spaceless", stretched: "stretched" }, outputs: { selectedChange: "selectedChange" }, host: { listeners: { "document:click": "clickOutside($event)", "document:keydown": "onKeydown($event)" } }, providers: [SelectNewService], queries: [{ propertyName: "optionsComponent", predicate: OptionNewComponent, descendants: true }], viewQueries: [{ propertyName: "selectBoxElement", first: true, predicate: ["selectBox"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <label *ngIf=\"label\" [nasClass]=\"getClass('label')\">\n {{ label }}\n <nas-tooltip *ngIf=\"infoText\" [text]=\"infoText\">\n <nas-icon [nasClass]=\"getClass('tooltip')\" [icon]=\"'info'\" [type]=\"'small'\"></nas-icon>\n </nas-tooltip>\n </label>\n <div #selectBox [nasClass]=\"getClass('select-box', modifiers)\">\n <button [nasClass]=\"getClass('select')\" [id]=\"selectId\"\n (click)=\"onOpen()\">\n <nas-icon *ngIf=\"selected?.icon\" [nasClass]=\"getClass('icon')\" [icon]=\"getIconName(selected.icon)\"\n [type]=\"getIconType(selected.icon)\"></nas-icon>\n <div *ngIf=\"selected?.label\" [nasClass]=\"getClass('title')\">\n {{selectedLabel}}\n </div>\n <div [nasClass]=\"getClass('arrow', [open && 'open'])\">\n <nas-icon [icon]=\"'angle-down'\" [type]=\"'small'\"></nas-icon>\n </div>\n </button>\n <div *ngIf=\"open\" [nasClass]=\"getClass('options')\">\n <ng-container *ngIf=\"!hasContent; else contentOptions\">\n <div *ngFor=\"let option of options; let isLast = last\">\n <nas-option-new [value]=\"option?.value\" [label]=\"option?.label\" [icon]=\"option?.icon\" [displayValue]=\"option?.displayValue\"></nas-option-new>\n </div>\n </ng-container>\n <ng-template #contentOptions>\n <ng-content></ng-content>\n </ng-template>\n </div>\n <div *ngIf=\"exists(error) && errorMessage\" [nasClass]=\"getClass('error')\">\n <nas-icon [nasClass]=\"getClass('error--icon')\" type=\"negative\"></nas-icon>\n {{errorMessage}}\n </div>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host:has(.nas-select-new__select-box--stretched){width:100%}:host:has(.nas-select-new__select-box--inline){display:inline-block}.nas-select-new ::ng-deep .nas-select-new__tooltip .nas-icon-small--info{transform:scale(.75)}.nas-select-new__label{font-size:16px;font-weight:700;display:flex;gap:4px}.nas-select-new__select-box{position:relative;min-width:225px;max-width:300px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:16px}.nas-select-new__select-box--active .nas-select-new__select{background-color:#ebf4ff;border-color:#15273f}.nas-select-new__select-box--valid .nas-select-new__select{border-color:#15273f}.nas-select-new__select-box--error .nas-select-new__select{border:2px solid #E5212D;background-color:#fff5f3}.nas-select-new__select-box--disabled .nas-select-new__select{pointer-events:none;color:#6f6f6f;background-color:#e9e7e4;border-color:#e9e7e4}.nas-select-new__select-box--stretched{width:100%;max-width:none}.nas-select-new__select-box--autogrow{min-width:auto;max-width:none}.nas-select-new__select-box--autogrow .nas-select-new__options{top:50px;min-width:175px;border-top:2px solid #15273F}.nas-select-new__select-box--compact .nas-select-new__select{padding:9px}.nas-select-new__select-box--compact ::ng-deep .nas-select-new__arrow .nas-icon-small{transform:scale(.85)}.nas-select-new__select-box--compact ::ng-deep .nas-option-new__option{padding:9px}.nas-select-new__select-box--spaceless{margin-bottom:0}.nas-select-new__select{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:2px solid #6F6F6F;padding:12px 16px;background-color:#fff;max-height:52px}.nas-select-new__select:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-select-new__icon ::ng-deep span{background-size:contain;height:24px;width:24px}.nas-select-new__title{margin-right:8px;white-space:nowrap;overflow:hidden}.nas-select-new__arrow{transition:transform .3s ease;margin-left:auto}.nas-select-new__arrow--open{transform:rotate(180deg)}.nas-select-new__options{position:absolute;z-index:5;width:100%;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;max-height:500px;overflow:auto}.nas-select-new__options::-webkit-scrollbar{height:4px;width:4px}.nas-select-new__options::-webkit-scrollbar-thumb{background:#6f6f6f;border-radius:2px}.nas-select-new__options::-webkit-scrollbar-track-piece:end{margin-right:75px;background:#fff}.nas-select-new__options::-webkit-scrollbar-track-piece:start{margin-left:75px;background:#fff}.nas-select-new__options::-moz-scrollbar{height:4px;width:4px}.nas-select-new__error{display:flex;align-items:center;gap:4px;color:#b12a0b;margin-top:4px}.nas-select-new__error--icon{transform:scale(.85)}.nas-select-new__simple,.nas-select-new__select-box--simple,.nas-select-new__select-box--inline{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;border-bottom:2px solid #6F6F6F;max-width:none}.nas-select-new__simple.nas-select-new__select-box--valid,.nas-select-new__select-box--valid.nas-select-new__select-box--simple,.nas-select-new__select-box--valid.nas-select-new__select-box--inline{border-bottom:2px solid #15273F}.nas-select-new__simple.nas-select-new__select-box--error,.nas-select-new__select-box--error.nas-select-new__select-box--simple,.nas-select-new__select-box--error.nas-select-new__select-box--inline{border-bottom:2px solid #E5212D}.nas-select-new__simple .nas-select-new__select,.nas-select-new__select-box--simple .nas-select-new__select,.nas-select-new__select-box--inline .nas-select-new__select{width:auto;justify-content:unset;gap:0;border:0;padding:0;background-color:transparent}.nas-select-new__simple .nas-select-new__title,.nas-select-new__select-box--simple .nas-select-new__title,.nas-select-new__select-box--inline .nas-select-new__title{margin-right:4px}.nas-select-new__simple .nas-select-new__options,.nas-select-new__select-box--simple .nas-select-new__options,.nas-select-new__select-box--inline .nas-select-new__options{min-width:175px;border-top:2px solid #15273F}.nas-select-new__simple ::ng-deep .nas-select-new__arrow,.nas-select-new__select-box--simple ::ng-deep .nas-select-new__arrow,.nas-select-new__select-box--inline ::ng-deep .nas-select-new__arrow{margin-left:0}.nas-select-new__simple ::ng-deep .nas-select-new__arrow .nas-icon-small,.nas-select-new__select-box--simple ::ng-deep .nas-select-new__arrow .nas-icon-small,.nas-select-new__select-box--inline ::ng-deep .nas-select-new__arrow .nas-icon-small{transform:scale(.75);margin-right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: TooltipComponent, selector: "nas-tooltip", inputs: ["text", "enabled", "left", "right"] }, { kind: "component", type: OptionNewComponent, selector: "nas-option-new", inputs: ["displayValue", "icon", "label", "value"] }] }); }
|
|
10253
|
+
}
|
|
10254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewComponent, decorators: [{
|
|
10255
|
+
type: Component,
|
|
10256
|
+
args: [{ selector: 'nas-select-new', providers: [SelectNewService], template: "<div [nasClass]=\"getClass()\">\n <label *ngIf=\"label\" [nasClass]=\"getClass('label')\">\n {{ label }}\n <nas-tooltip *ngIf=\"infoText\" [text]=\"infoText\">\n <nas-icon [nasClass]=\"getClass('tooltip')\" [icon]=\"'info'\" [type]=\"'small'\"></nas-icon>\n </nas-tooltip>\n </label>\n <div #selectBox [nasClass]=\"getClass('select-box', modifiers)\">\n <button [nasClass]=\"getClass('select')\" [id]=\"selectId\"\n (click)=\"onOpen()\">\n <nas-icon *ngIf=\"selected?.icon\" [nasClass]=\"getClass('icon')\" [icon]=\"getIconName(selected.icon)\"\n [type]=\"getIconType(selected.icon)\"></nas-icon>\n <div *ngIf=\"selected?.label\" [nasClass]=\"getClass('title')\">\n {{selectedLabel}}\n </div>\n <div [nasClass]=\"getClass('arrow', [open && 'open'])\">\n <nas-icon [icon]=\"'angle-down'\" [type]=\"'small'\"></nas-icon>\n </div>\n </button>\n <div *ngIf=\"open\" [nasClass]=\"getClass('options')\">\n <ng-container *ngIf=\"!hasContent; else contentOptions\">\n <div *ngFor=\"let option of options; let isLast = last\">\n <nas-option-new [value]=\"option?.value\" [label]=\"option?.label\" [icon]=\"option?.icon\" [displayValue]=\"option?.displayValue\"></nas-option-new>\n </div>\n </ng-container>\n <ng-template #contentOptions>\n <ng-content></ng-content>\n </ng-template>\n </div>\n <div *ngIf=\"exists(error) && errorMessage\" [nasClass]=\"getClass('error')\">\n <nas-icon [nasClass]=\"getClass('error--icon')\" type=\"negative\"></nas-icon>\n {{errorMessage}}\n </div>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host:has(.nas-select-new__select-box--stretched){width:100%}:host:has(.nas-select-new__select-box--inline){display:inline-block}.nas-select-new ::ng-deep .nas-select-new__tooltip .nas-icon-small--info{transform:scale(.75)}.nas-select-new__label{font-size:16px;font-weight:700;display:flex;gap:4px}.nas-select-new__select-box{position:relative;min-width:225px;max-width:300px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:16px}.nas-select-new__select-box--active .nas-select-new__select{background-color:#ebf4ff;border-color:#15273f}.nas-select-new__select-box--valid .nas-select-new__select{border-color:#15273f}.nas-select-new__select-box--error .nas-select-new__select{border:2px solid #E5212D;background-color:#fff5f3}.nas-select-new__select-box--disabled .nas-select-new__select{pointer-events:none;color:#6f6f6f;background-color:#e9e7e4;border-color:#e9e7e4}.nas-select-new__select-box--stretched{width:100%;max-width:none}.nas-select-new__select-box--autogrow{min-width:auto;max-width:none}.nas-select-new__select-box--autogrow .nas-select-new__options{top:50px;min-width:175px;border-top:2px solid #15273F}.nas-select-new__select-box--compact .nas-select-new__select{padding:9px}.nas-select-new__select-box--compact ::ng-deep .nas-select-new__arrow .nas-icon-small{transform:scale(.85)}.nas-select-new__select-box--compact ::ng-deep .nas-option-new__option{padding:9px}.nas-select-new__select-box--spaceless{margin-bottom:0}.nas-select-new__select{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:2px solid #6F6F6F;padding:12px 16px;background-color:#fff;max-height:52px}.nas-select-new__select:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-select-new__icon ::ng-deep span{background-size:contain;height:24px;width:24px}.nas-select-new__title{margin-right:8px;white-space:nowrap;overflow:hidden}.nas-select-new__arrow{transition:transform .3s ease;margin-left:auto}.nas-select-new__arrow--open{transform:rotate(180deg)}.nas-select-new__options{position:absolute;z-index:5;width:100%;border-left:2px solid #15273F;border-right:2px solid #15273F;border-bottom:2px solid #15273F;max-height:500px;overflow:auto}.nas-select-new__options::-webkit-scrollbar{height:4px;width:4px}.nas-select-new__options::-webkit-scrollbar-thumb{background:#6f6f6f;border-radius:2px}.nas-select-new__options::-webkit-scrollbar-track-piece:end{margin-right:75px;background:#fff}.nas-select-new__options::-webkit-scrollbar-track-piece:start{margin-left:75px;background:#fff}.nas-select-new__options::-moz-scrollbar{height:4px;width:4px}.nas-select-new__error{display:flex;align-items:center;gap:4px;color:#b12a0b;margin-top:4px}.nas-select-new__error--icon{transform:scale(.85)}.nas-select-new__simple,.nas-select-new__select-box--simple,.nas-select-new__select-box--inline{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:auto;border-bottom:2px solid #6F6F6F;max-width:none}.nas-select-new__simple.nas-select-new__select-box--valid,.nas-select-new__select-box--valid.nas-select-new__select-box--simple,.nas-select-new__select-box--valid.nas-select-new__select-box--inline{border-bottom:2px solid #15273F}.nas-select-new__simple.nas-select-new__select-box--error,.nas-select-new__select-box--error.nas-select-new__select-box--simple,.nas-select-new__select-box--error.nas-select-new__select-box--inline{border-bottom:2px solid #E5212D}.nas-select-new__simple .nas-select-new__select,.nas-select-new__select-box--simple .nas-select-new__select,.nas-select-new__select-box--inline .nas-select-new__select{width:auto;justify-content:unset;gap:0;border:0;padding:0;background-color:transparent}.nas-select-new__simple .nas-select-new__title,.nas-select-new__select-box--simple .nas-select-new__title,.nas-select-new__select-box--inline .nas-select-new__title{margin-right:4px}.nas-select-new__simple .nas-select-new__options,.nas-select-new__select-box--simple .nas-select-new__options,.nas-select-new__select-box--inline .nas-select-new__options{min-width:175px;border-top:2px solid #15273F}.nas-select-new__simple ::ng-deep .nas-select-new__arrow,.nas-select-new__select-box--simple ::ng-deep .nas-select-new__arrow,.nas-select-new__select-box--inline ::ng-deep .nas-select-new__arrow{margin-left:0}.nas-select-new__simple ::ng-deep .nas-select-new__arrow .nas-icon-small,.nas-select-new__select-box--simple ::ng-deep .nas-select-new__arrow .nas-icon-small,.nas-select-new__select-box--inline ::ng-deep .nas-select-new__arrow .nas-icon-small{transform:scale(.75);margin-right:0}\n"] }]
|
|
10257
|
+
}], ctorParameters: function () { return [{ type: SelectNewService }]; }, propDecorators: { selectBoxElement: [{
|
|
10258
|
+
type: ViewChild,
|
|
10259
|
+
args: ['selectBox']
|
|
10260
|
+
}], optionsComponent: [{
|
|
10261
|
+
type: ContentChildren,
|
|
10262
|
+
args: [OptionNewComponent, { descendants: true }]
|
|
10263
|
+
}], autogrow: [{
|
|
10264
|
+
type: Input
|
|
10265
|
+
}], compact: [{
|
|
10266
|
+
type: Input
|
|
10267
|
+
}], disabled: [{
|
|
10268
|
+
type: Input
|
|
10269
|
+
}], error: [{
|
|
10270
|
+
type: Input
|
|
10271
|
+
}], errorMessage: [{
|
|
10272
|
+
type: Input
|
|
10273
|
+
}], id: [{
|
|
10274
|
+
type: Input
|
|
10275
|
+
}], infoText: [{
|
|
10276
|
+
type: Input
|
|
10277
|
+
}], inline: [{
|
|
10278
|
+
type: Input
|
|
10279
|
+
}], label: [{
|
|
10280
|
+
type: Input
|
|
10281
|
+
}], nasFormControlName: [{
|
|
10282
|
+
type: Input
|
|
10283
|
+
}], nasFormGroup: [{
|
|
10284
|
+
type: Input
|
|
10285
|
+
}], options: [{
|
|
10286
|
+
type: Input
|
|
10287
|
+
}], presentValue: [{
|
|
10288
|
+
type: Input
|
|
10289
|
+
}], selected: [{
|
|
10290
|
+
type: Input
|
|
10291
|
+
}], simple: [{
|
|
10292
|
+
type: Input
|
|
10293
|
+
}], spaceless: [{
|
|
10294
|
+
type: Input
|
|
10295
|
+
}], stretched: [{
|
|
10296
|
+
type: Input
|
|
10297
|
+
}], selectedChange: [{
|
|
10298
|
+
type: Output
|
|
10299
|
+
}], clickOutside: [{
|
|
10300
|
+
type: HostListener,
|
|
10301
|
+
args: ['document:click', ['$event']]
|
|
10302
|
+
}], onKeydown: [{
|
|
10303
|
+
type: HostListener,
|
|
10304
|
+
args: ['document:keydown', ['$event']]
|
|
10305
|
+
}] } });
|
|
10306
|
+
|
|
10307
|
+
/**
|
|
10308
|
+
* @license
|
|
10309
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
10310
|
+
*/
|
|
10311
|
+
class OptGroupNewComponent extends NasComponentBase {
|
|
10312
|
+
constructor() {
|
|
10313
|
+
super('nas-optgroup-new');
|
|
10314
|
+
}
|
|
10315
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptGroupNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10316
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OptGroupNewComponent, selector: "nas-optgroup-new", inputs: { label: "label" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <div *ngIf=\"label\" [nasClass]=\"getClass('label')\">{{label}}</div>\n <ng-content></ng-content>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-optgroup-new__label{padding:8px 16px;text-align:center;font-size:14px;font-weight:700;background-color:#f8f8f8}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }] }); }
|
|
10317
|
+
}
|
|
10318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OptGroupNewComponent, decorators: [{
|
|
10319
|
+
type: Component,
|
|
10320
|
+
args: [{ selector: 'nas-optgroup-new', template: "<div [nasClass]=\"getClass()\">\n <div *ngIf=\"label\" [nasClass]=\"getClass('label')\">{{label}}</div>\n <ng-content></ng-content>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-optgroup-new__label{padding:8px 16px;text-align:center;font-size:14px;font-weight:700;background-color:#f8f8f8}\n"] }]
|
|
10321
|
+
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
10322
|
+
type: Input
|
|
10323
|
+
}] } });
|
|
10324
|
+
|
|
10325
|
+
class TooltipModule {
|
|
10326
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10327
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule,
|
|
10328
|
+
NasClassModule,
|
|
10329
|
+
IconModule], exports: [TooltipComponent] }); }
|
|
10330
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, providers: [DeviceHelper], imports: [CommonModule,
|
|
10331
|
+
NasClassModule,
|
|
10332
|
+
IconModule] }); }
|
|
10333
|
+
}
|
|
10334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, decorators: [{
|
|
10335
|
+
type: NgModule,
|
|
10336
|
+
args: [{
|
|
10337
|
+
declarations: [TooltipComponent],
|
|
10338
|
+
imports: [
|
|
10339
|
+
CommonModule,
|
|
10340
|
+
NasClassModule,
|
|
10341
|
+
IconModule
|
|
10342
|
+
],
|
|
10343
|
+
exports: [TooltipComponent],
|
|
10344
|
+
providers: [DeviceHelper]
|
|
10345
|
+
}]
|
|
10346
|
+
}] });
|
|
10347
|
+
|
|
10348
|
+
class SelectNewModule {
|
|
10349
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10350
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SelectNewModule, declarations: [SelectNewComponent, OptionNewComponent, OptGroupNewComponent], imports: [CommonModule, ReactiveFormsModule, NasClassModule, IconModule, TooltipModule], exports: [SelectNewComponent, OptionNewComponent, OptGroupNewComponent] }); }
|
|
10351
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewModule, providers: [SelectNewService], imports: [CommonModule, ReactiveFormsModule, NasClassModule, IconModule, TooltipModule] }); }
|
|
10352
|
+
}
|
|
10353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectNewModule, decorators: [{
|
|
10354
|
+
type: NgModule,
|
|
10355
|
+
args: [{
|
|
10356
|
+
imports: [CommonModule, ReactiveFormsModule, NasClassModule, IconModule, TooltipModule],
|
|
10357
|
+
declarations: [SelectNewComponent, OptionNewComponent, OptGroupNewComponent],
|
|
10358
|
+
exports: [SelectNewComponent, OptionNewComponent, OptGroupNewComponent],
|
|
10359
|
+
providers: [SelectNewService]
|
|
10360
|
+
}]
|
|
10361
|
+
}] });
|
|
10362
|
+
|
|
10363
|
+
/**
|
|
10364
|
+
* @license
|
|
10365
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
10366
|
+
*/
|
|
10367
|
+
/**
|
|
10368
|
+
* @description
|
|
10369
|
+
* Norwegian Status Box Component | Dialogs and Modals
|
|
10370
|
+
*/
|
|
10371
|
+
class StatusBoxComponent extends NasComponentBase {
|
|
10372
|
+
/**
|
|
10373
|
+
* @property Input
|
|
10374
|
+
* @description
|
|
10375
|
+
* Flag for showing/hiding element. Defaults to true.
|
|
10376
|
+
*/
|
|
10377
|
+
get statusBox() {
|
|
10378
|
+
return this.statusBoxModel;
|
|
10379
|
+
}
|
|
10380
|
+
set statusBox(statusBox) {
|
|
10381
|
+
this.statusBoxModel = statusBox;
|
|
10382
|
+
if (statusBox) {
|
|
10383
|
+
this.setStatusBoxValues(statusBox);
|
|
10384
|
+
}
|
|
10385
|
+
}
|
|
10386
|
+
constructor() {
|
|
10387
|
+
super('nas-status-box');
|
|
10388
|
+
/**
|
|
10389
|
+
* @property Output
|
|
10390
|
+
* @description
|
|
10391
|
+
* Change event when clicking on button.
|
|
10392
|
+
*
|
|
10393
|
+
* @example
|
|
10394
|
+
* <nas-button (clickChange)="myFunction()">Click on me!</nas-button>
|
|
10395
|
+
*/
|
|
10396
|
+
this.clickChange = new EventEmitter();
|
|
10397
|
+
this.trackingEventSource = new Subject();
|
|
10398
|
+
}
|
|
10399
|
+
get modifiers() {
|
|
10400
|
+
return [
|
|
10401
|
+
this.exists(this.info) && 'info',
|
|
10402
|
+
this.exists(this.warning) && 'warning',
|
|
10403
|
+
this.exists(this.success) && 'success',
|
|
10404
|
+
this.exists(this.error) && 'error',
|
|
10405
|
+
];
|
|
10406
|
+
}
|
|
10407
|
+
getIcon() {
|
|
10408
|
+
const iconMap = {
|
|
10409
|
+
warning: 'status-warning',
|
|
10410
|
+
success: 'status-success',
|
|
10411
|
+
error: 'status-error',
|
|
10412
|
+
info: 'status-info'
|
|
10413
|
+
};
|
|
10414
|
+
for (const icon of Object.keys(iconMap)) {
|
|
10415
|
+
if (this.exists(this[icon])) {
|
|
10416
|
+
return iconMap[icon];
|
|
10417
|
+
}
|
|
10418
|
+
}
|
|
10419
|
+
return 'status-info';
|
|
10420
|
+
}
|
|
10421
|
+
setStatusBoxValues(statusBox) {
|
|
10422
|
+
if (statusBox.title) {
|
|
10423
|
+
this.title = statusBox.title;
|
|
10424
|
+
}
|
|
10425
|
+
if (statusBox.text) {
|
|
10426
|
+
this.text = statusBox.text;
|
|
10427
|
+
}
|
|
10428
|
+
if (statusBox.buttonText) {
|
|
10429
|
+
this.buttonText = statusBox.buttonText;
|
|
10430
|
+
}
|
|
10431
|
+
}
|
|
10432
|
+
statusBoxEvent(event) {
|
|
10433
|
+
this.trackingEventSource.next(this.trackingvalue);
|
|
10434
|
+
this.clickChange.emit(event);
|
|
10435
|
+
}
|
|
10436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10437
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusBoxComponent, selector: "nas-status-box", inputs: { info: "info", warning: "warning", error: "error", success: "success", title: "title", text: "text", buttonText: "buttonText", statusBox: "statusBox", trackingvalue: "trackingvalue" }, outputs: { clickChange: "clickChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('container')\">\n <div [nasClass]=\"getClass('icon')\">\n <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('content')\">\n <div [nasClass]=\"getClass('text-container')\">\n <div [nasClass]=\"getClass('text')\">{{title}}</div>\n <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n </div>\n <div *ngIf=\"buttonText\">\n <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n </div>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}@media (max-width: 639px){.nas-status-box__text,.nas-status-box__text--small{font-size:20px;line-height:28px}}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "tertiary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange", "focusOnNext"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
10438
|
+
}
|
|
10439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxComponent, decorators: [{
|
|
10440
|
+
type: Component,
|
|
10441
|
+
args: [{ selector: 'nas-status-box', template: "<div [nasClass]=\"getClass('container')\">\n <div [nasClass]=\"getClass('icon')\">\n <nas-icon [icon]=\"getIcon()\" [type]=\"'large'\"></nas-icon>\n </div>\n <div [nasClass]=\"getClass('content')\">\n <div [nasClass]=\"getClass('text-container')\">\n <div [nasClass]=\"getClass('text')\">{{title}}</div>\n <span [nasClass]=\"getClass('text--small')\">{{text}}</span>\n </div>\n <div *ngIf=\"buttonText\">\n <nas-button secondary (clickChange)=\"statusBoxEvent($event)\">{{buttonText}}</nas-button>\n </div>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-status-box__container{display:block;align-items:center;justify-content:center;text-align:center;background-color:#fff;padding:16px}.nas-status-box__container ::ng-deep .nas-button--secondary{width:100%}@media (min-width: 1000px){.nas-status-box__container ::ng-deep .nas-button--secondary{width:-webkit-max-content;width:max-content}}@media (min-width: 1000px){.nas-status-box__container{text-align:unset;display:flex}}.nas-status-box__content{margin:24px 48px;align-items:center;display:inline-block}@media (min-width: 1280px){.nas-status-box__content{display:flex}}.nas-status-box__text-container{margin:0 0 16px}@media (min-width: 1000px){.nas-status-box__text-container{margin:24px 48px 24px 0}}.nas-status-box__text,.nas-status-box__text--small{color:#15273f;font-size:24px;line-height:32px;font-weight:700;line-height:20px;margin-bottom:4px}@media (max-width: 639px){.nas-status-box__text,.nas-status-box__text--small{font-size:20px;line-height:28px}}.nas-status-box__text--small{font-weight:400;font-size:16px;line-height:24px}.nas-status-box__icon{width:100%;height:170px}@media (min-width: 1000px){.nas-status-box__icon{width:170px}}\n"] }]
|
|
10442
|
+
}], ctorParameters: function () { return []; }, propDecorators: { info: [{
|
|
10443
|
+
type: Input
|
|
10444
|
+
}], warning: [{
|
|
10445
|
+
type: Input
|
|
10446
|
+
}], error: [{
|
|
10447
|
+
type: Input
|
|
10448
|
+
}], success: [{
|
|
10449
|
+
type: Input
|
|
10450
|
+
}], title: [{
|
|
10451
|
+
type: Input
|
|
10452
|
+
}], text: [{
|
|
10453
|
+
type: Input
|
|
10454
|
+
}], buttonText: [{
|
|
10455
|
+
type: Input
|
|
10456
|
+
}], statusBox: [{
|
|
10457
|
+
type: Input
|
|
10458
|
+
}], trackingvalue: [{
|
|
10459
|
+
type: Input
|
|
10460
|
+
}], clickChange: [{
|
|
10461
|
+
type: Output
|
|
10462
|
+
}] } });
|
|
10463
|
+
|
|
10464
|
+
class StatusBoxModule {
|
|
10465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10466
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxModule, declarations: [StatusBoxComponent], imports: [CommonModule, NasClassModule, ButtonModule, IconModule], exports: [StatusBoxComponent] }); }
|
|
10467
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxModule, imports: [CommonModule, NasClassModule, ButtonModule, IconModule] }); }
|
|
10468
|
+
}
|
|
10469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBoxModule, decorators: [{
|
|
10470
|
+
type: NgModule,
|
|
10471
|
+
args: [{
|
|
10472
|
+
declarations: [StatusBoxComponent],
|
|
10473
|
+
imports: [CommonModule, NasClassModule, ButtonModule, IconModule],
|
|
10474
|
+
exports: [StatusBoxComponent],
|
|
10475
|
+
}]
|
|
10476
|
+
}] });
|
|
10477
|
+
|
|
10478
|
+
/**
|
|
10479
|
+
* @license
|
|
10480
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
10481
|
+
*/
|
|
10482
|
+
/**
|
|
10483
|
+
* @description
|
|
10484
|
+
* Norwegian Airport List Component | Layout
|
|
10485
|
+
*/
|
|
10486
|
+
class ListComponent extends NasComponentBase {
|
|
10487
|
+
constructor(elementRef) {
|
|
10488
|
+
super('nas-list');
|
|
10489
|
+
this.elementRef = elementRef;
|
|
10490
|
+
}
|
|
10491
|
+
mainClass() {
|
|
10492
|
+
return this.getClass('', [
|
|
10493
|
+
this.exists(this.markers) && 'markers',
|
|
10494
|
+
this.exists(this.note) && 'note',
|
|
10495
|
+
this.exists(this.positive) && 'positive',
|
|
10496
|
+
this.exists(this.negative) && 'negative',
|
|
10497
|
+
this.exists(this.goto) && 'goto',
|
|
10498
|
+
this.exists(this.spaceless) && 'spaceless',
|
|
10499
|
+
this.exists(this.table) && 'table',
|
|
10500
|
+
]);
|
|
10501
|
+
}
|
|
10502
|
+
ngAfterContentChecked() {
|
|
10503
|
+
if (this.elementRef.nativeElement.firstElementChild) {
|
|
10504
|
+
this.removeEmptyListItems();
|
|
10505
|
+
}
|
|
10506
|
+
}
|
|
10507
|
+
/**
|
|
10508
|
+
* @description
|
|
10509
|
+
* Angular generates 'nas-list-item' as the parent element which when is put into UL or OL breaks the semantics of
|
|
10510
|
+
* HTML. This solution keeps the element and encapsulates it with LI element, which is correct semantically and
|
|
10511
|
+
* let the list tempalte update/manipulte. But since we are manually adding LI elements in nas-list-item,
|
|
10512
|
+
* so those are not removed by angular automatically when data(model) is removed/reduced.
|
|
10513
|
+
* This function looks up for the empty LI elements when the content is updated and removes them manually.
|
|
10514
|
+
*/
|
|
10515
|
+
removeEmptyListItems() {
|
|
10516
|
+
const currentList = this.elementRef.nativeElement.firstElementChild;
|
|
10517
|
+
let currentListItem = currentList.firstElementChild;
|
|
10518
|
+
const totalChildren = currentList.childElementCount;
|
|
10519
|
+
let nextListItem = currentListItem;
|
|
10520
|
+
for (let childCount = 0; childCount < totalChildren; childCount++) {
|
|
10521
|
+
nextListItem = currentListItem.nextElementSibling;
|
|
10522
|
+
if (currentListItem.innerHTML.length === 0) {
|
|
10523
|
+
currentListItem.parentElement.removeChild(currentListItem);
|
|
10524
|
+
}
|
|
10525
|
+
currentListItem = nextListItem;
|
|
10526
|
+
}
|
|
10527
|
+
}
|
|
10528
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10529
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, selector: "nas-list", inputs: { markers: "markers", note: "note", positive: "positive", negative: "negative", goto: "goto", table: "table", spaceless: "spaceless", items: "items" }, usesInheritance: true, ngImport: i0, template: "<ul [nasClass]=\"mainClass()\">\n <ng-content></ng-content>\n</ul>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}ul,ul li{list-style:none}.nas-list{margin-bottom:24px;margin-left:24px;padding-top:3px}.nas-list li{position:relative;display:inline-block;margin:0 36px 9px 0}.nas-list li:before{content:\"\";display:block;position:absolute;height:8px;width:8px;left:-18px;top:7px;margin:0 12px 6px 0;border-radius:50%;background-color:#15273f}@media (min-width: 640px){.nas-list li{display:block;margin:0 12px 9px 0}}.nas-list--markers{margin-left:0}.nas-list--markers li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Ccircle fill%3D%22%23C3C3C3%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3Cpolygon fill%3D%22%2315273f%22 points%3D%2218.5%2C9.8 16.4%2C7.7 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--markers li:before{display:none}@media (min-width: 640px){.nas-list--markers li{display:block}}.nas-list--positive{margin-left:0}.nas-list--positive li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22%3E%09%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM11.5479 4.5L13.2001 6.11168L6.6273 12.5L2.80013 8.76667L4.44035 7.16667L6.6273 9.3L11.5479 4.5Z%22 fill%3D%22%23238E00%22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--positive li:before{display:none}@media (min-width: 640px){.nas-list--positive li{display:block}}.nas-list--negative{margin-left:0}.nas-list--negative li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22%3E%09%3Cpath id%3D%22Exclude%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM10.3846 4.58008L12 6.19546L9.61539 8.58008L12 10.9647L10.3846 12.5801L8 10.1955L5.61538 12.5801L4 10.9647L6.38461 8.58008L4 6.19546L5.61538 4.58008L8 6.96469L10.3846 4.58008Z%22 fill%3D%22%23B12A0B%22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--negative li:before{display:none}@media (min-width: 640px){.nas-list--negative li{display:block}}.nas-list--goto{margin-left:0}.nas-list--goto li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M15.2423 10.5759L4 10.5759L4 13.4222L15.2423 13.4222C12.9473 15.1731 11.3607 17.0153 10.4372 19L13.9654 19C15.2895 16.7588 17.3735 14.6362 20 12.8619L20 11.1362C17.3735 9.36191 15.2897 7.23926 13.9654 5L10.4372 5C11.3607 6.98248 12.9473 8.82686 15.2423 10.5759Z%22 fill%3D%22%2315273F%22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--goto li:before{display:none}@media (min-width: 640px){.nas-list--goto li{display:block}}.nas-list--spaceless{margin-bottom:0}.nas-list--table{margin-left:0}.nas-list--table li{display:block;border-top:2px solid #E9E7E4;padding:12px 0;margin:0}.nas-list--table li:last-child{border-bottom:2px solid #E9E7E4}.nas-list--table li:before{display:none}\n"], dependencies: [{ kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10530
|
+
}
|
|
10531
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
|
|
10532
|
+
type: Component,
|
|
10533
|
+
args: [{ selector: 'nas-list', encapsulation: ViewEncapsulation.None, template: "<ul [nasClass]=\"mainClass()\">\n <ng-content></ng-content>\n</ul>\n", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}ul,ul li{list-style:none}.nas-list{margin-bottom:24px;margin-left:24px;padding-top:3px}.nas-list li{position:relative;display:inline-block;margin:0 36px 9px 0}.nas-list li:before{content:\"\";display:block;position:absolute;height:8px;width:8px;left:-18px;top:7px;margin:0 12px 6px 0;border-radius:50%;background-color:#15273f}@media (min-width: 640px){.nas-list li{display:block;margin:0 12px 9px 0}}.nas-list--markers{margin-left:0}.nas-list--markers li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2224px%22 height%3D%2224px%22 viewBox%3D%220 0 24 24%22 enable-background%3D%22new 0 0 24 24%22 xml%3Aspace%3D%22preserve%22%3E%3Ccircle fill%3D%22%23C3C3C3%22 cx%3D%2212%22 cy%3D%2212%22 r%3D%2210%22%2F%3E%3Cpolygon fill%3D%22%2315273f%22 points%3D%2218.5%2C9.8 16.4%2C7.7 11.5%2C12.6 8.8%2C10 6.7%2C12.1 9.4%2C14.7 11.5%2C16.8 13.6%2C14.7 %22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--markers li:before{display:none}@media (min-width: 640px){.nas-list--markers li{display:block}}.nas-list--positive{margin-left:0}.nas-list--positive li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22%3E%09%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM11.5479 4.5L13.2001 6.11168L6.6273 12.5L2.80013 8.76667L4.44035 7.16667L6.6273 9.3L11.5479 4.5Z%22 fill%3D%22%23238E00%22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--positive li:before{display:none}@media (min-width: 640px){.nas-list--positive li{display:block}}.nas-list--negative{margin-left:0}.nas-list--negative li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22%3E%09%3Cpath id%3D%22Exclude%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM10.3846 4.58008L12 6.19546L9.61539 8.58008L12 10.9647L10.3846 12.5801L8 10.1955L5.61538 12.5801L4 10.9647L6.38461 8.58008L4 6.19546L5.61538 4.58008L8 6.96469L10.3846 4.58008Z%22 fill%3D%22%23B12A0B%22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--negative li:before{display:none}@media (min-width: 640px){.nas-list--negative li{display:block}}.nas-list--goto{margin-left:0}.nas-list--goto li{display:inline-block;padding-left:30px;margin:0 12px 9px 0;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M15.2423 10.5759L4 10.5759L4 13.4222L15.2423 13.4222C12.9473 15.1731 11.3607 17.0153 10.4372 19L13.9654 19C15.2895 16.7588 17.3735 14.6362 20 12.8619L20 11.1362C17.3735 9.36191 15.2897 7.23926 13.9654 5L10.4372 5C11.3607 6.98248 12.9473 8.82686 15.2423 10.5759Z%22 fill%3D%22%2315273F%22%2F%3E%3C%2Fsvg%3E\") 0 -1px no-repeat}.nas-list--goto li:before{display:none}@media (min-width: 640px){.nas-list--goto li{display:block}}.nas-list--spaceless{margin-bottom:0}.nas-list--table{margin-left:0}.nas-list--table li{display:block;border-top:2px solid #E9E7E4;padding:12px 0;margin:0}.nas-list--table li:last-child{border-bottom:2px solid #E9E7E4}.nas-list--table li:before{display:none}\n"] }]
|
|
10534
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { markers: [{
|
|
10535
|
+
type: Input
|
|
10536
|
+
}], note: [{
|
|
10537
|
+
type: Input
|
|
10538
|
+
}], positive: [{
|
|
10539
|
+
type: Input
|
|
10540
|
+
}], negative: [{
|
|
10541
|
+
type: Input
|
|
10542
|
+
}], goto: [{
|
|
10543
|
+
type: Input
|
|
10544
|
+
}], table: [{
|
|
10545
|
+
type: Input
|
|
10546
|
+
}], spaceless: [{
|
|
10547
|
+
type: Input
|
|
10548
|
+
}], items: [{
|
|
10549
|
+
type: Input
|
|
10550
|
+
}] } });
|
|
10551
|
+
|
|
10552
|
+
/**
|
|
10553
|
+
* @license
|
|
10554
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
10555
|
+
*/
|
|
10556
|
+
class ListItemComponent extends NasComponentBase {
|
|
10557
|
+
constructor(elementRef) {
|
|
10558
|
+
super('nas-list-item');
|
|
10559
|
+
this.elementRef = elementRef;
|
|
10560
|
+
}
|
|
10561
|
+
ngOnInit() {
|
|
10562
|
+
this.nasListItemToListItemElement();
|
|
10563
|
+
}
|
|
10564
|
+
/**
|
|
10565
|
+
* @description
|
|
10566
|
+
* Angular generates 'nas-list-item' as the parent element which when is put into UL or OL breaks the semantics of
|
|
10567
|
+
* HTML, Initial solution we adopted was to remove 'nas-list-item' and add 'LI' as the parent element. which then
|
|
10568
|
+
* produced the problem of List template not being updated when the model(data) is upadted after initialization.
|
|
10569
|
+
* This solution keeps the element and encapsulates it with LI element, which is correct semantically and
|
|
10570
|
+
* let the list template update/manipulate.
|
|
10571
|
+
*/
|
|
10572
|
+
nasListItemToListItemElement() {
|
|
10573
|
+
const newParent = document.createElement('li');
|
|
10574
|
+
const item = this.elementRef.nativeElement;
|
|
10575
|
+
if (item.parentElement && item.parentElement.tagName === 'LI') {
|
|
10576
|
+
item.parentElement.insertAdjacentElement('afterend', newParent);
|
|
10577
|
+
}
|
|
10578
|
+
else {
|
|
10579
|
+
item.insertAdjacentElement('afterend', newParent);
|
|
10580
|
+
}
|
|
10581
|
+
newParent.appendChild(item);
|
|
10582
|
+
}
|
|
10583
|
+
getClasses() {
|
|
10033
10584
|
const classes = [this.getClass()];
|
|
10034
10585
|
if (this.cssClass) {
|
|
10035
10586
|
classes.push(this.cssClass);
|
|
@@ -13298,193 +13849,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
13298
13849
|
}]
|
|
13299
13850
|
}] });
|
|
13300
13851
|
|
|
13301
|
-
/**
|
|
13302
|
-
* @license
|
|
13303
|
-
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
13304
|
-
*/
|
|
13305
|
-
/**
|
|
13306
|
-
* @description
|
|
13307
|
-
* Norwegian Tooltip Component | Functional | Beta
|
|
13308
|
-
*/
|
|
13309
|
-
class TooltipComponent extends NasComponentBase {
|
|
13310
|
-
constructor(deviceHelper) {
|
|
13311
|
-
super('nas-tooltip');
|
|
13312
|
-
this.deviceHelper = deviceHelper;
|
|
13313
|
-
this.opacityTimer = null;
|
|
13314
|
-
this.innerWidth = window.innerWidth;
|
|
13315
|
-
}
|
|
13316
|
-
onMouseEnter() {
|
|
13317
|
-
if (this.hostListenerIgnored) {
|
|
13318
|
-
return;
|
|
13319
|
-
}
|
|
13320
|
-
this.enabled = true;
|
|
13321
|
-
setTimeout(() => {
|
|
13322
|
-
this.adjustTooltipPosition();
|
|
13323
|
-
});
|
|
13324
|
-
this.setToolTipOpacity(1, 300);
|
|
13325
|
-
}
|
|
13326
|
-
onMouseLeave() {
|
|
13327
|
-
this.hideToolTip();
|
|
13328
|
-
}
|
|
13329
|
-
onScroll() {
|
|
13330
|
-
this.hideToolTip();
|
|
13331
|
-
}
|
|
13332
|
-
onClickOutside(event) {
|
|
13333
|
-
if (this.container) {
|
|
13334
|
-
const clickedInside = this.container.nativeElement.contains(event.target);
|
|
13335
|
-
if (!clickedInside) {
|
|
13336
|
-
this.hideToolTip();
|
|
13337
|
-
}
|
|
13338
|
-
}
|
|
13339
|
-
}
|
|
13340
|
-
onResize() {
|
|
13341
|
-
this.innerWidth = window.innerWidth;
|
|
13342
|
-
}
|
|
13343
|
-
ngOnInit() {
|
|
13344
|
-
//If "enabled" attribute exists, ignore hostlistener
|
|
13345
|
-
this.hostListenerIgnored = this.exists(this.enabled);
|
|
13346
|
-
this.enabled = true;
|
|
13347
|
-
}
|
|
13348
|
-
ngAfterViewInit() {
|
|
13349
|
-
setTimeout(() => {
|
|
13350
|
-
if (this.hostListenerIgnored) {
|
|
13351
|
-
this.renderViewHostListenerIgnoredOnInit();
|
|
13352
|
-
return;
|
|
13353
|
-
}
|
|
13354
|
-
this.adjustTooltipPosition();
|
|
13355
|
-
this.enabled = false;
|
|
13356
|
-
});
|
|
13357
|
-
}
|
|
13358
|
-
getClasses(element, modifiers) {
|
|
13359
|
-
const classes = [this.getClass(element, modifiers)];
|
|
13360
|
-
return classes;
|
|
13361
|
-
}
|
|
13362
|
-
onClickClose() {
|
|
13363
|
-
this.enabled = false;
|
|
13364
|
-
this.setToolTipOpacity(0);
|
|
13365
|
-
}
|
|
13366
|
-
onClickOpenMobileView() {
|
|
13367
|
-
if (!this.deviceHelper.isMobileWidth()) {
|
|
13368
|
-
return;
|
|
13369
|
-
}
|
|
13370
|
-
this.enabled = true;
|
|
13371
|
-
this.setToolTipOpacity(1);
|
|
13372
|
-
}
|
|
13373
|
-
adjustTooltipPosition() {
|
|
13374
|
-
if (!this.tooltip || !this.content) {
|
|
13375
|
-
return;
|
|
13376
|
-
}
|
|
13377
|
-
const tooltipElement = this.tooltip.nativeElement;
|
|
13378
|
-
const contentElement = this.content.nativeElement;
|
|
13379
|
-
const rect = tooltipElement.getBoundingClientRect();
|
|
13380
|
-
const toolTipLeftPosition = rect?.left;
|
|
13381
|
-
const toolTipRightPosition = rect?.right;
|
|
13382
|
-
if (toolTipLeftPosition < 0) {
|
|
13383
|
-
this.left = true;
|
|
13384
|
-
}
|
|
13385
|
-
if (toolTipRightPosition > this.innerWidth) {
|
|
13386
|
-
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
13387
|
-
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
13388
|
-
this.right = true;
|
|
13389
|
-
}
|
|
13390
|
-
}
|
|
13391
|
-
renderViewHostListenerIgnoredOnInit() {
|
|
13392
|
-
const tooltipElement = this.tooltip?.nativeElement;
|
|
13393
|
-
const contentElement = this.content?.nativeElement;
|
|
13394
|
-
if (!tooltipElement || !contentElement) {
|
|
13395
|
-
return;
|
|
13396
|
-
}
|
|
13397
|
-
tooltipElement.style.opacity = 1;
|
|
13398
|
-
if (this.exists(this.left)) {
|
|
13399
|
-
this.left = true;
|
|
13400
|
-
}
|
|
13401
|
-
if (this.exists(this.right)) {
|
|
13402
|
-
this.right = true;
|
|
13403
|
-
if (tooltipElement && contentElement) {
|
|
13404
|
-
const contentWidth = contentElement.getBoundingClientRect()?.width;
|
|
13405
|
-
tooltipElement.style.right = `${contentWidth / 2}px`;
|
|
13406
|
-
}
|
|
13407
|
-
}
|
|
13408
|
-
}
|
|
13409
|
-
hideToolTip() {
|
|
13410
|
-
if (this.hostListenerIgnored) {
|
|
13411
|
-
return;
|
|
13412
|
-
}
|
|
13413
|
-
this.enabled = false;
|
|
13414
|
-
clearTimeout(this.opacityTimer);
|
|
13415
|
-
this.setToolTipOpacity(0);
|
|
13416
|
-
}
|
|
13417
|
-
setToolTipOpacity(value, timout = 0) {
|
|
13418
|
-
if (!this.tooltip) {
|
|
13419
|
-
return;
|
|
13420
|
-
}
|
|
13421
|
-
this.opacityTimer = setTimeout(() => {
|
|
13422
|
-
this.tooltip.nativeElement.style.opacity = value;
|
|
13423
|
-
}, timout);
|
|
13424
|
-
}
|
|
13425
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: DeviceHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13426
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "nas-tooltip", inputs: { text: "text", enabled: "enabled", left: "left", right: "right" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:scroll": "onScroll()", "document:click": "onClickOutside($event)", "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"], dependencies: [{ kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
13427
|
-
}
|
|
13428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
13429
|
-
type: Component,
|
|
13430
|
-
args: [{ selector: 'nas-tooltip', template: "<div #container [nasClass]=\"getClasses('')\">\n <div [hidden]=\"!text || !enabled\" [nasClass]=\"getClasses('tooltip', [left && 'left', right && 'right'])\" #tooltip>\n <button [nasClass]=\"getClasses('close')\" (click)=\"onClickClose()\">\n <nas-icon [icon]=\"'close--light'\" [type]=\"'small'\"></nas-icon>\n </button>\n <p [nasClass]=\"getClasses('text')\">{{text}}</p>\n <span [nasClass]=\"getClasses('tooltip--arrow', [left && 'left', right && 'right'])\"></span>\n </div>\n <div [nasClass]=\"getClasses('content')\" #content (click)=\"onClickOpenMobileView()\">\n <ng-content></ng-content>\n </div>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nas-tooltip{position:relative}.nas-tooltip__tooltip{opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-16px);background-color:#15273f;padding:16px;width:-webkit-max-content;width:max-content;max-width:250px}.nas-tooltip__tooltip--left{transform:translate(0) translateY(-16px)}.nas-tooltip__tooltip--right{transform:translate(0) translateY(-16px);left:unset}.nas-tooltip__tooltip--arrow{position:absolute;display:block;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg);border-top:24px solid #15273F;border-right:24px solid #15273F}.nas-tooltip__tooltip--arrow--left{transform:translate(0) rotate(0);left:0;bottom:-12px;border-top:16px solid #15273F;border-right:24px solid transparent}.nas-tooltip__tooltip--arrow--right{transform:translate(0) rotate(0);left:unset;right:0;bottom:-12px;border-top:16px solid #15273F;border-left:24px solid transparent;border-right:0}.nas-tooltip__text{font-size:14px;line-height:20px;color:#fff;margin:0}.nas-tooltip__close{float:right;height:auto;display:block}@media (min-width: 640px){.nas-tooltip__close{display:none}}.nas-tooltip__close ::ng-deep nas-icon,.nas-tooltip__close ::ng-deep .nas-icon-small{display:block;height:16px;width:16px;margin:0}\n"] }]
|
|
13431
|
-
}], ctorParameters: function () { return [{ type: DeviceHelper }]; }, propDecorators: { container: [{
|
|
13432
|
-
type: ViewChild,
|
|
13433
|
-
args: ['container', { static: false }]
|
|
13434
|
-
}], tooltip: [{
|
|
13435
|
-
type: ViewChild,
|
|
13436
|
-
args: ['tooltip', { static: false }]
|
|
13437
|
-
}], content: [{
|
|
13438
|
-
type: ViewChild,
|
|
13439
|
-
args: ['content', { static: false }]
|
|
13440
|
-
}], text: [{
|
|
13441
|
-
type: Input
|
|
13442
|
-
}], enabled: [{
|
|
13443
|
-
type: Input
|
|
13444
|
-
}], left: [{
|
|
13445
|
-
type: Input
|
|
13446
|
-
}], right: [{
|
|
13447
|
-
type: Input
|
|
13448
|
-
}], onMouseEnter: [{
|
|
13449
|
-
type: HostListener,
|
|
13450
|
-
args: ['mouseenter']
|
|
13451
|
-
}], onMouseLeave: [{
|
|
13452
|
-
type: HostListener,
|
|
13453
|
-
args: ['mouseleave']
|
|
13454
|
-
}], onScroll: [{
|
|
13455
|
-
type: HostListener,
|
|
13456
|
-
args: ['window:scroll', []]
|
|
13457
|
-
}], onClickOutside: [{
|
|
13458
|
-
type: HostListener,
|
|
13459
|
-
args: ['document:click', ['$event']]
|
|
13460
|
-
}], onResize: [{
|
|
13461
|
-
type: HostListener,
|
|
13462
|
-
args: ['window:resize', ['$event']]
|
|
13463
|
-
}] } });
|
|
13464
|
-
|
|
13465
|
-
class TooltipModule {
|
|
13466
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13467
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, declarations: [TooltipComponent], imports: [CommonModule,
|
|
13468
|
-
NasClassModule,
|
|
13469
|
-
IconModule], exports: [TooltipComponent] }); }
|
|
13470
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, providers: [DeviceHelper], imports: [CommonModule,
|
|
13471
|
-
NasClassModule,
|
|
13472
|
-
IconModule] }); }
|
|
13473
|
-
}
|
|
13474
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, decorators: [{
|
|
13475
|
-
type: NgModule,
|
|
13476
|
-
args: [{
|
|
13477
|
-
declarations: [TooltipComponent],
|
|
13478
|
-
imports: [
|
|
13479
|
-
CommonModule,
|
|
13480
|
-
NasClassModule,
|
|
13481
|
-
IconModule
|
|
13482
|
-
],
|
|
13483
|
-
exports: [TooltipComponent],
|
|
13484
|
-
providers: [DeviceHelper]
|
|
13485
|
-
}]
|
|
13486
|
-
}] });
|
|
13487
|
-
|
|
13488
13852
|
class GetPositionService {
|
|
13489
13853
|
get(element) {
|
|
13490
13854
|
let el = element;
|
|
@@ -13510,5 +13874,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
13510
13874
|
* Generated bundle index. Do not edit.
|
|
13511
13875
|
*/
|
|
13512
13876
|
|
|
13513
|
-
export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, AvailabilitySortOption, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CampaignHeaderComponent, CampaignHeaderModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InfoComponent, InfoModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MarketingCarrier, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptgroupComponent, OptionComponent, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, ResultsLabelsModel, RibbonBannerComponent, RibbonBannerModule, SearchComponent, SelectComponent, SelectModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, StatusBoxComponent, StatusBoxModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService, WeekStart, bannerAnimation };
|
|
13877
|
+
export { AbandonedBasketService, AccordionComponent, AccordionModule, AirportSelectComponent, AirportSelectModule, AlertComponent, AlertModule, AnimateHelper, AutocompleteComponent, AutocompleteModule, AvailabilitySortOption, BackdropComponent, BackdropModule, BemHelper, BoxComponent, BoxModule, ButtonComponent, ButtonModule, CalendarComponent, CampaignHeaderComponent, CampaignHeaderModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipModule, ColComponent, ColumnComponent, ColumnGroupComponent, ContainerComponent, ContainerModule, ContinueComponent, ContinueModule, CoverComponent, CoverModule, DateHelper, DatepickerComboComponent, DatepickerComboModule, DatepickerComponent, DatepickerModule, DeviceHelper, DividerComponent, DividerModule, DropdownComponent, DropdownModule, FilterComponent, FilterModule, GeolocationService, GetPositionService, GridComponent, GridModule, HamburgerComponent, IconComponent, IconListComponent, IconListModule, IconModule, InfoComponent, InfoModule, InputComponent, InputModule, JourneyAvailabilityComponent, JourneyAvailabilityListComponent, JourneyAvailabilityListModule, JourneyAvailabilityModule, JourneyComponent, JourneyModule, JourneySelectionComponent, JourneySelectionModule, JourneyStopoverComponent, JourneyStopoverModule, LanguageHelper, ListComponent, ListItemComponent, ListModule, MarketingCarrier, MicroButtonComponent, MicroButtonModule, ModalComponent, ModalModule, NasClassDirective, NasClassModule, NasComponentBase, NumberFieldComponent, NumberFieldModule, OptGroupNewComponent, OptgroupComponent, OptionComponent, OptionNewComponent, PageFooterComponent, PageFooterModule, PageHeaderComponent, PageHeaderModule, PassengerSelectComponent, PassengerSelectModule, PassengerType, PhoneNumberComponent, PhoneNumberModule, PremiumToggleComponent, PremiumToggleModule, RadioComponent, RadioModule, ResultsLabelsModel, RibbonBannerComponent, RibbonBannerModule, SearchComponent, SelectComponent, SelectModule, SelectNewComponent, SelectNewModule, SimpleListComponent, SimpleListModule, SlideToggleComponent, SlideToggleModule, SliderComponent, SliderModule, SortComponent, SortModule, SortService, SpinnerComponent, SpinnerModule, StatusBoxComponent, StatusBoxModule, SuggestionsComponent, SuggestionsModule, TabComponent, TabGroupComponent, TabGroupModule, TableBodyComponent, TableComponent, TableDataComponent, TableFootComponent, TableHeadComponent, TableHeaderComponent, TableModule, TableRowComponent, TagComponent, TagModule, TextareaComponent, TextareaModule, ToggleComponent, ToggleModule, TooltipComponent, TooltipModule, TripSummaryComponent, TripSummaryModule, TripType, UtcDate, ViewPortService, WeekStart, bannerAnimation };
|
|
13514
13878
|
//# sourceMappingURL=norwegian-core-components.mjs.map
|