@norwegian/core-components 6.24.0 → 6.25.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/esm2022/lib/components/airport-select/airport-select-dropdown/airport-select-dropdown.component.mjs +1 -1
- package/esm2022/lib/components/button/button.component.mjs +13 -7
- package/esm2022/lib/components/button/button.module.mjs +5 -4
- package/esm2022/lib/components/continue/continue.component.mjs +1 -1
- package/esm2022/lib/components/cover/cover.component.mjs +1 -1
- package/esm2022/lib/components/info/info.component.mjs +1 -1
- package/esm2022/lib/components/input/input.component.mjs +2 -2
- package/esm2022/lib/components/journey-selection/journey-selection.component.mjs +1 -1
- package/esm2022/lib/components/modal/modal.component.mjs +1 -1
- package/esm2022/lib/components/number-field/number-field.component.mjs +1 -1
- package/esm2022/lib/components/page-footer/page-footer.component.mjs +1 -1
- package/esm2022/lib/components/page-header/page-header.component.mjs +1 -1
- package/esm2022/lib/components/page-header-old/page-header-old.component.mjs +1 -1
- package/esm2022/lib/components/sort/sort.component.mjs +1 -1
- package/esm2022/lib/components/subsidy-discount/subsidy-discount.component.mjs +1 -1
- package/esm2022/lib/components/suggestions/suggestions.component.mjs +1 -1
- package/fesm2022/norwegian-core-components.mjs +29 -24
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/button/button.component.d.ts +28 -16
- package/lib/components/button/button.module.d.ts +2 -1
- package/package.json +1 -1
- package/styles/1__settings/_colors.scss +1 -0
|
@@ -1141,7 +1141,6 @@ class ButtonComponent extends NasComponentBase {
|
|
|
1141
1141
|
return [
|
|
1142
1142
|
this.exists(this.primary) && 'primary',
|
|
1143
1143
|
this.exists(this.secondary) && 'secondary',
|
|
1144
|
-
this.exists(this.approve) && 'approve',
|
|
1145
1144
|
this.exists(this.large) && 'large',
|
|
1146
1145
|
this.exists(this.block) && 'block',
|
|
1147
1146
|
this.exists(this.flex) && 'flex',
|
|
@@ -1150,7 +1149,9 @@ class ButtonComponent extends NasComponentBase {
|
|
|
1150
1149
|
this.exists(this.spaceless) && 'spaceless',
|
|
1151
1150
|
this.exists(this.transparent) && 'transparent',
|
|
1152
1151
|
this.exists(this.link) && 'link',
|
|
1153
|
-
this.exists(this.light) && 'light'
|
|
1152
|
+
this.exists(this.light) && 'light',
|
|
1153
|
+
this.exists(this.buttonlink) && 'buttonlink',
|
|
1154
|
+
(this.exists(this.primary) && !this.exists(this.compact)) && 'white-background'
|
|
1154
1155
|
];
|
|
1155
1156
|
}
|
|
1156
1157
|
/**
|
|
@@ -1219,11 +1220,11 @@ class ButtonComponent extends NasComponentBase {
|
|
|
1219
1220
|
this.clickChange.emit(event);
|
|
1220
1221
|
}
|
|
1221
1222
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1222
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonComponent, selector: "nas-button", inputs: { primary: "primary", secondary: "secondary", link: "link",
|
|
1223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonComponent, selector: "nas-button", inputs: { primary: "primary", secondary: "secondary", link: "link", light: "light", large: "large", block: "block", flex: "flex", compact: "compact", right: "right", spaceless: "spaceless", transparent: "transparent", href: "href", trackingvalue: "trackingvalue", canContinueOnDisabled: "canContinueOnDisabled", disabled: "disabled", type: "type", cssClass: "cssClass", ariaLabel: "ariaLabel", cssStyle: "cssStyle", tabindex: "tabindex", overrideBaseCssClass: "overrideBaseCssClass", useRouterLink: "useRouterLink", id: "id", target: "target", icon: "icon", iconLeft: "iconLeft", buttonlink: "buttonlink" }, outputs: { clickChange: "clickChange" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, ngImport: i0, template: " <button #button\n *ngIf=\"!href\"\n [nasClass]=\"getClasses('', modifiers)\"\n [ngStyle]=\"buttonStyle\"\n [disabled]=\"!canContinueOnDisabled && disabled\"\n [class.disabled]=\"disabled\"\n [attr.type]=\"type\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingAndClickEvent($event)\">\n <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </span>\n </button>\n\n<ng-container *ngIf=\"href\">\n <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [routerLink]=\"href\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [href]=\"href\"\n [target]=\"target\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", 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-button{position:relative;display:inline-block;padding:12px 24px;width:-webkit-max-content;width:max-content;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;font-weight:700;line-height:24px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button--container{background-color:#fff}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:2px;bottom:-3.5px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#b71530}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#891024}.nas-button--primary:active:before{background-color:#003251}.nas-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--primary:focus-visible:before{display:none}.nas-button--primary:disabled{background-color:#e3e3e3}.nas-button--secondary{color:#fff;background-color:#15273f}.nas-button--secondary:before{background-color:#15273f}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#0a2033}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#0a2033}.nas-button--secondary:active{color:#fff;background:#071622}.nas-button--secondary:active:before{background-color:#071622}.nas-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--secondary:focus-visible:before{display:none}.nas-button--secondary:before{display:none}.nas-button--secondary:disabled{background-color:#e3e3e3}.nas-button--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#f1f1f1}.nas-button--light:active{color:#15273f;background:#EBF4FF}.nas-button--light:active:before{background-color:#ebf4ff}.nas-button--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--light:focus-visible:before{display:none}.nas-button--light:before{display:none}.nas-button--light:hover{border-color:#15273f}.nas-button--light:disabled{border:0}.nas-button--buttonlink{color:#b12a0b;background-color:transparent}.nas-button--buttonlink:before{background-color:transparent}.nas-button--buttonlink:hover,.nas-button--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button--buttonlink:hover:before,.nas-button--buttonlink:focus:before{background-color:#f1f1f1}.nas-button--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button--buttonlink:active:before{background-color:#ebf4ff}.nas-button--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--buttonlink:focus-visible:before{display:none}.nas-button--buttonlink:before{display:none}.nas-button--buttonlink:disabled{background-color:#f9f9f9}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}.nas-button__content{display:flex;gap:4px}.nas-button__content--reverse{flex-direction:row-reverse}.nas-button__icon{position:relative}.nas-button__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button--white-background{border-bottom:2px solid #fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1223
1224
|
}
|
|
1224
1225
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
1225
1226
|
type: Component,
|
|
1226
|
-
args: [{ selector: 'nas-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #button\n
|
|
1227
|
+
args: [{ selector: 'nas-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: " <button #button\n *ngIf=\"!href\"\n [nasClass]=\"getClasses('', modifiers)\"\n [ngStyle]=\"buttonStyle\"\n [disabled]=\"!canContinueOnDisabled && disabled\"\n [class.disabled]=\"disabled\"\n [attr.type]=\"type\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingAndClickEvent($event)\">\n <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </span>\n </button>\n\n<ng-container *ngIf=\"href\">\n <ng-container *ngIf=\"exists(useRouterLink); else linksHref\">\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [routerLink]=\"href\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n </ng-container>\n</ng-container>\n\n<ng-template #linksHref>\n <a [nasClass]=\"getClasses('', modifiers)\"\n [attr.disabled]=\"disabled\"\n [href]=\"href\"\n [target]=\"target\"\n [id]=\"buttonId\"\n (click)=\"emitTrackingEvent();\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>", 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-button{position:relative;display:inline-block;padding:12px 24px;width:-webkit-max-content;width:max-content;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;font-weight:700;line-height:24px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button--container{background-color:#fff}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:2px;bottom:-3.5px;left:0;background-color:#c3c3c3;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:hover,.nas-button:focus{background-color:#c3c3c3}.nas-button:hover:before,.nas-button:focus:before{transform:translateY(0)}.nas-button[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button--primary{color:#fff;background-color:#e5212d}.nas-button--primary:before{background-color:#003251}.nas-button--primary:hover,.nas-button--primary:focus{color:#fff;background-color:#b71530}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#891024}.nas-button--primary:active:before{background-color:#003251}.nas-button--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--primary:focus-visible:before{display:none}.nas-button--primary:disabled{background-color:#e3e3e3}.nas-button--secondary{color:#fff;background-color:#15273f}.nas-button--secondary:before{background-color:#15273f}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#0a2033}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#0a2033}.nas-button--secondary:active{color:#fff;background:#071622}.nas-button--secondary:active:before{background-color:#071622}.nas-button--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--secondary:focus-visible:before{display:none}.nas-button--secondary:before{display:none}.nas-button--secondary:disabled{background-color:#e3e3e3}.nas-button--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#f1f1f1}.nas-button--light:active{color:#15273f;background:#EBF4FF}.nas-button--light:active:before{background-color:#ebf4ff}.nas-button--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--light:focus-visible:before{display:none}.nas-button--light:before{display:none}.nas-button--light:hover{border-color:#15273f}.nas-button--light:disabled{border:0}.nas-button--buttonlink{color:#b12a0b;background-color:transparent}.nas-button--buttonlink:before{background-color:transparent}.nas-button--buttonlink:hover,.nas-button--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button--buttonlink:hover:before,.nas-button--buttonlink:focus:before{background-color:#f1f1f1}.nas-button--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button--buttonlink:active:before{background-color:#ebf4ff}.nas-button--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button--buttonlink:focus-visible:before{display:none}.nas-button--buttonlink:before{display:none}.nas-button--buttonlink:disabled{background-color:#f9f9f9}.nas-button--large{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:26px;padding:16px 36px 13px}.nas-button--block{display:block;width:100%}.nas-button--flex{display:flex;width:100%}.nas-button--compact{margin-bottom:12px}.nas-button--compact:before{display:none}.nas-button--right{align-self:flex-end;float:right}.nas-button--spaceless{margin-bottom:0}.nas-button--transparent{color:#fff;background-color:#000000a6}.nas-button--transparent:before{background-color:inherit}.nas-button--transparent:hover,.nas-button--transparent:active,.nas-button--transparent:focus{background-color:#000c}.nas-button--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button--link:hover,.nas-button--link:focus{color:#003251;border-color:#003251;background:none}.nas-button--link:before{display:none}.nas-button--link.nas-button--secondary{color:#003251}.nas-button--link.nas-button--light{color:#fff;border-color:#fff}.nas-button__content{display:flex;gap:4px}.nas-button__content--reverse{flex-direction:row-reverse}.nas-button__icon{position:relative}.nas-button__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button--white-background{border-bottom:2px solid #fff}\n"] }]
|
|
1227
1228
|
}], ctorParameters: function () { return []; }, propDecorators: { button: [{
|
|
1228
1229
|
type: ViewChild,
|
|
1229
1230
|
args: ['button']
|
|
@@ -1233,8 +1234,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
1233
1234
|
type: Input
|
|
1234
1235
|
}], link: [{
|
|
1235
1236
|
type: Input
|
|
1236
|
-
}], approve: [{
|
|
1237
|
-
type: Input
|
|
1238
1237
|
}], light: [{
|
|
1239
1238
|
type: Input
|
|
1240
1239
|
}], large: [{
|
|
@@ -1277,6 +1276,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
1277
1276
|
type: Input
|
|
1278
1277
|
}], target: [{
|
|
1279
1278
|
type: Input
|
|
1279
|
+
}], icon: [{
|
|
1280
|
+
type: Input
|
|
1281
|
+
}], iconLeft: [{
|
|
1282
|
+
type: Input
|
|
1283
|
+
}], buttonlink: [{
|
|
1284
|
+
type: Input
|
|
1280
1285
|
}], clickChange: [{
|
|
1281
1286
|
type: Output
|
|
1282
1287
|
}] } });
|
|
@@ -1814,7 +1819,7 @@ class AirportSelectDropdownComponent extends NasComponentBase {
|
|
|
1814
1819
|
this.updateSelected(airport);
|
|
1815
1820
|
}
|
|
1816
1821
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, deps: [{ token: DOCUMENT }, { token: AirportSelectService }, { token: AirportSelectDropdownService }, { token: GeolocationService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1817
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [id]=\"labelId\"\n [attr.aria-label]=\"airportSelectLabel\"\n [nasClass]=\"getClass('wrapper', open && 'active')\">\n <span [nasClass]=\"getClass('label')\">\n <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n <ng-template #emptyLabel> </ng-template>\n </span>\n <input #airportSelect\n type=\"text\"\n role=\"combobox\"\n autocomplete=\"off\"\n aria-haspopup=\"listbox\"\n aria-autocomplete=\"none\"\n [id]=\"inputId\"\n [attr.aria-controls]=\"resultsId\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"resultsId\"\n [nasClass]=\"getClass('input')\"\n [placeholder]=\"airportSelectPlaceholder\"\n (focus)=\"setOpen()\"\n (mousedown)=\"setOpen()\"\n (input)=\"filter()\"\n (keydown)=\"onKeyDown($event)\"\n [(ngModel)]=\"selectedModel\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"selectedModel; else isEmpty\"\n [attr.aria-label]=\"ariaLabelClear\"\n (click)=\"clearSelected($event)\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </button>\n <ng-template #isEmpty>\n <nas-icon [type]=\"'small'\"\n [icon]=\"airportSelectIconModifier\"></nas-icon>\n </ng-template>\n </span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [id]=\"labelId\"\n [attr.aria-label]=\"airportSelectLabel\"\n [nasClass]=\"getClass('wrapper', open && 'active')\"\n [formGroup]=\"nasFormGroup\">\n <span [nasClass]=\"getClass('label')\"\n *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n <input #airportSelect\n type=\"text\"\n role=\"combobox\"\n autocomplete=\"off\"\n aria-autocomplete=\"none\"\n [id]=\"inputId\"\n [attr.aria-controls]=\"resultsId\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"resultsId\"\n [nasClass]=\"getClass('input')\"\n [formControlName]=\"nasFormControlName\"\n [placeholder]=\"airportSelectPlaceholder\"\n (mousedown)=\"setOpen()\"\n (focus)=\"setOpen()\"\n (input)=\"filter()\"\n (keydown)=\"onKeyDown($event)\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"selectedModel; else isEmpty\"\n [attr.aria-label]=\"ariaLabelClear\"\n (click)=\"clearSelected($event)\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </button>\n <ng-template #isEmpty>\n <nas-icon [type]=\"'small'\"\n [icon]=\"airportSelectIconModifier\"></nas-icon>\n </ng-template>\n </span>\n </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n [id]=\"resultsId\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n <ul #results\n role=\"listbox\"\n *ngIf=\"open\"\n [attr.aria-labelledby]=\"labelId\"\n [nasClass]=\"getClass('results')\">\n <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n <li role=\"option\">\n <nas-button link\n secondary\n [disabled]=\"geolocationState === 2\"\n [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n [tabindex]=\"-1\"\n (clickChange)=\"updateCurrentPosition()\"\n (mouseenter)=\"onGeolocationHover(true)\"\n (mouseleave)=\"onGeolocationHover(false)\">\n <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n <ng-template #geolocationDenied>\n <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n </ng-template>\n <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n [type]=\"geolocationIcon\"></nas-icon>\n </nas-button>\n </li>\n </ng-container>\n <li role=\"separator\"\n [nasClass]=\"getClass('list-section-label')\"\n *ngIf=\"latestSearches?.length > 0\n && exists(displayLatestSearches)\n && resultsLabels?.latestSearches\n && isValid\">\n <span>{{resultsLabels?.latestSearches}}</span>\n </li>\n <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n <li role=\"option\"\n *ngFor=\"let airport of latestSearches\"\n [id]=\"getLatestSearchesAirportId(airport.code)\"\n [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n (click)=\"setSelected(airport)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n <span [nasClass]=\"getClass('code')\"></span>\n <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n </button>\n </li>\n </ng-container>\n <li role=\"separator\"\n *ngIf=\"exists(displayClosestAirports)\n && geolocationState !== null\n && geolocationState === 0\n && closestAirports?.length > 0\n && resultsLabels?.closestAirports\n && isValid\"\n [nasClass]=\"getClass('list-section-label')\">\n <span>{{resultsLabels?.closestAirports}}</span>\n </li>\n <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n <li role=\"option\"\n *ngFor=\"let airport of closestAirports\"\n [id]=\"getClosestAirportsAirportId(airport.code)\"\n [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n (click)=\"setSelected(airport)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n <span [nasClass]=\"getClass('code')\"></span>\n <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n </button>\n </li>\n </ng-container>\n <li role=\"separator\"\n [nasClass]=\"getClass('list-section-label')\"\n *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n <span>{{resultsLabels?.allAirports}}</span>\n </li>\n <ng-container *ngIf=\"isValid\">\n <li role=\"option\"\n *ngFor=\"let airport of filteredAirports\"\n [id]=\"getAllAirportsAirportId(airport.code)\"\n [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n (click)=\"setSelected(airport)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n <span [nasClass]=\"getClass('code')\"></span>\n <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n </button>\n </li>\n </ng-container>\n <li *ngIf=\"!isValid\"\n role=\"listitem\">\n <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n </li>\n </ul>\n</div>\n<button type=\"button\"\n tabindex=\"0\"\n *ngIf=\"open\"\n [attr.aria-label]=\"ariaLabelBackdrop\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"blur()\"></button>", styles: [""], 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: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1822
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AirportSelectDropdownComponent, selector: "nas-airport-select-dropdown", inputs: { displayLatestSearches: "displayLatestSearches", displayClosestAirports: "displayClosestAirports", latestSearches: "latestSearches", resultsLabels: "resultsLabels", airportSelectLabel: "airportSelectLabel", airportSelectPlaceholder: "airportSelectPlaceholder", airportSelectIconModifier: "airportSelectIconModifier", keepSelection: "keepSelection", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", enableGeolocation: "enableGeolocation", ariaLabelClear: "ariaLabelClear", ariaLabelBackdrop: "ariaLabelBackdrop", isValid: "isValid", invalidText: "invalidText", closestAirports: "closestAirports", airport: "airport", open: "open", airports: "airports" }, outputs: { selected: "selected", openChange: "openChange", focusOnNext: "focusOnNext", focusOnPrevious: "focusOnPrevious", positionChange: "positionChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["airportSelect"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [id]=\"labelId\"\n [attr.aria-label]=\"airportSelectLabel\"\n [nasClass]=\"getClass('wrapper', open && 'active')\">\n <span [nasClass]=\"getClass('label')\">\n <ng-container *ngIf=\"airportSelectLabel; else emptyLabel\">{{airportSelectLabel}}</ng-container>\n <ng-template #emptyLabel> </ng-template>\n </span>\n <input #airportSelect\n type=\"text\"\n role=\"combobox\"\n autocomplete=\"off\"\n aria-haspopup=\"listbox\"\n aria-autocomplete=\"none\"\n [id]=\"inputId\"\n [attr.aria-controls]=\"resultsId\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"resultsId\"\n [nasClass]=\"getClass('input')\"\n [placeholder]=\"airportSelectPlaceholder\"\n (focus)=\"setOpen()\"\n (mousedown)=\"setOpen()\"\n (input)=\"filter()\"\n (keydown)=\"onKeyDown($event)\"\n [(ngModel)]=\"selectedModel\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"selectedModel; else isEmpty\"\n [attr.aria-label]=\"ariaLabelClear\"\n (click)=\"clearSelected($event)\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </button>\n <ng-template #isEmpty>\n <nas-icon [type]=\"'small'\"\n [icon]=\"airportSelectIconModifier\"></nas-icon>\n </ng-template>\n </span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [id]=\"labelId\"\n [attr.aria-label]=\"airportSelectLabel\"\n [nasClass]=\"getClass('wrapper', open && 'active')\"\n [formGroup]=\"nasFormGroup\">\n <span [nasClass]=\"getClass('label')\"\n *ngIf=\"airportSelectLabel\">{{airportSelectLabel}}</span>\n <input #airportSelect\n type=\"text\"\n role=\"combobox\"\n autocomplete=\"off\"\n aria-autocomplete=\"none\"\n [id]=\"inputId\"\n [attr.aria-controls]=\"resultsId\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"resultsId\"\n [nasClass]=\"getClass('input')\"\n [formControlName]=\"nasFormControlName\"\n [placeholder]=\"airportSelectPlaceholder\"\n (mousedown)=\"setOpen()\"\n (focus)=\"setOpen()\"\n (input)=\"filter()\"\n (keydown)=\"onKeyDown($event)\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"selectedModel; else isEmpty\"\n [attr.aria-label]=\"ariaLabelClear\"\n (click)=\"clearSelected($event)\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </button>\n <ng-template #isEmpty>\n <nas-icon [type]=\"'small'\"\n [icon]=\"airportSelectIconModifier\"></nas-icon>\n </ng-template>\n </span>\n </label>\n</ng-template>\n<div [nasClass]=\"getClass('results-wrapper')\"\n [id]=\"resultsId\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n <ul #results\n role=\"listbox\"\n *ngIf=\"open\"\n [attr.aria-labelledby]=\"labelId\"\n [nasClass]=\"getClass('results')\">\n <ng-container *ngIf=\"exists(enableGeolocation) && geolocationState !== null && geolocationState !== 0 && isValid\">\n <li role=\"option\">\n <nas-button link\n secondary\n [disabled]=\"geolocationState === 2\"\n [cssStyle]=\"{'height': '66px', 'text-decoration': 'underline', 'display': 'flex', 'justify-content': 'space-between'}\"\n [cssClass]=\"getClass('item', ['geolocation', focusOnGeolocation && geolocationState !== 2 && 'focus', geolocationState === 2 && 'disabled'])\"\n [tabindex]=\"-1\"\n (clickChange)=\"updateCurrentPosition()\"\n (mouseenter)=\"onGeolocationHover(true)\"\n (mouseleave)=\"onGeolocationHover(false)\">\n <span *ngIf=\"geolocationState === 1; else geolocationDenied\"\n [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocation}}</span>\n <ng-template #geolocationDenied>\n <span [nasClass]=\"getClass('geolocation', 'label')\">{{resultsLabels?.geolocationDenied}}</span>\n </ng-template>\n <nas-icon [nasClass]=\"getClass('geolocation', 'icon')\"\n [type]=\"geolocationIcon\"></nas-icon>\n </nas-button>\n </li>\n </ng-container>\n <li role=\"separator\"\n [nasClass]=\"getClass('list-section-label')\"\n *ngIf=\"latestSearches?.length > 0\n && exists(displayLatestSearches)\n && resultsLabels?.latestSearches\n && isValid\">\n <span>{{resultsLabels?.latestSearches}}</span>\n </li>\n <ng-container *ngIf=\"exists(displayLatestSearches) && isValid\">\n <li role=\"option\"\n *ngFor=\"let airport of latestSearches\"\n [id]=\"getLatestSearchesAirportId(airport.code)\"\n [attr.aria-selected]=\"airport.code === focusedLatestSearchesAirportCode\"\n [nasClass]=\"getClass('list-item', airport.code === focusedLatestSearchesAirportCode && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', airport.code === focusedLatestSearchesAirportCode && 'focus')\"\n (click)=\"setSelected(airport)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n <span [nasClass]=\"getClass('code')\"></span>\n <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n </button>\n </li>\n </ng-container>\n <li role=\"separator\"\n *ngIf=\"exists(displayClosestAirports)\n && geolocationState !== null\n && geolocationState === 0\n && closestAirports?.length > 0\n && resultsLabels?.closestAirports\n && isValid\"\n [nasClass]=\"getClass('list-section-label')\">\n <span>{{resultsLabels?.closestAirports}}</span>\n </li>\n <ng-container *ngIf=\"exists(displayClosestAirports) && geolocationState === 0 && isValid\">\n <li role=\"option\"\n *ngFor=\"let airport of closestAirports\"\n [id]=\"getClosestAirportsAirportId(airport.code)\"\n [attr.aria-selected]=\"airport.code === focusedClosestAirportCode\"\n [nasClass]=\"getClass('list-item', airport.code === focusedClosestAirportCode && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', airport.code === focusedClosestAirportCode && 'focus')\"\n (click)=\"setSelected(airport)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n <span [nasClass]=\"getClass('code')\"></span>\n <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n </button>\n </li>\n </ng-container>\n <li role=\"separator\"\n [nasClass]=\"getClass('list-section-label')\"\n *ngIf=\"displayAllAirportsLabel && resultsLabels?.allAirports && isValid\">\n <span>{{resultsLabels?.allAirports}}</span>\n </li>\n <ng-container *ngIf=\"isValid\">\n <li role=\"option\"\n *ngFor=\"let airport of filteredAirports\"\n [id]=\"getAllAirportsAirportId(airport.code)\"\n [attr.aria-selected]=\"airport.code === focusedAirportCode\"\n [nasClass]=\"getClass('list-item', airport.code === focusedAirportCode && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', airport.code === focusedAirportCode && 'focus')\"\n (click)=\"setSelected(airport)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('name')\">{{airport.name}}</span>\n <span [nasClass]=\"getClass('code')\"></span>\n <span [nasClass]=\"getClass('country')\">{{airport.countryName}}</span>\n </button>\n </li>\n </ng-container>\n <li *ngIf=\"!isValid\"\n role=\"listitem\">\n <span [nasClass]=\"getClass('name', 'invalid')\">{{invalidText}}</span>\n </li>\n </ul>\n</div>\n<button type=\"button\"\n tabindex=\"0\"\n *ngIf=\"open\"\n [attr.aria-label]=\"ariaLabelBackdrop\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"blur()\"></button>", styles: [""], 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: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1818
1823
|
}
|
|
1819
1824
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, decorators: [{
|
|
1820
1825
|
type: Component,
|
|
@@ -2323,14 +2328,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
2323
2328
|
|
|
2324
2329
|
class ButtonModule {
|
|
2325
2330
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2326
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, NasClassModule, RouterModule], exports: [ButtonComponent] }); }
|
|
2327
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, imports: [CommonModule, NasClassModule, RouterModule] }); }
|
|
2331
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule, NasClassModule, RouterModule, IconModule], exports: [ButtonComponent] }); }
|
|
2332
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, imports: [CommonModule, NasClassModule, RouterModule, IconModule] }); }
|
|
2328
2333
|
}
|
|
2329
2334
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonModule, decorators: [{
|
|
2330
2335
|
type: NgModule,
|
|
2331
2336
|
args: [{
|
|
2332
2337
|
declarations: [ButtonComponent],
|
|
2333
|
-
imports: [CommonModule, NasClassModule, RouterModule],
|
|
2338
|
+
imports: [CommonModule, NasClassModule, RouterModule, IconModule],
|
|
2334
2339
|
exports: [ButtonComponent],
|
|
2335
2340
|
}]
|
|
2336
2341
|
}] });
|
|
@@ -2810,7 +2815,7 @@ class ContinueComponent extends NasComponentBase {
|
|
|
2810
2815
|
this.scrolledPast = false;
|
|
2811
2816
|
}
|
|
2812
2817
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ContinueComponent, deps: [{ token: ViewPortService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2813
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ContinueComponent, selector: "nas-continue", inputs: { wide: "wide", icon: "icon", disabled: "disabled", actionText: "actionText", actionType: "actionType", simple: "simple", spaceless: "spaceless", tiny: "tiny", canContinueOnDisabled: "canContinueOnDisabled", light: "light", sticky: "sticky", actionId: "actionId" }, outputs: { stickyChange: "stickyChange", clickContinue: "clickContinue" }, host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<footer [nasClass]=\"mainClass\"\n [style.minHeight.px]=\"minHeight\">\n <div #wrapper\n [nasClass]=\"wrapperClass\">\n <div #content\n [nasClass]=\"getClass('content')\">\n <div [nasClass]=\"getClass('extra')\">\n <ng-content></ng-content>\n </div>\n <nas-button #button\n *ngIf=\"actionText\"\n primary\n spaceless\n [type]=\"actionType\"\n [nasClass]=\"getClass('action')\"\n [disabled]=\"disabled\"\n [canContinueOnDisabled]=\"canContinueOnDisabled\"\n [id]=\"actionButtonId\"\n (clickChange)=\"clickContinue.emit($event)\">\n <span>{{actionText}}</span>\n <nas-icon *ngIf=\"icon\"\n [icon]=\"icon\"\n [cssClass]=\"iconClass\"\n [isIndicator]=\"true\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</footer>", 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-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #d8d8d8;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f1f1f1;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
2818
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ContinueComponent, selector: "nas-continue", inputs: { wide: "wide", icon: "icon", disabled: "disabled", actionText: "actionText", actionType: "actionType", simple: "simple", spaceless: "spaceless", tiny: "tiny", canContinueOnDisabled: "canContinueOnDisabled", light: "light", sticky: "sticky", actionId: "actionId" }, outputs: { stickyChange: "stickyChange", clickContinue: "clickContinue" }, host: { listeners: { "window:scroll": "onScroll()" } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "button", first: true, predicate: ["button"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<footer [nasClass]=\"mainClass\"\n [style.minHeight.px]=\"minHeight\">\n <div #wrapper\n [nasClass]=\"wrapperClass\">\n <div #content\n [nasClass]=\"getClass('content')\">\n <div [nasClass]=\"getClass('extra')\">\n <ng-content></ng-content>\n </div>\n <nas-button #button\n *ngIf=\"actionText\"\n primary\n spaceless\n [type]=\"actionType\"\n [nasClass]=\"getClass('action')\"\n [disabled]=\"disabled\"\n [canContinueOnDisabled]=\"canContinueOnDisabled\"\n [id]=\"actionButtonId\"\n (clickChange)=\"clickContinue.emit($event)\">\n <span>{{actionText}}</span>\n <nas-icon *ngIf=\"icon\"\n [icon]=\"icon\"\n [cssClass]=\"iconClass\"\n [isIndicator]=\"true\"></nas-icon>\n </nas-button>\n </div>\n </div>\n</footer>", 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-continue{position:relative;width:100%}.nas-continue__wrapper--light{background-color:#fff}.nas-continue__content{display:flex;align-items:center;max-width:820px;margin:36px auto 0;border-top:3px solid #d8d8d8;padding:24px 12px;animation:fade-in .8s ease-out both;animation-delay:.1s}@media (min-width: 821px){.nas-continue__content{padding:24px 0}}.nas-continue__extra{padding-right:24px}.nas-continue__extra:empty{display:none}.nas-continue__action{margin-left:auto;margin-bottom:0;white-space:nowrap}.nas-continue__icon{position:relative;top:2px;margin-left:12px;margin-right:-12px}.nas-continue--wide .nas-continue__content{width:100%;padding:24px 12px;max-width:1132px}@media (min-width: 1181px){.nas-continue--wide .nas-continue__content{padding:24px 0}}.nas-continue--sticky .nas-continue__wrapper,.nas-continue--scrolled-past .nas-continue__wrapper{position:fixed;left:0;bottom:0;width:100%;background-color:#f1f1f1;z-index:3}.nas-continue--sticky .nas-continue__content,.nas-continue--scrolled-past .nas-continue__content{margin-top:0;margin-bottom:0}.nas-continue--scrolled-past .nas-continue__wrapper{position:absolute}.nas-continue--animate-up.nas-continue--sticky .nas-continue__wrapper{animation:continue-animate-sticky .3s cubic-bezier(0,0,.1,1) both}.nas-continue--simple .nas-continue__content{border-top:0;margin-top:12px}.nas-continue--spaceless .nas-continue__content{margin-top:0;padding:12px 9px 24px}.nas-continue--tiny .nas-continue__content{padding:12px 9px 24px}@keyframes continue-animate-sticky{0%{transform:translateY(100%)}50%{transform:translateY(-8px)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
2814
2819
|
}
|
|
2815
2820
|
__decorate([
|
|
2816
2821
|
Debounce()
|
|
@@ -2921,7 +2926,7 @@ class CoverComponent extends NasComponentBase {
|
|
|
2921
2926
|
return classes;
|
|
2922
2927
|
}
|
|
2923
2928
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2924
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", noIllustration: "noIllustration", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link secondary [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\">\n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\" type=\"large\" [icon]=\"illustration\" [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\" [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\" [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\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-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--no-illustration .nas-cover__header{background-image:none}.nas-cover--no-illustration .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\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"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
2929
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CoverComponent, selector: "nas-cover", inputs: { wide: "wide", noIllustration: "noIllustration", spaceless: "spaceless", small: "small", title: "title", preamble: "preamble", cssClass: "cssClass", illustration: "illustration", fluid: "fluid", stripped: "stripped", description: "description", backLink: "backLink", useRouterLink: "useRouterLink" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses()\">\n <div *ngIf=\"backLink\">\n <nas-icon [icon]=\"'arrow-left'\"></nas-icon>\n <nas-button link secondary [useRouterLink]=\"exists(useRouterLink)\"\n [href]=\"backLink.href\">{{backLink.text}}</nas-button>\n </div>\n <header [nasClass]=\"getClass('header')\">\n <div [nasClass]=\"getClass('content')\">\n <h1 [nasClass]=\"getClass('title')\">{{title}}</h1>\n <div [nasClass]=\"getClass('description')\">\n <ng-container *ngIf=\"description; else descriptionContent\">{{description}}</ng-container>\n <ng-template #descriptionContent>\n <ng-content select=\"[description]\"></ng-content>\n </ng-template>\n </div>\n </div>\n <nas-icon *ngIf=\"illustration\" type=\"large\" [icon]=\"illustration\" [nasClass]=\"getClass('illustration')\"></nas-icon>\n <div *ngIf=\"!illustration\" [nasClass]=\"getClass('additions')\">\n <ng-content></ng-content>\n </div>\n </header>\n <p *ngIf=\"preamble\" [nasClass]=\"getClass('preamble')\">{{preamble}}</p>\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-cover{max-width:820px;margin:24px auto 36px}.nas-cover__header{display:flex;align-items:flex-end;height:90px;background-image:url(\"data:image/svg+xml,%3Csvg id%3D%22Layer_1%22 data-name%3D%22Layer 1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 340 200%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23e3e3e3%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ecloud-1%3C%2Ftitle%3E%3Cpath class%3D%22cls-1%22 d%3D%22M44.6%2C199.8H338.2a35.81%2C35.81%2C0%2C0%2C0%2C1.8-11.4%2C36.87%2C36.87%2C0%2C0%2C0-36.9-36.9%2C37.48%2C37.48%2C0%2C0%2C0-11.2%2C1.7A54%2C54%2C0%2C0%2C0%2C267%2C127.3a36.91%2C36.91%2C0%2C0%2C0-27.9-20.6%2C34.35%2C34.35%2C0%2C0%2C0%2C.4-5.6%2C36.92%2C36.92%2C0%2C0%2C0-60.6-28.3%2C36.9%2C36.9%2C0%2C0%2C0-70.7%2C14.8A35.65%2C35.65%2C0%2C0%2C0%2C110%2C98.9c-1.3-.1-2.6-.2-3.9-.2a36.91%2C36.91%2C0%2C0%2C0-26%2C63.1%2C36.12%2C36.12%2C0%2C0%2C0-4.7%2C10.6A37.58%2C37.58%2C0%2C0%2C0%2C44.6%2C199.8Z%22%2F%3E%3Cpath class%3D%22cls-2%22 d%3D%22M33.5%2C174.2h0v-1.5a27.23%2C27.23%2C0%2C0%2C1%2C47-18.7%2C34.05%2C34.05%2C0%2C0%2C1%2C58.8%2C20.3h1.6a34%2C34%2C0%2C0%2C1%2C33%2C25.7H.5A34%2C34%2C0%2C0%2C1%2C33.5%2C174.2Z%22%2F%3E%3C%2Fsvg%3E\");background-size:125px 75px;background-position:right bottom;background-repeat:no-repeat;border-bottom:3px solid #003251}@media (min-width: 821px){.nas-cover__header{padding-left:0;background-size:170px 100px}}.nas-cover__content{flex-grow:2}.nas-cover__title{font-size:24px;line-height:30px;color:#003251;padding-bottom:36px}@media (min-width: 640px){.nas-cover__title{font-size:42px;line-height:42px}}.nas-cover__description{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;color:#003251;font-size:16px;line-height:26px;margin:-48px 0 3px}.nas-cover__additions{display:none;align-items:flex-end;justify-content:flex-end;margin-left:auto;flex-grow:1;flex-shrink:1;height:90px;padding:0 9px;max-width:260px}@media (min-width: 640px){.nas-cover__additions{display:flex}}.nas-cover__preamble{font-size:16px;line-height:26px;margin:12px 6px 24px}.nas-cover__illustration{position:absolute;right:0;bottom:0;margin-bottom:-4px;transform-origin:right bottom;transform:scale(.6);display:none}@media (min-width: 480px){.nas-cover__illustration{display:block}}@media (min-width: 1000px){.nas-cover__illustration{transform:scale(.7)}}.nas-cover--wide{max-width:1132px}.nas-cover--no-illustration .nas-cover__header{background-image:none}.nas-cover--no-illustration .nas-cover__additions{max-width:300px}.nas-cover--spaceless{margin-bottom:0}.nas-cover--small{margin-bottom:24px}.nas-cover--small .nas-cover__title{font-size:24px;line-height:30px}.nas-cover--small .nas-cover__header{height:auto;background-image:none;border-bottom:2px solid #003251}.nas-cover--small .nas-cover__additions{height:auto}.nas-cover--stripped .nas-cover__header{background-image:none;border-bottom:0}.nas-cover--fluid{max-width:100%}.nas-cover--fluid .nas-cover__header{padding-left:0;height:auto}.nas-cover--illustration .nas-cover__header{position:relative;background-image:none;height:114px}@media (min-width: 480px){.nas-cover--illustration .nas-cover__header{padding-right:240px}}@media (min-width: 1000px){.nas-cover--illustration .nas-cover__header{padding-right:270px}}.nas-cover--illustration .nas-cover__content{position:relative;z-index:2}::ng-deep .nas-cover .nas-icon-large{background-size:370px 150px}::ng-deep .nas-button--link{border-bottom:none;font-weight:700}\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"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }] }); }
|
|
2925
2930
|
}
|
|
2926
2931
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CoverComponent, decorators: [{
|
|
2927
2932
|
type: Component,
|
|
@@ -3223,7 +3228,7 @@ class NumberFieldComponent extends NasComponentBase {
|
|
|
3223
3228
|
}
|
|
3224
3229
|
}
|
|
3225
3230
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3226
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: NumberFieldComponent, selector: "nas-number-field", inputs: { number: "number", max: "max", min: "min", label: "label", compact: "compact", spaceless: "spaceless", simple: "simple", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", hideInput: "hideInput", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelAdd: "ariaLabelAdd", ariaLabel: "ariaLabel" }, outputs: { numberChange: "numberChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\">\n <label [nasClass]=\"getClass('title')\"\n *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'subtract')\"\n [disabled]=\"number <= min\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"'subtract'\"></nas-icon>\n </nas-button>\n <input #input\n type=\"number\"\n [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.value]=\"number\"\n [attr.aria-valuenow]=\"number\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\"\n [(ngModel)]=\"number\"\n (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\"\n (keydown.arrowleft)=\"subtract()\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'add')\"\n [disabled]=\"number >= max\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"'add'\"></nas-icon>\n </nas-button>\n <span [nasClass]=\"getClass('line')\"></span>\n </div>\n </div>\n</ng-container>\n<ng-template #reactiveForm>\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\"\n [formGroup]=\"nasFormGroup\">\n <label [nasClass]=\"getClass('title')\"\n *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'subtract')\"\n [disabled]=\"number <= min\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"'subtract'\"></nas-icon>\n </nas-button>\n <input #input\n type=\"number\"\n [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.value]=\"number\"\n [attr.aria-valuenow]=\"number\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\"\n (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\"\n (keydown.arrowleft)=\"subtract()\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'add')\"\n [disabled]=\"number >= max\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"'add'\"></nas-icon>\n </nas-button>\n <span [nasClass]=\"getClass('line')\"></span>\n </div>\n </div>\n</ng-template>\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)}}.nas-number-field{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field .nas-number-field__line{border-color:#d8d8d8}.nas-number-field__title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:block;text-align:left}.nas-number-field__line{position:absolute;bottom:-6px;left:0;width:100%;margin:0;border:0;border-top:3px solid #c3c3c3}.nas-number-field__input{color:#002a3a;max-height:46px;text-align:center;flex-grow:2;flex-grow:0}.nas-number-field__input[type=number]{padding:0;width:45px}.nas-number-field__input:focus~.nas-number-field__line{border-color:#003251}.nas-number-field__button{flex-shrink:0;flex-grow:0;position:relative;padding:12px 0;height:46px;width:45px;color:transparent;overflow:hidden;background-color:#d8d8d8;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-number-field__button:hover,.nas-number-field__button:focus{background-color:#c3c3c3}.nas-number-field__button:active{transform:translateY(3px)}.nas-number-field__button [class^=nas-icon-]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nas-number-field__button[disabled]{pointer-events:none}.nas-number-field__button[disabled] [class^=nas-icon-]{opacity:.4}.nas-number-field__wrapper{position:relative;display:flex;height:46px}.nas-number-field--compact{width:108px}.nas-number-field--compact .nas-number-field__button{height:35px;width:36px}.nas-number-field--compact .nas-number-field__input{font-size:14px;line-height:20px;max-height:35px}.nas-number-field--compact .nas-number-field__input[type=number]{width:36px}.nas-number-field--compact .nas-number-field__title{font-size:14px;line-height:20px;margin-bottom:2px}.nas-number-field--compact .nas-number-field__wrapper{height:35px}.nas-number-field--spaceless{margin-bottom:0}.nas-number-field--simple .nas-number-field__line{display:none}.nas-number-field--hidden.nas-number-field--compact .nas-number-field__button{width:52.5px}.nas-number-field--hidden .nas-number-field__input{visibility:hidden}.nas-number-field--hidden .nas-number-field__input[type=number]{padding:0;width:3px}.nas-number-field--hidden .nas-number-field__button{width:66px}\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"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
3231
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: NumberFieldComponent, selector: "nas-number-field", inputs: { number: "number", max: "max", min: "min", label: "label", compact: "compact", spaceless: "spaceless", simple: "simple", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", hideInput: "hideInput", ariaLabelSubtract: "ariaLabelSubtract", ariaLabelAdd: "ariaLabelAdd", ariaLabel: "ariaLabel" }, outputs: { numberChange: "numberChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\">\n <label [nasClass]=\"getClass('title')\"\n *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'subtract')\"\n [disabled]=\"number <= min\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"'subtract'\"></nas-icon>\n </nas-button>\n <input #input\n type=\"number\"\n [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.value]=\"number\"\n [attr.aria-valuenow]=\"number\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\"\n [(ngModel)]=\"number\"\n (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\"\n (keydown.arrowleft)=\"subtract()\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'add')\"\n [disabled]=\"number >= max\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"'add'\"></nas-icon>\n </nas-button>\n <span [nasClass]=\"getClass('line')\"></span>\n </div>\n </div>\n</ng-container>\n<ng-template #reactiveForm>\n <div\n [nasClass]=\"getClass('', [exists(compact) && 'compact', exists(spaceless) && 'spaceless', exists(simple) && 'simple', exists(hideInput) && 'hidden'])\"\n [formGroup]=\"nasFormGroup\">\n <label [nasClass]=\"getClass('title')\"\n *ngIf=\"label\">{{label}}</label>\n <div [nasClass]=\"getClass('wrapper')\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'subtract')\"\n [disabled]=\"number <= min\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"'subtract'\"></nas-icon>\n </nas-button>\n <input #input\n type=\"number\"\n [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('input')\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.value]=\"number\"\n [attr.aria-valuenow]=\"number\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-label]=\"!ariaLabel ? label : ariaLabel\"\n (focus)=\"inputFocus()\"\n (keydown.arrowright)=\"add()\"\n (keydown.arrowleft)=\"subtract()\">\n <nas-button overrideBaseCssClass\n [cssClass]=\"getClass('button', 'add')\"\n [disabled]=\"number >= max\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"'add'\"></nas-icon>\n </nas-button>\n <span [nasClass]=\"getClass('line')\"></span>\n </div>\n </div>\n</ng-template>\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)}}.nas-number-field{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field .nas-number-field__line{border-color:#d8d8d8}.nas-number-field__title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:block;text-align:left}.nas-number-field__line{position:absolute;bottom:-6px;left:0;width:100%;margin:0;border:0;border-top:3px solid #c3c3c3}.nas-number-field__input{color:#002a3a;max-height:46px;text-align:center;flex-grow:2;flex-grow:0}.nas-number-field__input[type=number]{padding:0;width:45px}.nas-number-field__input:focus~.nas-number-field__line{border-color:#003251}.nas-number-field__button{flex-shrink:0;flex-grow:0;position:relative;padding:12px 0;height:46px;width:45px;color:transparent;overflow:hidden;background-color:#d8d8d8;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-number-field__button:hover,.nas-number-field__button:focus{background-color:#c3c3c3}.nas-number-field__button:active{transform:translateY(3px)}.nas-number-field__button [class^=nas-icon-]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nas-number-field__button[disabled]{pointer-events:none}.nas-number-field__button[disabled] [class^=nas-icon-]{opacity:.4}.nas-number-field__wrapper{position:relative;display:flex;height:46px}.nas-number-field--compact{width:108px}.nas-number-field--compact .nas-number-field__button{height:35px;width:36px}.nas-number-field--compact .nas-number-field__input{font-size:14px;line-height:20px;max-height:35px}.nas-number-field--compact .nas-number-field__input[type=number]{width:36px}.nas-number-field--compact .nas-number-field__title{font-size:14px;line-height:20px;margin-bottom:2px}.nas-number-field--compact .nas-number-field__wrapper{height:35px}.nas-number-field--spaceless{margin-bottom:0}.nas-number-field--simple .nas-number-field__line{display:none}.nas-number-field--hidden.nas-number-field--compact .nas-number-field__button{width:52.5px}.nas-number-field--hidden .nas-number-field__input{visibility:hidden}.nas-number-field--hidden .nas-number-field__input[type=number]{padding:0;width:3px}.nas-number-field--hidden .nas-number-field__button{width:66px}\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"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3227
3232
|
}
|
|
3228
3233
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldComponent, decorators: [{
|
|
3229
3234
|
type: Component,
|
|
@@ -5777,7 +5782,7 @@ class SubsidyDiscountComponent extends NasComponentBase {
|
|
|
5777
5782
|
this.infoButtonKeydown.emit(event);
|
|
5778
5783
|
}
|
|
5779
5784
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5780
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: { label: "label", icon: "icon", selectedDiscount: "selectedDiscount", discounts: "discounts" }, outputs: { infoButtonClick: "infoButtonClick", infoButtonKeydown: "infoButtonKeydown", discountSelectChange: "discountSelectChange" }, viewQueries: [{ propertyName: "infoButton", first: true, predicate: ["infoButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('box')\">\n <nas-icon [cssClass]=\"getClass('icon')\"\n [type]=\"'medium'\"\n [icon]=\"icon\"></nas-icon>\n <div [nasClass]=\"getClass('content')\">\n <div>\n <label [nasClass]=\"getClass('label')\">{{label}}</label>\n <nas-button #infoButton\n [cssClass]=\"getClass('info')\"\n [overrideBaseCssClass]=\"true\"\n [ariaLabel]=\"label\"\n (clickChange)=\"onInfoButtonClick()\"\n (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n </div>\n <nas-select [spaceless]=\"true\"\n [fill]=\"true\"\n [cssClass]=\"getClass('select')\"\n [options]=\"options\"\n (selectedChange)=\"onSelectedChange($event)\"\n [selected]=\"selectedOption\"></nas-select>\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-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:3px solid #c3c3c3;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#d8d8d8}.nas-subsidy-discount__info:before{content:\"?\";font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"], dependencies: [{ kind: "component", type: SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keydown"] }, { 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: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
5785
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SubsidyDiscountComponent, selector: "nas-subsidy-discount", inputs: { label: "label", icon: "icon", selectedDiscount: "selectedDiscount", discounts: "discounts" }, outputs: { infoButtonClick: "infoButtonClick", infoButtonKeydown: "infoButtonKeydown", discountSelectChange: "discountSelectChange" }, viewQueries: [{ propertyName: "infoButton", first: true, predicate: ["infoButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('box')\">\n <nas-icon [cssClass]=\"getClass('icon')\"\n [type]=\"'medium'\"\n [icon]=\"icon\"></nas-icon>\n <div [nasClass]=\"getClass('content')\">\n <div>\n <label [nasClass]=\"getClass('label')\">{{label}}</label>\n <nas-button #infoButton\n [cssClass]=\"getClass('info')\"\n [overrideBaseCssClass]=\"true\"\n [ariaLabel]=\"label\"\n (clickChange)=\"onInfoButtonClick()\"\n (keydown)=\"onInfoButtonKeydown($event)\"></nas-button>\n </div>\n <nas-select [spaceless]=\"true\"\n [fill]=\"true\"\n [cssClass]=\"getClass('select')\"\n [options]=\"options\"\n (selectedChange)=\"onSelectedChange($event)\"\n [selected]=\"selectedOption\"></nas-select>\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-subsidy-discount{margin-bottom:36px}@media (min-width: 640px){.nas-subsidy-discount{margin-top:16px}}@media (min-width: 1000px){.nas-subsidy-discount{margin-top:36px;margin-bottom:0}}.nas-subsidy-discount__box{display:flex;align-items:center;padding:16px;border:3px solid #c3c3c3;max-width:600px}@media (min-width: 1000px){.nas-subsidy-discount__box{display:inline-flex}}.nas-subsidy-discount__content{display:flex;flex-direction:column;align-items:flex-start}.nas-subsidy-discount__icon{margin-right:16px;display:none}@media (min-width: 640px){.nas-subsidy-discount__icon{display:block}}.nas-subsidy-discount__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:inline-block;margin-right:9px;margin-bottom:9px}.nas-subsidy-discount__select{margin-bottom:12px}.nas-subsidy-discount__info{margin-left:9px;width:21px;height:21px;border-radius:50%;background-color:#d8d8d8}.nas-subsidy-discount__info:before{content:\"?\";font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}\n"], dependencies: [{ kind: "component", type: SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keydown"] }, { 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: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5781
5786
|
}
|
|
5782
5787
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SubsidyDiscountComponent, decorators: [{
|
|
5783
5788
|
type: Component,
|
|
@@ -5826,7 +5831,7 @@ class SuggestionsComponent extends NasComponentBase {
|
|
|
5826
5831
|
this.airportSelect.emit(airport);
|
|
5827
5832
|
}
|
|
5828
5833
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5829
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SuggestionsComponent, selector: "nas-suggestions", inputs: { suggestions: "suggestions", orLabel: "orLabel" }, outputs: { airportSelect: "airportSelect" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"suggestions\"\n [nasClass]=\"getClass()\">\n <span *ngFor=\"let suggestion of suggestions?.slice(0, 3); let index = index\">\n <nas-button link\n [tabindex]=\"-1\"\n (clickChange)=\"onAirportSelect(suggestion)\">\n {{suggestion.displayName}}\n </nas-button>\n <span *ngIf=\"index === 0 && suggestions.length > 2\">, </span>\n <span *ngIf=\"index === (suggestions.length - 2)\"> {{orLabel}} </span>\n <span *ngIf=\"index === (suggestions.length - 1)\">?</span>\n </span>\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-suggestions{margin:6px 0 12px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#002a3a}\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: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
5834
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SuggestionsComponent, selector: "nas-suggestions", inputs: { suggestions: "suggestions", orLabel: "orLabel" }, outputs: { airportSelect: "airportSelect" }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"suggestions\"\n [nasClass]=\"getClass()\">\n <span *ngFor=\"let suggestion of suggestions?.slice(0, 3); let index = index\">\n <nas-button link\n [tabindex]=\"-1\"\n (clickChange)=\"onAirportSelect(suggestion)\">\n {{suggestion.displayName}}\n </nas-button>\n <span *ngIf=\"index === 0 && suggestions.length > 2\">, </span>\n <span *ngIf=\"index === (suggestions.length - 2)\"> {{orLabel}} </span>\n <span *ngIf=\"index === (suggestions.length - 1)\">?</span>\n </span>\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-suggestions{margin:6px 0 12px;display:flex}::ng-deep .nas-suggestions .nas-button--link{color:#002a3a}\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: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }] }); }
|
|
5830
5835
|
}
|
|
5831
5836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SuggestionsComponent, decorators: [{
|
|
5832
5837
|
type: Component,
|
|
@@ -7619,7 +7624,7 @@ class SortComponent extends NasComponentBase {
|
|
|
7619
7624
|
}
|
|
7620
7625
|
}
|
|
7621
7626
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7622
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SortComponent, selector: "nas-sort", inputs: { model: "model", open: "open", selectedOption: "selectedOption" }, outputs: { selectedOptionChange: "selectedOptionChange", applyButtonClicked: "applyButtonClicked" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n <nas-radio\n block\n [name]=\"model?.name\"\n [value]=\"option.value\"\n *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n [nasFormControlName]=\"option?.nasFormControlName\"\n [nasFormGroup]=\"option?.nasFormGroup\"\n [required]=\"exists(option?.required)\"\n [spaceless]=\"checkSpaceless(option, optionIndex)\"\n [strong]=\"exists(option?.strong)\"\n [tabIndex]=\"option?.tabIndex\"\n [disabled]=\"exists(option?.disabled)\"\n [error]=\"exists(option?.error)\"\n [checked]=\"selectedOption?.value === option?.value\"\n (checkedChange)=\"optionChanged(option, $event)\"\n >\n {{option.title}}\n </nas-radio>\n <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n </nas-dropdown>\n</div>\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)}}.nas-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#c3c3c3}.nas-sort--right{align-self:flex-end;float:right;clear:both}\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: DropdownComponent, selector: "nas-dropdown", inputs: ["open", "id", "ariaLabelBackdrop", "cssClass", "inline", "label", "stretched", "labelStyle"], outputs: ["openChange"] }, { kind: "component", type: RadioComponent, selector: "nas-radio", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
7627
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SortComponent, selector: "nas-sort", inputs: { model: "model", open: "open", selectedOption: "selectedOption" }, outputs: { selectedOptionChange: "selectedOptionChange", applyButtonClicked: "applyButtonClicked" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getContainerClass('', exists(model?.right) && 'right')\" *ngIf=\"model\">\n <nas-dropdown [label]=\"model?.label\" [(open)]=\"open\">\n <nas-radio\n block\n [name]=\"model?.name\"\n [value]=\"option.value\"\n *ngFor=\"let option of model?.sortOptions; let optionIndex = index\"\n [nasFormControlName]=\"option?.nasFormControlName\"\n [nasFormGroup]=\"option?.nasFormGroup\"\n [required]=\"exists(option?.required)\"\n [spaceless]=\"checkSpaceless(option, optionIndex)\"\n [strong]=\"exists(option?.strong)\"\n [tabIndex]=\"option?.tabIndex\"\n [disabled]=\"exists(option?.disabled)\"\n [error]=\"exists(option?.error)\"\n [checked]=\"selectedOption?.value === option?.value\"\n (checkedChange)=\"optionChanged(option, $event)\"\n >\n {{option.title}}\n </nas-radio>\n <nas-button *ngIf=\"model?.applyButtonLabel && model?.applyButtonLabel.length\" primary compact spaceless (click)=\"applyButtonClick()\">{{model?.applyButtonLabel}}</nas-button>\n </nas-dropdown>\n</div>\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)}}.nas-sort ::ng-deep .nas-dropdown__content{padding:16px;margin-top:3px;left:auto;right:6px;border:none;min-width:auto;width:-webkit-max-content;width:max-content;max-width:250px}.nas-sort ::ng-deep .nas-dropdown__arrow{display:none}.nas-sort ::ng-deep .nas-dropdown__toggle{background-color:transparent}.nas-sort ::ng-deep .nas-dropdown__toggle--active{background-color:#fff}.nas-sort ::ng-deep .nas-dropdown .nas-radio{margin-bottom:16px;margin-right:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio--spaceless{margin-bottom:0}.nas-sort ::ng-deep .nas-dropdown .nas-radio__indicator{background-color:#c3c3c3}.nas-sort--right{align-self:flex-end;float:right;clear:both}\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: DropdownComponent, selector: "nas-dropdown", inputs: ["open", "id", "ariaLabelBackdrop", "cssClass", "inline", "label", "stretched", "labelStyle"], outputs: ["openChange"] }, { kind: "component", type: RadioComponent, selector: "nas-radio", inputs: ["id", "value", "name", "error", "disabled", "strong", "block", "spaceless", "tabIndex", "required", "aria-label", "aria-describedby", "aria-labelledby", "checked", "nasFormControlName", "nasFormGroup"], outputs: ["checkedChange"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }] }); }
|
|
7623
7628
|
}
|
|
7624
7629
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SortComponent, decorators: [{
|
|
7625
7630
|
type: Component,
|
|
@@ -7939,7 +7944,7 @@ class InfoComponent extends NasComponentBase {
|
|
|
7939
7944
|
];
|
|
7940
7945
|
}
|
|
7941
7946
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7942
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", warning: "warning", information: "information", success: "success", outlined: "outlined", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('content', modifiers)\">\n <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n <small>{{info?.timestamp | date:'full'}}</small>\n <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n </div>\n <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n </div>\n <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n <li *ngFor=\"let message of info?.messages\"> \n <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n </li>\n </ul>\n <div [nasClass]=\"getClass('custom-content')\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"info?.link\">\n <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n </div>\n <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n <nas-accordion simple [title]=\"stackTraceLabel\">\n {{info?.stackTrace}}\n </nas-accordion>\n </div>\n </div>\n <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n </div>\n</div>\n\n<ng-template #titleTemplate>\n <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\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)}}.nas-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#fc9e12}.nas-info__content--error{background-color:#fff;border:3px solid #E5212D}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
7947
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InfoComponent, selector: "nas-info", inputs: { info: "info", error: "error", warning: "warning", information: "information", success: "success", outlined: "outlined", stackTraceLabel: "stackTraceLabel", removeIcon: "removeIcon", show: "show", sanitized: "sanitized" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "infoContainer", first: true, predicate: ["infoContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"exists(show)\" #infoContainer [nasClass]=\"getContainerClass()\">\n <div [nasClass]=\"getClass('content', modifiers)\">\n <div *ngIf=\"info?.timestamp\" [nasClass]=\"getClass('timestamp')\">\n <small>{{info?.timestamp | date:'full'}}</small>\n <small *ngIf=\"info?.server\"> ({{info?.server}})</small>\n </div>\n <div *ngIf=\"exists(error) || exists(success); else titleTemplate\" [nasClass]=\"getClass('error-title')\">\n <nas-icon *ngIf=\"exists(error)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--error\" type=\"small\"></nas-icon>\n <nas-icon *ngIf=\"exists(success)\" [nasClass]=\"getClass('error-icon')\" icon=\"alert--success\" type=\"small\"></nas-icon>\n <ng-container *ngTemplateOutlet=\"titleTemplate\"></ng-container>\n </div>\n <ul *ngIf=\"info?.messages?.length > 0\" [nasClass]=\"getListClass('', 'spaceless')\">\n <li *ngFor=\"let message of info?.messages\"> \n <span *ngIf=\"exists(sanitized)\" [innerHTML]=\"message\"></span>\n <span *ngIf=\"!exists(sanitized)\">{{message}}</span>\n </li>\n </ul>\n <div [nasClass]=\"getClass('custom-content')\">\n <ng-content></ng-content>\n </div>\n <div *ngIf=\"info?.link\">\n <nas-button link [href]=\"info.link.href\">{{info.link.text}}</nas-button>\n </div>\n <div *ngIf=\"info?.stackTrace\" [nasClass]=\"getClass('stack-trace')\">\n <nas-accordion simple [title]=\"stackTraceLabel\">\n {{info?.stackTrace}}\n </nas-accordion>\n </div>\n </div>\n <div [nasClass]=\"getClass('remove-box')\" *ngIf=\"exists(removeIcon);\">\n <nas-icon type=\"remove\" (click)=\"removeInfoBox()\"></nas-icon>\n </div>\n</div>\n\n<ng-template #titleTemplate>\n <h3 [nasClass]=\"getClass('title')\" [innerHTML]=\"info?.title\"></h3>\n</ng-template>\n\n\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)}}.nas-info{perspective:1000px;margin-top:36px;margin-bottom:36px;position:relative}@media (min-width: 1000px){.nas-info{margin-bottom:12px}}.nas-info__remove-box{position:absolute;right:10px;top:10px;cursor:pointer}.nas-info__custom-content{padding-top:16px}.nas-info__content{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.3s;padding:16px;background-color:#fff}.nas-info__content--information{background-color:#fff}.nas-info__content--warning{background-color:#fc9e12}.nas-info__content--error{background-color:#fff;border:3px solid #E5212D}.nas-info__content--success{background-color:#fff;border:3px solid #238e00}.nas-info__content--outlined{border:3px solid #003251}.nas-info__stack-trace{margin-top:12px;word-break:break-word}.nas-info__error-title{display:flex;margin-bottom:9px}.nas-info__error-title>:first-child{margin-right:12px}.nas-info__timestamp{margin-bottom:12px}.nas-info__error-icon{padding-top:3px}\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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: AccordionComponent, selector: "nas-accordion", inputs: ["expanded", "title", "badge", "icon", "simple", "spaced", "small", "inverted", "containerOnToggle", "nopadding", "transparent", "approve", "primary", "warning", "badgeInfo", "badgeSuccess", "badgeWarning", "badgeError", "cssClass", "cssStyle"], outputs: ["toggleChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7943
7948
|
}
|
|
7944
7949
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InfoComponent, decorators: [{
|
|
7945
7950
|
type: Component,
|
|
@@ -8108,11 +8113,11 @@ class InputComponent extends NasComponentBase {
|
|
|
8108
8113
|
this.blur.emit(value);
|
|
8109
8114
|
}
|
|
8110
8115
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputComponent, selector: "nas-input", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", label: "label", labelInside: "labelInside", errorMessage: "errorMessage", placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", info: "info", icon: "icon", type: "type", readonly: "readonly", name: "name", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", min: "min", max: "max", line: "line", pattern: "pattern" }, outputs: { modelChange: "modelChange", blur: "blur" }, viewQueries: [{ propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }, { propertyName: "inputNotReactive", first: true, predicate: ["inputNotReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\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)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputComponent, selector: "nas-input", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", label: "label", labelInside: "labelInside", errorMessage: "errorMessage", placeholder: "placeholder", minLength: "minLength", maxLength: "maxLength", info: "info", icon: "icon", type: "type", readonly: "readonly", name: "name", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", min: "min", max: "max", line: "line", pattern: "pattern" }, outputs: { modelChange: "modelChange", blur: "blur" }, viewQueries: [{ propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }, { propertyName: "inputNotReactive", first: true, predicate: ["inputNotReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\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)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{border:0;position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8112
8117
|
}
|
|
8113
8118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, decorators: [{
|
|
8114
8119
|
type: Component,
|
|
8115
|
-
args: [{ selector: 'nas-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\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)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
|
|
8120
|
+
args: [{ selector: 'nas-input', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputNotReactive [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"\n [(ngModel)]=\"model\" />\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <input #inputReactive [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('text')\"\n [attr.id]=\"inputId\"\n [attr.type]=\"type\"\n [attr.name]=\"name\"\n [attr.placeholder]=\"placeholder\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-invalid]=\"error\"\n [attr.aria-required]=\"required\"\n [attr.minlength]=\"minLength\"\n [attr.maxlength]=\"maxLength\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.pattern]=\"pattern\"\n (blur)=\"onBlur($event.target.value)\"/>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('icon')\"\n *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\" [id]=\"errorId\"\n *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n <span [nasClass]=\"getClass('info')\"\n *ngIf=\"info\">{{info}}</span>\n </label>\n</ng-template>\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)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{border:0;position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-input--error .nas-input__line{background-color:#e5212d}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"] }]
|
|
8116
8121
|
}], ctorParameters: function () { return []; }, propDecorators: { inputReactive: [{
|
|
8117
8122
|
type: ViewChild,
|
|
8118
8123
|
args: ['inputReactive']
|
|
@@ -8598,7 +8603,7 @@ class ModalComponent extends NasComponentBase {
|
|
|
8598
8603
|
}, 30);
|
|
8599
8604
|
}
|
|
8600
8605
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, deps: [{ token: AnimateHelper }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8601
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose", blockCloseOnClickOutside: "blockCloseOnClickOutside" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [disabled]=\"blockCloseOnClickOutside\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</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)}}.nas-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:30px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f1f1f1}.nas-modal--form .nas-modal__content{background-color:#e3e3e3}.nas-modal--form .nas-modal__backdrop{background-color:#000f18b3}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
8606
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ModalComponent, selector: "nas-modal", inputs: { form: "form", tight: "tight", center: "center", outlined: "outlined", title: "title", closeLabel: "closeLabel", animated: "animated", show: "show", enableClose: "enableClose", blockCloseOnClickOutside: "blockCloseOnClickOutside" }, outputs: { showChange: "showChange" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass('', [exists(form) && 'form', exists(tight) && 'tight', exists(center) && 'center'])\"\n *ngIf=\"show\">\n <div #content\n [nasClass]=\"getClass('content', [exists(outlined) && 'outlined'])\"\n [ngStyle]=\"animation\"\n tabindex=\"0\">\n <nas-button *ngIf=\"enableClose\"\n [overrideBaseCssClass]=\"true\"\n [cssClass]=\"getClass('close')\"\n [ariaLabel]=\"closeLabel\"\n (clickChange)=\"onClose()\">\n <nas-icon [type]=\"'remove'\"></nas-icon>\n </nas-button>\n <h2 [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</h2>\n <ng-content></ng-content>\n </div>\n <button type=\"button\"\n #backdrop\n [disabled]=\"!enableClose\"\n [nasClass]=\"getClass('backdrop')\"\n (click)=\"onClose()\"\n [disabled]=\"blockCloseOnClickOutside\"\n [ngStyle]=\"backdropStyle\">{{closeLabel}}</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)}}.nas-modal{position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;z-index:40;max-height:98vh;overflow-y:scroll}@media (min-width: 640px){.nas-modal{padding:36px}}.nas-modal__title{margin-bottom:24px;font-size:24px;line-height:30px}.nas-modal__actions{display:flex;flex-wrap:wrap;align-items:baseline}.nas-modal__action{margin:16px 0 0}.nas-modal__action:not(:last-child){margin-right:24px}.nas-modal__content{position:relative;z-index:3;width:100%;max-width:600px;margin:auto;padding:24px;transform-origin:left top;box-shadow:0 0 50px #0000001a;background-color:#fff;outline:0}@media (min-width: 640px){.nas-modal__content{padding:36px}}.nas-modal__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:fade-in .7s ease-out both;overflow-y:scroll}.nas-modal__close{position:absolute;top:6px;right:6px;width:32px;height:32px;border-radius:50%}@media (min-width: 640px){.nas-modal__close{top:12px;right:12px}}.nas-modal__close:hover,.nas-modal__close:focus{z-index:100;background-color:#f1f1f1}.nas-modal--form .nas-modal__content{background-color:#e3e3e3}.nas-modal--form .nas-modal__backdrop{background-color:#000f18b3}.nas-modal--tight .nas-modal__content{max-width:460px}.nas-modal--center{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8602
8607
|
}
|
|
8603
8608
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ModalComponent, decorators: [{
|
|
8604
8609
|
type: Component,
|
|
@@ -8691,7 +8696,7 @@ class PageFooterComponent extends NasComponentBase {
|
|
|
8691
8696
|
window.scrollTo(0, 0);
|
|
8692
8697
|
}
|
|
8693
8698
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8694
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageFooterComponent, selector: "nas-page-footer", inputs: { links: "links", buttonText: "buttonText", hideButton: "hideButton", bottomText: "bottomText" }, usesInheritance: true, ngImport: i0, template: "<footer>\n <hr />\n <nas-grid>\n <nas-col>\n <nas-button *ngIf=\"!hideButton\"\n right\n (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n </nas-button>\n <ul class=\"list list--horizontal\">\n <li *ngFor=\"let link of links\">\n <a *ngIf=\"link.link\"\n href=\"{{link.link}}\">{{link.title}}</a>\n </li>\n </ul>\n </nas-col>\n <nas-col *ngIf=\"bottomText\">\n <div class=\"spacing-top\"\n [innerHTML]=\"bottomText\"></div>\n </nas-col>\n </nas-grid>\n</footer>", 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)}}footer{background:#f1f1f1;position:relative;margin:60px 0 0;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\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: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "
|
|
8699
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageFooterComponent, selector: "nas-page-footer", inputs: { links: "links", buttonText: "buttonText", hideButton: "hideButton", bottomText: "bottomText" }, usesInheritance: true, ngImport: i0, template: "<footer>\n <hr />\n <nas-grid>\n <nas-col>\n <nas-button *ngIf=\"!hideButton\"\n right\n (clickChange)=\"scrollToTop()\">{{buttonText}}<nas-icon icon=\"arrow-up\"></nas-icon>\n </nas-button>\n <ul class=\"list list--horizontal\">\n <li *ngFor=\"let link of links\">\n <a *ngIf=\"link.link\"\n href=\"{{link.link}}\">{{link.title}}</a>\n </li>\n </ul>\n </nas-col>\n <nas-col *ngIf=\"bottomText\">\n <div class=\"spacing-top\"\n [innerHTML]=\"bottomText\"></div>\n </nas-col>\n </nas-grid>\n</footer>", 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)}}footer{background:#f1f1f1;position:relative;margin:60px 0 0;padding:60px 0}footer .list{margin-bottom:24px;margin-left:24px;padding-top:3px}footer .list--horizontal{margin-left:0}footer .list--horizontal>li{display:inline-block;margin-right:24px}footer .spacing-top{margin-top:36px}\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: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: GridComponent, selector: "nas-grid", inputs: ["right", "center", "stretch", "wide", "tight", "xtight", "xxtight", "spaceless", "mobileview", "nopadding", "nomargin", "colGroup"] }, { kind: "component", type: ColComponent, selector: "nas-col", inputs: ["base", "md", "lg", "xl", "colSize"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8695
8700
|
}
|
|
8696
8701
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageFooterComponent, decorators: [{
|
|
8697
8702
|
type: Component,
|
|
@@ -8900,7 +8905,7 @@ class PageHeaderComponent extends NasComponentBase {
|
|
|
8900
8905
|
return this.exists(this.disableFrontPageUrl) ? 'disable-link' : 'branding';
|
|
8901
8906
|
}
|
|
8902
8907
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8903
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", 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" }, 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='%23003D50' 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='%23003D50' 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\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\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated\"\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\"\n [title]=\"logOutLink.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n </span>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span *ngIf=\"!expanded\">{{menuText}}</span>\n <span *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:none;border-bottom:2px solid #d8d8d8}a:hover,a:focus,.link:hover,.nas-page-header__link-logout:hover,.link:focus,.nas-page-header__link-logout:focus{color:#003251;border-color:#003251}a--disabled,.link--disabled{color:#003251;border-bottom:2px solid #e3e3e3;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#003251;border-color:#e3e3e3}.link--light{color:#fff;border-bottom:2px solid #fff}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#003251;border-bottom:2px solid #003251}.link--secondary:hover,.link--secondary:focus{color:#e5212d;border-color:#e5212d}*:focus-visible{outline:none}.nas-page-header{position:relative;z-index:40;height:70px;display:flex;background-color:#fff}.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:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:28px;margin-bottom:24px}@media screen and (min-width: 640px){.nas-page-header__menu a{font-size:32px}}.nas-page-header__menu a:hover,.nas-page-header__menu a:focus{color:#fff;border-color:#fff}.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 #d81939;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header__menu .nas-icon-list__item a{font-size:22px;line-height:28px;border-bottom-width:2px}.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:relative;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__burger-border:focus-visible{outline:2px solid #fff;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}@media (min-width: 640px){.nas-page-header__toggle-icon{width:70px;background-color:#e5212d}}.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:24px}.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}.nas-page-header__logged-out{background-color:#003251;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:8px 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 white;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:#002a3a;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:hover .nas-page-header__link-text,.nas-page-header__link:focus .nas-page-header__link-text{border-color:#003251}.nas-page-header__link-static{color:#002a3a;display:inline-block;margin-right:12px}.nas-page-header__link-icon{margin-top:-2px;margin-right:6px}.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:#002a3a;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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "component", type: HamburgerComponent, selector: "nas-hamburger", inputs: ["expanded"] }, { kind: "component", type: SearchComponent, selector: "nas-search", inputs: ["searchText", "searchForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8908
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", 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" }, 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='%23003D50' 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='%23003D50' 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\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\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated\"\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\"\n [title]=\"logOutLink.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n </span>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span *ngIf=\"!expanded\">{{menuText}}</span>\n <span *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:none;border-bottom:2px solid #d8d8d8}a:hover,a:focus,.link:hover,.nas-page-header__link-logout:hover,.link:focus,.nas-page-header__link-logout:focus{color:#003251;border-color:#003251}a--disabled,.link--disabled{color:#003251;border-bottom:2px solid #e3e3e3;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#003251;border-color:#e3e3e3}.link--light{color:#fff;border-bottom:2px solid #fff}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#003251;border-bottom:2px solid #003251}.link--secondary:hover,.link--secondary:focus{color:#e5212d;border-color:#e5212d}*:focus-visible{outline:none}.nas-page-header{position:relative;z-index:40;height:70px;display:flex;background-color:#fff}.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:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:28px;margin-bottom:24px}@media screen and (min-width: 640px){.nas-page-header__menu a{font-size:32px}}.nas-page-header__menu a:hover,.nas-page-header__menu a:focus{color:#fff;border-color:#fff}.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 #d81939;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header__menu .nas-icon-list__item a{font-size:22px;line-height:28px;border-bottom-width:2px}.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:relative;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__burger-border:focus-visible{outline:2px solid #fff;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}@media (min-width: 640px){.nas-page-header__toggle-icon{width:70px;background-color:#e5212d}}.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:24px}.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}.nas-page-header__logged-out{background-color:#003251;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:8px 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 white;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:#002a3a;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:hover .nas-page-header__link-text,.nas-page-header__link:focus .nas-page-header__link-text{border-color:#003251}.nas-page-header__link-static{color:#002a3a;display:inline-block;margin-right:12px}.nas-page-header__link-icon{margin-top:-2px;margin-right:6px}.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:#002a3a;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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: HamburgerComponent, selector: "nas-hamburger", inputs: ["expanded"] }, { kind: "component", type: SearchComponent, selector: "nas-search", inputs: ["searchText", "searchForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8904
8909
|
}
|
|
8905
8910
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
8906
8911
|
type: Component,
|
|
@@ -9128,7 +9133,7 @@ class PageHeaderOldComponent extends NasComponentBase {
|
|
|
9128
9133
|
}
|
|
9129
9134
|
}
|
|
9130
9135
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderOldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageHeaderOldComponent, selector: "nas-page-header-old", inputs: { menuText: "menuText", closeText: "closeText", searchText: "searchText", searchForm: "searchForm", displayProfile: "displayProfile", reward: "reward", isAuthenticated: "isAuthenticated", frontPageUrl: "frontPageUrl", useRouterLink: "useRouterLink", nozindex: "nozindex", logOutLink: "logOutLink", profileLink: "profileLink", links: "links" }, 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 <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span [nasClass]=\"getClass('toggle-icon')\">\n <nas-old-hamburger [expanded]=\"expanded\"></nas-old-hamburger>\n </span>\n <span *ngIf=\"!expanded\">{{menuText}}</span>\n <span *ngIf=\"expanded\">{{closeText}}</span>\n </button>\n </div>\n <div [nasClass]=\"getClass('right-content')\">\n <nas-old-search [searchText]=\"searchText\" [searchForm]=\"searchForm\" *ngIf=\"searchForm\"></nas-old-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\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 [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\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\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated\"\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\"\n [title]=\"logOutLink.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n\n <a href=\"{{frontPageUrl}}\" [nasClass]=\"getClass('branding')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOTdweCIgaGVpZ2h0PSI0NS41cHgiIHZpZXdCb3g9IjAgMCAxOTcgNDUuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk3IDQ1LjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMwMDNENTAiIGQ9Ik0xNzUuNCwzMi4zYy0xNy41LDktMzQuNywxNC41LTQzLDEyLjhjLTcuMy0xLjUtMy43LTExLjUsNi43LTE5LjdsMi4yLDBjLTguMiw2LjktOC44LDE1LjUtMy42LDE2LjJjNS45LDAuNywyMS4xLTIuNSwzNi42LTkuN0wxNzUuNCwzMi4zeiIvPjwvZz48L2c+PGc+PGc+PHBhdGggZmlsbD0iIzAwM0Q1MCIgZD0iTTE5My42LDE5LjljMC41LDAsMSwwLjEsMS40LDAuMmMwLjMsMC4xLDAuNCwwLjEsMC43LDAuM2MwLjEsMCwwLjIsMC4xLDAuMywwLjJjMC4yLDAuMSwwLjEsMC4yLDAuMiwwLjNjMC4xLDAuNC0wLjEsMC43LTAuMywxYy0wLjYsMS0xLjYsMS43LTIuNSwyLjRjLTEsMC44LTIsMS40LTMsMi4xYy0wLjIsMC4xLTAuNCwwLjMtMC42LDAuNGMwLjIsMC4xLDAuMywwLjEsMC41LDAuMmwwLDBjMCwwLDAuMSwwLjEsMC4yLDAuMWMwLjMtMC4xLDAuNS0wLjMsMC44LTAuNGMwLjMtMC4yLDAuNS0wLjIsMC44LTAuMWMwLjIsMC4xLDAuNSwwLjQsMC42LDAuNmMwLjEsMC40LDAuMSwwLjctMC4xLDEuMWMxLjMsMC42LDIuNSwxLjIsMy43LDEuOGMwLjMsMC4yLDAuNiwwLjMsMC45LDAuNWMwLjEsMC4yLTAuMSwwLjQtMC4zLDAuNWMtMC41LDAuMi0wLjksMC42LTEuNCwwLjZjLTAuNS0wLjEtMS0wLjItMS42LTAuNGMtMC44LTAuMi0xLjYtMC40LTIuNC0wLjVjLTAuNi0wLjEtMS4zLTAuMi0xLjktMC40Yy0wLjUtMC4xLTAuOS0wLjItMS40LTAuMmMtMC42LTAuMS0xLjItMC4xLTEuOS0wLjFjLTAuOCwwLTEuNSwwLTIuMy0wLjFjLTEuMiwwLjUtMi4zLDEuMS0zLjcsMS42Yy0wLjksMC4zLTEuNywwLjYtMi42LDAuOWMwLjMsMC40LDAuNywwLjUsMC45LDFjMCwwLjEtMC4xLDAuMS0wLjEsMC4xYy0wLjIsMC4xLTAuMywwLjEtMC41LDAuMmMtMC45LTAuMi0xLjctMC40LTIuNi0wLjdsLTAuMiwwYy0wLjQsMC4xLTEsMC41LTEuNCwwYzAtMC4xLTAuMS0wLjItMC4xLTAuNGMwLTAuMS0wLjEtMC4xLTAuMi0wLjJjLTAuMi0wLjEtMC4zLTAuMS0wLjQtMC4yYy0wLjMtMC4xLTAuNS0wLjItMC44LTAuM2MtMC42LTAuMi0xLjEtMC4zLTEuNi0wLjZjLTAuMS0wLjEtMC4yLTAuMiwwLTAuNGMwLjMtMC4yLDAuOC0wLjQsMS4yLTAuMmMwLjQsMCwwLjksMC4xLDEuMiwwLjFsMCwwYy0wLjUtMC41LTAuOS0xLTEuNC0xLjVjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40YzAtMC4xLDAuMS0wLjIsMC4yLTAuM2MwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMWMwLjQtMC4yLDAuNS0wLjMsMC44LTAuMmMwLjksMC40LDEuNiwwLjcsMi42LDEuMWMwLjIsMC4xLDAuNCwwLjIsMC42LDAuMmMwLjMtMC4xLDAuNC0wLjIsMC42LTAuM2MwLjEsMCwwLjQtMC4yLDAuNS0wLjNjMC4zLTAuMiwwLjYtMC40LDAuOC0wLjVjMC42LTAuNCwwLjktMC42LDEuNC0wLjljLTAuNy0wLjMtMS41LTAuNy0yLjItMWMtMC44LTAuMi0xLTAuMy0xLjctMC41Yy0wLjUtMC4xLTEuMS0wLjMtMS4xLTAuM2MtMS0wLjItMS4yLTAuMy0yLjEtMC41Yy0wLjQtMC4yLTAuOS0wLjItMS40LTAuNGMwLTAuMSwwLTAuMSwwLTAuMmMwLjEtMC4yLDAuNC0wLjQsMC42LTAuNmMwLjMtMC4yLDAuNS0wLjQsMC45LTAuNWMwLjcsMCwxLjIsMC4xLDIsMC4yYzAuOSwwLjEsMS44LDAuMiwyLjYsMC4zYzEuMSwwLjEsMi40LDAuMiwzLjUsMC40YzAuMSwwLDAuMiwwLjEsMC4zLDBjMC4xLDAuMSwwLjIsMCwwLjMsMC4xYzAuMSwwLDAuMiwwLDAuMywwYzAuNS0wLjQsMS4xLTAuOSwxLjgtMS4xYzAuNCwwLDAuOCwwLjIsMSwwLjVjMS4zLTAuOSwyLjUtMS44LDMuOS0yLjVjMS4zLTAuNywyLjUtMS4yLDMuNS0xLjVjMC43LTAuMiwxLjUtMC4zLDIuMi0wLjRDMTkzLjMsMTkuOSwxOTMuNCwxOS45LDE5My42LDE5LjkiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOTQuMywyMC43Yy0wLjYsMC4xLTEsMC4yLTEuNywwLjVjLTAuNiwwLjItMS41LDAuNi0yLjMsMWMtMS4xLDAuNS0yLDEuMS0zLjIsMS44Yy0wLjQsMC4zLTEuMywxLTEuNCwxLjFjLTAuNy0wLjEtMS4zLTAuMS0yLTAuMmwwLjEtMC4xYzAuOS0wLjcsMS42LTEuMiwyLjYtMS43YzAuOC0wLjUsMi4xLTEuMiwzLjEtMS42YzAuOS0wLjQsMS45LTAuNywyLjktMC44QzE5My4yLDIwLjUsMTkzLjgsMjAuNSwxOTQuMywyMC43Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTgxLjQsMjUuMWMwLjItMC4xLDAuMy0wLjIsMC41LTAuM2MwLjItMC4xLDAuMy0wLjIsMC40LTAuMmMtMC4xLDAuMy0wLjEsMC40LDAsMC43YzAsMC4yLDAuMiwwLjMsMC4yLDAuNGMtMC40LDAuMy0wLjgsMC41LTEuMiwwLjhjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40Yy0wLjEtMC4zLDAtMC41LDAuMS0wLjhMMTgxLjQsMjUuMXoiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xODAuNywyOC40Yy0wLjUsMC4zLTEsMC42LTEuNSwwLjhjLTEsMC41LTIuMSwxLjEtMy42LDEuOGMtMC40LDAuMi0wLjgsMC4zLTEuMiwwLjJjLTAuMywwLTAuMywwLTAuNi0wLjFjLTAuNS0wLjUtMS4xLTEuMS0xLjYtMS42Yy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuM2wwLjMtMC4yaDAuMWMwLjgsMC4zLDEuMywwLjYsMi4xLDFjMC4zLDAuMSwwLjYsMC4zLDAuOSwwLjRjMC4zLDAsMC42LTAuMSwwLjktMC4ybDAuMi0wLjFjMC40LTAuMywwLjYtMC40LDAuOC0wLjVjMC44LTAuNSwxLjUtMC45LDIuMy0xLjRsMC4yLTAuMUMxODAuMSwyOC4yLDE4MC4zLDI4LjMsMTgwLjcsMjguNCIvPjwvZz48L2c+PGc+PGc+PGc+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsNS40aDUuNXYxLjRjMi43LTIuNCw2LjItMi40LDguNC0xYzIuNCwxLjUsMi40LDMuOCwyLjQsNi40djcuN2gtNS41di02LjFjMC0xLjQsMC4xLTMuMi0xLjMtNC4xQzguOSw5LjIsNy42LDkuMiw2LjgsOS44Yy0xLjQsMS0xLjIsMi4yLTEuMiw0LjN2NS44SDBWNS40eiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi44LDYuMWMtMi4zLDEuMy0zLjUsMy4yLTMuOCw1LjZjLTAuMiwxLjksMC4yLDQuMiwxLjgsNS45YzIuOSwzLDgsMy4xLDEwLjksMi4xYzIuNC0wLjgsNC40LTIuMiw1LjItNS4zYzAuNS0yLDAuMy00LjEtMS02LjFjLTIuNC0zLjUtNy4zLTMuOC05LjMtMy41QzI1LjQsNS4xLDI0LDUuNCwyMi44LDYuMSBNMjcuMiw4LjhjMC45LTAuMiwyLjMsMCwzLjEsMWMwLjgsMC45LDEuMSwyLjMsMSwzLjNjLTAuMSwxLTAuNywyLjEtMS44LDIuN2MtMSwwLjUtMi40LDAuNS0zLjQtMC4yYy0wLjktMC42LTEuNC0xLjctMS41LTIuOGMwLTEsMC4yLTIuMiwxLjItMy4yQzI2LjQsOS4xLDI2LjgsOSwyNy4yLDguOCIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02NS42LDEyLjFjMCwwLjMtMC4xLDAuNS0wLjUsMS40bC0yLjEsNi40aC01LjdMNTEuOSw1LjRINThsMS45LDYuMWMwLjMsMS4xLDAuNCwxLjMsMC40LDEuN2MwLTAuMywwLjEtMC42LDAuNC0xLjdsMS45LTYuMWg2bDEuOSw2LjFjMC4zLDEuMSwwLjQsMS4zLDAuNCwxLjdjMC0wLjMsMC4xLTAuNiwwLjQtMS43bDEuOS02LjFoNi4xbC01LjUsMTQuNWgtNS43bC0yLTYuM0M2NS43LDEyLjYsNjUuNywxMi40LDY1LjYsMTIuMSIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05Ni40LDcuNmMtMi42LTMtOC0zLjEtMTAuNS0yLjRjLTIuNCwwLjctNC40LDIuMS01LjMsNS4yYy0wLjYsMi4zLTAuNCw0LjUsMSw2LjVjMi42LDMuNyw3LjYsMy41LDEwLDMuMmMxLjgtMC4zLDUuMS0xLjMsNi4zLTQuNWwwLjEtMC4xbC01LjUtMC42Yy0wLjIsMC4yLTAuMywwLjQtMC45LDAuOWMtMC45LDAuNy0yLjksMC42LTMuNywwLjNjLTAuOS0wLjQtMS43LTEuNS0xLjgtMi4yaDEyLjN2LTAuM0M5OC40LDExLjcsOTcuOCw5LjMsOTYuNCw3LjYgTTkyLjYsMTAuOEg4NmMwLjUtMS42LDEuNC0yLjEsMi41LTIuM0M4OS43LDguMyw5MS43LDguNiw5Mi42LDEwLjgiLz48L2c+PC9nPjwvZz48Zz48Zz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAxLjUsMjAuN2MwLjEsMS4xLDAuNCwxLjgsMC41LDIuMWMxLjQsMi41LDMuOSwzLDcsM2MzLjEsMCw1LjUtMC4yLDcuMy0yLjNjMS42LTEuOSwxLjQtNC4yLDEuNC02LjRWNS42aC01LjV2MS4zYy0xLjItMS4yLTIuNS0xLjYtMy41LTEuN2MtMi0wLjMtNC44LDAuNC02LjUsMi42Yy0xLjQsMS44LTEuNiw0LjQtMS40LDYuMmMwLjMsMi4yLDEuNSwzLjgsMy41LDQuOWMyLjIsMS4yLDUuOCwwLjksNy44LTAuOGMwLDAuNiwwLDEuOS0wLjIsMi41Yy0wLjQsMC45LTEuMiwxLjItMS44LDEuM2MtMC42LDAuMS0yLjIsMC40LTIuOC0wLjdjLTAuMS0wLjItMC4yLTAuMy0wLjItMC41SDEwMS41eiBNMTA4LjUsOS44YzAuNy0wLjIsMi4zLTAuMSwzLjEsMC44YzAuNSwwLjUsMC44LDEuMiwwLjcsMS45Yy0wLjEsMC42LTAuNCwxLjQtMSwxLjhjLTAuOSwwLjYtMi41LDAuNi0zLjQsMC4xYy0wLjctMC40LTEuMi0wLjktMS4zLTEuN2MtMC4xLTAuNSwwLTEuNCwwLjUtMkMxMDcuNSwxMC4yLDEwNy45LDEwLDEwOC41LDkuOCIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMjAuOCw1LjRoNS41djE0LjVoLTUuNVY1LjR6IE0xMjAuOCwwaDUuNXYzLjdoLTUuNVYweiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMzUuMiw5LjVjMC4xLTAuNCwwLjMtMC42LDAuNi0wLjljMC43LTAuNiwzLjQtMC40LDQuMS0wLjFjMC44LDAuNCwxLDEsMS4xLDJjMCwwLTEuNy0wLjEtMi45LTAuMWMtMS40LDAuMS0yLDAuMS0zLjIsMC4zYy0yLjQsMC4zLTQuOCwwLjctNS40LDMuNmMtMC40LDIsMC4yLDMuOCwyLjEsNWwwLjIsMC4xYzIuOCwxLjIsNi4zLDAuOCw5LjQtMWMwLDAsMCwwLjksMC4yLDEuM2w2LjQsMGMtMC43LTAuNi0xLTEuNi0xLTN2LTYuMmMwLTEuMiwwLjEtMi44LTAuNy0zLjdjLTEuMy0xLjctMy43LTIuMS03LjktMi4xYy0zLjQsMC01LjcsMC4yLTcsMS45Yy0wLjYsMC45LTAuOCwxLjYtMC44LDIuN0gxMzUuMnogTTE0MC44LDEzLjVjLTAuNSwxLjktMS42LDIuNS0zLDIuN2MtMC44LDAuMS0yLjEsMC4yLTIuNy0wLjljLTAuMS0wLjItMC4yLTAuOC0wLjEtMWMwLjQtMC44LDEuMS0wLjcsMi45LTAuOEwxNDAuOCwxMy41eiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNTAuNSw1LjRoNS41djEuNGMyLjctMi40LDYuMi0yLjQsOC40LTFjMi40LDEuNSwyLjQsMy44LDIuNCw2LjR2Ny43aC01LjV2LTYuMWMwLTEuNCwwLjEtMy4yLTEuMy00LjFjLTAuNy0wLjQtMi4xLTAuNC0yLjgsMC4yYy0xLjQsMS0xLjIsMi4yLTEuMiw0LjN2NS44aC01LjVWNS40eiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00OS4yLDUuMnY1LjZjLTEuNywwLTIuOCwwLjItMy45LDF2OC4xaC01LjVWNS40aDUuNXYxLjdjMC4zLTAuNSwxLTEuMSwxLjktMS41QzQ3LjUsNS40LDQ4LjUsNS4yLDQ5LjIsNS4yIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==\"\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='%23003D50' 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='%23003D50' 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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNi43cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iLTI3MS42IDQwNC45IDM2LjcgMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI3MS42IDQwNC45IDM2LjcgMzMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjcwLjksNDA2LjJoMTEuOXYzYzUuOC01LjIsMTMuNC01LjIsMTguMi0yLjJjNS4yLDMuMiw1LjIsOC4yLDUuMiwxNHYxNi43aC0xMS44di0xMy4zYzAtMywwLjItNi45LTIuOC05Yy0xLjMtMS4xLTQuMS0xLjEtNS44LDAuMmMtMywyLjItMi42LDQuOC0yLjYsOS4zdjEyLjVoLTEyLjJ2LTMxLjJILTI3MC45eiIvPjwvZz48L2c+PC9nPjwvZz48Zz48Zz48cGF0aCBmaWxsPSIjMDAzRDUwIiBkPSJNLTI0MCw0MTIuMmMwLjYsMCwxLjMsMC4yLDEuOSwwLjNjMC40LDAuMSwwLjYsMC4yLDAuOSwwLjNjMC4xLDAuMSwwLjMsMC4xLDAuNCwwLjJjMC4yLDAuMiwwLjIsMC4zLDAuMiwwLjRjMC4xLDAuNS0wLjIsMC45LTAuNCwxLjNjLTAuOCwxLjMtMi4xLDIuMy0zLjQsMy4zYy0xLjMsMS0yLjcsMS45LTQsMi44Yy0wLjMsMC4xLTAuNSwwLjMtMC44LDAuNWMwLjIsMC4xLDAuNCwwLjIsMC42LDAuM2wwLDBjMC4xLDAsMC4xLDAuMSwwLjIsMC4xYzAuNC0wLjIsMC42LTAuNCwxLjEtMC42YzAuNC0wLjIsMC43LTAuMiwxLTAuMmMwLjMsMC4xLDAuNywwLjUsMC43LDAuOGMwLjIsMC41LDAuMSwwLjktMC4xLDEuNGMxLjcsMC44LDMuMywxLjYsNSwyLjRjMC40LDAuMiwwLjgsMC4zLDEuMiwwLjZjMC4xLDAuMy0wLjEsMC41LTAuMywwLjdjLTAuNiwwLjMtMS4yLDAuNy0xLjksMC44Yy0wLjctMC4yLTEuNC0wLjMtMi4xLTAuNWMtMS4xLTAuMi0yLjEtMC41LTMuMi0wLjdjLTAuOS0wLjEtMS44LTAuMy0yLjYtMC41Yy0wLjctMC4xLTEuMi0wLjItMS45LTAuMmMtMC44LTAuMS0xLjctMC4xLTIuNS0wLjFjLTEsMC0yLTAuMS0zLjEtMC4yYy0xLjYsMC43LTMuMSwxLjUtNC45LDIuMWMtMS4xLDAuNC0yLjMsMC44LTMuNCwxLjFjMC40LDAuNSwxLDAuNywxLjIsMS4zYzAsMC4xLTAuMSwwLjItMC4xLDAuMmMtMC4yLDAuMS0wLjQsMC4yLTAuNywwLjJjLTEuMS0wLjMtMi4zLTAuNi0zLjQtMC45bC0wLjMtMC4xYy0wLjYsMC4xLTEuNCwwLjYtMS45LDBjLTAuMS0wLjItMC4xLTAuMy0wLjEtMC41YzAtMC4xLTAuMS0wLjItMC4zLTAuMmMtMC4yLTAuMS0wLjQtMC4yLTAuNS0wLjJjLTAuMy0wLjEtMC43LTAuMi0xLTAuM2MtMC44LTAuMi0xLjUtMC40LTIuMi0wLjdjLTAuMi0wLjEtMC4yLTAuMy0wLjEtMC41YzAuNC0wLjMsMS4xLTAuNSwxLjYtMC4zYzAuNSwwLjEsMS4xLDAuMSwxLjYsMC4ybDAsMGMtMC43LTAuNy0xLjMtMS4zLTEuOS0yYy0wLjEtMC4yLTAuMy0wLjMtMC4zLTAuNWMwLTAuMiwwLjEtMC4zLDAuMy0wLjRjMC4xLTAuMSwwLjItMC4xLDAuNC0wLjJjMC41LTAuMiwwLjctMC40LDEuMS0wLjNjMS4xLDAuNSwyLjEsMC45LDMuNCwxLjVjMC4zLDAuMSwwLjUsMC4zLDAuOCwwLjJjMC40LTAuMSwwLjUtMC4yLDAuOC0wLjRjMC4xLTAuMSwwLjUtMC4zLDAuNi0wLjRjMC40LTAuMywwLjgtMC41LDEtMC43YzAuOC0wLjUsMS4yLTAuOCwxLjgtMS4zYy0xLTAuNC0xLjktMS0yLjktMS40Yy0xLTAuMy0xLjMtMC40LTIuMy0wLjZjLTAuNi0wLjEtMS40LTAuMy0xLjQtMC40Yy0xLjMtMC4zLTEuNi0wLjQtMi44LTAuN2MtMC42LTAuMi0xLjItMC4zLTEuOC0wLjZjLTAuMS0wLjEtMC4xLTAuMiwwLTAuM2MwLjItMC4zLDAuNi0wLjUsMC44LTAuOGMwLjQtMC4yLDAuNy0wLjYsMS4yLTAuNmMwLjktMC4xLDEuNiwwLjEsMi42LDAuMmMxLjIsMC4xLDIuMywwLjMsMy41LDAuNWMxLjUsMC4yLDMuMSwwLjMsNC43LDAuNmMwLjEsMCwwLjIsMC4xLDAuNCwwLjFjMC4xLDAuMSwwLjMsMCwwLjQsMC4xYzAuMSwwLDAuMywwLDAuNCwwLjFjMC43LTAuNiwxLjUtMS4zLDIuNC0xLjRjMC41LTAuMSwxLDAuMywxLjMsMC43YzEuNy0xLjIsMy40LTIuNCw1LjItMy4zYzEuNy0wLjksMy4zLTEuNiw0LjYtMmMxLTAuMywxLjktMC41LDIuOS0wLjVDLTI0MC4zLDQxMi4yLTI0MC4yLDQxMi4yLTI0MCw0MTIuMiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTIzOSw0MTMuM2MtMC44LDAuMi0xLjMsMC4zLTIuMiwwLjdjLTAuOCwwLjMtMiwwLjgtMywxLjNjLTEuNSwwLjctMi43LDEuNC00LjMsMi40Yy0wLjYsMC40LTEuOCwxLjQtMS44LDEuNGMtMC45LTAuMS0xLjgtMC4xLTIuNi0wLjJsMC4yLTAuMWMxLjEtMC45LDIuMi0xLjYsMy40LTIuM2MxLjEtMC43LDIuOC0xLjYsNC4yLTIuMmMxLjItMC41LDIuNS0wLjksMy45LTEuMUMtMjQwLjUsNDEzLjEtMjM5LjgsNDEzLTIzOSw0MTMuMyIvPjwvZz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI1Ni4yLDQxOS4xYzAuMi0wLjIsMC40LTAuMywwLjYtMC41YzAuMi0wLjEsMC40LTAuMiwwLjYtMC4zYy0wLjEsMC40LTAuMSwwLjUsMC4xLDFjMC4xLDAuMiwwLjIsMC40LDAuMywwLjVjLTAuNSwwLjMtMSwwLjctMS41LDFjLTAuMi0wLjEtMC4yLTAuMy0wLjMtMC41Yy0wLjEtMC40LTAuMS0wLjcsMC4xLTFMLTI1Ni4yLDQxOS4xeiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI1Ny4yLDQyMy42Yy0wLjcsMC40LTEuNCwwLjgtMiwxLjFjLTEuMywwLjctMi44LDEuNS00LjcsMi40Yy0wLjUsMC4yLTEsMC40LTEuNiwwLjNjLTAuNC0wLjEtMC41LDAtMC44LTAuMWMtMC43LTAuNy0xLjUtMS40LTIuMi0yLjFjLTAuMS0wLjEtMC4zLTAuMi0wLjMtMC40bDAuNS0wLjNoMC4yYzEsMC41LDEuNywwLjgsMi43LDEuM2MwLjQsMC4yLDAuOCwwLjQsMS4yLDAuNWMwLjUsMCwwLjctMC4yLDEuMi0wLjNsMC4zLTAuMmMwLjYtMC40LDAuOC0wLjUsMS4xLTAuN2MxLjEtMC43LDEuOS0xLjIsMy0xLjlsMC4yLTAuMUMtMjU3LjksNDIzLjMtMjU3LjcsNDIzLjQtMjU3LjIsNDIzLjYiLz48L2c+PC9nPjwvc3ZnPg==\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'small')\" />\n </a>\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-old__link-logout{color:#b12a0b;cursor:pointer;text-decoration:none;border-bottom:2px solid #d8d8d8}a:hover,a:focus,.link:hover,.nas-page-header-old__link-logout:hover,.link:focus,.nas-page-header-old__link-logout:focus{color:#003251;border-color:#003251}a--disabled,.link--disabled{color:#003251;border-bottom:2px solid #e3e3e3;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#003251;border-color:#e3e3e3}.link--light{color:#fff;border-bottom:2px solid #fff}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#003251;border-bottom:2px solid #003251}.link--secondary:hover,.link--secondary:focus{color:#e5212d;border-color:#e5212d}.nas-page-header-old{position:relative;z-index:40;height:70px;display:flex;background-color:#fff}.nas-page-header-old__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-old__menu .nas-container{padding:0}.nas-page-header-old__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header-old__menu--item-logout{display:none}}.nas-page-header-old__menu a{color:#fff;border-bottom:3px solid transparent;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:28px;margin-bottom:24px}@media screen and (min-width: 640px){.nas-page-header-old__menu a{font-size:32px}}.nas-page-header-old__menu a:hover,.nas-page-header-old__menu a:focus{color:#fff;border-color:#fff}.nas-page-header-old__menu .nas-icon-list__item:first-child{border-top:none}.nas-page-header-old__menu .nas-icon-list__item{border-top:2px solid #d81939;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header-old__menu .nas-icon-list__item a{font-size:22px;line-height:28px;border-bottom-width:2px}.nas-page-header-old__menu .nas-icon-list__item p{margin-bottom:0}.nas-page-header-old__menu--animate-out{animation:menu-out .2s ease-in both}.nas-page-header-old__content{position:relative;display:flex;align-items:stretch;height:70px;background-color:#fff;justify-content:flex-start;margin-right:auto}.nas-page-header-old__right-content{position:relative;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}.nas-page-header-old__toggle{display:inline-flex;align-items:center;height:100%;margin-right:auto}.nas-page-header-old__toggle-icon{display:inline-flex;height:70px;align-items:center;justify-content:center;margin-right:9px;margin-left:12px;padding-top:3px}@media (min-width: 640px){.nas-page-header-old__toggle-icon{margin-left:0;width:70px;background-color:#e5212d}}.nas-page-header-old__branding{position:relative;display:flex;align-items:center;border:0;padding:0 16px;height:70px;background-color:#e5212d;margin-left:6px}.nas-page-header-old__branding:before{content:\"\";display:block;position:absolute;top:0;bottom:0;left:-6px;width:4px;background-color:#003251}@media (min-width: sm){.nas-page-header-old__branding{margin-left:0}}@media (min-width: 1000px){.nas-page-header-old__branding{width:240px;padding:16px 30px 0 49px}.nas-page-header-old__branding:before{left:-9px;width:6px}}.nas-page-header-old__authentication{display:flex;margin-right:24px}.nas-page-header-old__authentication .nas-page-header-old__link{margin-right:9px}.nas-page-header-old__authentication .nas-page-header-old__button{margin-right:36px}.nas-page-header-old__branding-img--small{display:block}@media (min-width: 1000px){.nas-page-header-old__branding-img--small{display:none}}.nas-page-header-old__branding-img--large{display:none;width:197px}@media (min-width: 1000px){.nas-page-header-old__branding-img--large{display:block}}.nas-page-header-old__link{display:inline-block;align-items:center;align-self:center;color:#002a3a;border:0;margin-right:12px}@media (min-width: sm){.nas-page-header-old__link{margin-right:24px}}@media (min-width: 1000px){.nas-page-header-old__link{margin-right:36px}}.nas-page-header-old__link:hover .nas-page-header-old__link-text,.nas-page-header-old__link:focus .nas-page-header-old__link-text{border-color:#003251}.nas-page-header-old__link-static{color:#002a3a;display:inline-block;margin-right:12px}.nas-page-header-old__link-icon{display:none;margin-top:-2px;margin-right:6px}@media (min-width: 1000px){.nas-page-header-old__link-icon{display:inline-block}}.nas-page-header-old__link-text{border-bottom:2px solid transparent}.nas-page-header-old__link-logout{display:none}@media (min-width: 1000px){.nas-page-header-old__link-logout{display:block}}.nas-page-header-old .nas-old-search{display:none}@media (min-width: 1000px){.nas-page-header-old .nas-old-search{display:flex}}.nas-page-header-old .nas-button--link{color:#002a3a;border-color:transparent;font-weight:400}.nas-page-header-old__reward{margin:0 0 12px}.nas-page-header-old__button{margin-right:36px}.nas-page-header-old__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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "component", type: OldHamburgerComponent, selector: "nas-old-hamburger", inputs: ["expanded"] }, { kind: "component", type: OldSearchComponent, selector: "nas-old-search", inputs: ["searchText", "searchForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PageHeaderOldComponent, selector: "nas-page-header-old", inputs: { menuText: "menuText", closeText: "closeText", searchText: "searchText", searchForm: "searchForm", displayProfile: "displayProfile", reward: "reward", isAuthenticated: "isAuthenticated", frontPageUrl: "frontPageUrl", useRouterLink: "useRouterLink", nozindex: "nozindex", logOutLink: "logOutLink", profileLink: "profileLink", links: "links" }, 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 <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span [nasClass]=\"getClass('toggle-icon')\">\n <nas-old-hamburger [expanded]=\"expanded\"></nas-old-hamburger>\n </span>\n <span *ngIf=\"!expanded\">{{menuText}}</span>\n <span *ngIf=\"expanded\">{{closeText}}</span>\n </button>\n </div>\n <div [nasClass]=\"getClass('right-content')\">\n <nas-old-search [searchText]=\"searchText\" [searchForm]=\"searchForm\" *ngIf=\"searchForm\"></nas-old-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\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 [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\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\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated\"\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\"\n [title]=\"logOutLink.description\">\n <ng-container *ngTemplateOutlet=\"logoutLinkTemplate\"></ng-container>\n </a>\n </ng-template>\n </span>\n\n <a href=\"{{frontPageUrl}}\" [nasClass]=\"getClass('branding')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOTdweCIgaGVpZ2h0PSI0NS41cHgiIHZpZXdCb3g9IjAgMCAxOTcgNDUuNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTk3IDQ1LjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMwMDNENTAiIGQ9Ik0xNzUuNCwzMi4zYy0xNy41LDktMzQuNywxNC41LTQzLDEyLjhjLTcuMy0xLjUtMy43LTExLjUsNi43LTE5LjdsMi4yLDBjLTguMiw2LjktOC44LDE1LjUtMy42LDE2LjJjNS45LDAuNywyMS4xLTIuNSwzNi42LTkuN0wxNzUuNCwzMi4zeiIvPjwvZz48L2c+PGc+PGc+PHBhdGggZmlsbD0iIzAwM0Q1MCIgZD0iTTE5My42LDE5LjljMC41LDAsMSwwLjEsMS40LDAuMmMwLjMsMC4xLDAuNCwwLjEsMC43LDAuM2MwLjEsMCwwLjIsMC4xLDAuMywwLjJjMC4yLDAuMSwwLjEsMC4yLDAuMiwwLjNjMC4xLDAuNC0wLjEsMC43LTAuMywxYy0wLjYsMS0xLjYsMS43LTIuNSwyLjRjLTEsMC44LTIsMS40LTMsMi4xYy0wLjIsMC4xLTAuNCwwLjMtMC42LDAuNGMwLjIsMC4xLDAuMywwLjEsMC41LDAuMmwwLDBjMCwwLDAuMSwwLjEsMC4yLDAuMWMwLjMtMC4xLDAuNS0wLjMsMC44LTAuNGMwLjMtMC4yLDAuNS0wLjIsMC44LTAuMWMwLjIsMC4xLDAuNSwwLjQsMC42LDAuNmMwLjEsMC40LDAuMSwwLjctMC4xLDEuMWMxLjMsMC42LDIuNSwxLjIsMy43LDEuOGMwLjMsMC4yLDAuNiwwLjMsMC45LDAuNWMwLjEsMC4yLTAuMSwwLjQtMC4zLDAuNWMtMC41LDAuMi0wLjksMC42LTEuNCwwLjZjLTAuNS0wLjEtMS0wLjItMS42LTAuNGMtMC44LTAuMi0xLjYtMC40LTIuNC0wLjVjLTAuNi0wLjEtMS4zLTAuMi0xLjktMC40Yy0wLjUtMC4xLTAuOS0wLjItMS40LTAuMmMtMC42LTAuMS0xLjItMC4xLTEuOS0wLjFjLTAuOCwwLTEuNSwwLTIuMy0wLjFjLTEuMiwwLjUtMi4zLDEuMS0zLjcsMS42Yy0wLjksMC4zLTEuNywwLjYtMi42LDAuOWMwLjMsMC40LDAuNywwLjUsMC45LDFjMCwwLjEtMC4xLDAuMS0wLjEsMC4xYy0wLjIsMC4xLTAuMywwLjEtMC41LDAuMmMtMC45LTAuMi0xLjctMC40LTIuNi0wLjdsLTAuMiwwYy0wLjQsMC4xLTEsMC41LTEuNCwwYzAtMC4xLTAuMS0wLjItMC4xLTAuNGMwLTAuMS0wLjEtMC4xLTAuMi0wLjJjLTAuMi0wLjEtMC4zLTAuMS0wLjQtMC4yYy0wLjMtMC4xLTAuNS0wLjItMC44LTAuM2MtMC42LTAuMi0xLjEtMC4zLTEuNi0wLjZjLTAuMS0wLjEtMC4yLTAuMiwwLTAuNGMwLjMtMC4yLDAuOC0wLjQsMS4yLTAuMmMwLjQsMCwwLjksMC4xLDEuMiwwLjFsMCwwYy0wLjUtMC41LTAuOS0xLTEuNC0xLjVjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40YzAtMC4xLDAuMS0wLjIsMC4yLTAuM2MwLjEtMC4xLDAuMi0wLjEsMC4zLTAuMWMwLjQtMC4yLDAuNS0wLjMsMC44LTAuMmMwLjksMC40LDEuNiwwLjcsMi42LDEuMWMwLjIsMC4xLDAuNCwwLjIsMC42LDAuMmMwLjMtMC4xLDAuNC0wLjIsMC42LTAuM2MwLjEsMCwwLjQtMC4yLDAuNS0wLjNjMC4zLTAuMiwwLjYtMC40LDAuOC0wLjVjMC42LTAuNCwwLjktMC42LDEuNC0wLjljLTAuNy0wLjMtMS41LTAuNy0yLjItMWMtMC44LTAuMi0xLTAuMy0xLjctMC41Yy0wLjUtMC4xLTEuMS0wLjMtMS4xLTAuM2MtMS0wLjItMS4yLTAuMy0yLjEtMC41Yy0wLjQtMC4yLTAuOS0wLjItMS40LTAuNGMwLTAuMSwwLTAuMSwwLTAuMmMwLjEtMC4yLDAuNC0wLjQsMC42LTAuNmMwLjMtMC4yLDAuNS0wLjQsMC45LTAuNWMwLjcsMCwxLjIsMC4xLDIsMC4yYzAuOSwwLjEsMS44LDAuMiwyLjYsMC4zYzEuMSwwLjEsMi40LDAuMiwzLjUsMC40YzAuMSwwLDAuMiwwLjEsMC4zLDBjMC4xLDAuMSwwLjIsMCwwLjMsMC4xYzAuMSwwLDAuMiwwLDAuMywwYzAuNS0wLjQsMS4xLTAuOSwxLjgtMS4xYzAuNCwwLDAuOCwwLjIsMSwwLjVjMS4zLTAuOSwyLjUtMS44LDMuOS0yLjVjMS4zLTAuNywyLjUtMS4yLDMuNS0xLjVjMC43LTAuMiwxLjUtMC4zLDIuMi0wLjRDMTkzLjMsMTkuOSwxOTMuNCwxOS45LDE5My42LDE5LjkiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOTQuMywyMC43Yy0wLjYsMC4xLTEsMC4yLTEuNywwLjVjLTAuNiwwLjItMS41LDAuNi0yLjMsMWMtMS4xLDAuNS0yLDEuMS0zLjIsMS44Yy0wLjQsMC4zLTEuMywxLTEuNCwxLjFjLTAuNy0wLjEtMS4zLTAuMS0yLTAuMmwwLjEtMC4xYzAuOS0wLjcsMS42LTEuMiwyLjYtMS43YzAuOC0wLjUsMi4xLTEuMiwzLjEtMS42YzAuOS0wLjQsMS45LTAuNywyLjktMC44QzE5My4yLDIwLjUsMTkzLjgsMjAuNSwxOTQuMywyMC43Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTgxLjQsMjUuMWMwLjItMC4xLDAuMy0wLjIsMC41LTAuM2MwLjItMC4xLDAuMy0wLjIsMC40LTAuMmMtMC4xLDAuMy0wLjEsMC40LDAsMC43YzAsMC4yLDAuMiwwLjMsMC4yLDAuNGMtMC40LDAuMy0wLjgsMC41LTEuMiwwLjhjLTAuMS0wLjEtMC4yLTAuMi0wLjItMC40Yy0wLjEtMC4zLDAtMC41LDAuMS0wLjhMMTgxLjQsMjUuMXoiLz48L2c+PC9nPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xODAuNywyOC40Yy0wLjUsMC4zLTEsMC42LTEuNSwwLjhjLTEsMC41LTIuMSwxLjEtMy42LDEuOGMtMC40LDAuMi0wLjgsMC4zLTEuMiwwLjJjLTAuMywwLTAuMywwLTAuNi0wLjFjLTAuNS0wLjUtMS4xLTEuMS0xLjYtMS42Yy0wLjEtMC4xLTAuMi0wLjItMC4yLTAuM2wwLjMtMC4yaDAuMWMwLjgsMC4zLDEuMywwLjYsMi4xLDFjMC4zLDAuMSwwLjYsMC4zLDAuOSwwLjRjMC4zLDAsMC42LTAuMSwwLjktMC4ybDAuMi0wLjFjMC40LTAuMywwLjYtMC40LDAuOC0wLjVjMC44LTAuNSwxLjUtMC45LDIuMy0xLjRsMC4yLTAuMUMxODAuMSwyOC4yLDE4MC4zLDI4LjMsMTgwLjcsMjguNCIvPjwvZz48L2c+PGc+PGc+PGc+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsNS40aDUuNXYxLjRjMi43LTIuNCw2LjItMi40LDguNC0xYzIuNCwxLjUsMi40LDMuOCwyLjQsNi40djcuN2gtNS41di02LjFjMC0xLjQsMC4xLTMuMi0xLjMtNC4xQzguOSw5LjIsNy42LDkuMiw2LjgsOS44Yy0xLjQsMS0xLjIsMi4yLTEuMiw0LjN2NS44SDBWNS40eiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMi44LDYuMWMtMi4zLDEuMy0zLjUsMy4yLTMuOCw1LjZjLTAuMiwxLjksMC4yLDQuMiwxLjgsNS45YzIuOSwzLDgsMy4xLDEwLjksMi4xYzIuNC0wLjgsNC40LTIuMiw1LjItNS4zYzAuNS0yLDAuMy00LjEtMS02LjFjLTIuNC0zLjUtNy4zLTMuOC05LjMtMy41QzI1LjQsNS4xLDI0LDUuNCwyMi44LDYuMSBNMjcuMiw4LjhjMC45LTAuMiwyLjMsMCwzLjEsMWMwLjgsMC45LDEuMSwyLjMsMSwzLjNjLTAuMSwxLTAuNywyLjEtMS44LDIuN2MtMSwwLjUtMi40LDAuNS0zLjQtMC4yYy0wLjktMC42LTEuNC0xLjctMS41LTIuOGMwLTEsMC4yLTIuMiwxLjItMy4yQzI2LjQsOS4xLDI2LjgsOSwyNy4yLDguOCIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02NS42LDEyLjFjMCwwLjMtMC4xLDAuNS0wLjUsMS40bC0yLjEsNi40aC01LjdMNTEuOSw1LjRINThsMS45LDYuMWMwLjMsMS4xLDAuNCwxLjMsMC40LDEuN2MwLTAuMywwLjEtMC42LDAuNC0xLjdsMS45LTYuMWg2bDEuOSw2LjFjMC4zLDEuMSwwLjQsMS4zLDAuNCwxLjdjMC0wLjMsMC4xLTAuNiwwLjQtMS43bDEuOS02LjFoNi4xbC01LjUsMTQuNWgtNS43bC0yLTYuM0M2NS43LDEyLjYsNjUuNywxMi40LDY1LjYsMTIuMSIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05Ni40LDcuNmMtMi42LTMtOC0zLjEtMTAuNS0yLjRjLTIuNCwwLjctNC40LDIuMS01LjMsNS4yYy0wLjYsMi4zLTAuNCw0LjUsMSw2LjVjMi42LDMuNyw3LjYsMy41LDEwLDMuMmMxLjgtMC4zLDUuMS0xLjMsNi4zLTQuNWwwLjEtMC4xbC01LjUtMC42Yy0wLjIsMC4yLTAuMywwLjQtMC45LDAuOWMtMC45LDAuNy0yLjksMC42LTMuNywwLjNjLTAuOS0wLjQtMS43LTEuNS0xLjgtMi4yaDEyLjN2LTAuM0M5OC40LDExLjcsOTcuOCw5LjMsOTYuNCw3LjYgTTkyLjYsMTAuOEg4NmMwLjUtMS42LDEuNC0yLjEsMi41LTIuM0M4OS43LDguMyw5MS43LDguNiw5Mi42LDEwLjgiLz48L2c+PC9nPjwvZz48Zz48Zz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTAxLjUsMjAuN2MwLjEsMS4xLDAuNCwxLjgsMC41LDIuMWMxLjQsMi41LDMuOSwzLDcsM2MzLjEsMCw1LjUtMC4yLDcuMy0yLjNjMS42LTEuOSwxLjQtNC4yLDEuNC02LjRWNS42aC01LjV2MS4zYy0xLjItMS4yLTIuNS0xLjYtMy41LTEuN2MtMi0wLjMtNC44LDAuNC02LjUsMi42Yy0xLjQsMS44LTEuNiw0LjQtMS40LDYuMmMwLjMsMi4yLDEuNSwzLjgsMy41LDQuOWMyLjIsMS4yLDUuOCwwLjksNy44LTAuOGMwLDAuNiwwLDEuOS0wLjIsMi41Yy0wLjQsMC45LTEuMiwxLjItMS44LDEuM2MtMC42LDAuMS0yLjIsMC40LTIuOC0wLjdjLTAuMS0wLjItMC4yLTAuMy0wLjItMC41SDEwMS41eiBNMTA4LjUsOS44YzAuNy0wLjIsMi4zLTAuMSwzLjEsMC44YzAuNSwwLjUsMC44LDEuMiwwLjcsMS45Yy0wLjEsMC42LTAuNCwxLjQtMSwxLjhjLTAuOSwwLjYtMi41LDAuNi0zLjQsMC4xYy0wLjctMC40LTEuMi0wLjktMS4zLTEuN2MtMC4xLTAuNSwwLTEuNCwwLjUtMkMxMDcuNSwxMC4yLDEwNy45LDEwLDEwOC41LDkuOCIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMjAuOCw1LjRoNS41djE0LjVoLTUuNVY1LjR6IE0xMjAuOCwwaDUuNXYzLjdoLTUuNVYweiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMzUuMiw5LjVjMC4xLTAuNCwwLjMtMC42LDAuNi0wLjljMC43LTAuNiwzLjQtMC40LDQuMS0wLjFjMC44LDAuNCwxLDEsMS4xLDJjMCwwLTEuNy0wLjEtMi45LTAuMWMtMS40LDAuMS0yLDAuMS0zLjIsMC4zYy0yLjQsMC4zLTQuOCwwLjctNS40LDMuNmMtMC40LDIsMC4yLDMuOCwyLjEsNWwwLjIsMC4xYzIuOCwxLjIsNi4zLDAuOCw5LjQtMWMwLDAsMCwwLjksMC4yLDEuM2w2LjQsMGMtMC43LTAuNi0xLTEuNi0xLTN2LTYuMmMwLTEuMiwwLjEtMi44LTAuNy0zLjdjLTEuMy0xLjctMy43LTIuMS03LjktMi4xYy0zLjQsMC01LjcsMC4yLTcsMS45Yy0wLjYsMC45LTAuOCwxLjYtMC44LDIuN0gxMzUuMnogTTE0MC44LDEzLjVjLTAuNSwxLjktMS42LDIuNS0zLDIuN2MtMC44LDAuMS0yLjEsMC4yLTIuNy0wLjljLTAuMS0wLjItMC4yLTAuOC0wLjEtMWMwLjQtMC44LDEuMS0wLjcsMi45LTAuOEwxNDAuOCwxMy41eiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNTAuNSw1LjRoNS41djEuNGMyLjctMi40LDYuMi0yLjQsOC40LTFjMi40LDEuNSwyLjQsMy44LDIuNCw2LjR2Ny43aC01LjV2LTYuMWMwLTEuNCwwLjEtMy4yLTEuMy00LjFjLTAuNy0wLjQtMi4xLTAuNC0yLjgsMC4yYy0xLjQsMS0xLjIsMi4yLTEuMiw0LjN2NS44aC01LjVWNS40eiIvPjwvZz48L2c+PC9nPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00OS4yLDUuMnY1LjZjLTEuNywwLTIuOCwwLjItMy45LDF2OC4xaC01LjVWNS40aDUuNXYxLjdjMC4zLTAuNSwxLTEuMSwxLjktMS41QzQ3LjUsNS40LDQ4LjUsNS4yLDQ5LjIsNS4yIi8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==\"\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='%23003D50' 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='%23003D50' 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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzNi43cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iLTI3MS42IDQwNC45IDM2LjcgMzMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI3MS42IDQwNC45IDM2LjcgMzMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjcwLjksNDA2LjJoMTEuOXYzYzUuOC01LjIsMTMuNC01LjIsMTguMi0yLjJjNS4yLDMuMiw1LjIsOC4yLDUuMiwxNHYxNi43aC0xMS44di0xMy4zYzAtMywwLjItNi45LTIuOC05Yy0xLjMtMS4xLTQuMS0xLjEtNS44LDAuMmMtMywyLjItMi42LDQuOC0yLjYsOS4zdjEyLjVoLTEyLjJ2LTMxLjJILTI3MC45eiIvPjwvZz48L2c+PC9nPjwvZz48Zz48Zz48cGF0aCBmaWxsPSIjMDAzRDUwIiBkPSJNLTI0MCw0MTIuMmMwLjYsMCwxLjMsMC4yLDEuOSwwLjNjMC40LDAuMSwwLjYsMC4yLDAuOSwwLjNjMC4xLDAuMSwwLjMsMC4xLDAuNCwwLjJjMC4yLDAuMiwwLjIsMC4zLDAuMiwwLjRjMC4xLDAuNS0wLjIsMC45LTAuNCwxLjNjLTAuOCwxLjMtMi4xLDIuMy0zLjQsMy4zYy0xLjMsMS0yLjcsMS45LTQsMi44Yy0wLjMsMC4xLTAuNSwwLjMtMC44LDAuNWMwLjIsMC4xLDAuNCwwLjIsMC42LDAuM2wwLDBjMC4xLDAsMC4xLDAuMSwwLjIsMC4xYzAuNC0wLjIsMC42LTAuNCwxLjEtMC42YzAuNC0wLjIsMC43LTAuMiwxLTAuMmMwLjMsMC4xLDAuNywwLjUsMC43LDAuOGMwLjIsMC41LDAuMSwwLjktMC4xLDEuNGMxLjcsMC44LDMuMywxLjYsNSwyLjRjMC40LDAuMiwwLjgsMC4zLDEuMiwwLjZjMC4xLDAuMy0wLjEsMC41LTAuMywwLjdjLTAuNiwwLjMtMS4yLDAuNy0xLjksMC44Yy0wLjctMC4yLTEuNC0wLjMtMi4xLTAuNWMtMS4xLTAuMi0yLjEtMC41LTMuMi0wLjdjLTAuOS0wLjEtMS44LTAuMy0yLjYtMC41Yy0wLjctMC4xLTEuMi0wLjItMS45LTAuMmMtMC44LTAuMS0xLjctMC4xLTIuNS0wLjFjLTEsMC0yLTAuMS0zLjEtMC4yYy0xLjYsMC43LTMuMSwxLjUtNC45LDIuMWMtMS4xLDAuNC0yLjMsMC44LTMuNCwxLjFjMC40LDAuNSwxLDAuNywxLjIsMS4zYzAsMC4xLTAuMSwwLjItMC4xLDAuMmMtMC4yLDAuMS0wLjQsMC4yLTAuNywwLjJjLTEuMS0wLjMtMi4zLTAuNi0zLjQtMC45bC0wLjMtMC4xYy0wLjYsMC4xLTEuNCwwLjYtMS45LDBjLTAuMS0wLjItMC4xLTAuMy0wLjEtMC41YzAtMC4xLTAuMS0wLjItMC4zLTAuMmMtMC4yLTAuMS0wLjQtMC4yLTAuNS0wLjJjLTAuMy0wLjEtMC43LTAuMi0xLTAuM2MtMC44LTAuMi0xLjUtMC40LTIuMi0wLjdjLTAuMi0wLjEtMC4yLTAuMy0wLjEtMC41YzAuNC0wLjMsMS4xLTAuNSwxLjYtMC4zYzAuNSwwLjEsMS4xLDAuMSwxLjYsMC4ybDAsMGMtMC43LTAuNy0xLjMtMS4zLTEuOS0yYy0wLjEtMC4yLTAuMy0wLjMtMC4zLTAuNWMwLTAuMiwwLjEtMC4zLDAuMy0wLjRjMC4xLTAuMSwwLjItMC4xLDAuNC0wLjJjMC41LTAuMiwwLjctMC40LDEuMS0wLjNjMS4xLDAuNSwyLjEsMC45LDMuNCwxLjVjMC4zLDAuMSwwLjUsMC4zLDAuOCwwLjJjMC40LTAuMSwwLjUtMC4yLDAuOC0wLjRjMC4xLTAuMSwwLjUtMC4zLDAuNi0wLjRjMC40LTAuMywwLjgtMC41LDEtMC43YzAuOC0wLjUsMS4yLTAuOCwxLjgtMS4zYy0xLTAuNC0xLjktMS0yLjktMS40Yy0xLTAuMy0xLjMtMC40LTIuMy0wLjZjLTAuNi0wLjEtMS40LTAuMy0xLjQtMC40Yy0xLjMtMC4zLTEuNi0wLjQtMi44LTAuN2MtMC42LTAuMi0xLjItMC4zLTEuOC0wLjZjLTAuMS0wLjEtMC4xLTAuMiwwLTAuM2MwLjItMC4zLDAuNi0wLjUsMC44LTAuOGMwLjQtMC4yLDAuNy0wLjYsMS4yLTAuNmMwLjktMC4xLDEuNiwwLjEsMi42LDAuMmMxLjIsMC4xLDIuMywwLjMsMy41LDAuNWMxLjUsMC4yLDMuMSwwLjMsNC43LDAuNmMwLjEsMCwwLjIsMC4xLDAuNCwwLjFjMC4xLDAuMSwwLjMsMCwwLjQsMC4xYzAuMSwwLDAuMywwLDAuNCwwLjFjMC43LTAuNiwxLjUtMS4zLDIuNC0xLjRjMC41LTAuMSwxLDAuMywxLjMsMC43YzEuNy0xLjIsMy40LTIuNCw1LjItMy4zYzEuNy0wLjksMy4zLTEuNiw0LjYtMmMxLTAuMywxLjktMC41LDIuOS0wLjVDLTI0MC4zLDQxMi4yLTI0MC4yLDQxMi4yLTI0MCw0MTIuMiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTIzOSw0MTMuM2MtMC44LDAuMi0xLjMsMC4zLTIuMiwwLjdjLTAuOCwwLjMtMiwwLjgtMywxLjNjLTEuNSwwLjctMi43LDEuNC00LjMsMi40Yy0wLjYsMC40LTEuOCwxLjQtMS44LDEuNGMtMC45LTAuMS0xLjgtMC4xLTIuNi0wLjJsMC4yLTAuMWMxLjEtMC45LDIuMi0xLjYsMy40LTIuM2MxLjEtMC43LDIuOC0xLjYsNC4yLTIuMmMxLjItMC41LDIuNS0wLjksMy45LTEuMUMtMjQwLjUsNDEzLjEtMjM5LjgsNDEzLTIzOSw0MTMuMyIvPjwvZz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI1Ni4yLDQxOS4xYzAuMi0wLjIsMC40LTAuMywwLjYtMC41YzAuMi0wLjEsMC40LTAuMiwwLjYtMC4zYy0wLjEsMC40LTAuMSwwLjUsMC4xLDFjMC4xLDAuMiwwLjIsMC40LDAuMywwLjVjLTAuNSwwLjMtMSwwLjctMS41LDFjLTAuMi0wLjEtMC4yLTAuMy0wLjMtMC41Yy0wLjEtMC40LTAuMS0wLjcsMC4xLTFMLTI1Ni4yLDQxOS4xeiIvPjwvZz48Zz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI1Ny4yLDQyMy42Yy0wLjcsMC40LTEuNCwwLjgtMiwxLjFjLTEuMywwLjctMi44LDEuNS00LjcsMi40Yy0wLjUsMC4yLTEsMC40LTEuNiwwLjNjLTAuNC0wLjEtMC41LDAtMC44LTAuMWMtMC43LTAuNy0xLjUtMS40LTIuMi0yLjFjLTAuMS0wLjEtMC4zLTAuMi0wLjMtMC40bDAuNS0wLjNoMC4yYzEsMC41LDEuNywwLjgsMi43LDEuM2MwLjQsMC4yLDAuOCwwLjQsMS4yLDAuNWMwLjUsMCwwLjctMC4yLDEuMi0wLjNsMC4zLTAuMmMwLjYtMC40LDAuOC0wLjUsMS4xLTAuN2MxLjEtMC43LDEuOS0xLjIsMy0xLjlsMC4yLTAuMUMtMjU3LjksNDIzLjMtMjU3LjcsNDIzLjQtMjU3LjIsNDIzLjYiLz48L2c+PC9nPjwvc3ZnPg==\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'small')\" />\n </a>\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-old__link-logout{color:#b12a0b;cursor:pointer;text-decoration:none;border-bottom:2px solid #d8d8d8}a:hover,a:focus,.link:hover,.nas-page-header-old__link-logout:hover,.link:focus,.nas-page-header-old__link-logout:focus{color:#003251;border-color:#003251}a--disabled,.link--disabled{color:#003251;border-bottom:2px solid #e3e3e3;cursor:default}a--disabled:hover,a--disabled:focus,.link--disabled:hover,.link--disabled:focus{color:#003251;border-color:#e3e3e3}.link--light{color:#fff;border-bottom:2px solid #fff}.link--light:hover,.link--light:focus{color:#fffc;border-color:#fffc}.link--secondary{color:#003251;border-bottom:2px solid #003251}.link--secondary:hover,.link--secondary:focus{color:#e5212d;border-color:#e5212d}.nas-page-header-old{position:relative;z-index:40;height:70px;display:flex;background-color:#fff}.nas-page-header-old__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-old__menu .nas-container{padding:0}.nas-page-header-old__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header-old__menu--item-logout{display:none}}.nas-page-header-old__menu a{color:#fff;border-bottom:3px solid transparent;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:28px;margin-bottom:24px}@media screen and (min-width: 640px){.nas-page-header-old__menu a{font-size:32px}}.nas-page-header-old__menu a:hover,.nas-page-header-old__menu a:focus{color:#fff;border-color:#fff}.nas-page-header-old__menu .nas-icon-list__item:first-child{border-top:none}.nas-page-header-old__menu .nas-icon-list__item{border-top:2px solid #d81939;padding-top:16px;padding-bottom:6px;margin-bottom:12px}.nas-page-header-old__menu .nas-icon-list__item a{font-size:22px;line-height:28px;border-bottom-width:2px}.nas-page-header-old__menu .nas-icon-list__item p{margin-bottom:0}.nas-page-header-old__menu--animate-out{animation:menu-out .2s ease-in both}.nas-page-header-old__content{position:relative;display:flex;align-items:stretch;height:70px;background-color:#fff;justify-content:flex-start;margin-right:auto}.nas-page-header-old__right-content{position:relative;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}.nas-page-header-old__toggle{display:inline-flex;align-items:center;height:100%;margin-right:auto}.nas-page-header-old__toggle-icon{display:inline-flex;height:70px;align-items:center;justify-content:center;margin-right:9px;margin-left:12px;padding-top:3px}@media (min-width: 640px){.nas-page-header-old__toggle-icon{margin-left:0;width:70px;background-color:#e5212d}}.nas-page-header-old__branding{position:relative;display:flex;align-items:center;border:0;padding:0 16px;height:70px;background-color:#e5212d;margin-left:6px}.nas-page-header-old__branding:before{content:\"\";display:block;position:absolute;top:0;bottom:0;left:-6px;width:4px;background-color:#003251}@media (min-width: sm){.nas-page-header-old__branding{margin-left:0}}@media (min-width: 1000px){.nas-page-header-old__branding{width:240px;padding:16px 30px 0 49px}.nas-page-header-old__branding:before{left:-9px;width:6px}}.nas-page-header-old__authentication{display:flex;margin-right:24px}.nas-page-header-old__authentication .nas-page-header-old__link{margin-right:9px}.nas-page-header-old__authentication .nas-page-header-old__button{margin-right:36px}.nas-page-header-old__branding-img--small{display:block}@media (min-width: 1000px){.nas-page-header-old__branding-img--small{display:none}}.nas-page-header-old__branding-img--large{display:none;width:197px}@media (min-width: 1000px){.nas-page-header-old__branding-img--large{display:block}}.nas-page-header-old__link{display:inline-block;align-items:center;align-self:center;color:#002a3a;border:0;margin-right:12px}@media (min-width: sm){.nas-page-header-old__link{margin-right:24px}}@media (min-width: 1000px){.nas-page-header-old__link{margin-right:36px}}.nas-page-header-old__link:hover .nas-page-header-old__link-text,.nas-page-header-old__link:focus .nas-page-header-old__link-text{border-color:#003251}.nas-page-header-old__link-static{color:#002a3a;display:inline-block;margin-right:12px}.nas-page-header-old__link-icon{display:none;margin-top:-2px;margin-right:6px}@media (min-width: 1000px){.nas-page-header-old__link-icon{display:inline-block}}.nas-page-header-old__link-text{border-bottom:2px solid transparent}.nas-page-header-old__link-logout{display:none}@media (min-width: 1000px){.nas-page-header-old__link-logout{display:block}}.nas-page-header-old .nas-old-search{display:none}@media (min-width: 1000px){.nas-page-header-old .nas-old-search{display:flex}}.nas-page-header-old .nas-button--link{color:#002a3a;border-color:transparent;font-weight:400}.nas-page-header-old__reward{margin:0 0 12px}.nas-page-header-old__button{margin-right:36px}.nas-page-header-old__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: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: OldHamburgerComponent, selector: "nas-old-hamburger", inputs: ["expanded"] }, { kind: "component", type: OldSearchComponent, selector: "nas-old-search", inputs: ["searchText", "searchForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
9132
9137
|
}
|
|
9133
9138
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderOldComponent, decorators: [{
|
|
9134
9139
|
type: Component,
|
|
@@ -11404,7 +11409,7 @@ class JourneySelectionComponent extends NasComponentBase {
|
|
|
11404
11409
|
}
|
|
11405
11410
|
}
|
|
11406
11411
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionComponent, deps: [{ token: DateHelper }, { token: i1.DatePipe }, { token: DeviceHelper }, { token: i4$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11407
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneySelectionComponent, selector: "nas-journey-selection", inputs: { model: "model", collapse: "collapse", compact: "compact", ariaLabel: "ariaLabel", timeZone: "timeZone" }, outputs: { collapseChange: "collapseChange", selectedDateChanged: "selectedDateChanged" }, viewQueries: [{ propertyName: "imageMain", first: true, predicate: ["imageMain"], descendants: true }, { propertyName: "destinationCode", first: true, predicate: ["destinationCode"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <div *ngIf=\"collapse; else expandedSelection\"\n [nasClass]=\"getClass('collapsed', [animateDown === false && 'animate-up', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n\n <div [nasClass]=\"getClass('destination')\">\n <div [nasClass]=\"getClass('destination-image')\" #imageMain>\n <label [nasClass]=\"getClass('destination-image-content')\">\n <ng-container *ngIf=\"!deviceService?.isMobileWidth();\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </ng-container>\n\n <div [nasClass]=\"getClass('destination-image-sm')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <span [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\" [lightCircularBackground]=\"true\"></nas-icon>\n </span>\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}} - </span>\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}} - \n </ng-container>\n </span>\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n </div>\n </label>\n </div>\n </div>\n\n <section [nasClass]=\"getClass('flights')\">\n <div [nasClass]=\"getClass('flights-information')\">\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}} - </span>\n\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}} - \n </ng-container>\n </span>\n\n\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n <div *ngIf=\"model?.collapsed?.operatingCarriers\" [nasClass]=\"getClass('operators')\">\n <label [nasClass]=\"getClass('operators', 'label')\">\n {{model?.collapsed?.operatingCarriers?.label}} \n </label>\n <span [nasClass]=\"getClass('operators', 'text')\">\n {{model?.collapsed?.operatingCarriers?.operators[0]}}\n </span>\n <output *ngIf=\"model?.collapsed?.operatingCarriers?.operators?.length > 1\"\n [nasClass]=\"getClass('operators', 'count')\">\n +{{model?.collapsed?.operatingCarriers?.operators?.length - 1}}\n </output>\n </div>\n </div>\n\n <div [nasClass]=\"getClass('change-flight')\">\n\n <label [nasClass]=\"getClass('change-flight-content')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </label>\n\n <ng-template #flightInfo>\n <summary [nasClass]=\"getClass('destination-image-caption')\">\n <header [nasClass]=\"getClass('sub-title')\">\n {{model?.collapsed?.title}}\n </header>\n </summary>\n\n <section [nasClass]=\"getClass('journey')\">\n <legend [nasClass]=\"getClass('journey-information')\">\n\n <label>\n {{model?.collapsed?.departureLabel}}: \n </label>\n <time>{{transformDisplayDate(model?.dateFormat)}}</time>\n </legend>\n <div>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.fromLabel}}: </label>\n <span>{{model?.collapsed?.originDisplayName}} ({{model?.collapsed?.origin}})</span>\n </legend>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.collapsed?.durationLabel}}: </label>\n <time>{{model?.collapsed?.durationTimeInfo}}, {{model?.collapsed?.transitionInfo}} </time>\n </legend>\n </div>\n </section>\n </ng-template>\n <nas-button compact secondary (click)=\"changeFlightDate()\">{{model?.collapsed?.changeFlightLabel}}</nas-button>\n </div>\n </section>\n </div>\n\n <ng-template #expandedSelection>\n <div [nasClass]=\"getClass('expanded', [animateDown && 'animate-down', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n <figure [nasClass]=\"getClass('destination-code')\" #destinationCode>\n <figcaption [nasClass]=\"getClass('destination-code-value', model?.expanded?.destination?.length > 3 && 'wrap-text')\" [innerHTML]=\"getDestinationCode()\">\n </figcaption>\n </figure>\n <div [nasClass]=\"getClass('selection')\">\n <label [nasClass]=\"getClass('heading')\">\n\n <ng-container *ngIf=\"deviceService.isMobileWidth(); else desktopIcon\">\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\n </ng-container>\n\n <header [nasClass]=\"getClass('heading-text')\">\n {{model?.expanded?.title}}\n </header>\n <span [nasClass]=\"getClass('heading-join')\"> - </span>\n <time [nasClass]=\"getClass('heading-time')\">\n {{transformDisplayDate(model?.expanded?.dateFormat)}}\n </time>\n\n <ng-template #desktopIcon>\n <span [nasClass]=\"getClass('heading-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\"></nas-icon>\n </span>\n </ng-template>\n\n </label>\n <summary [nasClass]=\"getClass('details')\">\n <div>\n <label [nasClass]=\"getClass('details-label')\">{{model?.fromLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.originDisplayName}} ({{model?.expanded?.origin}})</span>\n <span> | </span>\n <label [nasClass]=\"getClass('details-label')\">{{model?.expanded?.toLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.destinationDisplayName}} ({{model?.expanded?.destination}})</span>\n </div>\n </summary>\n </div>\n </div>\n </ng-template>\n</div>\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)}}.nas-journey-selection__collapsed{display:flex;flex-direction:column;max-width:820px;margin:16px auto;background-color:#fff;perspective:1000px;box-shadow:0 5px 20px #0000001a}.nas-journey-selection__collapsed--animate-up{animation:collapse-animation .4s ease-out both}@media (min-width: 640px){.nas-journey-selection__collapsed{flex-direction:row}}.nas-journey-selection__collapsed--compact{margin:0 auto}.nas-journey-selection__destination{flex:1 1 50%;display:flex}.nas-journey-selection__destination-enter,.nas-journey-selection__destination-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__destination-enter{animation:flip-in .55s ease both}.nas-journey-selection__destination-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__destination--imagesize{height:100%;display:block}@media (min-width: 640px){.nas-journey-selection__destination--imagesize{height:300px;margin-bottom:0}}.nas-journey-selection__destination-image{position:relative;flex-shrink:0;width:100%;background-size:cover;background-position:center;background-color:#003251}.nas-journey-selection__destination-image-content{padding:24px;margin-bottom:0;display:flex;flex-direction:column;justify-content:center;height:100%}.nas-journey-selection__destination-image-content:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) -12.4%,#003251 95.51%)}.nas-journey-selection__destination-image-caption{display:flex;margin-bottom:6px}@media (min-width: 640px){.nas-journey-selection__destination-image-caption{margin-bottom:0}}.nas-journey-selection__destination-image-sm{display:flex;z-index:1;flex-direction:column;width:100%;align-items:center;justify-content:center}.nas-journey-selection__destination-image-sm .nas-journey-selection__mobile-icon{height:40px;margin-top:15px}.nas-journey-selection__destination-image-sm .nas-journey-selection__airport{margin-top:12px;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#fff}.nas-journey-selection .nas-journey-selection__sub-title{z-index:1;text-align:left;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:24px;line-height:30px;align-self:center;margin-bottom:6px;width:100%}@media (min-width: 640px){.nas-journey-selection .nas-journey-selection__sub-title{color:#fff}}.nas-journey-selection__journey{z-index:1}.nas-journey-selection__journey-information{margin:0;display:flex}.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px}@media (min-width: 640px){.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{color:#fff}}.nas-journey-selection__journey-information label{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;line-height:20px;color:#fff;display:inline-block;margin-bottom:0}.nas-journey-selection__flights{padding:6px;flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-between;overflow-x:auto;background-color:#fff}.nas-journey-selection__flights-enter,.nas-journey-selection__flights-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__flights-enter{animation:flip-in .55s ease both}.nas-journey-selection__flights-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__flights .nas-journey-selection__airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;line-height:24px;margin-bottom:0}.nas-journey-selection__flights .nas-journey-selection__airport .nas-journey-selection__stopover{position:relative;display:inline-block;color:#6f6f6f}.nas-journey-selection__flights-information{justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #c3c3c3;display:flex;flex-direction:column;align-items:flex-start;display:none}.nas-journey-selection__flights-information .nas-journey-selection__operators--label,.nas-journey-selection__flights-information .nas-journey-selection__operators--text,.nas-journey-selection__flights-information .nas-journey-selection__operators--count{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#003251;display:inline}@media (min-width: 640px){.nas-journey-selection__flights-information{display:flex}}@media (min-width: 640px){.nas-journey-selection__flights{padding:24px}}.nas-journey-selection__change-flight{padding:12px}@media (min-width: 640px){.nas-journey-selection__change-flight{padding:0;margin-top:12px}}.nas-journey-selection__change-flight-content{margin-bottom:16px}@media (min-width: 640px){.nas-journey-selection__change-flight-content{margin-bottom:0}}.nas-journey-selection__change-flight-content label{color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-selection__expanded{max-width:820px;perspective:1000px;background-color:transparent;margin:16px auto;display:flex;align-items:center}.nas-journey-selection__expanded--animate-down{animation:expand-animation .4s ease-out both}.nas-journey-selection__expanded .nas-journey-selection__destination-code{width:60px;height:60px;border-radius:50%;position:relative;margin-right:24px;background-size:cover;vertical-align:top;display:flex;align-items:center;justify-content:center;background-color:#003251}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__destination-code{vertical-align:initial}}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:22px;line-height:28px;color:#fff;z-index:1}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value--wrap-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;line-height:16px}.nas-journey-selection__expanded .nas-journey-selection__destination-code:after{content:\"\";position:absolute;bottom:0;left:0;right:0;border-radius:50%;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) 50%,#003251 99%)}.nas-journey-selection__expanded .nas-journey-selection__selection{width:calc(100% - 85px);display:inline-block}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px;vertical-align:center;padding-bottom:6px;margin-bottom:0;width:100%}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-text{display:inline}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:none}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:inline-block}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:22px;line-height:28px;display:block;color:#6f6f6f}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{display:inline-block;color:#003251}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{float:initial;margin-right:11px;vertical-align:middle;position:relative}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{margin-right:initial;float:right}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{padding-top:6px;border-top:2px solid #e3e3e3;display:none}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-right:6px;color:#6f6f6f}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;color:#6f6f6f}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{display:block}}.nas-journey-selection__expanded--compact{margin:0 auto}::ng-deep .nas-journey-selection__destination-image-caption nas-icon{z-index:10;align-self:center;margin-right:20px;display:none}@media (min-width: 640px){::ng-deep .nas-journey-selection__destination-image-caption nas-icon{display:block}}::ng-deep .nas-journey-selection .nas-icon-small--light-background:after{top:-14.5px;left:-15px;width:55px;height:55px}::ng-deep .nas-journey-selection button.nas-button--compact{margin-bottom:0}@keyframes journey-selection-animation{0%{opacity:0}}@keyframes expand-animation{0%{transform:translateY(-20px)}to{transform:translate(0)}}@keyframes collapse-animation{0%{transform:translateY(20px)}to{transform:translate(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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "approve", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target"], outputs: ["clickChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
11412
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: JourneySelectionComponent, selector: "nas-journey-selection", inputs: { model: "model", collapse: "collapse", compact: "compact", ariaLabel: "ariaLabel", timeZone: "timeZone" }, outputs: { collapseChange: "collapseChange", selectedDateChanged: "selectedDateChanged" }, viewQueries: [{ propertyName: "imageMain", first: true, predicate: ["imageMain"], descendants: true }, { propertyName: "destinationCode", first: true, predicate: ["destinationCode"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <div *ngIf=\"collapse; else expandedSelection\"\n [nasClass]=\"getClass('collapsed', [animateDown === false && 'animate-up', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n\n <div [nasClass]=\"getClass('destination')\">\n <div [nasClass]=\"getClass('destination-image')\" #imageMain>\n <label [nasClass]=\"getClass('destination-image-content')\">\n <ng-container *ngIf=\"!deviceService?.isMobileWidth();\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </ng-container>\n\n <div [nasClass]=\"getClass('destination-image-sm')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <span [nasClass]=\"getClass('mobile-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\" [lightCircularBackground]=\"true\"></nas-icon>\n </span>\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}} - </span>\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}} - \n </ng-container>\n </span>\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n </div>\n </label>\n </div>\n </div>\n\n <section [nasClass]=\"getClass('flights')\">\n <div [nasClass]=\"getClass('flights-information')\">\n <div [nasClass]=\"getClass('airport')\">\n <span>{{model?.collapsed?.origin}} - </span>\n\n <span [nasClass]=\"getClass('stopover')\" *ngIf=\"model?.collapsed?.stopverAirportCodes\">\n <ng-container *ngFor=\"let stop of model?.collapsed?.stopverAirportCodes\">\n {{stop}} - \n </ng-container>\n </span>\n\n\n <span>{{model?.collapsed?.destination}}</span>\n </div>\n <div *ngIf=\"model?.collapsed?.operatingCarriers\" [nasClass]=\"getClass('operators')\">\n <label [nasClass]=\"getClass('operators', 'label')\">\n {{model?.collapsed?.operatingCarriers?.label}} \n </label>\n <span [nasClass]=\"getClass('operators', 'text')\">\n {{model?.collapsed?.operatingCarriers?.operators[0]}}\n </span>\n <output *ngIf=\"model?.collapsed?.operatingCarriers?.operators?.length > 1\"\n [nasClass]=\"getClass('operators', 'count')\">\n +{{model?.collapsed?.operatingCarriers?.operators?.length - 1}}\n </output>\n </div>\n </div>\n\n <div [nasClass]=\"getClass('change-flight')\">\n\n <label [nasClass]=\"getClass('change-flight-content')\" *ngIf=\"deviceService?.isMobileWidth()\">\n <ng-container *ngTemplateOutlet=\"flightInfo\"></ng-container>\n </label>\n\n <ng-template #flightInfo>\n <summary [nasClass]=\"getClass('destination-image-caption')\">\n <header [nasClass]=\"getClass('sub-title')\">\n {{model?.collapsed?.title}}\n </header>\n </summary>\n\n <section [nasClass]=\"getClass('journey')\">\n <legend [nasClass]=\"getClass('journey-information')\">\n\n <label>\n {{model?.collapsed?.departureLabel}}: \n </label>\n <time>{{transformDisplayDate(model?.dateFormat)}}</time>\n </legend>\n <div>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.fromLabel}}: </label>\n <span>{{model?.collapsed?.originDisplayName}} ({{model?.collapsed?.origin}})</span>\n </legend>\n <legend [nasClass]=\"getClass('journey-information')\">\n <label>{{model?.collapsed?.durationLabel}}: </label>\n <time>{{model?.collapsed?.durationTimeInfo}}, {{model?.collapsed?.transitionInfo}} </time>\n </legend>\n </div>\n </section>\n </ng-template>\n <nas-button compact secondary (click)=\"changeFlightDate()\">{{model?.collapsed?.changeFlightLabel}}</nas-button>\n </div>\n </section>\n </div>\n\n <ng-template #expandedSelection>\n <div [nasClass]=\"getClass('expanded', [animateDown && 'animate-down', exists(compact) && 'compact'])\" role=\"region\" [attr.aria-label]=\"ariaLabel\">\n <figure [nasClass]=\"getClass('destination-code')\" #destinationCode>\n <figcaption [nasClass]=\"getClass('destination-code-value', model?.expanded?.destination?.length > 3 && 'wrap-text')\" [innerHTML]=\"getDestinationCode()\">\n </figcaption>\n </figure>\n <div [nasClass]=\"getClass('selection')\">\n <label [nasClass]=\"getClass('heading')\">\n\n <ng-container *ngIf=\"deviceService.isMobileWidth(); else desktopIcon\">\n <ng-container *ngTemplateOutlet=\"desktopIcon\"></ng-container>\n </ng-container>\n\n <header [nasClass]=\"getClass('heading-text')\">\n {{model?.expanded?.title}}\n </header>\n <span [nasClass]=\"getClass('heading-join')\"> - </span>\n <time [nasClass]=\"getClass('heading-time')\">\n {{transformDisplayDate(model?.expanded?.dateFormat)}}\n </time>\n\n <ng-template #desktopIcon>\n <span [nasClass]=\"getClass('heading-icon')\">\n <nas-icon [icon]=\"model?.icon\" [type]=\"'small'\"></nas-icon>\n </span>\n </ng-template>\n\n </label>\n <summary [nasClass]=\"getClass('details')\">\n <div>\n <label [nasClass]=\"getClass('details-label')\">{{model?.fromLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.originDisplayName}} ({{model?.expanded?.origin}})</span>\n <span> | </span>\n <label [nasClass]=\"getClass('details-label')\">{{model?.expanded?.toLabel}}:</label>\n <span [nasClass]=\"getClass('details-value')\">{{model?.expanded?.destinationDisplayName}} ({{model?.expanded?.destination}})</span>\n </div>\n </summary>\n </div>\n </div>\n </ng-template>\n</div>\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)}}.nas-journey-selection__collapsed{display:flex;flex-direction:column;max-width:820px;margin:16px auto;background-color:#fff;perspective:1000px;box-shadow:0 5px 20px #0000001a}.nas-journey-selection__collapsed--animate-up{animation:collapse-animation .4s ease-out both}@media (min-width: 640px){.nas-journey-selection__collapsed{flex-direction:row}}.nas-journey-selection__collapsed--compact{margin:0 auto}.nas-journey-selection__destination{flex:1 1 50%;display:flex}.nas-journey-selection__destination-enter,.nas-journey-selection__destination-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__destination-enter{animation:flip-in .55s ease both}.nas-journey-selection__destination-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__destination--imagesize{height:100%;display:block}@media (min-width: 640px){.nas-journey-selection__destination--imagesize{height:300px;margin-bottom:0}}.nas-journey-selection__destination-image{position:relative;flex-shrink:0;width:100%;background-size:cover;background-position:center;background-color:#003251}.nas-journey-selection__destination-image-content{padding:24px;margin-bottom:0;display:flex;flex-direction:column;justify-content:center;height:100%}.nas-journey-selection__destination-image-content:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) -12.4%,#003251 95.51%)}.nas-journey-selection__destination-image-caption{display:flex;margin-bottom:6px}@media (min-width: 640px){.nas-journey-selection__destination-image-caption{margin-bottom:0}}.nas-journey-selection__destination-image-sm{display:flex;z-index:1;flex-direction:column;width:100%;align-items:center;justify-content:center}.nas-journey-selection__destination-image-sm .nas-journey-selection__mobile-icon{height:40px;margin-top:15px}.nas-journey-selection__destination-image-sm .nas-journey-selection__airport{margin-top:12px;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#fff}.nas-journey-selection .nas-journey-selection__sub-title{z-index:1;text-align:left;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:24px;line-height:30px;align-self:center;margin-bottom:6px;width:100%}@media (min-width: 640px){.nas-journey-selection .nas-journey-selection__sub-title{color:#fff}}.nas-journey-selection__journey{z-index:1}.nas-journey-selection__journey-information{margin:0;display:flex}.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px}@media (min-width: 640px){.nas-journey-selection__journey-information time,.nas-journey-selection__journey-information span{color:#fff}}.nas-journey-selection__journey-information label{z-index:1;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;line-height:20px;color:#fff;display:inline-block;margin-bottom:0}.nas-journey-selection__flights{padding:6px;flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-between;overflow-x:auto;background-color:#fff}.nas-journey-selection__flights-enter,.nas-journey-selection__flights-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-journey-selection__flights-enter{animation:flip-in .55s ease both}.nas-journey-selection__flights-leave-active{animation:flip-out .2s ease-out both}.nas-journey-selection__flights .nas-journey-selection__airport{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:24px;line-height:30px;line-height:24px;margin-bottom:0}.nas-journey-selection__flights .nas-journey-selection__airport .nas-journey-selection__stopover{position:relative;display:inline-block;color:#6f6f6f}.nas-journey-selection__flights-information{justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #c3c3c3;display:flex;flex-direction:column;align-items:flex-start;display:none}.nas-journey-selection__flights-information .nas-journey-selection__operators--label,.nas-journey-selection__flights-information .nas-journey-selection__operators--text,.nas-journey-selection__flights-information .nas-journey-selection__operators--count{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#003251;display:inline}@media (min-width: 640px){.nas-journey-selection__flights-information{display:flex}}@media (min-width: 640px){.nas-journey-selection__flights{padding:24px}}.nas-journey-selection__change-flight{padding:12px}@media (min-width: 640px){.nas-journey-selection__change-flight{padding:0;margin-top:12px}}.nas-journey-selection__change-flight-content{margin-bottom:16px}@media (min-width: 640px){.nas-journey-selection__change-flight-content{margin-bottom:0}}.nas-journey-selection__change-flight-content label{color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;margin-bottom:0}.nas-journey-selection__expanded{max-width:820px;perspective:1000px;background-color:transparent;margin:16px auto;display:flex;align-items:center}.nas-journey-selection__expanded--animate-down{animation:expand-animation .4s ease-out both}.nas-journey-selection__expanded .nas-journey-selection__destination-code{width:60px;height:60px;border-radius:50%;position:relative;margin-right:24px;background-size:cover;vertical-align:top;display:flex;align-items:center;justify-content:center;background-color:#003251}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__destination-code{vertical-align:initial}}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:22px;line-height:28px;color:#fff;z-index:1}.nas-journey-selection__expanded .nas-journey-selection__destination-code-value--wrap-text{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;line-height:16px}.nas-journey-selection__expanded .nas-journey-selection__destination-code:after{content:\"\";position:absolute;bottom:0;left:0;right:0;border-radius:50%;height:100%;max-height:100%;background:linear-gradient(180deg,rgba(0,50,81,0) 50%,#003251 99%)}.nas-journey-selection__expanded .nas-journey-selection__selection{width:calc(100% - 85px);display:inline-block}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;line-height:28px;vertical-align:center;padding-bottom:6px;margin-bottom:0;width:100%}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-text{display:inline}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:none}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-join{display:inline-block}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:22px;line-height:28px;display:block;color:#6f6f6f}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-time{display:inline-block;color:#003251}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{float:initial;margin-right:11px;vertical-align:middle;position:relative}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__heading-icon{margin-right:initial;float:right}}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{padding-top:6px;border-top:2px solid #e3e3e3;display:none}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:inline-block;margin-right:6px;color:#6f6f6f}.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details-value{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;display:inline-block;color:#6f6f6f}@media (min-width: 640px){.nas-journey-selection__expanded .nas-journey-selection__selection .nas-journey-selection__details{display:block}}.nas-journey-selection__expanded--compact{margin:0 auto}::ng-deep .nas-journey-selection__destination-image-caption nas-icon{z-index:10;align-self:center;margin-right:20px;display:none}@media (min-width: 640px){::ng-deep .nas-journey-selection__destination-image-caption nas-icon{display:block}}::ng-deep .nas-journey-selection .nas-icon-small--light-background:after{top:-14.5px;left:-15px;width:55px;height:55px}::ng-deep .nas-journey-selection button.nas-button--compact{margin-bottom:0}@keyframes journey-selection-animation{0%{opacity:0}}@keyframes expand-animation{0%{transform:translateY(-20px)}to{transform:translate(0)}}@keyframes collapse-animation{0%{transform:translateY(20px)}to{transform:translate(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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "transparent", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "buttonlink"], outputs: ["clickChange"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }] }); }
|
|
11408
11413
|
}
|
|
11409
11414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionComponent, decorators: [{
|
|
11410
11415
|
type: Component,
|