@norwegian/core-components 6.41.0 → 6.42.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/page-header/models/wallet.model.mjs +2 -0
- package/esm2022/lib/components/page-header/page-header.component.mjs +6 -3
- package/esm2022/lib/components/page-header/page-header.module.mjs +8 -5
- package/esm2022/lib/components/page-header/wallet/wallet.component.mjs +42 -0
- package/esm2022/lib/components/page-header-old/page-header-old.component.mjs +3 -3
- package/esm2022/lib/components/tag/tag.component.mjs +4 -9
- package/fesm2022/norwegian-core-components.mjs +373 -342
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/page-header/models/wallet.model.d.ts +20 -0
- package/lib/components/page-header/page-header.component.d.ts +8 -1
- package/lib/components/page-header/page-header.module.d.ts +9 -6
- package/lib/components/page-header/wallet/wallet.component.d.ts +20 -0
- package/lib/components/tag/tag.component.d.ts +5 -11
- package/package.json +1 -1
|
@@ -14,12 +14,12 @@ import localePl from '@angular/common/locales/pl';
|
|
|
14
14
|
import localeSv from '@angular/common/locales/sv';
|
|
15
15
|
import localeEnGb from '@angular/common/locales/en-GB';
|
|
16
16
|
import { Observable, Subject, BehaviorSubject } from 'rxjs';
|
|
17
|
-
import * as i3 from '@angular/forms';
|
|
17
|
+
import * as i3$1 from '@angular/forms';
|
|
18
18
|
import { FormsModule, ReactiveFormsModule, FormControl } from '@angular/forms';
|
|
19
|
-
import * as
|
|
19
|
+
import * as i3 from '@angular/router';
|
|
20
20
|
import { RouterModule } from '@angular/router';
|
|
21
21
|
import { __decorate } from 'tslib';
|
|
22
|
-
import * as i4
|
|
22
|
+
import * as i4 from '@angular/platform-browser';
|
|
23
23
|
|
|
24
24
|
class NasComponentBase {
|
|
25
25
|
constructor(block) {
|
|
@@ -1219,7 +1219,7 @@ class ButtonComponent extends NasComponentBase {
|
|
|
1219
1219
|
this.clickChange.emit(event);
|
|
1220
1220
|
}
|
|
1221
1221
|
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", approve: "approve", 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" }, 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 <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\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;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;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:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.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:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.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}\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:
|
|
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", approve: "approve", 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" }, 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 <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</button>\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;border:0;border-radius:0;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;background-color:#d8d8d8;transition:all .15s cubic-bezier(0,0,.1,1)}.nas-button:before{content:\"\";display:block;position:absolute;width:100%;height:3px;bottom:-6px;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:active{transform:translateY(3px)}.nas-button:active:before{transform:translateY(-3px)}.nas-button[disabled]{cursor:default;pointer-events:none;opacity:.5}.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:#da1f2b}.nas-button--primary:hover:before,.nas-button--primary:focus:before{background-color:#003251}.nas-button--primary:active{color:#fff;background:#d31e29}.nas-button--primary:active:before{background-color:#003251}.nas-button--secondary{color:#fff;background-color:#003251}.nas-button--secondary:before{background-color:#003251}.nas-button--secondary:hover,.nas-button--secondary:focus{color:#fff;background-color:#00304d}.nas-button--secondary:hover:before,.nas-button--secondary:focus:before{background-color:#00304d}.nas-button--secondary:active{color:#fff;background:#002e4b}.nas-button--secondary:active:before{background-color:#002e4b}.nas-button--approve{color:#fff;background-color:#238e00}.nas-button--approve:before{background-color:#238e00}.nas-button--approve:hover,.nas-button--approve:focus{color:#fff;background-color:#228b00}.nas-button--approve:hover:before,.nas-button--approve:focus:before{background-color:#228b00}.nas-button--approve:active{color:#fff;background:#218700}.nas-button--approve:active:before{background-color:#218700}.nas-button--light{color:#002a3a;background-color:#fff}.nas-button--light:before{background-color:#fff}.nas-button--light:hover,.nas-button--light:focus{color:#002a3a;background-color:#fafafa}.nas-button--light:hover:before,.nas-button--light:focus:before{background-color:#fafafa}.nas-button--light:active{color:#002a3a;background:#f2f2f2}.nas-button--light:active:before{background-color:#f2f2f2}.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}\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: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1223
1223
|
}
|
|
1224
1224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
1225
1225
|
type: Component,
|
|
@@ -1814,7 +1814,7 @@ class AirportSelectDropdownComponent extends NasComponentBase {
|
|
|
1814
1814
|
this.updateSelected(airport);
|
|
1815
1815
|
}
|
|
1816
1816
|
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 }); }
|
|
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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.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$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.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 }); }
|
|
1818
1818
|
}
|
|
1819
1819
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AirportSelectDropdownComponent, decorators: [{
|
|
1820
1820
|
type: Component,
|
|
@@ -2535,7 +2535,7 @@ class CheckboxComponent extends NasComponentBase {
|
|
|
2535
2535
|
}
|
|
2536
2536
|
}
|
|
2537
2537
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2538
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CheckboxComponent, selector: "nas-checkbox", inputs: { inputId: "inputId", value: "value", error: "error", disabled: "disabled", block: "block", spaceless: "spaceless", inverted: "inverted", outlined: "outlined", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], name: "name", required: "required", tabIndex: "tabIndex", checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <input type=\"checkbox\"\n #input\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [disabled]=\"exists(disabled)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\"\n #inputReactive\n [formGroup]=\"nasFormGroup\">\n <input type=\"checkbox\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (keydown)=\"onKeydown($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\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-checkbox{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:27px;margin-bottom:24px;margin-right:24px;color:#002a3a}.nas-checkbox:hover .nas-checkbox__indicator:after{border-color:#909090}.nas-checkbox input{position:absolute;opacity:0;z-index:-1}.nas-checkbox input:checked+.nas-checkbox__indicator{border-color:#003251}.nas-checkbox input:checked+.nas-checkbox__indicator:before{transform:scale(1);opacity:1}.nas-checkbox input:checked+.nas-checkbox__indicator:after{border-color:#003251}.nas-checkbox input[disabled]+.nas-checkbox__indicator{background-color:#d8d8d8}.nas-checkbox input[disabled]+.nas-checkbox__indicator:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:hover:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox input:focus+.nas-checkbox__indicator{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-checkbox__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;top:0;left:0;width:18px;height:18px;background-color:#fff}.nas-checkbox__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox__indicator:after{content:\"\";position:absolute;bottom:-6px;width:100%;border-bottom:3px solid #c3c3c3}.nas-checkbox--disabled{color:#6f6f6f;cursor:default}.nas-checkbox--disabled .nas-checkbox__indicator{background-color:#d8d8d8}.nas-checkbox--disabled:hover .nas-checkbox__indicator:after{border-color:#c3c3c3}.nas-checkbox--error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--inverted{color:#fff}.nas-checkbox--inverted input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted input+.nas-checkbox__indicator:after{border-color:#fff}.nas-checkbox--inverted-error{color:#fff}.nas-checkbox--inverted-error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted-error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--outlined .nas-checkbox__indicator{width:22px;height:22px;border:2px solid #c3c3c3}.nas-checkbox--outlined .nas-checkbox__indicator:after{display:none}.nas-checkbox--outlined-error .nas-checkbox__indicator{width:22px;height:22px;border:2px solid #E5212D}.nas-checkbox--outlined-error .nas-checkbox__indicator:after{display:none}.nas-checkbox--spaceless{margin-bottom:6px}.nas-checkbox--block{display:block}\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: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][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 }); }
|
|
2538
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CheckboxComponent, selector: "nas-checkbox", inputs: { inputId: "inputId", value: "value", error: "error", disabled: "disabled", block: "block", spaceless: "spaceless", inverted: "inverted", outlined: "outlined", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], name: "name", required: "required", tabIndex: "tabIndex", checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <input type=\"checkbox\"\n #input\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [disabled]=\"exists(disabled)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\"\n #inputReactive\n [formGroup]=\"nasFormGroup\">\n <input type=\"checkbox\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (keydown)=\"onKeydown($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\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-checkbox{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:27px;margin-bottom:24px;margin-right:24px;color:#002a3a}.nas-checkbox:hover .nas-checkbox__indicator:after{border-color:#909090}.nas-checkbox input{position:absolute;opacity:0;z-index:-1}.nas-checkbox input:checked+.nas-checkbox__indicator{border-color:#003251}.nas-checkbox input:checked+.nas-checkbox__indicator:before{transform:scale(1);opacity:1}.nas-checkbox input:checked+.nas-checkbox__indicator:after{border-color:#003251}.nas-checkbox input[disabled]+.nas-checkbox__indicator{background-color:#d8d8d8}.nas-checkbox input[disabled]+.nas-checkbox__indicator:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:hover:after,.nas-checkbox input[disabled]+.nas-checkbox__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox input:focus+.nas-checkbox__indicator{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-checkbox__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;top:0;left:0;width:18px;height:18px;background-color:#fff}.nas-checkbox__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox__indicator:after{content:\"\";position:absolute;bottom:-6px;width:100%;border-bottom:3px solid #c3c3c3}.nas-checkbox--disabled{color:#6f6f6f;cursor:default}.nas-checkbox--disabled .nas-checkbox__indicator{background-color:#d8d8d8}.nas-checkbox--disabled:hover .nas-checkbox__indicator:after{border-color:#c3c3c3}.nas-checkbox--error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--inverted{color:#fff}.nas-checkbox--inverted input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted input+.nas-checkbox__indicator:after{border-color:#fff}.nas-checkbox--inverted-error{color:#fff}.nas-checkbox--inverted-error input:checked+.nas-checkbox__indicator:after,.nas-checkbox--inverted-error input+.nas-checkbox__indicator:after{border-color:#e5212d}.nas-checkbox--outlined .nas-checkbox__indicator{width:22px;height:22px;border:2px solid #c3c3c3}.nas-checkbox--outlined .nas-checkbox__indicator:after{display:none}.nas-checkbox--outlined-error .nas-checkbox__indicator{width:22px;height:22px;border:2px solid #E5212D}.nas-checkbox--outlined-error .nas-checkbox__indicator:after{display:none}.nas-checkbox--spaceless{margin-bottom:6px}.nas-checkbox--block{display:block}\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: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2539
2539
|
}
|
|
2540
2540
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
2541
2541
|
type: Component,
|
|
@@ -3241,7 +3241,7 @@ class NumberFieldComponent extends NasComponentBase {
|
|
|
3241
3241
|
return { icon: 'minus', styling: 'subtract', disabled: false };
|
|
3242
3242
|
}
|
|
3243
3243
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3244
|
-
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", "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: "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 }); }
|
|
3244
|
+
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", "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: "directive", type: i3$1.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$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3245
3245
|
}
|
|
3246
3246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldComponent, decorators: [{
|
|
3247
3247
|
type: Component,
|
|
@@ -3735,7 +3735,7 @@ class OptionComponent extends NasComponentBase {
|
|
|
3735
3735
|
this.removeHostElement(this.elementRef);
|
|
3736
3736
|
}
|
|
3737
3737
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: OptionComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3738
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: OptionComponent, selector: "nas-option", inputs: { option: "option" }, usesInheritance: true, ngImport: i0, template: "<option [value]=\"option?.value\" [attr.aria-label]=\"option?.title\">{{option?.title}}</option>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
|
|
3738
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: OptionComponent, selector: "nas-option", inputs: { option: "option" }, usesInheritance: true, ngImport: i0, template: "<option [value]=\"option?.value\" [attr.aria-label]=\"option?.title\">{{option?.title}}</option>\n", styles: [""], dependencies: [{ kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] }); }
|
|
3739
3739
|
}
|
|
3740
3740
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: OptionComponent, decorators: [{
|
|
3741
3741
|
type: Component,
|
|
@@ -4043,7 +4043,7 @@ class SelectComponent extends NasComponentBase {
|
|
|
4043
4043
|
selectTitleWrapper.style.display = 'none';
|
|
4044
4044
|
}
|
|
4045
4045
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4046
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SelectComponent, selector: "nas-select", inputs: { id: "id", inline: "inline", label: "label", block: "block", spaceless: "spaceless", stretch: "stretch", compact: "compact", simple: "simple", light: "light", fill: "fill", error: "error", errorMessage: "errorMessage", disabled: "disabled", autogrow: "autogrow", cssClass: "cssClass", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", options: "options", selectedValue: "selectedValue", selected: "selected" }, outputs: { selectedChange: "selectedChange", keydown: "keydown" }, queries: [{ propertyName: "optionComponents", predicate: OptionComponent }, { propertyName: "optgroupComponents", predicate: OptgroupComponent }], viewQueries: [{ propertyName: "selectTitleWrapper", first: true, predicate: ["selectTitleWrapper"], descendants: true, static: true }, { propertyName: "errorMessageWrapper", first: true, predicate: ["errorMessageWrapper"], descendants: true }, { propertyName: "select", first: true, predicate: ["select"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label for=\"getSelectId()\"\n *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select\n [id]=\"selectId\"\n [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\"\n [style.width.px]=\"labelWidth\"\n [formControl]=\"selectControl\"\n (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\"\n (blur)=\"blurSelect()\"\n (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\"\n [value]=\"option?.value\"\n [attr.aria-label]=\"option?.title\">\n {{option?.title}}</option>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n </select>\n </ng-container>\n <ng-template #reactiveForm>\n <ng-container [formGroup]=\"nasFormGroup\">\n <select #select\n [formControlName]=\"nasFormControlName\"\n [id]=\"selectId\"\n [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\"\n [style.width.px]=\"labelWidth\"\n (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\"\n (blur)=\"blurSelect()\"\n (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\"\n [value]=\"option?.value\"\n [attr.aria-label]=\"option?.title\">{{option?.title}}</option>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n </select>\n </ng-container>\n </ng-template>\n <p [nasClass]=\"getClass('error')\"\n #errorMessageWrapper\n *ngIf=\"exists(error) && errorMessage\" [id]=\"errorId\">{{errorMessage}}</p>\n <div #selectTitleWrapper\n [style.display]=\"'none'\"\n aria-hidden=\"true\">\n <span>{{selectTitle}}</span>\n </div>\n <ng-template #contentOptions>\n <ng-content></ng-content>\n </ng-template>\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-select{position:relative;display:inline-block;vertical-align:top;max-width:100%;margin-bottom:24px;z-index:0}.nas-select__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:block;margin-bottom:6px}.nas-select select{-webkit-appearance:none;-moz-appearance:none;display:inline-block;cursor:pointer;margin:0;padding:12px 34px 12px 12px;padding-right:34px!important;width:100%;border-radius:0;border:3px solid #c3c3c3;outline:0;font-size:16px;color:#002a3a;background-color:transparent}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.nas-select select:hover,.nas-select select:focus{border-color:#003251}.nas-select select:active{border-color:#003251}.nas-select select::-ms-expand{display:none}.nas-select select[disabled]{color:#6f6f6f;cursor:default}.nas-select select[disabled]:hover,.nas-select select[disabled]:focus{border-color:#c3c3c3}.nas-select:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:12px;height:12px;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23214A5F%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--block{display:block}.nas-select--block select{display:block;width:100%}.nas-select--light:after{background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--light select{color:#fff;border-color:#fff}.nas-select--light select:hover,.nas-select--light select:focus{border-color:#c3c3c3}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{background-color:#6f6f6f}.nas-select--disabled:after{background-color:#6f6f6f;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23909090%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--inline,.nas-select--simple{display:inline-block;max-width:100%;overflow:hidden;line-height:inherit;padding:0;font-size:inherit;color:inherit;margin-bottom:0;border-bottom:inherit}.nas-select--inline:after,.nas-select--simple:after{top:50%;margin-top:-7px;right:0}.nas-select--inline select,.nas-select--simple select{font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #c3c3c3;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline option,.nas-select--simple option{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#e5212d}.nas-select--error:after{top:24px;bottom:auto}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-select--compact select{padding-top:9px;padding-bottom:9px}.nas-select--compact:after{bottom:16px}.nas-select--spaceless{margin-bottom:0}.nas-select--fill select{background-color:#fff;border-color:#fff}.nas-select--rotate:after{transform:rotate(180deg);transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--rotate::after-enter,.nas-select--rotate::after-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-select--rotate::after-enter{animation:flip-in .55s ease both}.nas-select--rotate::after-leave-active{animation:flip-out .2s ease-out both}@-moz-document url-prefix(){.select select{text-indent:.01px;text-overflow:\"\";padding-right:1rem}.select option{background-color:#fff}}\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: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4046
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SelectComponent, selector: "nas-select", inputs: { id: "id", inline: "inline", label: "label", block: "block", spaceless: "spaceless", stretch: "stretch", compact: "compact", simple: "simple", light: "light", fill: "fill", error: "error", errorMessage: "errorMessage", disabled: "disabled", autogrow: "autogrow", cssClass: "cssClass", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", options: "options", selectedValue: "selectedValue", selected: "selected" }, outputs: { selectedChange: "selectedChange", keydown: "keydown" }, queries: [{ propertyName: "optionComponents", predicate: OptionComponent }, { propertyName: "optgroupComponents", predicate: OptgroupComponent }], viewQueries: [{ propertyName: "selectTitleWrapper", first: true, predicate: ["selectTitleWrapper"], descendants: true, static: true }, { propertyName: "errorMessageWrapper", first: true, predicate: ["errorMessageWrapper"], descendants: true }, { propertyName: "select", first: true, predicate: ["select"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<label for=\"getSelectId()\"\n *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select\n [id]=\"selectId\"\n [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\"\n [style.width.px]=\"labelWidth\"\n [formControl]=\"selectControl\"\n (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\"\n (blur)=\"blurSelect()\"\n (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\"\n [value]=\"option?.value\"\n [attr.aria-label]=\"option?.title\">\n {{option?.title}}</option>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n </select>\n </ng-container>\n <ng-template #reactiveForm>\n <ng-container [formGroup]=\"nasFormGroup\">\n <select #select\n [formControlName]=\"nasFormControlName\"\n [id]=\"selectId\"\n [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\"\n [style.width.px]=\"labelWidth\"\n (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\"\n (blur)=\"blurSelect()\"\n (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\"\n [value]=\"option?.value\"\n [attr.aria-label]=\"option?.title\">{{option?.title}}</option>\n </ng-container>\n <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n </select>\n </ng-container>\n </ng-template>\n <p [nasClass]=\"getClass('error')\"\n #errorMessageWrapper\n *ngIf=\"exists(error) && errorMessage\" [id]=\"errorId\">{{errorMessage}}</p>\n <div #selectTitleWrapper\n [style.display]=\"'none'\"\n aria-hidden=\"true\">\n <span>{{selectTitle}}</span>\n </div>\n <ng-template #contentOptions>\n <ng-content></ng-content>\n </ng-template>\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-select{position:relative;display:inline-block;vertical-align:top;max-width:100%;margin-bottom:24px;z-index:0}.nas-select__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:block;margin-bottom:6px}.nas-select select{-webkit-appearance:none;-moz-appearance:none;display:inline-block;cursor:pointer;margin:0;padding:12px 34px 12px 12px;padding-right:34px!important;width:100%;border-radius:0;border:3px solid #c3c3c3;outline:0;font-size:16px;color:#002a3a;background-color:transparent}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.nas-select select:hover,.nas-select select:focus{border-color:#003251}.nas-select select:active{border-color:#003251}.nas-select select::-ms-expand{display:none}.nas-select select[disabled]{color:#6f6f6f;cursor:default}.nas-select select[disabled]:hover,.nas-select select[disabled]:focus{border-color:#c3c3c3}.nas-select:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:12px;height:12px;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23214A5F%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--block{display:block}.nas-select--block select{display:block;width:100%}.nas-select--light:after{background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--light select{color:#fff;border-color:#fff}.nas-select--light select:hover,.nas-select--light select:focus{border-color:#c3c3c3}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{background-color:#6f6f6f}.nas-select--disabled:after{background-color:#6f6f6f;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23909090%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--inline,.nas-select--simple{display:inline-block;max-width:100%;overflow:hidden;line-height:inherit;padding:0;font-size:inherit;color:inherit;margin-bottom:0;border-bottom:inherit}.nas-select--inline:after,.nas-select--simple:after{top:50%;margin-top:-7px;right:0}.nas-select--inline select,.nas-select--simple select{font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #c3c3c3;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline option,.nas-select--simple option{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#e5212d}.nas-select--error:after{top:24px;bottom:auto}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-select--compact select{padding-top:9px;padding-bottom:9px}.nas-select--compact:after{bottom:16px}.nas-select--spaceless{margin-bottom:0}.nas-select--fill select{background-color:#fff;border-color:#fff}.nas-select--rotate:after{transform:rotate(180deg);transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--rotate::after-enter,.nas-select--rotate::after-leave-active{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.nas-select--rotate::after-enter{animation:flip-in .55s ease both}.nas-select--rotate::after-leave-active{animation:flip-out .2s ease-out both}@-moz-document url-prefix(){.select select{text-indent:.01px;text-overflow:\"\";padding-right:1rem}.select option{background-color:#fff}}\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: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4047
4047
|
}
|
|
4048
4048
|
__decorate([
|
|
4049
4049
|
Debounce(150)
|
|
@@ -5419,7 +5419,7 @@ class DatepickerComponent extends NasComponentBase {
|
|
|
5419
5419
|
return modelUtcDate;
|
|
5420
5420
|
}
|
|
5421
5421
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1.DatePipe }, { token: DateHelper }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5422
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DatepickerComponent, selector: "nas-datepicker", inputs: { ariaLabelBackdrop: "ariaLabelBackdrop", disableBackdrop: "disableBackdrop", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", availability: "availability", availableDates: "availableDates", disabled: "disabled", placeholder: "placeholder", required: "required", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", times: "times", open: "open", selectedMonth: "selectedMonth", selectedDate: "selectedDate", selectedTime: "selectedTime", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth" }, outputs: { selectedDateChange: "selectedDateChange", selectedMonthChange: "selectedMonthChange", openChange: "openChange", focusOnNextChange: "focusOnNextChange", focusOnPreviousChange: "focusOnPreviousChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }, { propertyName: "datePickerContent", first: true, predicate: ["datePickerContent"], descendants: true }, { propertyName: "timeSelector", first: true, predicate: ["timeSelector"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label [nasClass]=\"getMainClass()\">\n <div [nasClass]=\"getClass('date-picker-content')\">\n <div [nasClass]=\"getClass('date-picker-wrapper')\">\n <div [nasClass]=\"getClass('controls', show && 'active')\"\n (mousedown)=\"onMouseDownDatepicker()\">\n <div #datePickerContent\n [nasClass]=\"getLabelClass()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n <input #input\n [nasClass]=\"getClass('date-picker')\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-required]=\"required\"\n [attr.aria-haspopup]=\"true\"\n (keydown.tab)=\"selectDate($event)\"\n (keydown.shift.tab)=\"onInputKeydownShiftTab($event)\"\n (keydown.enter)=\"selectDate($event)\"\n (keydown.arrowdown)=\"onCalendarKeyDown($event)\"\n (keydown.arrowleft)=\"onCalendarKeyDown($event)\"\n (keydown.arrowright)=\"onCalendarKeyDown($event)\"\n (keydown.arrowup)=\"onCalendarKeyDown($event)\"\n (focus)=\"openCalendar()\"\n [(ngModel)]=\"model\" />\n </div>\n <div [nasClass]=\"getClass('calendar-icon')\">\n <nas-icon *ngIf=\"exists(disabled); else regularIcon\"\n [icon]=\"'calendar--disabled'\"\n [ngStyle]=\"{'pointer-events': 'none'}\">\n </nas-icon>\n <ng-template #regularIcon>\n <nas-icon icon=\"calendar\"\n (click)=\"openCalendar()\">\n </nas-icon>\n </ng-template>\n </div>\n <nas-calendar #calendar *ngIf=\"show\"\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlName]=\"nasFormControlName\"\n [dateDisplayFormat]=\"dateDisplayFormat\"\n [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n [availableFlightsLabel]=\"availableFlightsLabel\"\n [availability]=\"exists(availability)\"\n [availableDates]=\"availableDates\"\n [lowerLimitDate]=\"lowerLimitDate\"\n [disablePastSelection]=\"exists(disablePastSelection)\"\n [locale]=\"locale\"\n [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n [(activeDate)]=\"activeDate\"\n [(selectedDate)]=\"selectedDate\"\n (focusOnNextChange)=\"setFocusOnTimeSelectorOrNext($event)\"\n (keydown)=\"onCalendarKeyDown($event)\"\n (monthChange)=\"onMonthChange($event)\">\n </nas-calendar>\n </div>\n <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>\n </div>\n</label>\n<div *ngIf=\"timeOptions\"\n [nasClass]=\"getClass('time-selector-wrapper')\">\n <nas-select #timeSelector\n [selected]=\"selectedTimeOption\"\n (selectedChange)=\"onTimeSelected($event)\"\n (keydown)=\"onTimeSelectorKeydown($event)\">\n <nas-option *ngFor=\"let time of timeOptions\"\n [option]=\"time\"></nas-option>\n </nas-select>\n</div>\n<ng-template #content>\n <ng-content></ng-content>\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)}}:host{display:flex}.nas-datepicker{position:relative;top:0;left:0;width:100%;height:100%;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;max-height:98vh;overflow-y:visible}.nas-datepicker__date-picker-wrapper{position:relative;padding-bottom:3px;border-bottom:3px solid #c3c3c3}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker{display:block;width:100%;height:35px;padding:0 16px 9px;border:0;border-radius:0;transition:all .2s cubic-bezier(0,0,.1,1);font-family:inherit;outline:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:26px;position:relative;z-index:3;background-color:inherit}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker[disabled]{color:#909090;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-ms-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-webkit-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:focus~.nas-datepicker__input-line{border-color:#003251}.nas-datepicker__date-picker-wrapper .nas-datepicker__calendar-icon{position:absolute;right:15px;top:50%;margin-top:-12px;vertical-align:middle;cursor:pointer;z-index:3}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label{padding:9px 16px 0;position:relative;z-index:3;color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;background-color:inherit;display:flex}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label--disabled{color:#909090}.nas-datepicker__date-picker-wrapper nas-calendar{position:absolute;top:75px;vertical-align:middle;right:0px;z-index:4}@media (min-width: 640px){.nas-datepicker__date-picker-wrapper nas-calendar{right:-15px}}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls{background-color:#fff}.nas-datepicker__time-selector-wrapper{border-bottom:3px solid #c3c3c3}.nas-datepicker__time-selector-wrapper nas-select{display:flex}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select{margin-bottom:0;margin-left:3px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select:after{bottom:26px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{border:3px solid #fff;background-color:#fff;height:64px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{height:60px}}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select:focus{border-color:#003251}.nas-datepicker--has-time{padding-right:3px}.nas-datepicker nas-spinner{position:absolute;top:300px;left:45%;right:45%}.nas-datepicker__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:datepicker-backdrop .7s ease-out both}.nas-datepicker--compact{padding:0;margin-bottom:0}@keyframes datepicker-backdrop{0%{opacity: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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "component", type: OptionComponent, selector: "nas-option", inputs: ["option"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.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.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: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { kind: "component", type: CalendarComponent, selector: "nas-calendar", inputs: ["noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "lowerLimitDate", "date", "weekStart", "displayWeekNumbers", "availability", "locale", "availableDates", "activeDate", "selectedDate", "nasFormGroup", "nasFormControlName", "dateDisplayFormat", "ariaLabelPreviousMonth", "ariaLabelNextMonth"], outputs: ["monthChange", "focusOnNextChange", "selectedDateChange", "activeDateChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5422
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DatepickerComponent, selector: "nas-datepicker", inputs: { ariaLabelBackdrop: "ariaLabelBackdrop", disableBackdrop: "disableBackdrop", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", availability: "availability", availableDates: "availableDates", disabled: "disabled", placeholder: "placeholder", required: "required", ariaDescribedby: "ariaDescribedby", ariaLabel: "ariaLabel", dateDisplayFormat: "dateDisplayFormat", timeDisplayFormat: "timeDisplayFormat", locale: "locale", compact: "compact", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", times: "times", open: "open", selectedMonth: "selectedMonth", selectedDate: "selectedDate", selectedTime: "selectedTime", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth" }, outputs: { selectedDateChange: "selectedDateChange", selectedMonthChange: "selectedMonthChange", openChange: "openChange", focusOnNextChange: "focusOnNextChange", focusOnPreviousChange: "focusOnPreviousChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }, { propertyName: "datePickerContent", first: true, predicate: ["datePickerContent"], descendants: true }, { propertyName: "timeSelector", first: true, predicate: ["timeSelector"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label [nasClass]=\"getMainClass()\">\n <div [nasClass]=\"getClass('date-picker-content')\">\n <div [nasClass]=\"getClass('date-picker-wrapper')\">\n <div [nasClass]=\"getClass('controls', show && 'active')\"\n (mousedown)=\"onMouseDownDatepicker()\">\n <div #datePickerContent\n [nasClass]=\"getLabelClass()\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </div>\n <input #input\n [nasClass]=\"getClass('date-picker')\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-required]=\"required\"\n [attr.aria-haspopup]=\"true\"\n (keydown.tab)=\"selectDate($event)\"\n (keydown.shift.tab)=\"onInputKeydownShiftTab($event)\"\n (keydown.enter)=\"selectDate($event)\"\n (keydown.arrowdown)=\"onCalendarKeyDown($event)\"\n (keydown.arrowleft)=\"onCalendarKeyDown($event)\"\n (keydown.arrowright)=\"onCalendarKeyDown($event)\"\n (keydown.arrowup)=\"onCalendarKeyDown($event)\"\n (focus)=\"openCalendar()\"\n [(ngModel)]=\"model\" />\n </div>\n <div [nasClass]=\"getClass('calendar-icon')\">\n <nas-icon *ngIf=\"exists(disabled); else regularIcon\"\n [icon]=\"'calendar--disabled'\"\n [ngStyle]=\"{'pointer-events': 'none'}\">\n </nas-icon>\n <ng-template #regularIcon>\n <nas-icon icon=\"calendar\"\n (click)=\"openCalendar()\">\n </nas-icon>\n </ng-template>\n </div>\n <nas-calendar #calendar *ngIf=\"show\"\n [nasFormGroup]=\"nasFormGroup\"\n [nasFormControlName]=\"nasFormControlName\"\n [dateDisplayFormat]=\"dateDisplayFormat\"\n [noAvailableFlightsLabel]=\"noAvailableFlightsLabel\"\n [availableFlightsLabel]=\"availableFlightsLabel\"\n [availability]=\"exists(availability)\"\n [availableDates]=\"availableDates\"\n [lowerLimitDate]=\"lowerLimitDate\"\n [disablePastSelection]=\"exists(disablePastSelection)\"\n [locale]=\"locale\"\n [ariaLabelPreviousMonth]=\"ariaLabelPreviousMonth\"\n [ariaLabelNextMonth]=\"ariaLabelNextMonth\"\n [(activeDate)]=\"activeDate\"\n [(selectedDate)]=\"selectedDate\"\n (focusOnNextChange)=\"setFocusOnTimeSelectorOrNext($event)\"\n (keydown)=\"onCalendarKeyDown($event)\"\n (monthChange)=\"onMonthChange($event)\">\n </nas-calendar>\n </div>\n <nas-backdrop [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>\n </div>\n</label>\n<div *ngIf=\"timeOptions\"\n [nasClass]=\"getClass('time-selector-wrapper')\">\n <nas-select #timeSelector\n [selected]=\"selectedTimeOption\"\n (selectedChange)=\"onTimeSelected($event)\"\n (keydown)=\"onTimeSelectorKeydown($event)\">\n <nas-option *ngFor=\"let time of timeOptions\"\n [option]=\"time\"></nas-option>\n </nas-select>\n</div>\n<ng-template #content>\n <ng-content></ng-content>\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)}}:host{display:flex}.nas-datepicker{position:relative;top:0;left:0;width:100%;height:100%;overflow-x:visible;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px;max-height:98vh;overflow-y:visible}.nas-datepicker__date-picker-wrapper{position:relative;padding-bottom:3px;border-bottom:3px solid #c3c3c3}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker{display:block;width:100%;height:35px;padding:0 16px 9px;border:0;border-radius:0;transition:all .2s cubic-bezier(0,0,.1,1);font-family:inherit;outline:0;-webkit-appearance:none;appearance:none;box-sizing:border-box;color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:26px;position:relative;z-index:3;background-color:inherit}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker[disabled]{color:#909090;background-color:#fff}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-moz-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:-ms-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker::-webkit-input-placeholder{line-height:normal}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker:focus~.nas-datepicker__input-line{border-color:#003251}.nas-datepicker__date-picker-wrapper .nas-datepicker__calendar-icon{position:absolute;right:15px;top:50%;margin-top:-12px;vertical-align:middle;cursor:pointer;z-index:3}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label{padding:9px 16px 0;position:relative;z-index:3;color:#003251;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;background-color:inherit;display:flex}.nas-datepicker__date-picker-wrapper .nas-datepicker__date-picker-label--disabled{color:#909090}.nas-datepicker__date-picker-wrapper nas-calendar{position:absolute;top:75px;vertical-align:middle;right:0px;z-index:4}@media (min-width: 640px){.nas-datepicker__date-picker-wrapper nas-calendar{right:-15px}}.nas-datepicker__date-picker-wrapper .nas-datepicker__controls{background-color:#fff}.nas-datepicker__time-selector-wrapper{border-bottom:3px solid #c3c3c3}.nas-datepicker__time-selector-wrapper nas-select{display:flex}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select{margin-bottom:0;margin-left:3px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select:after{bottom:26px}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{border:3px solid #fff;background-color:#fff;height:64px}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select{height:60px}}.nas-datepicker__time-selector-wrapper nas-select ::ng-deep .nas-select select:focus{border-color:#003251}.nas-datepicker--has-time{padding-right:3px}.nas-datepicker nas-spinner{position:absolute;top:300px;left:45%;right:45%}.nas-datepicker__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:datepicker-backdrop .7s ease-out both}.nas-datepicker--compact{padding:0;margin-bottom:0}@keyframes datepicker-backdrop{0%{opacity: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: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: "component", type: OptionComponent, selector: "nas-option", inputs: ["option"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { kind: "component", type: CalendarComponent, selector: "nas-calendar", inputs: ["noAvailableFlightsLabel", "availableFlightsLabel", "disablePastSelection", "lowerLimitDate", "date", "weekStart", "displayWeekNumbers", "availability", "locale", "availableDates", "activeDate", "selectedDate", "nasFormGroup", "nasFormControlName", "dateDisplayFormat", "ariaLabelPreviousMonth", "ariaLabelNextMonth"], outputs: ["monthChange", "focusOnNextChange", "selectedDateChange", "activeDateChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5423
5423
|
}
|
|
5424
5424
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DatepickerComponent, decorators: [{
|
|
5425
5425
|
type: Component,
|
|
@@ -7676,7 +7676,7 @@ class RadioComponent extends NasComponentBase {
|
|
|
7676
7676
|
this.checked = event.target.checked;
|
|
7677
7677
|
}
|
|
7678
7678
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7679
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: RadioComponent, selector: "nas-radio", inputs: { id: "id", value: "value", name: "name", error: "error", disabled: "disabled", strong: "strong", block: "block", spaceless: "spaceless", tabIndex: "tabIndex", required: "required", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <input type=\"radio\"\n [disabled]=\"disabled\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <input type=\"radio\"\n [formControlName]=\"nasFormControlName\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\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-radio{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:27px;margin-bottom:24px;margin-right:24px;color:#002a3a}.nas-radio input{position:absolute;opacity:0;z-index:-1}.nas-radio input:checked+.nas-radio__indicator{border-color:#003251}.nas-radio input:checked+.nas-radio__indicator:before{transform:scale(1);opacity:1}.nas-radio input[disabled]+.nas-radio__indicator{background-color:#d8d8d8;border-color:#d8d8d8}.nas-radio input:focus+.nas-radio__indicator{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-radio:hover .nas-radio__indicator{border-color:#909090}.nas-radio__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;top:2px;left:0;width:18px;height:18px;border-radius:50%;border:3px solid #c3c3c3;background-color:#fff}.nas-radio__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#003251;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio--block{display:block}.nas-radio--spaceless{margin-bottom:0}.nas-radio--disabled{color:#6f6f6f}.nas-radio--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio--error input:checked+.nas-radio__indicator,.nas-radio--error input+.nas-radio__indicator{border-color:#e5212d}.nas-radio--error input:checked+.nas-radio__indicator:before,.nas-radio--error input+.nas-radio__indicator:before{background-color:#e5212d}\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: 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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: 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 }); }
|
|
7679
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: RadioComponent, selector: "nas-radio", inputs: { id: "id", value: "value", name: "name", error: "error", disabled: "disabled", strong: "strong", block: "block", spaceless: "spaceless", tabIndex: "tabIndex", required: "required", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <input type=\"radio\"\n [disabled]=\"disabled\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <input type=\"radio\"\n [formControlName]=\"nasFormControlName\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\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-radio{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:27px;margin-bottom:24px;margin-right:24px;color:#002a3a}.nas-radio input{position:absolute;opacity:0;z-index:-1}.nas-radio input:checked+.nas-radio__indicator{border-color:#003251}.nas-radio input:checked+.nas-radio__indicator:before{transform:scale(1);opacity:1}.nas-radio input[disabled]+.nas-radio__indicator{background-color:#d8d8d8;border-color:#d8d8d8}.nas-radio input:focus+.nas-radio__indicator{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-radio:hover .nas-radio__indicator{border-color:#909090}.nas-radio__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;top:2px;left:0;width:18px;height:18px;border-radius:50%;border:3px solid #c3c3c3;background-color:#fff}.nas-radio__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#003251;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio--block{display:block}.nas-radio--spaceless{margin-bottom:0}.nas-radio--disabled{color:#6f6f6f}.nas-radio--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio--error input:checked+.nas-radio__indicator,.nas-radio--error input+.nas-radio__indicator{border-color:#e5212d}.nas-radio--error input:checked+.nas-radio__indicator:before,.nas-radio--error input+.nas-radio__indicator:before{background-color:#e5212d}\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: i3$1.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$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7680
7680
|
}
|
|
7681
7681
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RadioComponent, decorators: [{
|
|
7682
7682
|
type: Component,
|
|
@@ -8281,7 +8281,7 @@ class InputComponent extends NasComponentBase {
|
|
|
8281
8281
|
this.blur.emit(value);
|
|
8282
8282
|
}
|
|
8283
8283
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8284
|
-
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 }); }
|
|
8284
|
+
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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.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$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8285
8285
|
}
|
|
8286
8286
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputComponent, decorators: [{
|
|
8287
8287
|
type: Component,
|
|
@@ -8717,6 +8717,275 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
8717
8717
|
type: Input
|
|
8718
8718
|
}] } });
|
|
8719
8719
|
|
|
8720
|
+
/**
|
|
8721
|
+
* @license
|
|
8722
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
8723
|
+
*/
|
|
8724
|
+
/**
|
|
8725
|
+
* @description
|
|
8726
|
+
* Norwegian alert Tag | Dialogs and Modals
|
|
8727
|
+
*/
|
|
8728
|
+
class TagComponent extends NasComponentBase {
|
|
8729
|
+
constructor() {
|
|
8730
|
+
super('nas-tag');
|
|
8731
|
+
}
|
|
8732
|
+
getClasses(element, modifiers) {
|
|
8733
|
+
const classes = [
|
|
8734
|
+
this.getClass(element, modifiers)
|
|
8735
|
+
];
|
|
8736
|
+
return classes;
|
|
8737
|
+
}
|
|
8738
|
+
getModifiers() {
|
|
8739
|
+
return [
|
|
8740
|
+
this.exists(this.info) && 'info',
|
|
8741
|
+
this.exists(this.warning) && 'warning',
|
|
8742
|
+
this.exists(this.success) && 'success',
|
|
8743
|
+
this.exists(this.error) && 'error',
|
|
8744
|
+
this.exists(this.neutral) && 'neutral'
|
|
8745
|
+
];
|
|
8746
|
+
}
|
|
8747
|
+
getTagClass() {
|
|
8748
|
+
const classMap = {
|
|
8749
|
+
warning: 'warning',
|
|
8750
|
+
success: 'success',
|
|
8751
|
+
info: 'info',
|
|
8752
|
+
error: 'error',
|
|
8753
|
+
neutral: 'neutral'
|
|
8754
|
+
};
|
|
8755
|
+
const modifiers = this.getModifiers();
|
|
8756
|
+
for (const modifier of modifiers) {
|
|
8757
|
+
if (classMap[modifier]) {
|
|
8758
|
+
return classMap[modifier];
|
|
8759
|
+
}
|
|
8760
|
+
}
|
|
8761
|
+
return 'info';
|
|
8762
|
+
}
|
|
8763
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8764
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\" >\n <div [nasClass]=\"getClass(getTagClass())\">\n <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n <div [nasClass]=\"getClass('text')\">{{text}}</div>\n </div>\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-tag{display:flex}.nas-tag__text{color:#003251;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8765
|
+
}
|
|
8766
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, decorators: [{
|
|
8767
|
+
type: Component,
|
|
8768
|
+
args: [{ selector: 'nas-tag', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [nasClass]=\"getClasses('nas-tag', getModifiers())\" >\n <div [nasClass]=\"getClass(getTagClass())\">\n <nas-icon *ngIf=\"icon\" [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n <div [nasClass]=\"getClass('text')\">{{text}}</div>\n </div>\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-tag{display:flex}.nas-tag__text{color:#003251;font-size:14px;font-weight:400;line-height:20px;word-wrap:break-word}.nas-tag__info{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__success{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__warning{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__error{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__neutral{display:inline-flex;padding:4px 8px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}\n"] }]
|
|
8769
|
+
}], ctorParameters: function () { return []; }, propDecorators: { info: [{
|
|
8770
|
+
type: Input
|
|
8771
|
+
}], warning: [{
|
|
8772
|
+
type: Input
|
|
8773
|
+
}], error: [{
|
|
8774
|
+
type: Input
|
|
8775
|
+
}], success: [{
|
|
8776
|
+
type: Input
|
|
8777
|
+
}], neutral: [{
|
|
8778
|
+
type: Input
|
|
8779
|
+
}], text: [{
|
|
8780
|
+
type: Input
|
|
8781
|
+
}], icon: [{
|
|
8782
|
+
type: Input
|
|
8783
|
+
}], iconType: [{
|
|
8784
|
+
type: Input
|
|
8785
|
+
}] } });
|
|
8786
|
+
|
|
8787
|
+
/**
|
|
8788
|
+
* @license
|
|
8789
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
8790
|
+
*/
|
|
8791
|
+
let nextId$8 = 0;
|
|
8792
|
+
/**
|
|
8793
|
+
* @description
|
|
8794
|
+
* Norwegian Button Component | New design | Beta
|
|
8795
|
+
*/
|
|
8796
|
+
class ButtonNewComponent extends NasComponentBase {
|
|
8797
|
+
get buttonStyle() {
|
|
8798
|
+
if (this.canContinueOnDisabled && this.disabled) {
|
|
8799
|
+
this.cssStyle['pointer-events'] = 'inherit';
|
|
8800
|
+
return this.cssStyle;
|
|
8801
|
+
}
|
|
8802
|
+
return this.cssStyle;
|
|
8803
|
+
}
|
|
8804
|
+
get buttonId() {
|
|
8805
|
+
return this.id ? this.id : `nas-button-new-${this.componentId}`;
|
|
8806
|
+
}
|
|
8807
|
+
get modifiers() {
|
|
8808
|
+
return [
|
|
8809
|
+
this.exists(this.primary) && 'primary',
|
|
8810
|
+
this.exists(this.secondary) && 'secondary',
|
|
8811
|
+
this.exists(this.large) && 'large',
|
|
8812
|
+
this.exists(this.block) && 'block',
|
|
8813
|
+
this.exists(this.flex) && 'flex',
|
|
8814
|
+
this.exists(this.compact) && 'compact',
|
|
8815
|
+
this.exists(this.right) && 'right',
|
|
8816
|
+
this.exists(this.spaceless) && 'spaceless',
|
|
8817
|
+
this.exists(this.link) && 'link',
|
|
8818
|
+
this.exists(this.light) && 'light',
|
|
8819
|
+
this.exists(this.buttonlink) && 'buttonlink',
|
|
8820
|
+
(this.exists(this.primary) && !this.exists(this.compact)) && 'white-background'
|
|
8821
|
+
];
|
|
8822
|
+
}
|
|
8823
|
+
/**
|
|
8824
|
+
* @description
|
|
8825
|
+
* Represent a button component.
|
|
8826
|
+
* Will initiate correct block style.
|
|
8827
|
+
*/
|
|
8828
|
+
constructor() {
|
|
8829
|
+
super('nas-button-new');
|
|
8830
|
+
/**
|
|
8831
|
+
* @property Input
|
|
8832
|
+
* @description
|
|
8833
|
+
* String to set button type. Default value is "button".
|
|
8834
|
+
*
|
|
8835
|
+
* @example
|
|
8836
|
+
* <nas-button [type]="'submit'">Click on me!</nas-button>
|
|
8837
|
+
*/
|
|
8838
|
+
this.type = 'button';
|
|
8839
|
+
/**
|
|
8840
|
+
* @property Input
|
|
8841
|
+
* @description
|
|
8842
|
+
* Property to set custom styling on button.
|
|
8843
|
+
*
|
|
8844
|
+
* @example
|
|
8845
|
+
* <nas-button [cssStyle]="{'width': '300px', 'height': '40px'}">Click on me!</nas-button>
|
|
8846
|
+
*/
|
|
8847
|
+
this.cssStyle = {};
|
|
8848
|
+
/**
|
|
8849
|
+
* @property Input
|
|
8850
|
+
* @description
|
|
8851
|
+
* The target attribute specifies where to open the link.
|
|
8852
|
+
* @example
|
|
8853
|
+
* <nas-button link href="https://www.norwegian.com" target="_blank">Click on me!</nas-button>
|
|
8854
|
+
*/
|
|
8855
|
+
this.target = '_self';
|
|
8856
|
+
/**
|
|
8857
|
+
* @property Output
|
|
8858
|
+
* @description
|
|
8859
|
+
* Change event when clicking on button.
|
|
8860
|
+
*
|
|
8861
|
+
* @example
|
|
8862
|
+
* <nas-button (clickChange)="myFunction()">Click on me!</nas-button>
|
|
8863
|
+
*/
|
|
8864
|
+
this.clickChange = new EventEmitter();
|
|
8865
|
+
this.trackingEventSource = new Subject();
|
|
8866
|
+
this.trackingEvent$ = this.trackingEventSource.asObservable();
|
|
8867
|
+
this.componentId = nextId$8++;
|
|
8868
|
+
}
|
|
8869
|
+
getClasses(element, modifiers) {
|
|
8870
|
+
const classes = new Array();
|
|
8871
|
+
if (this.exists(this.overrideBaseCssClass) && this.cssClass) {
|
|
8872
|
+
classes.push(this.cssClass);
|
|
8873
|
+
return classes;
|
|
8874
|
+
}
|
|
8875
|
+
classes.push(this.getClass(element, modifiers));
|
|
8876
|
+
if (this.cssClass) {
|
|
8877
|
+
classes.push(this.cssClass);
|
|
8878
|
+
}
|
|
8879
|
+
return classes;
|
|
8880
|
+
}
|
|
8881
|
+
emitTrackingEvent() {
|
|
8882
|
+
this.trackingEventSource.next(this.trackingvalue);
|
|
8883
|
+
}
|
|
8884
|
+
emitTrackingAndClickEvent(event) {
|
|
8885
|
+
this.trackingEventSource.next(this.trackingvalue);
|
|
8886
|
+
this.clickChange.emit(event);
|
|
8887
|
+
}
|
|
8888
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8889
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonNewComponent, selector: "nas-button-new", inputs: { primary: "primary", secondary: "secondary", link: "link", light: "light", large: "large", block: "block", flex: "flex", compact: "compact", right: "right", spaceless: "spaceless", 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", iconType: "iconType", 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 || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></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 <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\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 <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\n </span>\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-new{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-new--container{background-color:#fff}.nas-button-new: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-new:hover,.nas-button-new:focus{background-color:#c3c3c3}.nas-button-new:hover:before,.nas-button-new:focus:before{transform:translateY(0)}.nas-button-new[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button-new--primary{color:#fff;background-color:#e5212d}.nas-button-new--primary:before{background-color:#003251}.nas-button-new--primary:hover,.nas-button-new--primary:focus{color:#fff;background-color:#b71530}.nas-button-new--primary:hover:before,.nas-button-new--primary:focus:before{background-color:#003251}.nas-button-new--primary:active{color:#fff;background:#891024}.nas-button-new--primary:active:before{background-color:#003251}.nas-button-new--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--primary:focus-visible:before{display:none}.nas-button-new--primary:disabled{background-color:#e3e3e3}.nas-button-new--primary:hover,.nas-button-new--primary:focus{border-bottom:0}.nas-button-new--secondary{color:#fff;background-color:#15273f}.nas-button-new--secondary:before{background-color:#15273f}.nas-button-new--secondary:hover,.nas-button-new--secondary:focus{color:#fff;background-color:#0a2033}.nas-button-new--secondary:hover:before,.nas-button-new--secondary:focus:before{background-color:#0a2033}.nas-button-new--secondary:active{color:#fff;background:#071622}.nas-button-new--secondary:active:before{background-color:#071622}.nas-button-new--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--secondary:focus-visible:before{display:none}.nas-button-new--secondary:before{display:none}.nas-button-new--secondary:disabled{background-color:#e3e3e3}.nas-button-new--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button-new--light:before{background-color:#fff}.nas-button-new--light:hover,.nas-button-new--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button-new--light:hover:before,.nas-button-new--light:focus:before{background-color:#f1f1f1}.nas-button-new--light:active{color:#15273f;background:#EBF4FF}.nas-button-new--light:active:before{background-color:#ebf4ff}.nas-button-new--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--light:focus-visible:before{display:none}.nas-button-new--light:before{display:none}.nas-button-new--light:hover{border-color:#15273f}.nas-button-new--light:disabled{border:0}.nas-button-new--buttonlink{color:#b12a0b;background-color:transparent}.nas-button-new--buttonlink:before{background-color:transparent}.nas-button-new--buttonlink:hover,.nas-button-new--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button-new--buttonlink:hover:before,.nas-button-new--buttonlink:focus:before{background-color:#f1f1f1}.nas-button-new--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button-new--buttonlink:active:before{background-color:#ebf4ff}.nas-button-new--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--buttonlink:focus-visible:before{display:none}.nas-button-new--buttonlink:before{display:none}.nas-button-new--buttonlink:disabled{background-color:#f9f9f9}.nas-button-new--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-new--block{display:block;width:100%}.nas-button-new--flex{display:flex;width:100%}.nas-button-new--compact{margin-bottom:12px}.nas-button-new--compact:before{display:none}.nas-button-new--right{align-self:flex-end;float:right}.nas-button-new--spaceless{margin-bottom:0}.nas-button-new--transparent{color:#fff;background-color:#000000a6}.nas-button-new--transparent:before{background-color:inherit}.nas-button-new--transparent:hover,.nas-button-new--transparent:active,.nas-button-new--transparent:focus{background-color:#000c}.nas-button-new--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button-new--link:hover,.nas-button-new--link:focus{color:#003251;border-color:#003251;background:none}.nas-button-new--link:before{display:none}.nas-button-new--link.nas-button-new--secondary{color:#003251}.nas-button-new--link.nas-button-new--light{color:#fff;border-color:#fff}.nas-button-new__content{display:flex;justify-content:center;gap:4px}.nas-button-new__content--reverse{flex-direction:row-reverse}.nas-button-new__icon{position:relative}.nas-button-new__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button-new--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: i3.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 }); }
|
|
8890
|
+
}
|
|
8891
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewComponent, decorators: [{
|
|
8892
|
+
type: Component,
|
|
8893
|
+
args: [{ selector: 'nas-button-new', 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 || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></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 <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\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 <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\n </span>\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-new{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-new--container{background-color:#fff}.nas-button-new: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-new:hover,.nas-button-new:focus{background-color:#c3c3c3}.nas-button-new:hover:before,.nas-button-new:focus:before{transform:translateY(0)}.nas-button-new[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button-new--primary{color:#fff;background-color:#e5212d}.nas-button-new--primary:before{background-color:#003251}.nas-button-new--primary:hover,.nas-button-new--primary:focus{color:#fff;background-color:#b71530}.nas-button-new--primary:hover:before,.nas-button-new--primary:focus:before{background-color:#003251}.nas-button-new--primary:active{color:#fff;background:#891024}.nas-button-new--primary:active:before{background-color:#003251}.nas-button-new--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--primary:focus-visible:before{display:none}.nas-button-new--primary:disabled{background-color:#e3e3e3}.nas-button-new--primary:hover,.nas-button-new--primary:focus{border-bottom:0}.nas-button-new--secondary{color:#fff;background-color:#15273f}.nas-button-new--secondary:before{background-color:#15273f}.nas-button-new--secondary:hover,.nas-button-new--secondary:focus{color:#fff;background-color:#0a2033}.nas-button-new--secondary:hover:before,.nas-button-new--secondary:focus:before{background-color:#0a2033}.nas-button-new--secondary:active{color:#fff;background:#071622}.nas-button-new--secondary:active:before{background-color:#071622}.nas-button-new--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--secondary:focus-visible:before{display:none}.nas-button-new--secondary:before{display:none}.nas-button-new--secondary:disabled{background-color:#e3e3e3}.nas-button-new--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button-new--light:before{background-color:#fff}.nas-button-new--light:hover,.nas-button-new--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button-new--light:hover:before,.nas-button-new--light:focus:before{background-color:#f1f1f1}.nas-button-new--light:active{color:#15273f;background:#EBF4FF}.nas-button-new--light:active:before{background-color:#ebf4ff}.nas-button-new--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--light:focus-visible:before{display:none}.nas-button-new--light:before{display:none}.nas-button-new--light:hover{border-color:#15273f}.nas-button-new--light:disabled{border:0}.nas-button-new--buttonlink{color:#b12a0b;background-color:transparent}.nas-button-new--buttonlink:before{background-color:transparent}.nas-button-new--buttonlink:hover,.nas-button-new--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button-new--buttonlink:hover:before,.nas-button-new--buttonlink:focus:before{background-color:#f1f1f1}.nas-button-new--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button-new--buttonlink:active:before{background-color:#ebf4ff}.nas-button-new--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--buttonlink:focus-visible:before{display:none}.nas-button-new--buttonlink:before{display:none}.nas-button-new--buttonlink:disabled{background-color:#f9f9f9}.nas-button-new--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-new--block{display:block;width:100%}.nas-button-new--flex{display:flex;width:100%}.nas-button-new--compact{margin-bottom:12px}.nas-button-new--compact:before{display:none}.nas-button-new--right{align-self:flex-end;float:right}.nas-button-new--spaceless{margin-bottom:0}.nas-button-new--transparent{color:#fff;background-color:#000000a6}.nas-button-new--transparent:before{background-color:inherit}.nas-button-new--transparent:hover,.nas-button-new--transparent:active,.nas-button-new--transparent:focus{background-color:#000c}.nas-button-new--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button-new--link:hover,.nas-button-new--link:focus{color:#003251;border-color:#003251;background:none}.nas-button-new--link:before{display:none}.nas-button-new--link.nas-button-new--secondary{color:#003251}.nas-button-new--link.nas-button-new--light{color:#fff;border-color:#fff}.nas-button-new__content{display:flex;justify-content:center;gap:4px}.nas-button-new__content--reverse{flex-direction:row-reverse}.nas-button-new__icon{position:relative}.nas-button-new__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button-new--white-background{border-bottom:2px solid #fff}\n"] }]
|
|
8894
|
+
}], ctorParameters: function () { return []; }, propDecorators: { button: [{
|
|
8895
|
+
type: ViewChild,
|
|
8896
|
+
args: ['button']
|
|
8897
|
+
}], primary: [{
|
|
8898
|
+
type: Input
|
|
8899
|
+
}], secondary: [{
|
|
8900
|
+
type: Input
|
|
8901
|
+
}], link: [{
|
|
8902
|
+
type: Input
|
|
8903
|
+
}], light: [{
|
|
8904
|
+
type: Input
|
|
8905
|
+
}], large: [{
|
|
8906
|
+
type: Input
|
|
8907
|
+
}], block: [{
|
|
8908
|
+
type: Input
|
|
8909
|
+
}], flex: [{
|
|
8910
|
+
type: Input
|
|
8911
|
+
}], compact: [{
|
|
8912
|
+
type: Input
|
|
8913
|
+
}], right: [{
|
|
8914
|
+
type: Input
|
|
8915
|
+
}], spaceless: [{
|
|
8916
|
+
type: Input
|
|
8917
|
+
}], href: [{
|
|
8918
|
+
type: Input
|
|
8919
|
+
}], trackingvalue: [{
|
|
8920
|
+
type: Input
|
|
8921
|
+
}], canContinueOnDisabled: [{
|
|
8922
|
+
type: Input
|
|
8923
|
+
}], disabled: [{
|
|
8924
|
+
type: Input
|
|
8925
|
+
}], type: [{
|
|
8926
|
+
type: Input
|
|
8927
|
+
}], cssClass: [{
|
|
8928
|
+
type: Input
|
|
8929
|
+
}], ariaLabel: [{
|
|
8930
|
+
type: Input
|
|
8931
|
+
}], cssStyle: [{
|
|
8932
|
+
type: Input
|
|
8933
|
+
}], tabindex: [{
|
|
8934
|
+
type: Input
|
|
8935
|
+
}], overrideBaseCssClass: [{
|
|
8936
|
+
type: Input
|
|
8937
|
+
}], useRouterLink: [{
|
|
8938
|
+
type: Input
|
|
8939
|
+
}], id: [{
|
|
8940
|
+
type: Input
|
|
8941
|
+
}], target: [{
|
|
8942
|
+
type: Input
|
|
8943
|
+
}], icon: [{
|
|
8944
|
+
type: Input
|
|
8945
|
+
}], iconLeft: [{
|
|
8946
|
+
type: Input
|
|
8947
|
+
}], iconType: [{
|
|
8948
|
+
type: Input
|
|
8949
|
+
}], buttonlink: [{
|
|
8950
|
+
type: Input
|
|
8951
|
+
}], clickChange: [{
|
|
8952
|
+
type: Output
|
|
8953
|
+
}] } });
|
|
8954
|
+
|
|
8955
|
+
/**
|
|
8956
|
+
* @license
|
|
8957
|
+
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
8958
|
+
*/
|
|
8959
|
+
class WalletComponent extends NasComponentBase {
|
|
8960
|
+
get pointsBalance() {
|
|
8961
|
+
return this.walletModel?.spennEnabled ? this.walletModel?.spennBalance : this.walletModel?.cashpointsBalance;
|
|
8962
|
+
}
|
|
8963
|
+
get pointsDescription() {
|
|
8964
|
+
return this.walletModel?.spennEnabled ? this.walletModel?.texts?.spennDescription : this.walletModel?.texts?.cashPointsDescription;
|
|
8965
|
+
}
|
|
8966
|
+
get icon() {
|
|
8967
|
+
return this.walletModel?.spennEnabled ? 'spenn' : 'cashpoints-logo';
|
|
8968
|
+
}
|
|
8969
|
+
constructor() {
|
|
8970
|
+
super('nas-wallet');
|
|
8971
|
+
this.showContent = false;
|
|
8972
|
+
}
|
|
8973
|
+
onClickToggleContent() {
|
|
8974
|
+
this.showContent = !this.showContent;
|
|
8975
|
+
}
|
|
8976
|
+
myTravelsPage() {
|
|
8977
|
+
return window.location.href.includes(this.walletModel?.urls?.myTravelsUrl?.href) ? true : false;
|
|
8978
|
+
}
|
|
8979
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: WalletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8980
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: WalletComponent, selector: "nas-wallet", inputs: { walletModel: "walletModel" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('')\">\n <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('backdrop')\" (click)=\"onClickToggleContent()\"></div>\n <div [nasClass]=\"getClass('header')\">\n <div *ngIf=\"walletModel?.rewardNumber\" [nasClass]=\"getClass('header-points')\">\n <div *ngIf=\"pointsBalance >=0; else showTag\">\n <p>{{pointsBalance}}</p>\n </div>\n <ng-template #showTag>\n <nas-tag [nasClass]=\"getClass('tag--header')\" neutral [text]=\"'--'\"></nas-tag>\n </ng-template>\n <div [nasClass]=\"getClass('points-logo', icon)\">\n <nas-icon [nasClass]=\"getClass('icon')\" [type]=\"icon\"></nas-icon>\n </div>\n </div>\n </div>\n\n <button [nasClass]=\"getClass('dropdown')\" (click)=\"onClickToggleContent()\">\n <div [nasClass]=\"getClass('dropdown-icon', this.showContent && 'rotate')\">\n <nas-icon [icon]=\"'arrow-right'\" [type]=\"'chevron-down'\"></nas-icon>\n </div>\n </button>\n\n <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('content')\">\n <div *ngIf=\"walletModel?.rewardNumber\">\n <div [nasClass]=\"getClass('title')\">{{walletModel?.texts?.rewardPoints}}</div>\n <div *ngIf=\"walletModel?.spennEnabled\" [nasClass]=\"getClass('spenn')\">\n <nas-icon [type]=\"'spenn'\"></nas-icon>\n <div *ngIf=\"walletModel?.spennBalance >= 0; else showSpennTag\">\n <p>{{walletModel?.spennBalance}}</p>\n </div>\n <ng-template #showSpennTag>\n <nas-tag [nasClass]=\"getClass('tag--wallet')\" neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n </ng-template>\n </div>\n <div [nasClass]=\"getClass('cashpoints')\">\n <nas-icon [type]=\"'cashpoints-logo'\"></nas-icon>\n <div *ngIf=\"walletModel?.cashpointsBalance >= 0; else showCPTag\">\n <p>{{walletModel?.cashpointsBalance}}</p>\n </div>\n <ng-template #showCPTag>\n <nas-tag neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n </ng-template>\n </div>\n <div [nasClass]=\"getClass('info')\">{{pointsDescription}}</div>\n <div [nasClass]=\"getClass('reward')\">{{walletModel?.texts?.rewardNumber}} {{walletModel?.rewardNumber}}</div>\n </div>\n <div [nasClass]=\"getClass('button')\">\n <nas-button-new *ngIf=\"!myTravelsPage() && walletModel?.urls?.myTravelsUrl?.href\" \n light\n block\n [href]=\"walletModel?.urls?.myTravelsUrl?.href\" \n [nasClass]=\"getClass('button--mytravel')\">\n {{walletModel?.urls?.myTravelsUrl.text}}\n </nas-button-new>\n <nas-button-new *ngIf=\"walletModel?.urls?.signOutUrl?.href\" \n buttonlink \n block \n [href]=\"walletModel?.urls?.signOutUrl?.href\">\n {{walletModel?.urls?.signOutUrl?.text}}\n </nas-button-new>\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-wallet{display:inline-flex;position:unset;background-color:#fff}@media (min-width: 640px){.nas-wallet{position:relative;margin-right:24px}}.nas-wallet__header{display:flex;align-items:center}.nas-wallet__header-points,.nas-wallet__icon{display:none}@media (min-width: 640px){.nas-wallet__header-points,.nas-wallet__icon{display:flex}}.nas-wallet__points-logo{padding-top:0}.nas-wallet__points-logo--spenn{padding-top:5px}.nas-wallet__profile-name{padding-right:24px;color:#15273f}.nas-wallet__dropdown{padding:0 16px}.nas-wallet__dropdown-icon{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-wallet__dropdown-icon--rotate{transform:rotate(180deg)}.nas-wallet__content{z-index:50;background:linear-gradient(180deg,#FFF 0%,#F9F9F9 100%);box-shadow:0 0 14px #00325126;border-top:2px solid #15273F;position:absolute;padding:16px;top:70px;left:0;width:100vw}@media (min-width: 640px){.nas-wallet__content{width:334px;right:0;left:unset}}.nas-wallet__profile-user{display:none;font-size:16px;color:#15273f;padding-bottom:16px}@media (min-width: 640px){.nas-wallet__profile-user{display:block}}.nas-wallet__profile-icon{transform:scale(.75)}.nas-wallet__title{font-weight:700;font-size:18px;line-height:24px;color:#15273f;padding-bottom:16px}.nas-wallet__spenn{display:flex;justify-content:space-between}.nas-wallet__cashpoints{display:flex;justify-content:space-between;padding-bottom:16px}.nas-wallet__info{padding-bottom:12px;border-bottom:solid 1px #c3c3c3}.nas-wallet__reward{padding:12px 0;text-align:center}.nas-wallet__button{display:flex;flex-direction:column}.nas-wallet__button--mytravel{margin-bottom:16px}.nas-wallet__tag{font-size:14px}.nas-wallet__tag--header{margin-right:12px}.nas-wallet__tag--wallet{padding-bottom:6px}.nas-wallet__backdrop{z-index:10;display:block;position:fixed;top:70px;left:0;width:100%;height:100%;color:transparent;background:var(--Color-UI-Overlay-40, rgba(21, 39, 63, .4));opacity:.2;animation:fade-in .3s ease-out both}.nas-wallet p{margin:0;padding-right:8px;color:#15273f;font-weight:700;font-size:21px}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: TagComponent, selector: "nas-tag", inputs: ["info", "warning", "error", "success", "neutral", "text", "icon", "iconType"] }, { kind: "component", type: ButtonNewComponent, selector: "nas-button-new", inputs: ["primary", "secondary", "link", "light", "large", "block", "flex", "compact", "right", "spaceless", "href", "trackingvalue", "canContinueOnDisabled", "disabled", "type", "cssClass", "ariaLabel", "cssStyle", "tabindex", "overrideBaseCssClass", "useRouterLink", "id", "target", "icon", "iconLeft", "iconType", "buttonlink"], outputs: ["clickChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8981
|
+
}
|
|
8982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: WalletComponent, decorators: [{
|
|
8983
|
+
type: Component,
|
|
8984
|
+
args: [{ selector: 'nas-wallet', encapsulation: ViewEncapsulation.None, template: "<div [nasClass]=\"getClass('')\">\n <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('backdrop')\" (click)=\"onClickToggleContent()\"></div>\n <div [nasClass]=\"getClass('header')\">\n <div *ngIf=\"walletModel?.rewardNumber\" [nasClass]=\"getClass('header-points')\">\n <div *ngIf=\"pointsBalance >=0; else showTag\">\n <p>{{pointsBalance}}</p>\n </div>\n <ng-template #showTag>\n <nas-tag [nasClass]=\"getClass('tag--header')\" neutral [text]=\"'--'\"></nas-tag>\n </ng-template>\n <div [nasClass]=\"getClass('points-logo', icon)\">\n <nas-icon [nasClass]=\"getClass('icon')\" [type]=\"icon\"></nas-icon>\n </div>\n </div>\n </div>\n\n <button [nasClass]=\"getClass('dropdown')\" (click)=\"onClickToggleContent()\">\n <div [nasClass]=\"getClass('dropdown-icon', this.showContent && 'rotate')\">\n <nas-icon [icon]=\"'arrow-right'\" [type]=\"'chevron-down'\"></nas-icon>\n </div>\n </button>\n\n <div *ngIf=\"this.showContent\" [nasClass]=\"getClass('content')\">\n <div *ngIf=\"walletModel?.rewardNumber\">\n <div [nasClass]=\"getClass('title')\">{{walletModel?.texts?.rewardPoints}}</div>\n <div *ngIf=\"walletModel?.spennEnabled\" [nasClass]=\"getClass('spenn')\">\n <nas-icon [type]=\"'spenn'\"></nas-icon>\n <div *ngIf=\"walletModel?.spennBalance >= 0; else showSpennTag\">\n <p>{{walletModel?.spennBalance}}</p>\n </div>\n <ng-template #showSpennTag>\n <nas-tag [nasClass]=\"getClass('tag--wallet')\" neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n </ng-template>\n </div>\n <div [nasClass]=\"getClass('cashpoints')\">\n <nas-icon [type]=\"'cashpoints-logo'\"></nas-icon>\n <div *ngIf=\"walletModel?.cashpointsBalance >= 0; else showCPTag\">\n <p>{{walletModel?.cashpointsBalance}}</p>\n </div>\n <ng-template #showCPTag>\n <nas-tag neutral [text]=\"walletModel?.texts?.notAvailable\"></nas-tag>\n </ng-template>\n </div>\n <div [nasClass]=\"getClass('info')\">{{pointsDescription}}</div>\n <div [nasClass]=\"getClass('reward')\">{{walletModel?.texts?.rewardNumber}} {{walletModel?.rewardNumber}}</div>\n </div>\n <div [nasClass]=\"getClass('button')\">\n <nas-button-new *ngIf=\"!myTravelsPage() && walletModel?.urls?.myTravelsUrl?.href\" \n light\n block\n [href]=\"walletModel?.urls?.myTravelsUrl?.href\" \n [nasClass]=\"getClass('button--mytravel')\">\n {{walletModel?.urls?.myTravelsUrl.text}}\n </nas-button-new>\n <nas-button-new *ngIf=\"walletModel?.urls?.signOutUrl?.href\" \n buttonlink \n block \n [href]=\"walletModel?.urls?.signOutUrl?.href\">\n {{walletModel?.urls?.signOutUrl?.text}}\n </nas-button-new>\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-wallet{display:inline-flex;position:unset;background-color:#fff}@media (min-width: 640px){.nas-wallet{position:relative;margin-right:24px}}.nas-wallet__header{display:flex;align-items:center}.nas-wallet__header-points,.nas-wallet__icon{display:none}@media (min-width: 640px){.nas-wallet__header-points,.nas-wallet__icon{display:flex}}.nas-wallet__points-logo{padding-top:0}.nas-wallet__points-logo--spenn{padding-top:5px}.nas-wallet__profile-name{padding-right:24px;color:#15273f}.nas-wallet__dropdown{padding:0 16px}.nas-wallet__dropdown-icon{transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-wallet__dropdown-icon--rotate{transform:rotate(180deg)}.nas-wallet__content{z-index:50;background:linear-gradient(180deg,#FFF 0%,#F9F9F9 100%);box-shadow:0 0 14px #00325126;border-top:2px solid #15273F;position:absolute;padding:16px;top:70px;left:0;width:100vw}@media (min-width: 640px){.nas-wallet__content{width:334px;right:0;left:unset}}.nas-wallet__profile-user{display:none;font-size:16px;color:#15273f;padding-bottom:16px}@media (min-width: 640px){.nas-wallet__profile-user{display:block}}.nas-wallet__profile-icon{transform:scale(.75)}.nas-wallet__title{font-weight:700;font-size:18px;line-height:24px;color:#15273f;padding-bottom:16px}.nas-wallet__spenn{display:flex;justify-content:space-between}.nas-wallet__cashpoints{display:flex;justify-content:space-between;padding-bottom:16px}.nas-wallet__info{padding-bottom:12px;border-bottom:solid 1px #c3c3c3}.nas-wallet__reward{padding:12px 0;text-align:center}.nas-wallet__button{display:flex;flex-direction:column}.nas-wallet__button--mytravel{margin-bottom:16px}.nas-wallet__tag{font-size:14px}.nas-wallet__tag--header{margin-right:12px}.nas-wallet__tag--wallet{padding-bottom:6px}.nas-wallet__backdrop{z-index:10;display:block;position:fixed;top:70px;left:0;width:100%;height:100%;color:transparent;background:var(--Color-UI-Overlay-40, rgba(21, 39, 63, .4));opacity:.2;animation:fade-in .3s ease-out both}.nas-wallet p{margin:0;padding-right:8px;color:#15273f;font-weight:700;font-size:21px}\n"] }]
|
|
8985
|
+
}], ctorParameters: function () { return []; }, propDecorators: { walletModel: [{
|
|
8986
|
+
type: Input
|
|
8987
|
+
}] } });
|
|
8988
|
+
|
|
8720
8989
|
/**
|
|
8721
8990
|
* @license
|
|
8722
8991
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
@@ -8835,11 +9104,11 @@ class PageHeaderComponent extends NasComponentBase {
|
|
|
8835
9104
|
return this.exists(this.disableFrontPageUrl) ? 'disable-link' : 'branding';
|
|
8836
9105
|
}
|
|
8837
9106
|
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 }); }
|
|
8838
|
-
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 }); }
|
|
9107
|
+
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", walletModel: "walletModel" }, outputs: { openChange: "openChange" }, viewQueries: [{ propertyName: "menuElement", first: true, predicate: ["menu"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<header>\n <div [nasClass]=\"getClass('')\" [style.zIndex]=\"exists(nozindex) && '0'\">\n <div [nasClass]=\"getClass('content')\">\n <a [href]=\"redirectToUrl()\" [nasClass]=\"getClass(setBrandingCSSClass())\">\n <div tabindex=\"0\" [nasClass]=\"getClass('img-container')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRGVzaWduIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjggMTk4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzUuNzMsNjIuNDVjLTIyLjE3LDAtMzcuNjIsMTUuNDUtMzcuNjIsMzYuNTVzMTUuNDUsMzYuNTUsMzcuNjIsMzYuNTUsMzcuNjItMTUuMzIsMzcuNjItMzYuNTUtMTUuNDUtMzYuNTUtMzcuNjItMzYuNTVaTTE1Ny4zMiw5OWMwLTEwLjg4LDcuNjYtMTguOTUsMTguNDEtMTguOTVzMTguNDEsOC4wNiwxOC40MSwxOC45NS03LjY2LDE4Ljk1LTE4LjQxLDE4Ljk1LTE4LjQxLTguMDYtMTguNDEtMTguOTVaTTI0Mi43MSwxMzMuOTR2LTMxLjk4YzAtMTUuMDUsOC44Ny0yMC40MiwxOS44OS0yMS4yM3YtMTcuNzRjLTguMDYuMjctMTYuMTIsMy42My0yMC4yOSw5LjY3di04LjZoLTE4LjU0djY5Ljg3aDE4Ljk1Wk0zMzcuNiw2NC4wNmgtMjQuNzJjLTMuMzYsMjEuNS00LjU3LDI2LjItMTIuNjMsNTEuNi01Ljc4LTIzLjI1LTYuODUtMjkuNDMtOC44Ny01MS42aC0xOS4yMmMyLjU1LDI0LjcyLDcuMzksNDcuODQsMTQuNTEsNjkuODdoMjQuNDZjNy4yNi0yMC40MiwxMS40Mi0zNS4wNywxNC4xMS00OS44NSwyLjY5LDE0Ljc4LDYuODUsMjkuNDMsMTQuMTEsNDkuODVoMjQuNDZjNy4xMi0yMi4wNCwxMS45Ni00NS4xNSwxNC41MS02OS44N2gtMTkuMjJjLTIuMDIsMjIuMTctMy4wOSwyOC4zNS04Ljg3LDUxLjYtOC4wNi0yNS40LTkuMjctMzAuMS0xMi42My01MS42Wk00MjEuOTgsMTM1LjU1YzE2LjI2LDAsMjkuMDItOC4zMywzNS42MS0yMy4yNWgtMjIuMDRjLTMuMjMsNC4wMy03LjY2LDYuMDUtMTMuNDQsNi4wNS05LDAtMTUuNDUtNC45Ny0xNy42LTEyLjloNTQuNjl2LTUuMTFjMC0yMi4wNC0xNS4wNS0zNy44OS0zNy4wOS0zNy44OXMtMzcuMzYsMTUuMzItMzcuMzYsMzYuNTUsMTUuNDUsMzYuNTUsMzcuMjIsMzYuNTVaTTQwNC45Miw5MS4zNGMyLjU1LTcuMTIsOC42LTExLjY5LDE3LjMzLTExLjY5czE0LjM4LDQuNDMsMTYuOCwxMS42OWgtMzQuMTNaTTUwNC45NSwxNTkuNzRjMjAuNTYsMCwzMy4wNi0xMi42MywzMy4wNi0zMy4xOXYtNjIuNDhoLTE4LjU0djYuNThjLTMuNzYtNC45Ny0xMS4yOS04LjItMTkuMjItOC4yLTE4LjU0LDAtMzIuMjUsMTQuNjUtMzIuMjUsMzQuMjdzMTMuODQsMzQuMjcsMzIuMjUsMzQuMjdjNy42NiwwLDE1LjA1LTMuMDksMTguODEtNy43OXYyLjgyYzAsMTAuMzUtNS4xMSwxNi4yNi0xNC4yNCwxNi4yNi01Ljc4LDAtMTAuMzUtMi40Mi0xMS45Ni02LjMyaC0yMi4zMWMzLjYzLDE0LjUxLDE2LjkzLDIzLjc4LDM0LjQsMjMuNzhaTTUwMy42MSwxMTMuMzhjLTkuNjcsMC0xNi4zOS02LjcyLTE2LjM5LTE2LjY2czYuNTgtMTYuNjYsMTYuMzktMTYuNjYsMTYuNTMsNi44NSwxNi41MywxNi42Ni02LjcyLDE2LjY2LTE2LjUzLDE2LjY2Wk01ODUuODQsODUuNDNoMjAuOTZjMS40OC00LjAzLDUuMjQtNi4zMiwxMC40OC02LjMyLDUuNTEsMCw4Ljg3LDIuNDIsOC44Nyw2LjE4LDAsMy4wOS0yLjI4LDQuODQtNi45OSw1LjM4bC0xMS4wMiwxLjM0Yy0xNS45OSwxLjg4LTI0LjA1LDktMjQuMDUsMjEuMzcsMCwxMy4zLDkuNTQsMjIuMTcsMjQuMTksMjIuMTcsNy43OSwwLDE0LjY1LTMuMjIsMTguMjgtOC40N3Y2Ljg1aDE4LjU0di00Ni4wOWMwLTE2LjM5LTkuODEtMjUuNC0yNy45NS0yNS40LTE2LjEzLDAtMjcuMDEsOC4wNi0zMS4zMSwyMi45OFpNNjAzLjA0LDExMS45YzAtMy42MywyLjQyLTUuNzgsOC4yLTYuNThsNy43OS0xLjA4YzIuNjktLjQsNC45Ny0uOTQsNy4xMi0xLjQ4djEuNjFjMCw4Ljg3LTUuMTEsMTQuMzgtMTMuODQsMTQuMzgtNS41MSwwLTkuMjctMi42OS05LjI3LTYuODVaTTY1OS4zLDEzMy45NGgxOC45NXYtMzguM2MwLTkuODEsNS4yNC0xNS41OSwxMy44NC0xNS41OXMxMi42Myw1LjM4LDEyLjYzLDE1LjMydjM4LjU3aDE4Ljk1di00MS43OWMwLTE4LjE0LTEwLjQ4LTI5LjctMjcuMTQtMjkuNy04LjIsMC0xNC43OCwyLjk2LTE4LjY4LDguNDd2LTYuODVoLTE4LjU0djY5Ljg3Wk01NTAuMzMsNDcuNGMwLTcuMTIsNS4yNC0xMS45NiwxMS45Ni0xMS45NnMxMS45Niw0Ljg0LDExLjk2LDExLjk2LTUuMjQsMTEuOTYtMTEuOTYsMTEuOTYtMTEuOTYtNC44NC0xMS45Ni0xMS45NlpNNTcxLjcsNjQuMDZ2NjkuODdoLTE4Ljk1di02OS44N2gxOC45NVpNNjQsMTMzLjk0aDE4Ljk1di0zOC4zYzAtOS44MSw1LjI0LTE1LjU5LDEzLjg0LTE1LjU5czEyLjYzLDUuMzgsMTIuNjMsMTUuMzJ2MzguNTdoMTguOTV2LTQxLjc5YzAtMTguMTQtMTAuNDgtMjkuNy0yNy4xNC0yOS43LTguMiwwLTE0Ljc4LDIuOTYtMTguNjgsOC40N3YtNi44NWgtMTguNTR2NjkuODdaTTg2Mi43OSw2Mi44NWMtMi4xNCw0LjczLTYuODksMTAuMzEtMTQuMTIsMTYuNTlsLTE1LjYxLDEzLjU3LS4xNy4xNSwxOS40NCwzNC4zMWMuNzEsMS4yNS41MSwyLjg0LS40OSwzLjg3bC0yLjg1LDIuOTctMzEuMTctMjAuNyw2LjcxLTkuOTctMi4xLTEuMzktMTUuMDUsMTMuMDhjLTE1LjQzLDEzLjM3LTMyLjc1LDIxLjA5LTQ1LjIxLDIwLjE1LTUuMDQtLjM4LTguOTMtMi4xNC0xMS41Ny01LjIzLTcuMzUtOC41MS0zLjA2LTI1LjQxLDEwLjY4LTQyLjA5bDEuNjEsMS4wN2MtNy4yNywxMC4wOC05LjE4LDE5Ljc0LTQuODUsMjQuNjYsMS43MSwxLjk5LDQuMTMsMy4xMiw3LjIxLDMuMzUsNy42My41OCwxOC40LTQuNDMsMjguODEtMTMuMzlsMy44OC0zLjQ1LTQ3LjktMzEuOCwzLjAxLTIuNjFjMi4xMi0xLjg0LDUuMDktMi40Myw3Ljc2LTEuNTRsNjYuNjMsMjIuMjcsMi40OC0yLjE1Yy00Ljk2LTMuMzQtOS41My05LjM2LTguMDMtMTQuODJsMTAuOTQtOS41MWMzLjQzLTIuOTgsNy40LTUuMTMsMTEuODEtNi40LDQuNi0xLjMyLDguNTEtMS4zNSwxMC45OS0xLjE1LDMuNTIuMyw2LjQ2LDEuMyw3LjUsMi41NS42LjczLDEuNzgsMi45NC0uMzQsNy42WiIvPgo8L3N2Zz4=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'large')\" />\n <img *ngIf=\"reward\"\n src=\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='1024' height='768'%3e%3cg transform='matrix(5.496511 0 0 5.496511 2121.6533 -1156.9468)'%3e%3cg%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-376.9 295.6L-377 295.5C -377.3 294.9 -377.3 294 -377.3 293.5C -377.4 291.6 -377.59998 290.3 -379.3 290.3L-379.3 290.3L-379.5 290.3L-383.7 290.3L-383.7 295.59998L-385.30002 295.59998L-385.30002 283.19998L-379.50003 283.19998C -377.10004 283.19998 -375.60004 284.49997 -375.60004 286.49997C -375.60004 287.89996 -376.20004 288.89996 -377.30005 289.49997C -376.20004 289.99997 -375.90005 291.09998 -375.80005 292.19998C -375.80005 292.4 -375.80005 292.59998 -375.70004 292.9C -375.60004 293.69998 -375.60004 294.8 -375.20004 295.19998L-375.20004 295.19998L-374.90005 295.59998L-376.9 295.59998L-376.9 295.6zM-379.6 289C -378.4 289 -377.2 288.3 -377.2 286.9C -377.2 285.5 -378 284.8 -379.6 284.8L-379.6 284.8L-383.6 284.8L-383.6 289L-379.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-379.5 283.5C -377.5 283.5 -375.9 284.5 -375.9 286.6C -375.9 288.1 -376.69998 289.30002 -378.19998 289.6C -376.59998 289.80002 -376.19998 290.9 -376.09998 292.30002C -375.99997 293.1 -375.99997 294.80002 -375.49997 295.40002L-375.49997 295.40002L-376.79996 295.40002C -377.09995 294.90002 -377.09995 294.00003 -377.09995 293.50003C -377.19995 291.80002 -377.29996 290.10004 -379.29996 290.10004C -379.39996 290.10004 -379.39996 290.10004 -379.49997 290.10004L-379.49997 290.10004L-383.89996 290.10004L-383.89996 295.40002L-384.99997 295.40002L-384.99997 283.50003L-379.5 283.50003L-379.5 283.5zM-383.9 289.2L-379.6 289.2C -378.2 289.2 -377 288.30002 -377 286.90002C -377 285.40002 -377.9 284.50003 -379.6 284.50003L-379.6 284.50003L-383.9 284.50003L-383.9 289.2zM-379.5 283L-385 283L-385.5 283L-385.5 283.5L-385.5 295.4L-385.5 295.9L-385 295.9L-383.9 295.9L-383.4 295.9L-383.4 295.4L-383.4 290.6L-379.5 290.6C -379.4 290.6 -379.4 290.6 -379.3 290.6C -377.9 290.6 -377.69998 291.5 -377.59998 293.5C -377.59998 294.2 -377.59998 295.1 -377.19998 295.6L-377.19998 295.6L-377.09998 295.80002L-376.8 295.80002L-375.5 295.80002L-374.4 295.80002L-375.1 295.00003C -375.4 294.70004 -375.5 293.50003 -375.5 292.80002C -375.5 292.50003 -375.5 292.30002 -375.6 292.1C -375.7 291.1 -375.9 290 -376.80002 289.4C -375.90002 288.8 -375.40002 287.69998 -375.40002 286.4C -375.4 284.4 -377 283 -379.5 283zM-383.4 285L-379.6 285C -378.2 285 -377.5 285.6 -377.5 286.9C -377.5 288.1 -378.6 288.69998 -379.6 288.69998L-379.6 288.69998L-383.4 288.69998L-383.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-368.9 295.8L-368.9 283.3L-360.1 283.3L-360.1 284.8L-367.3 284.8L-367.3 288.5L-360.5 288.5L-360.5 290L-367.3 290L-367.3 294.3L-360 294.3L-360 295.8L-368.9 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.4 283.5L-360.4 284.5L-367.5 284.5L-367.5 288.8L-360.8 288.8L-360.8 289.8L-367.5 289.8L-367.5 294.5L-360.3 294.5L-360.3 295.5L-368.59998 295.5L-368.59998 283.5L-360.4 283.5zM-368.6 283.5L-368.7 283.5L-368.6 283.5zM-359.9 283L-360.4 283L-368.6 283L-368.7 283L-369.1 283L-369.1 283.5L-369.1 295.5L-369.1 296L-368.6 296L-360.30002 296L-359.80002 296L-359.80002 295.5L-359.80002 294.5L-359.80002 294L-360.30002 294L-367.00003 294L-367.00003 290.3L-360.80002 290.3L-360.30002 290.3L-360.30002 289.8L-360.30002 288.8L-360.30002 288.3L-360.80002 288.3L-367.00003 288.3L-367.00003 285L-360.40002 285L-359.90002 285L-359.90002 284.5L-359.90002 283.5L-359.90002 283L-359.9 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-344.6 295.8L-347.4 285.7L-350.2 295.8L-351.8 295.8L-355.2 283.3L-353.5 283.3L-351 293L-348.2 283.3L-346.4 283.3L-343.7 293L-341.2 283.3L-339.6 283.3L-343 295.8L-344.6 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-339.9 283.5L-343.19998 295.5L-344.4 295.5L-347.4 284.8L-350.4 295.5L-351.6 295.5L-354.9 283.5L-353.69998 283.5L-350.99997 294L-347.99997 283.5L-346.59998 283.5L-343.69998 294L-340.99997 283.5L-339.9 283.5zM-339.2 283L-339.90002 283L-341.00003\n 283L-341.40002 283L-341.50003 283.4L-343.70004 292.1L-346.10004 283.4L-346.20004 283L-346.60004 283L-348.00003 283L-348.40002 283L-348.50003 283.4L-351.00003 292.1L-353.20004 283.4L-353.30005 283L-353.70004 283L-354.90005 283L-355.60007 283L-355.40005 283.6L-352.10007 295.6L-352.00006 296L-351.60007 296L-350.40005 296L-350.00006 296L-349.90005 295.6L-347.40005 286.6L-344.90005 295.6L-344.80005 296L-344.40005 296L-343.20004 296L-342.80005 296L-342.70004 295.6L-339.40005 283.6L-339.2 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-325.6 295.8L-327.1 292.09998L-332.2 292.09998L-333.6 295.8L-335.4 295.8L-330.4 283.3L-328.8 283.3L-323.9 295.8L-325.6 295.8zM-327.7 290.5L-329.6 285.3L-331.6 290.5L-327.7 290.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-328.9 283.5L-324.19998 295.5L-325.4 295.5L-326.9 291.8L-332.3 291.8L-333.69998 295.5L-334.99997 295.5L-330.19998 283.5L-328.9 283.5zM-332 290.8L-327.3 290.8L-329.59998 284.69998L-332 290.8zM-328.6 283L-328.9 283L-330.19998 283L-330.49997 283L-330.59998 283.3L-335.39996 295.3L-335.69995 296L-334.99994 296L-333.69995 296L-333.39996 296L-333.29996 295.7L-331.99997 292.30002L-327.29996 292.30002L-325.89996 295.7L-325.79996 296L-325.49997 296L-324.29996 296L-323.59995 296L-323.89993 295.3L-328.59995 283.3L-328.6 283zM-331.3 290.3L-329.59998 286.09998L-327.99997 290.3L-331.3 290.3z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-310 295.6L-310.1 295.5C -310.4 294.9 -310.4 294 -310.4 293.5C -310.5 291.6 -310.69998 290.3 -312.4 290.3L-312.4 290.3L-312.6 290.3L-316.7 290.3L-316.7 295.59998L-318.30002 295.59998L-318.30002 283.19998L-312.7 283.19998C -310.30002 283.19998 -308.80002 284.49997 -308.80002 286.49997C -308.80002 287.89996 -309.40002 288.89996 -310.50003 289.49997C -309.40002 289.99997 -309.10004 291.09998 -309.00003 292.19998C -309.00003 292.4 -309.00003 292.59998 -308.90002 292.9C -308.80002 293.69998 -308.80002 294.8 -308.40002 295.19998L-308.40002 295.19998L-308.10004 295.59998L-310 295.59998L-310 295.6zM-312.6 289C -311.4 289 -310.2 288.3 -310.2 286.9C -310.2 285.5 -311 284.8 -312.6 284.8L-312.6 284.8L-316.6 284.8L-316.6 289L-312.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-312.6 283.5C -310.6 283.5 -309 284.5 -309 286.6C -309 288.1 -309.8 289.30002 -311.3 289.6C -309.69998 289.80002 -309.3 290.9 -309.19998 292.30002C -309.09998 293.1 -309.09998 294.80002 -308.59998 295.40002L-308.59998 295.40002L-309.89996 295.40002C -310.19995 294.90002 -310.19995 294.00003 -310.19995 293.50003C -310.29996 291.80002 -310.39996 290.10004 -312.39996 290.10004C -312.49997 290.10004 -312.49997 290.10004 -312.59998 290.10004L-312.59998 290.10004L-316.89996 290.10004L-316.89996 295.40002L-317.99997 295.40002L-317.99997 283.50003L-312.6 283.50003L-312.6 283.5zM-316.9 289.2L-312.6 289.2C -311.2 289.2 -310 288.30002 -310 286.90002C -310 285.40002 -310.9 284.50003 -312.6 284.50003L-312.6 284.50003L-316.9 284.50003L-316.9 289.2zM-318 283.5L-318.1 283.5L-318 283.5zM-312.6 283L-318 283L-318.1 283L-318.5 283L-318.5 283.5L-318.5 295.4L-318.5 295.9L-318 295.9L-316.9 295.9L-316.4 295.9L-316.4 295.4L-316.4 290.6L-312.6 290.6C -312.5 290.6 -312.5 290.6 -312.4 290.6C -311 290.6 -310.8 291.5 -310.69998 293.5C -310.69998 294.2 -310.69998 295.1 -310.3 295.6L-310.3 295.6L-310.19998 295.80002L-309.9 295.80002L-308.6 295.80002L-307.5 295.80002L-308.2 295.00003C -308.5 294.70004 -308.6 293.50003 -308.6 292.80002C -308.6 292.50003 -308.6 292.30002 -308.7 292.1C -308.80002 291.1 -309 290 -309.90002 289.4C -309.00003 288.8 -308.50003 287.69998 -308.50003 286.4C -308.5 284.4 -310.1 283 -312.6 283zM-316.4 285L-312.6 285C -311.2 285 -310.5 285.6 -310.5 286.9C -310.5 288.1 -311.6 288.69998 -312.6 288.69998L-312.6 288.69998L-316.4 288.69998L-316.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-302 295.8L-302 283.3L-297.7 283.3C -293.90002 283.4 -291.90002 285.59998 -291.90002 289.59998C -291.90002 293.59998 -293.90002 295.69998 -297.60004 295.89996L-297.60004 295.89996L-302 295.89996L-302 295.8zM-298.3 294.3C -295 294.3 -293.69998 293 -293.69998 289.5C -293.69998 286 -294.99997 284.7 -298.3 284.7L-298.3 284.7L-300.5 284.7L-300.5 294.2L-298.3 294.2z' stroke='none' fill='%23FFFFFF'\n fill-rule='nonzero' /%3e%3cpath d='M-297.7 283.5C -294.1 283.6 -292.2 285.6 -292.2 289.5C -292.2 293.4 -294.1 295.4 -297.7 295.5L-297.7 295.5L-301.80002 295.5L-301.80002 283.5L-297.7 283.5zM-300.7 294.5L-298.30002 294.5C -294.90002 294.5 -293.40002 293.1 -293.40002 289.5C -293.40002 285.9 -294.90002 284.5 -298.30002 284.5L-298.30002 284.5L-300.7 284.5L-300.7 294.5zM-297.7 283L-301.80002 283L-302.30002 283L-302.30002 283.5L-302.30002 295.5L-302.30002 296L-301.80002 296L-297.7 296C -293.80002 295.9 -291.7 293.6 -291.7 289.5C -291.7 285.4 -293.8 283.1 -297.7 283zM-300.2 285L-298.30002 285C -295.1 285 -293.90002 286.2 -293.90002 289.5C -293.90002 292.8 -295.10004 294 -298.30002 294L-298.30002 294L-300.2 294L-300.2 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-386 264.4L-380.8 264.4L-380.8 265.8C -378.3 263.59998 -375 263.5 -372.9 264.8C -370.6 266.19998 -370.6 268.4 -370.6 270.8L-370.6 270.8L-370.6 278L-375.80002 278L-375.80002 272.2C -375.80002 270.90002 -375.7 269.2 -377.00003 268.30002C -377.60004 268.00003 -378.90002 268.00003 -379.60004 268.50003C -380.90002 269.50003 -380.80005 270.60004 -380.80005 272.50003L-380.80005 272.50003L-380.80005 278.00003L-386.00006 278.00003L-386.00006 264.4L-386 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.1 267.6C -359.30002 267.4 -358 267.6 -357.2 268.5C -356.40002 269.4 -356.1 270.6 -356.30002 271.6C -356.40002 272.6 -357.00003 273.6 -358.00003 274.2C -358.90002 274.7 -360.20004 274.7 -361.20004 274C -362.00003 273.4 -362.50003 272.4 -362.60004 271.4C -362.60004 270.5 -362.50003 269.3 -361.50003 268.3C -360.9 267.9 -360.5 267.7 -360.1 267.6zM-364.2 265C -366.40002 266.2 -367.5 268 -367.7 270.3C -367.90002 272.09998 -367.5 274.3 -366 275.9C -363.3 278.69998 -358.5 278.8 -355.8 277.9C -353.59998 277.1 -351.69998 275.9 -350.9 273C -350.4 271.1 -350.6 269.1 -351.9 267.3C -354.1 264 -358.69998 263.69998 -360.6 264C -361.7 264.1 -363.1 264.4 -364.2 265z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-324 270.7C -324 271 -324.1 271.2 -324.4 272.1L-324.4 272.1L-326.3 278.1L-331.59998 278.1L-336.8 264.4L-331.09998 264.4L-329.3 270.1C -329 271.1 -328.9 271.4 -328.9 271.7C -328.9 271.40002 -328.8 271.2 -328.5 270.1L-328.5 270.1L-326.7 264.4L-321.1 264.4L-319.30002 270.1C -319.00003 271.1 -319.00003 271.4 -319.00003 271.7C -319.00003 271.40002 -318.90002 271.2 -318.60004 270.1L-318.60004 270.1L-316.80005 264.4L-311.10004 264.4L-316.30005 278L-321.60004 278L-323.50003 272.1C -323.9 271.1 -323.9 271 -324 270.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-298.3 269.5L-304.4 269.5C -304 268 -303.1 267.5 -302.1 267.3C -301 267.1 -299.1 267.4 -298.3 269.5zM-294.7 266.5C -297.2 263.6 -302.2 263.5 -304.6 264.3C -306.9 265 -308.80002 266.19998 -309.6 269.19998C -310.2 271.4 -309.9 273.4 -308.7 275.3C -306.30002 278.8 -301.5 278.59998 -299.30002 278.3C -297.6 278 -294.50003 277.09998 -293.40002 274.09998L-293.40002 274.09998L-293.30002 273.99997L-298.40002 273.39996C -298.60004 273.59998 -298.7 273.79996 -299.2 274.19995C -300.1 274.79996 -301.90002 274.69995 -302.7 274.49994C -303.6 274.09995 -304.30002 273.09995 -304.40002 272.39993L-304.40002 272.39993L-292.90002 272.39993L-292.90002 272.19992C -292.8 270.3 -293.3 268 -294.7 266.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-283.7 268.4C -283 268.19998 -281.5 268.3 -280.80002 269.19998C -280.30002 269.69998 -280.1 270.3 -280.1 270.99997C -280.2 271.59998 -280.5 272.29996 -281.1 272.69998C -282 273.3 -283.4 273.19998 -284.30002 272.8C -284.90002 272.4 -285.40002 272 -285.50003 271.19998C -285.60004 270.69998 -285.50003 269.9 -285.00003 269.3C -284.6 268.8 -284.2 268.5 -283.7 268.4zM-290.2 278.6C -290.1 279.6 -289.80002 280.30002 -289.7 280.6C -288.40002 282.9 -286 283.4 -283.1 283.4C -280.2 283.4 -277.9 283.19998 -276.2 281.3C -274.7 279.5 -274.90002 277.3 -274.90002 275.3L-274.90002 275.3L-274.90002 264.4L-280.10004 264.4L-280.10004 265.6C -281.30005 264.5 -282.50003 264.1 -283.40002 264C -285.30002 263.7 -287.90002 264.4 -289.50003 266.4C -290.80002 268.1 -291.00003 270.5 -290.80002 272.19998C -290.50003 274.3 -289.40002 275.8 -287.50003 276.8C -285.40002 277.9 -282.10004 277.69998 -280.20004 276.09998C\n -280.20004 276.69998 -280.20004 277.89996 -280.40005 278.39996C -280.80005 279.19995 -281.50006 279.49997 -282.10007 279.59998C -282.60007 279.69998 -284.20007 279.99997 -284.70007 278.89996C -284.80008 278.69995 -284.80008 278.59998 -284.9001 278.49997L-284.9001 278.49997L-290.2 278.6z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-271 259.3L-265.8 259.3L-265.8 262.8L-271 262.8L-271 259.3zM-271 264.4L-265.8 264.4L-265.8 278L-271 278L-271 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-251.9 272C -252.4 273.7 -253.4 274.3 -254.7 274.5C -255.4 274.6 -256.7 274.7 -257.3 273.7C -257.4 273.5 -257.5 272.90002 -257.4 272.7C -257 271.90002 -256.3 272 -254.7 272L-254.7 272L-251.9 272zM-257.2 268.2C -257.1 267.90002 -257 267.6 -256.7 267.40002C -256 266.90002 -253.50002 267.00003 -252.90001 267.40002C -252.1 267.80002 -252.00002 268.40002 -251.90001 269.30002C -251.90001 269.30002 -253.50002 269.2 -254.6 269.30002C -255.90001 269.40002 -256.4 269.40002 -257.6 269.6C -259.9 269.9 -262.1 270.30002 -262.7 273C -263.1 274.9 -262.6 276.6 -260.80002 277.7L-260.80002 277.7L-260.7 277.80002C -258.1 278.90002 -254.80002 278.50003 -251.90001 276.80002C -251.90001 276.80002 -251.90001 277.6 -251.70001 278.00003L-251.70001 278.00003L-245.70001 278.00003C -246.30002 277.40002 -246.6 276.50003 -246.6 275.20004L-246.6 275.20004L-246.6 269.30005C -246.6 268.20004 -246.5 266.70004 -247.20001 265.80005C -248.40001 264.20004 -250.70001 263.80005 -254.6 263.80005C -257.80002 263.80005 -260 263.90005 -261.2 265.60004C -261.80002 266.40002 -261.90002 267.10004 -262 268.20004L-262 268.20004L-257.2 268.20004z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-242.7 264.4L-237.5 264.4L-237.5 265.8C -235 263.59998 -231.7 263.5 -229.6 264.8C -227.3 266.19998 -227.3 268.4 -227.3 270.8L-227.3 270.8L-227.3 278L-232.5 278L-232.5 272.2C -232.5 270.90002 -232.4 269.2 -233.7 268.40002C -234.3 268.00003 -235.59999 268.00003 -236.4 268.60004C -237.7 269.60004 -237.59999 270.70004 -237.59999 272.60004L-237.59999 272.60004L-237.59999 278.10004L-242.79999 278.10004L-242.7 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath d='M-338.6 264.2L-338.6 269.5C -340.2 269.5 -341.30002 269.7 -342.30002 270.4L-342.30002 270.4L-342.30002 278L-347.50003 278L-347.50003 264.4L-342.30002 264.4L-342.30002 266C -342.00003 265.5 -341.40002 265 -340.50003 264.6C -340.2 264.4 -339.2 264.2 -338.6 264.2z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M-220 289.7C -236.4 298.2 -252.6 303.40002 -260.4 301.80002C -267.19998 300.40002 -263.9 291.00003 -254.09999 283.30002L-254.09999 283.30002L-252.09999 283.30002C -259.8 289.80002 -260.4 297.90002 -255.49998 298.50003C -249.89998 299.20004 -235.69998 296.10004 -221.09998 289.40002L-221.09998 289.40002L-220 289.7z' stroke='none' fill='%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 </ng-container>\n\n <ng-template #linksHref>\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [href]=\"link.link\" [title]=\"link.description\"\n [nasClass]=\"getClass('link')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-template>\n\n <ng-container>\n <div *ngFor=\"let link of links\" [nasClass]=\"getClass('action')\">\n <nas-button link *ngIf=\"!link.link && link.action\" [nasClass]=\"getClass('button')\" [ngModel]=\"links\"\n (clickChange)=\"onLinkClick(link)\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </nas-button>\n </div>\n </ng-container>\n\n <span tabindex=\"0\" [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\n <span [nasClass]=\"!isAuthenticated ? getClass('logged-out') : getClass('')\">\n <ng-template #profileLinksTemplate>\n <nas-icon [icon]=\"profileLink.icon\" [nasClass]=\"getClass('link-icon')\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{profileLink.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else profileHref\">\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [routerLink]=\"profileLink.link\"\n [nasClass]=\"getClass('link')\" [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #profileHref>\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [href]=\"profileLink.link\" [nasClass]=\"getClass('link')\"\n [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-template>\n\n <ng-container>\n <nas-button link *ngIf=\"!profileLink.link && profileLink.action\" [nasClass]=\"getClass('button')\"\n [ngModel]=\"profileLink\" (clickChange)=\"onLinkClick(profileLink)\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </nas-button>\n </ng-container>\n\n <ng-template #logoutLinkTemplate let-link=\"link\">\n <span [nasClass]=\"getClass('link-logout')\">{{logOutLink.title}}</span>\n </ng-template>\n <span *ngIf=\"!walletModel; else wallet\">\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated\"\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 </span>\n <ng-template #wallet>\n <span tabindex=\"0\" [nasClass]=\"getClass('wallet')\" *ngIf=\"isAuthenticated\">\n <nas-wallet [walletModel]=\"walletModel\"></nas-wallet>\n </span>\n </ng-template>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span *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:unset;z-index:40;height:70px;display:flex;background-color:#fff;align-items:center}.nas-page-header__menu{position:fixed;top:70px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 36px;color:#fff;outline:0;background-color:#e5212d;z-index:30;animation:menu-in .3s cubic-bezier(0,0,.1,1) both}.nas-page-header__menu .nas-container{padding:0}.nas-page-header__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header__menu--item-logout{display:none}}.nas-page-header__menu a{color:#fff;font-family: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:unset;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}@media (min-width: 640px){.nas-page-header__right-content{position:relative}}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__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;margin-right:16px}@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: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "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"] }, { kind: "component", type: WalletComponent, selector: "nas-wallet", inputs: ["walletModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
8839
9108
|
}
|
|
8840
9109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
8841
9110
|
type: Component,
|
|
8842
|
-
args: [{ selector: 'nas-page-header', encapsulation: ViewEncapsulation.None, template: "<header>\n <div [nasClass]=\"getClass('')\" [style.zIndex]=\"exists(nozindex) && '0'\">\n <div [nasClass]=\"getClass('content')\">\n <a [href]=\"redirectToUrl()\" [nasClass]=\"getClass(setBrandingCSSClass())\">\n <div tabindex=\"0\" [nasClass]=\"getClass('img-container')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRGVzaWduIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjggMTk4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzUuNzMsNjIuNDVjLTIyLjE3LDAtMzcuNjIsMTUuNDUtMzcuNjIsMzYuNTVzMTUuNDUsMzYuNTUsMzcuNjIsMzYuNTUsMzcuNjItMTUuMzIsMzcuNjItMzYuNTUtMTUuNDUtMzYuNTUtMzcuNjItMzYuNTVaTTE1Ny4zMiw5OWMwLTEwLjg4LDcuNjYtMTguOTUsMTguNDEtMTguOTVzMTguNDEsOC4wNiwxOC40MSwxOC45NS03LjY2LDE4Ljk1LTE4LjQxLDE4Ljk1LTE4LjQxLTguMDYtMTguNDEtMTguOTVaTTI0Mi43MSwxMzMuOTR2LTMxLjk4YzAtMTUuMDUsOC44Ny0yMC40MiwxOS44OS0yMS4yM3YtMTcuNzRjLTguMDYuMjctMTYuMTIsMy42My0yMC4yOSw5LjY3di04LjZoLTE4LjU0djY5Ljg3aDE4Ljk1Wk0zMzcuNiw2NC4wNmgtMjQuNzJjLTMuMzYsMjEuNS00LjU3LDI2LjItMTIuNjMsNTEuNi01Ljc4LTIzLjI1LTYuODUtMjkuNDMtOC44Ny01MS42aC0xOS4yMmMyLjU1LDI0LjcyLDcuMzksNDcuODQsMTQuNTEsNjkuODdoMjQuNDZjNy4yNi0yMC40MiwxMS40Mi0zNS4wNywxNC4xMS00OS44NSwyLjY5LDE0Ljc4LDYuODUsMjkuNDMsMTQuMTEsNDkuODVoMjQuNDZjNy4xMi0yMi4wNCwxMS45Ni00NS4xNSwxNC41MS02OS44N2gtMTkuMjJjLTIuMDIsMjIuMTctMy4wOSwyOC4zNS04Ljg3LDUxLjYtOC4wNi0yNS40LTkuMjctMzAuMS0xMi42My01MS42Wk00MjEuOTgsMTM1LjU1YzE2LjI2LDAsMjkuMDItOC4zMywzNS42MS0yMy4yNWgtMjIuMDRjLTMuMjMsNC4wMy03LjY2LDYuMDUtMTMuNDQsNi4wNS05LDAtMTUuNDUtNC45Ny0xNy42LTEyLjloNTQuNjl2LTUuMTFjMC0yMi4wNC0xNS4wNS0zNy44OS0zNy4wOS0zNy44OXMtMzcuMzYsMTUuMzItMzcuMzYsMzYuNTUsMTUuNDUsMzYuNTUsMzcuMjIsMzYuNTVaTTQwNC45Miw5MS4zNGMyLjU1LTcuMTIsOC42LTExLjY5LDE3LjMzLTExLjY5czE0LjM4LDQuNDMsMTYuOCwxMS42OWgtMzQuMTNaTTUwNC45NSwxNTkuNzRjMjAuNTYsMCwzMy4wNi0xMi42MywzMy4wNi0zMy4xOXYtNjIuNDhoLTE4LjU0djYuNThjLTMuNzYtNC45Ny0xMS4yOS04LjItMTkuMjItOC4yLTE4LjU0LDAtMzIuMjUsMTQuNjUtMzIuMjUsMzQuMjdzMTMuODQsMzQuMjcsMzIuMjUsMzQuMjdjNy42NiwwLDE1LjA1LTMuMDksMTguODEtNy43OXYyLjgyYzAsMTAuMzUtNS4xMSwxNi4yNi0xNC4yNCwxNi4yNi01Ljc4LDAtMTAuMzUtMi40Mi0xMS45Ni02LjMyaC0yMi4zMWMzLjYzLDE0LjUxLDE2LjkzLDIzLjc4LDM0LjQsMjMuNzhaTTUwMy42MSwxMTMuMzhjLTkuNjcsMC0xNi4zOS02LjcyLTE2LjM5LTE2LjY2czYuNTgtMTYuNjYsMTYuMzktMTYuNjYsMTYuNTMsNi44NSwxNi41MywxNi42Ni02LjcyLDE2LjY2LTE2LjUzLDE2LjY2Wk01ODUuODQsODUuNDNoMjAuOTZjMS40OC00LjAzLDUuMjQtNi4zMiwxMC40OC02LjMyLDUuNTEsMCw4Ljg3LDIuNDIsOC44Nyw2LjE4LDAsMy4wOS0yLjI4LDQuODQtNi45OSw1LjM4bC0xMS4wMiwxLjM0Yy0xNS45OSwxLjg4LTI0LjA1LDktMjQuMDUsMjEuMzcsMCwxMy4zLDkuNTQsMjIuMTcsMjQuMTksMjIuMTcsNy43OSwwLDE0LjY1LTMuMjIsMTguMjgtOC40N3Y2Ljg1aDE4LjU0di00Ni4wOWMwLTE2LjM5LTkuODEtMjUuNC0yNy45NS0yNS40LTE2LjEzLDAtMjcuMDEsOC4wNi0zMS4zMSwyMi45OFpNNjAzLjA0LDExMS45YzAtMy42MywyLjQyLTUuNzgsOC4yLTYuNThsNy43OS0xLjA4YzIuNjktLjQsNC45Ny0uOTQsNy4xMi0xLjQ4djEuNjFjMCw4Ljg3LTUuMTEsMTQuMzgtMTMuODQsMTQuMzgtNS41MSwwLTkuMjctMi42OS05LjI3LTYuODVaTTY1OS4zLDEzMy45NGgxOC45NXYtMzguM2MwLTkuODEsNS4yNC0xNS41OSwxMy44NC0xNS41OXMxMi42Myw1LjM4LDEyLjYzLDE1LjMydjM4LjU3aDE4Ljk1di00MS43OWMwLTE4LjE0LTEwLjQ4LTI5LjctMjcuMTQtMjkuNy04LjIsMC0xNC43OCwyLjk2LTE4LjY4LDguNDd2LTYuODVoLTE4LjU0djY5Ljg3Wk01NTAuMzMsNDcuNGMwLTcuMTIsNS4yNC0xMS45NiwxMS45Ni0xMS45NnMxMS45Niw0Ljg0LDExLjk2LDExLjk2LTUuMjQsMTEuOTYtMTEuOTYsMTEuOTYtMTEuOTYtNC44NC0xMS45Ni0xMS45NlpNNTcxLjcsNjQuMDZ2NjkuODdoLTE4Ljk1di02OS44N2gxOC45NVpNNjQsMTMzLjk0aDE4Ljk1di0zOC4zYzAtOS44MSw1LjI0LTE1LjU5LDEzLjg0LTE1LjU5czEyLjYzLDUuMzgsMTIuNjMsMTUuMzJ2MzguNTdoMTguOTV2LTQxLjc5YzAtMTguMTQtMTAuNDgtMjkuNy0yNy4xNC0yOS43LTguMiwwLTE0Ljc4LDIuOTYtMTguNjgsOC40N3YtNi44NWgtMTguNTR2NjkuODdaTTg2Mi43OSw2Mi44NWMtMi4xNCw0LjczLTYuODksMTAuMzEtMTQuMTIsMTYuNTlsLTE1LjYxLDEzLjU3LS4xNy4xNSwxOS40NCwzNC4zMWMuNzEsMS4yNS41MSwyLjg0LS40OSwzLjg3bC0yLjg1LDIuOTctMzEuMTctMjAuNyw2LjcxLTkuOTctMi4xLTEuMzktMTUuMDUsMTMuMDhjLTE1LjQzLDEzLjM3LTMyLjc1LDIxLjA5LTQ1LjIxLDIwLjE1LTUuMDQtLjM4LTguOTMtMi4xNC0xMS41Ny01LjIzLTcuMzUtOC41MS0zLjA2LTI1LjQxLDEwLjY4LTQyLjA5bDEuNjEsMS4wN2MtNy4yNywxMC4wOC05LjE4LDE5Ljc0LTQuODUsMjQuNjYsMS43MSwxLjk5LDQuMTMsMy4xMiw3LjIxLDMuMzUsNy42My41OCwxOC40LTQuNDMsMjguODEtMTMuMzlsMy44OC0zLjQ1LTQ3LjktMzEuOCwzLjAxLTIuNjFjMi4xMi0xLjg0LDUuMDktMi40Myw3Ljc2LTEuNTRsNjYuNjMsMjIuMjcsMi40OC0yLjE1Yy00Ljk2LTMuMzQtOS41My05LjM2LTguMDMtMTQuODJsMTAuOTQtOS41MWMzLjQzLTIuOTgsNy40LTUuMTMsMTEuODEtNi40LDQuNi0xLjMyLDguNTEtMS4zNSwxMC45OS0xLjE1LDMuNTIuMyw2LjQ2LDEuMyw3LjUsMi41NS42LjczLDEuNzgsMi45NC0uMzQsNy42WiIvPgo8L3N2Zz4=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'large')\" />\n <img *ngIf=\"reward\"\n src=\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='1024' height='768'%3e%3cg transform='matrix(5.496511 0 0 5.496511 2121.6533 -1156.9468)'%3e%3cg%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-376.9 295.6L-377 295.5C -377.3 294.9 -377.3 294 -377.3 293.5C -377.4 291.6 -377.59998 290.3 -379.3 290.3L-379.3 290.3L-379.5 290.3L-383.7 290.3L-383.7 295.59998L-385.30002 295.59998L-385.30002 283.19998L-379.50003 283.19998C -377.10004 283.19998 -375.60004 284.49997 -375.60004 286.49997C -375.60004 287.89996 -376.20004 288.89996 -377.30005 289.49997C -376.20004 289.99997 -375.90005 291.09998 -375.80005 292.19998C -375.80005 292.4 -375.80005 292.59998 -375.70004 292.9C -375.60004 293.69998 -375.60004 294.8 -375.20004 295.19998L-375.20004 295.19998L-374.90005 295.59998L-376.9 295.59998L-376.9 295.6zM-379.6 289C -378.4 289 -377.2 288.3 -377.2 286.9C -377.2 285.5 -378 284.8 -379.6 284.8L-379.6 284.8L-383.6 284.8L-383.6 289L-379.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-379.5 283.5C -377.5 283.5 -375.9 284.5 -375.9 286.6C -375.9 288.1 -376.69998 289.30002 -378.19998 289.6C -376.59998 289.80002 -376.19998 290.9 -376.09998 292.30002C -375.99997 293.1 -375.99997 294.80002 -375.49997 295.40002L-375.49997 295.40002L-376.79996 295.40002C -377.09995 294.90002 -377.09995 294.00003 -377.09995 293.50003C -377.19995 291.80002 -377.29996 290.10004 -379.29996 290.10004C -379.39996 290.10004 -379.39996 290.10004 -379.49997 290.10004L-379.49997 290.10004L-383.89996 290.10004L-383.89996 295.40002L-384.99997 295.40002L-384.99997 283.50003L-379.5 283.50003L-379.5 283.5zM-383.9 289.2L-379.6 289.2C -378.2 289.2 -377 288.30002 -377 286.90002C -377 285.40002 -377.9 284.50003 -379.6 284.50003L-379.6 284.50003L-383.9 284.50003L-383.9 289.2zM-379.5 283L-385 283L-385.5 283L-385.5 283.5L-385.5 295.4L-385.5 295.9L-385 295.9L-383.9 295.9L-383.4 295.9L-383.4 295.4L-383.4 290.6L-379.5 290.6C -379.4 290.6 -379.4 290.6 -379.3 290.6C -377.9 290.6 -377.69998 291.5 -377.59998 293.5C -377.59998 294.2 -377.59998 295.1 -377.19998 295.6L-377.19998 295.6L-377.09998 295.80002L-376.8 295.80002L-375.5 295.80002L-374.4 295.80002L-375.1 295.00003C -375.4 294.70004 -375.5 293.50003 -375.5 292.80002C -375.5 292.50003 -375.5 292.30002 -375.6 292.1C -375.7 291.1 -375.9 290 -376.80002 289.4C -375.90002 288.8 -375.40002 287.69998 -375.40002 286.4C -375.4 284.4 -377 283 -379.5 283zM-383.4 285L-379.6 285C -378.2 285 -377.5 285.6 -377.5 286.9C -377.5 288.1 -378.6 288.69998 -379.6 288.69998L-379.6 288.69998L-383.4 288.69998L-383.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-368.9 295.8L-368.9 283.3L-360.1 283.3L-360.1 284.8L-367.3 284.8L-367.3 288.5L-360.5 288.5L-360.5 290L-367.3 290L-367.3 294.3L-360 294.3L-360 295.8L-368.9 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.4 283.5L-360.4 284.5L-367.5 284.5L-367.5 288.8L-360.8 288.8L-360.8 289.8L-367.5 289.8L-367.5 294.5L-360.3 294.5L-360.3 295.5L-368.59998 295.5L-368.59998 283.5L-360.4 283.5zM-368.6 283.5L-368.7 283.5L-368.6 283.5zM-359.9 283L-360.4 283L-368.6 283L-368.7 283L-369.1 283L-369.1 283.5L-369.1 295.5L-369.1 296L-368.6 296L-360.30002 296L-359.80002 296L-359.80002 295.5L-359.80002 294.5L-359.80002 294L-360.30002 294L-367.00003 294L-367.00003 290.3L-360.80002 290.3L-360.30002 290.3L-360.30002 289.8L-360.30002 288.8L-360.30002 288.3L-360.80002 288.3L-367.00003 288.3L-367.00003 285L-360.40002 285L-359.90002 285L-359.90002 284.5L-359.90002 283.5L-359.90002 283L-359.9 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-344.6 295.8L-347.4 285.7L-350.2 295.8L-351.8 295.8L-355.2 283.3L-353.5 283.3L-351 293L-348.2 283.3L-346.4 283.3L-343.7 293L-341.2 283.3L-339.6 283.3L-343 295.8L-344.6 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-339.9 283.5L-343.19998 295.5L-344.4 295.5L-347.4 284.8L-350.4 295.5L-351.6 295.5L-354.9 283.5L-353.69998 283.5L-350.99997 294L-347.99997 283.5L-346.59998 283.5L-343.69998 294L-340.99997 283.5L-339.9 283.5zM-339.2 283L-339.90002 283L-341.00003\n 283L-341.40002 283L-341.50003 283.4L-343.70004 292.1L-346.10004 283.4L-346.20004 283L-346.60004 283L-348.00003 283L-348.40002 283L-348.50003 283.4L-351.00003 292.1L-353.20004 283.4L-353.30005 283L-353.70004 283L-354.90005 283L-355.60007 283L-355.40005 283.6L-352.10007 295.6L-352.00006 296L-351.60007 296L-350.40005 296L-350.00006 296L-349.90005 295.6L-347.40005 286.6L-344.90005 295.6L-344.80005 296L-344.40005 296L-343.20004 296L-342.80005 296L-342.70004 295.6L-339.40005 283.6L-339.2 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-325.6 295.8L-327.1 292.09998L-332.2 292.09998L-333.6 295.8L-335.4 295.8L-330.4 283.3L-328.8 283.3L-323.9 295.8L-325.6 295.8zM-327.7 290.5L-329.6 285.3L-331.6 290.5L-327.7 290.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-328.9 283.5L-324.19998 295.5L-325.4 295.5L-326.9 291.8L-332.3 291.8L-333.69998 295.5L-334.99997 295.5L-330.19998 283.5L-328.9 283.5zM-332 290.8L-327.3 290.8L-329.59998 284.69998L-332 290.8zM-328.6 283L-328.9 283L-330.19998 283L-330.49997 283L-330.59998 283.3L-335.39996 295.3L-335.69995 296L-334.99994 296L-333.69995 296L-333.39996 296L-333.29996 295.7L-331.99997 292.30002L-327.29996 292.30002L-325.89996 295.7L-325.79996 296L-325.49997 296L-324.29996 296L-323.59995 296L-323.89993 295.3L-328.59995 283.3L-328.6 283zM-331.3 290.3L-329.59998 286.09998L-327.99997 290.3L-331.3 290.3z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-310 295.6L-310.1 295.5C -310.4 294.9 -310.4 294 -310.4 293.5C -310.5 291.6 -310.69998 290.3 -312.4 290.3L-312.4 290.3L-312.6 290.3L-316.7 290.3L-316.7 295.59998L-318.30002 295.59998L-318.30002 283.19998L-312.7 283.19998C -310.30002 283.19998 -308.80002 284.49997 -308.80002 286.49997C -308.80002 287.89996 -309.40002 288.89996 -310.50003 289.49997C -309.40002 289.99997 -309.10004 291.09998 -309.00003 292.19998C -309.00003 292.4 -309.00003 292.59998 -308.90002 292.9C -308.80002 293.69998 -308.80002 294.8 -308.40002 295.19998L-308.40002 295.19998L-308.10004 295.59998L-310 295.59998L-310 295.6zM-312.6 289C -311.4 289 -310.2 288.3 -310.2 286.9C -310.2 285.5 -311 284.8 -312.6 284.8L-312.6 284.8L-316.6 284.8L-316.6 289L-312.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-312.6 283.5C -310.6 283.5 -309 284.5 -309 286.6C -309 288.1 -309.8 289.30002 -311.3 289.6C -309.69998 289.80002 -309.3 290.9 -309.19998 292.30002C -309.09998 293.1 -309.09998 294.80002 -308.59998 295.40002L-308.59998 295.40002L-309.89996 295.40002C -310.19995 294.90002 -310.19995 294.00003 -310.19995 293.50003C -310.29996 291.80002 -310.39996 290.10004 -312.39996 290.10004C -312.49997 290.10004 -312.49997 290.10004 -312.59998 290.10004L-312.59998 290.10004L-316.89996 290.10004L-316.89996 295.40002L-317.99997 295.40002L-317.99997 283.50003L-312.6 283.50003L-312.6 283.5zM-316.9 289.2L-312.6 289.2C -311.2 289.2 -310 288.30002 -310 286.90002C -310 285.40002 -310.9 284.50003 -312.6 284.50003L-312.6 284.50003L-316.9 284.50003L-316.9 289.2zM-318 283.5L-318.1 283.5L-318 283.5zM-312.6 283L-318 283L-318.1 283L-318.5 283L-318.5 283.5L-318.5 295.4L-318.5 295.9L-318 295.9L-316.9 295.9L-316.4 295.9L-316.4 295.4L-316.4 290.6L-312.6 290.6C -312.5 290.6 -312.5 290.6 -312.4 290.6C -311 290.6 -310.8 291.5 -310.69998 293.5C -310.69998 294.2 -310.69998 295.1 -310.3 295.6L-310.3 295.6L-310.19998 295.80002L-309.9 295.80002L-308.6 295.80002L-307.5 295.80002L-308.2 295.00003C -308.5 294.70004 -308.6 293.50003 -308.6 292.80002C -308.6 292.50003 -308.6 292.30002 -308.7 292.1C -308.80002 291.1 -309 290 -309.90002 289.4C -309.00003 288.8 -308.50003 287.69998 -308.50003 286.4C -308.5 284.4 -310.1 283 -312.6 283zM-316.4 285L-312.6 285C -311.2 285 -310.5 285.6 -310.5 286.9C -310.5 288.1 -311.6 288.69998 -312.6 288.69998L-312.6 288.69998L-316.4 288.69998L-316.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-302 295.8L-302 283.3L-297.7 283.3C -293.90002 283.4 -291.90002 285.59998 -291.90002 289.59998C -291.90002 293.59998 -293.90002 295.69998 -297.60004 295.89996L-297.60004 295.89996L-302 295.89996L-302 295.8zM-298.3 294.3C -295 294.3 -293.69998 293 -293.69998 289.5C -293.69998 286 -294.99997 284.7 -298.3 284.7L-298.3 284.7L-300.5 284.7L-300.5 294.2L-298.3 294.2z' stroke='none' fill='%23FFFFFF'\n fill-rule='nonzero' /%3e%3cpath d='M-297.7 283.5C -294.1 283.6 -292.2 285.6 -292.2 289.5C -292.2 293.4 -294.1 295.4 -297.7 295.5L-297.7 295.5L-301.80002 295.5L-301.80002 283.5L-297.7 283.5zM-300.7 294.5L-298.30002 294.5C -294.90002 294.5 -293.40002 293.1 -293.40002 289.5C -293.40002 285.9 -294.90002 284.5 -298.30002 284.5L-298.30002 284.5L-300.7 284.5L-300.7 294.5zM-297.7 283L-301.80002 283L-302.30002 283L-302.30002 283.5L-302.30002 295.5L-302.30002 296L-301.80002 296L-297.7 296C -293.80002 295.9 -291.7 293.6 -291.7 289.5C -291.7 285.4 -293.8 283.1 -297.7 283zM-300.2 285L-298.30002 285C -295.1 285 -293.90002 286.2 -293.90002 289.5C -293.90002 292.8 -295.10004 294 -298.30002 294L-298.30002 294L-300.2 294L-300.2 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-386 264.4L-380.8 264.4L-380.8 265.8C -378.3 263.59998 -375 263.5 -372.9 264.8C -370.6 266.19998 -370.6 268.4 -370.6 270.8L-370.6 270.8L-370.6 278L-375.80002 278L-375.80002 272.2C -375.80002 270.90002 -375.7 269.2 -377.00003 268.30002C -377.60004 268.00003 -378.90002 268.00003 -379.60004 268.50003C -380.90002 269.50003 -380.80005 270.60004 -380.80005 272.50003L-380.80005 272.50003L-380.80005 278.00003L-386.00006 278.00003L-386.00006 264.4L-386 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.1 267.6C -359.30002 267.4 -358 267.6 -357.2 268.5C -356.40002 269.4 -356.1 270.6 -356.30002 271.6C -356.40002 272.6 -357.00003 273.6 -358.00003 274.2C -358.90002 274.7 -360.20004 274.7 -361.20004 274C -362.00003 273.4 -362.50003 272.4 -362.60004 271.4C -362.60004 270.5 -362.50003 269.3 -361.50003 268.3C -360.9 267.9 -360.5 267.7 -360.1 267.6zM-364.2 265C -366.40002 266.2 -367.5 268 -367.7 270.3C -367.90002 272.09998 -367.5 274.3 -366 275.9C -363.3 278.69998 -358.5 278.8 -355.8 277.9C -353.59998 277.1 -351.69998 275.9 -350.9 273C -350.4 271.1 -350.6 269.1 -351.9 267.3C -354.1 264 -358.69998 263.69998 -360.6 264C -361.7 264.1 -363.1 264.4 -364.2 265z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-324 270.7C -324 271 -324.1 271.2 -324.4 272.1L-324.4 272.1L-326.3 278.1L-331.59998 278.1L-336.8 264.4L-331.09998 264.4L-329.3 270.1C -329 271.1 -328.9 271.4 -328.9 271.7C -328.9 271.40002 -328.8 271.2 -328.5 270.1L-328.5 270.1L-326.7 264.4L-321.1 264.4L-319.30002 270.1C -319.00003 271.1 -319.00003 271.4 -319.00003 271.7C -319.00003 271.40002 -318.90002 271.2 -318.60004 270.1L-318.60004 270.1L-316.80005 264.4L-311.10004 264.4L-316.30005 278L-321.60004 278L-323.50003 272.1C -323.9 271.1 -323.9 271 -324 270.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-298.3 269.5L-304.4 269.5C -304 268 -303.1 267.5 -302.1 267.3C -301 267.1 -299.1 267.4 -298.3 269.5zM-294.7 266.5C -297.2 263.6 -302.2 263.5 -304.6 264.3C -306.9 265 -308.80002 266.19998 -309.6 269.19998C -310.2 271.4 -309.9 273.4 -308.7 275.3C -306.30002 278.8 -301.5 278.59998 -299.30002 278.3C -297.6 278 -294.50003 277.09998 -293.40002 274.09998L-293.40002 274.09998L-293.30002 273.99997L-298.40002 273.39996C -298.60004 273.59998 -298.7 273.79996 -299.2 274.19995C -300.1 274.79996 -301.90002 274.69995 -302.7 274.49994C -303.6 274.09995 -304.30002 273.09995 -304.40002 272.39993L-304.40002 272.39993L-292.90002 272.39993L-292.90002 272.19992C -292.8 270.3 -293.3 268 -294.7 266.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-283.7 268.4C -283 268.19998 -281.5 268.3 -280.80002 269.19998C -280.30002 269.69998 -280.1 270.3 -280.1 270.99997C -280.2 271.59998 -280.5 272.29996 -281.1 272.69998C -282 273.3 -283.4 273.19998 -284.30002 272.8C -284.90002 272.4 -285.40002 272 -285.50003 271.19998C -285.60004 270.69998 -285.50003 269.9 -285.00003 269.3C -284.6 268.8 -284.2 268.5 -283.7 268.4zM-290.2 278.6C -290.1 279.6 -289.80002 280.30002 -289.7 280.6C -288.40002 282.9 -286 283.4 -283.1 283.4C -280.2 283.4 -277.9 283.19998 -276.2 281.3C -274.7 279.5 -274.90002 277.3 -274.90002 275.3L-274.90002 275.3L-274.90002 264.4L-280.10004 264.4L-280.10004 265.6C -281.30005 264.5 -282.50003 264.1 -283.40002 264C -285.30002 263.7 -287.90002 264.4 -289.50003 266.4C -290.80002 268.1 -291.00003 270.5 -290.80002 272.19998C -290.50003 274.3 -289.40002 275.8 -287.50003 276.8C -285.40002 277.9 -282.10004 277.69998 -280.20004 276.09998C\n -280.20004 276.69998 -280.20004 277.89996 -280.40005 278.39996C -280.80005 279.19995 -281.50006 279.49997 -282.10007 279.59998C -282.60007 279.69998 -284.20007 279.99997 -284.70007 278.89996C -284.80008 278.69995 -284.80008 278.59998 -284.9001 278.49997L-284.9001 278.49997L-290.2 278.6z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-271 259.3L-265.8 259.3L-265.8 262.8L-271 262.8L-271 259.3zM-271 264.4L-265.8 264.4L-265.8 278L-271 278L-271 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-251.9 272C -252.4 273.7 -253.4 274.3 -254.7 274.5C -255.4 274.6 -256.7 274.7 -257.3 273.7C -257.4 273.5 -257.5 272.90002 -257.4 272.7C -257 271.90002 -256.3 272 -254.7 272L-254.7 272L-251.9 272zM-257.2 268.2C -257.1 267.90002 -257 267.6 -256.7 267.40002C -256 266.90002 -253.50002 267.00003 -252.90001 267.40002C -252.1 267.80002 -252.00002 268.40002 -251.90001 269.30002C -251.90001 269.30002 -253.50002 269.2 -254.6 269.30002C -255.90001 269.40002 -256.4 269.40002 -257.6 269.6C -259.9 269.9 -262.1 270.30002 -262.7 273C -263.1 274.9 -262.6 276.6 -260.80002 277.7L-260.80002 277.7L-260.7 277.80002C -258.1 278.90002 -254.80002 278.50003 -251.90001 276.80002C -251.90001 276.80002 -251.90001 277.6 -251.70001 278.00003L-251.70001 278.00003L-245.70001 278.00003C -246.30002 277.40002 -246.6 276.50003 -246.6 275.20004L-246.6 275.20004L-246.6 269.30005C -246.6 268.20004 -246.5 266.70004 -247.20001 265.80005C -248.40001 264.20004 -250.70001 263.80005 -254.6 263.80005C -257.80002 263.80005 -260 263.90005 -261.2 265.60004C -261.80002 266.40002 -261.90002 267.10004 -262 268.20004L-262 268.20004L-257.2 268.20004z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-242.7 264.4L-237.5 264.4L-237.5 265.8C -235 263.59998 -231.7 263.5 -229.6 264.8C -227.3 266.19998 -227.3 268.4 -227.3 270.8L-227.3 270.8L-227.3 278L-232.5 278L-232.5 272.2C -232.5 270.90002 -232.4 269.2 -233.7 268.40002C -234.3 268.00003 -235.59999 268.00003 -236.4 268.60004C -237.7 269.60004 -237.59999 270.70004 -237.59999 272.60004L-237.59999 272.60004L-237.59999 278.10004L-242.79999 278.10004L-242.7 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath d='M-338.6 264.2L-338.6 269.5C -340.2 269.5 -341.30002 269.7 -342.30002 270.4L-342.30002 270.4L-342.30002 278L-347.50003 278L-347.50003 264.4L-342.30002 264.4L-342.30002 266C -342.00003 265.5 -341.40002 265 -340.50003 264.6C -340.2 264.4 -339.2 264.2 -338.6 264.2z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M-220 289.7C -236.4 298.2 -252.6 303.40002 -260.4 301.80002C -267.19998 300.40002 -263.9 291.00003 -254.09999 283.30002L-254.09999 283.30002L-252.09999 283.30002C -259.8 289.80002 -260.4 297.90002 -255.49998 298.50003C -249.89998 299.20004 -235.69998 296.10004 -221.09998 289.40002L-221.09998 289.40002L-220 289.7z' stroke='none' fill='%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"] }]
|
|
9111
|
+
args: [{ selector: 'nas-page-header', encapsulation: ViewEncapsulation.None, template: "<header>\n <div [nasClass]=\"getClass('')\" [style.zIndex]=\"exists(nozindex) && '0'\">\n <div [nasClass]=\"getClass('content')\">\n <a [href]=\"redirectToUrl()\" [nasClass]=\"getClass(setBrandingCSSClass())\">\n <div tabindex=\"0\" [nasClass]=\"getClass('img-container')\">\n <img *ngIf=\"!reward\"\n src=\"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRGVzaWduIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjggMTk4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICAgIHN0cm9rZS13aWR0aDogMHB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNzUuNzMsNjIuNDVjLTIyLjE3LDAtMzcuNjIsMTUuNDUtMzcuNjIsMzYuNTVzMTUuNDUsMzYuNTUsMzcuNjIsMzYuNTUsMzcuNjItMTUuMzIsMzcuNjItMzYuNTUtMTUuNDUtMzYuNTUtMzcuNjItMzYuNTVaTTE1Ny4zMiw5OWMwLTEwLjg4LDcuNjYtMTguOTUsMTguNDEtMTguOTVzMTguNDEsOC4wNiwxOC40MSwxOC45NS03LjY2LDE4Ljk1LTE4LjQxLDE4Ljk1LTE4LjQxLTguMDYtMTguNDEtMTguOTVaTTI0Mi43MSwxMzMuOTR2LTMxLjk4YzAtMTUuMDUsOC44Ny0yMC40MiwxOS44OS0yMS4yM3YtMTcuNzRjLTguMDYuMjctMTYuMTIsMy42My0yMC4yOSw5LjY3di04LjZoLTE4LjU0djY5Ljg3aDE4Ljk1Wk0zMzcuNiw2NC4wNmgtMjQuNzJjLTMuMzYsMjEuNS00LjU3LDI2LjItMTIuNjMsNTEuNi01Ljc4LTIzLjI1LTYuODUtMjkuNDMtOC44Ny01MS42aC0xOS4yMmMyLjU1LDI0LjcyLDcuMzksNDcuODQsMTQuNTEsNjkuODdoMjQuNDZjNy4yNi0yMC40MiwxMS40Mi0zNS4wNywxNC4xMS00OS44NSwyLjY5LDE0Ljc4LDYuODUsMjkuNDMsMTQuMTEsNDkuODVoMjQuNDZjNy4xMi0yMi4wNCwxMS45Ni00NS4xNSwxNC41MS02OS44N2gtMTkuMjJjLTIuMDIsMjIuMTctMy4wOSwyOC4zNS04Ljg3LDUxLjYtOC4wNi0yNS40LTkuMjctMzAuMS0xMi42My01MS42Wk00MjEuOTgsMTM1LjU1YzE2LjI2LDAsMjkuMDItOC4zMywzNS42MS0yMy4yNWgtMjIuMDRjLTMuMjMsNC4wMy03LjY2LDYuMDUtMTMuNDQsNi4wNS05LDAtMTUuNDUtNC45Ny0xNy42LTEyLjloNTQuNjl2LTUuMTFjMC0yMi4wNC0xNS4wNS0zNy44OS0zNy4wOS0zNy44OXMtMzcuMzYsMTUuMzItMzcuMzYsMzYuNTUsMTUuNDUsMzYuNTUsMzcuMjIsMzYuNTVaTTQwNC45Miw5MS4zNGMyLjU1LTcuMTIsOC42LTExLjY5LDE3LjMzLTExLjY5czE0LjM4LDQuNDMsMTYuOCwxMS42OWgtMzQuMTNaTTUwNC45NSwxNTkuNzRjMjAuNTYsMCwzMy4wNi0xMi42MywzMy4wNi0zMy4xOXYtNjIuNDhoLTE4LjU0djYuNThjLTMuNzYtNC45Ny0xMS4yOS04LjItMTkuMjItOC4yLTE4LjU0LDAtMzIuMjUsMTQuNjUtMzIuMjUsMzQuMjdzMTMuODQsMzQuMjcsMzIuMjUsMzQuMjdjNy42NiwwLDE1LjA1LTMuMDksMTguODEtNy43OXYyLjgyYzAsMTAuMzUtNS4xMSwxNi4yNi0xNC4yNCwxNi4yNi01Ljc4LDAtMTAuMzUtMi40Mi0xMS45Ni02LjMyaC0yMi4zMWMzLjYzLDE0LjUxLDE2LjkzLDIzLjc4LDM0LjQsMjMuNzhaTTUwMy42MSwxMTMuMzhjLTkuNjcsMC0xNi4zOS02LjcyLTE2LjM5LTE2LjY2czYuNTgtMTYuNjYsMTYuMzktMTYuNjYsMTYuNTMsNi44NSwxNi41MywxNi42Ni02LjcyLDE2LjY2LTE2LjUzLDE2LjY2Wk01ODUuODQsODUuNDNoMjAuOTZjMS40OC00LjAzLDUuMjQtNi4zMiwxMC40OC02LjMyLDUuNTEsMCw4Ljg3LDIuNDIsOC44Nyw2LjE4LDAsMy4wOS0yLjI4LDQuODQtNi45OSw1LjM4bC0xMS4wMiwxLjM0Yy0xNS45OSwxLjg4LTI0LjA1LDktMjQuMDUsMjEuMzcsMCwxMy4zLDkuNTQsMjIuMTcsMjQuMTksMjIuMTcsNy43OSwwLDE0LjY1LTMuMjIsMTguMjgtOC40N3Y2Ljg1aDE4LjU0di00Ni4wOWMwLTE2LjM5LTkuODEtMjUuNC0yNy45NS0yNS40LTE2LjEzLDAtMjcuMDEsOC4wNi0zMS4zMSwyMi45OFpNNjAzLjA0LDExMS45YzAtMy42MywyLjQyLTUuNzgsOC4yLTYuNThsNy43OS0xLjA4YzIuNjktLjQsNC45Ny0uOTQsNy4xMi0xLjQ4djEuNjFjMCw4Ljg3LTUuMTEsMTQuMzgtMTMuODQsMTQuMzgtNS41MSwwLTkuMjctMi42OS05LjI3LTYuODVaTTY1OS4zLDEzMy45NGgxOC45NXYtMzguM2MwLTkuODEsNS4yNC0xNS41OSwxMy44NC0xNS41OXMxMi42Myw1LjM4LDEyLjYzLDE1LjMydjM4LjU3aDE4Ljk1di00MS43OWMwLTE4LjE0LTEwLjQ4LTI5LjctMjcuMTQtMjkuNy04LjIsMC0xNC43OCwyLjk2LTE4LjY4LDguNDd2LTYuODVoLTE4LjU0djY5Ljg3Wk01NTAuMzMsNDcuNGMwLTcuMTIsNS4yNC0xMS45NiwxMS45Ni0xMS45NnMxMS45Niw0Ljg0LDExLjk2LDExLjk2LTUuMjQsMTEuOTYtMTEuOTYsMTEuOTYtMTEuOTYtNC44NC0xMS45Ni0xMS45NlpNNTcxLjcsNjQuMDZ2NjkuODdoLTE4Ljk1di02OS44N2gxOC45NVpNNjQsMTMzLjk0aDE4Ljk1di0zOC4zYzAtOS44MSw1LjI0LTE1LjU5LDEzLjg0LTE1LjU5czEyLjYzLDUuMzgsMTIuNjMsMTUuMzJ2MzguNTdoMTguOTV2LTQxLjc5YzAtMTguMTQtMTAuNDgtMjkuNy0yNy4xNC0yOS43LTguMiwwLTE0Ljc4LDIuOTYtMTguNjgsOC40N3YtNi44NWgtMTguNTR2NjkuODdaTTg2Mi43OSw2Mi44NWMtMi4xNCw0LjczLTYuODksMTAuMzEtMTQuMTIsMTYuNTlsLTE1LjYxLDEzLjU3LS4xNy4xNSwxOS40NCwzNC4zMWMuNzEsMS4yNS41MSwyLjg0LS40OSwzLjg3bC0yLjg1LDIuOTctMzEuMTctMjAuNyw2LjcxLTkuOTctMi4xLTEuMzktMTUuMDUsMTMuMDhjLTE1LjQzLDEzLjM3LTMyLjc1LDIxLjA5LTQ1LjIxLDIwLjE1LTUuMDQtLjM4LTguOTMtMi4xNC0xMS41Ny01LjIzLTcuMzUtOC41MS0zLjA2LTI1LjQxLDEwLjY4LTQyLjA5bDEuNjEsMS4wN2MtNy4yNywxMC4wOC05LjE4LDE5Ljc0LTQuODUsMjQuNjYsMS43MSwxLjk5LDQuMTMsMy4xMiw3LjIxLDMuMzUsNy42My41OCwxOC40LTQuNDMsMjguODEtMTMuMzlsMy44OC0zLjQ1LTQ3LjktMzEuOCwzLjAxLTIuNjFjMi4xMi0xLjg0LDUuMDktMi40Myw3Ljc2LTEuNTRsNjYuNjMsMjIuMjcsMi40OC0yLjE1Yy00Ljk2LTMuMzQtOS41My05LjM2LTguMDMtMTQuODJsMTAuOTQtOS41MWMzLjQzLTIuOTgsNy40LTUuMTMsMTEuODEtNi40LDQuNi0xLjMyLDguNTEtMS4zNSwxMC45OS0xLjE1LDMuNTIuMyw2LjQ2LDEuMyw3LjUsMi41NS42LjczLDEuNzgsMi45NC0uMzQsNy42WiIvPgo8L3N2Zz4=\"\n alt=\"Logo: Norwegian\" [nasClass]=\"getClass('branding-img', 'large')\" />\n <img *ngIf=\"reward\"\n src=\"data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' standalone='no'?%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='body_1' width='1024' height='768'%3e%3cg transform='matrix(5.496511 0 0 5.496511 2121.6533 -1156.9468)'%3e%3cg%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-376.9 295.6L-377 295.5C -377.3 294.9 -377.3 294 -377.3 293.5C -377.4 291.6 -377.59998 290.3 -379.3 290.3L-379.3 290.3L-379.5 290.3L-383.7 290.3L-383.7 295.59998L-385.30002 295.59998L-385.30002 283.19998L-379.50003 283.19998C -377.10004 283.19998 -375.60004 284.49997 -375.60004 286.49997C -375.60004 287.89996 -376.20004 288.89996 -377.30005 289.49997C -376.20004 289.99997 -375.90005 291.09998 -375.80005 292.19998C -375.80005 292.4 -375.80005 292.59998 -375.70004 292.9C -375.60004 293.69998 -375.60004 294.8 -375.20004 295.19998L-375.20004 295.19998L-374.90005 295.59998L-376.9 295.59998L-376.9 295.6zM-379.6 289C -378.4 289 -377.2 288.3 -377.2 286.9C -377.2 285.5 -378 284.8 -379.6 284.8L-379.6 284.8L-383.6 284.8L-383.6 289L-379.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-379.5 283.5C -377.5 283.5 -375.9 284.5 -375.9 286.6C -375.9 288.1 -376.69998 289.30002 -378.19998 289.6C -376.59998 289.80002 -376.19998 290.9 -376.09998 292.30002C -375.99997 293.1 -375.99997 294.80002 -375.49997 295.40002L-375.49997 295.40002L-376.79996 295.40002C -377.09995 294.90002 -377.09995 294.00003 -377.09995 293.50003C -377.19995 291.80002 -377.29996 290.10004 -379.29996 290.10004C -379.39996 290.10004 -379.39996 290.10004 -379.49997 290.10004L-379.49997 290.10004L-383.89996 290.10004L-383.89996 295.40002L-384.99997 295.40002L-384.99997 283.50003L-379.5 283.50003L-379.5 283.5zM-383.9 289.2L-379.6 289.2C -378.2 289.2 -377 288.30002 -377 286.90002C -377 285.40002 -377.9 284.50003 -379.6 284.50003L-379.6 284.50003L-383.9 284.50003L-383.9 289.2zM-379.5 283L-385 283L-385.5 283L-385.5 283.5L-385.5 295.4L-385.5 295.9L-385 295.9L-383.9 295.9L-383.4 295.9L-383.4 295.4L-383.4 290.6L-379.5 290.6C -379.4 290.6 -379.4 290.6 -379.3 290.6C -377.9 290.6 -377.69998 291.5 -377.59998 293.5C -377.59998 294.2 -377.59998 295.1 -377.19998 295.6L-377.19998 295.6L-377.09998 295.80002L-376.8 295.80002L-375.5 295.80002L-374.4 295.80002L-375.1 295.00003C -375.4 294.70004 -375.5 293.50003 -375.5 292.80002C -375.5 292.50003 -375.5 292.30002 -375.6 292.1C -375.7 291.1 -375.9 290 -376.80002 289.4C -375.90002 288.8 -375.40002 287.69998 -375.40002 286.4C -375.4 284.4 -377 283 -379.5 283zM-383.4 285L-379.6 285C -378.2 285 -377.5 285.6 -377.5 286.9C -377.5 288.1 -378.6 288.69998 -379.6 288.69998L-379.6 288.69998L-383.4 288.69998L-383.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-368.9 295.8L-368.9 283.3L-360.1 283.3L-360.1 284.8L-367.3 284.8L-367.3 288.5L-360.5 288.5L-360.5 290L-367.3 290L-367.3 294.3L-360 294.3L-360 295.8L-368.9 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.4 283.5L-360.4 284.5L-367.5 284.5L-367.5 288.8L-360.8 288.8L-360.8 289.8L-367.5 289.8L-367.5 294.5L-360.3 294.5L-360.3 295.5L-368.59998 295.5L-368.59998 283.5L-360.4 283.5zM-368.6 283.5L-368.7 283.5L-368.6 283.5zM-359.9 283L-360.4 283L-368.6 283L-368.7 283L-369.1 283L-369.1 283.5L-369.1 295.5L-369.1 296L-368.6 296L-360.30002 296L-359.80002 296L-359.80002 295.5L-359.80002 294.5L-359.80002 294L-360.30002 294L-367.00003 294L-367.00003 290.3L-360.80002 290.3L-360.30002 290.3L-360.30002 289.8L-360.30002 288.8L-360.30002 288.3L-360.80002 288.3L-367.00003 288.3L-367.00003 285L-360.40002 285L-359.90002 285L-359.90002 284.5L-359.90002 283.5L-359.90002 283L-359.9 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-344.6 295.8L-347.4 285.7L-350.2 295.8L-351.8 295.8L-355.2 283.3L-353.5 283.3L-351 293L-348.2 283.3L-346.4 283.3L-343.7 293L-341.2 283.3L-339.6 283.3L-343 295.8L-344.6 295.8' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-339.9 283.5L-343.19998 295.5L-344.4 295.5L-347.4 284.8L-350.4 295.5L-351.6 295.5L-354.9 283.5L-353.69998 283.5L-350.99997 294L-347.99997 283.5L-346.59998 283.5L-343.69998 294L-340.99997 283.5L-339.9 283.5zM-339.2 283L-339.90002 283L-341.00003\n 283L-341.40002 283L-341.50003 283.4L-343.70004 292.1L-346.10004 283.4L-346.20004 283L-346.60004 283L-348.00003 283L-348.40002 283L-348.50003 283.4L-351.00003 292.1L-353.20004 283.4L-353.30005 283L-353.70004 283L-354.90005 283L-355.60007 283L-355.40005 283.6L-352.10007 295.6L-352.00006 296L-351.60007 296L-350.40005 296L-350.00006 296L-349.90005 295.6L-347.40005 286.6L-344.90005 295.6L-344.80005 296L-344.40005 296L-343.20004 296L-342.80005 296L-342.70004 295.6L-339.40005 283.6L-339.2 283z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-325.6 295.8L-327.1 292.09998L-332.2 292.09998L-333.6 295.8L-335.4 295.8L-330.4 283.3L-328.8 283.3L-323.9 295.8L-325.6 295.8zM-327.7 290.5L-329.6 285.3L-331.6 290.5L-327.7 290.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-328.9 283.5L-324.19998 295.5L-325.4 295.5L-326.9 291.8L-332.3 291.8L-333.69998 295.5L-334.99997 295.5L-330.19998 283.5L-328.9 283.5zM-332 290.8L-327.3 290.8L-329.59998 284.69998L-332 290.8zM-328.6 283L-328.9 283L-330.19998 283L-330.49997 283L-330.59998 283.3L-335.39996 295.3L-335.69995 296L-334.99994 296L-333.69995 296L-333.39996 296L-333.29996 295.7L-331.99997 292.30002L-327.29996 292.30002L-325.89996 295.7L-325.79996 296L-325.49997 296L-324.29996 296L-323.59995 296L-323.89993 295.3L-328.59995 283.3L-328.6 283zM-331.3 290.3L-329.59998 286.09998L-327.99997 290.3L-331.3 290.3z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-310 295.6L-310.1 295.5C -310.4 294.9 -310.4 294 -310.4 293.5C -310.5 291.6 -310.69998 290.3 -312.4 290.3L-312.4 290.3L-312.6 290.3L-316.7 290.3L-316.7 295.59998L-318.30002 295.59998L-318.30002 283.19998L-312.7 283.19998C -310.30002 283.19998 -308.80002 284.49997 -308.80002 286.49997C -308.80002 287.89996 -309.40002 288.89996 -310.50003 289.49997C -309.40002 289.99997 -309.10004 291.09998 -309.00003 292.19998C -309.00003 292.4 -309.00003 292.59998 -308.90002 292.9C -308.80002 293.69998 -308.80002 294.8 -308.40002 295.19998L-308.40002 295.19998L-308.10004 295.59998L-310 295.59998L-310 295.6zM-312.6 289C -311.4 289 -310.2 288.3 -310.2 286.9C -310.2 285.5 -311 284.8 -312.6 284.8L-312.6 284.8L-316.6 284.8L-316.6 289L-312.6 289z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-312.6 283.5C -310.6 283.5 -309 284.5 -309 286.6C -309 288.1 -309.8 289.30002 -311.3 289.6C -309.69998 289.80002 -309.3 290.9 -309.19998 292.30002C -309.09998 293.1 -309.09998 294.80002 -308.59998 295.40002L-308.59998 295.40002L-309.89996 295.40002C -310.19995 294.90002 -310.19995 294.00003 -310.19995 293.50003C -310.29996 291.80002 -310.39996 290.10004 -312.39996 290.10004C -312.49997 290.10004 -312.49997 290.10004 -312.59998 290.10004L-312.59998 290.10004L-316.89996 290.10004L-316.89996 295.40002L-317.99997 295.40002L-317.99997 283.50003L-312.6 283.50003L-312.6 283.5zM-316.9 289.2L-312.6 289.2C -311.2 289.2 -310 288.30002 -310 286.90002C -310 285.40002 -310.9 284.50003 -312.6 284.50003L-312.6 284.50003L-316.9 284.50003L-316.9 289.2zM-318 283.5L-318.1 283.5L-318 283.5zM-312.6 283L-318 283L-318.1 283L-318.5 283L-318.5 283.5L-318.5 295.4L-318.5 295.9L-318 295.9L-316.9 295.9L-316.4 295.9L-316.4 295.4L-316.4 290.6L-312.6 290.6C -312.5 290.6 -312.5 290.6 -312.4 290.6C -311 290.6 -310.8 291.5 -310.69998 293.5C -310.69998 294.2 -310.69998 295.1 -310.3 295.6L-310.3 295.6L-310.19998 295.80002L-309.9 295.80002L-308.6 295.80002L-307.5 295.80002L-308.2 295.00003C -308.5 294.70004 -308.6 293.50003 -308.6 292.80002C -308.6 292.50003 -308.6 292.30002 -308.7 292.1C -308.80002 291.1 -309 290 -309.90002 289.4C -309.00003 288.8 -308.50003 287.69998 -308.50003 286.4C -308.5 284.4 -310.1 283 -312.6 283zM-316.4 285L-312.6 285C -311.2 285 -310.5 285.6 -310.5 286.9C -310.5 288.1 -311.6 288.69998 -312.6 288.69998L-312.6 288.69998L-316.4 288.69998L-316.4 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3cg%3e%3cpath d='M-302 295.8L-302 283.3L-297.7 283.3C -293.90002 283.4 -291.90002 285.59998 -291.90002 289.59998C -291.90002 293.59998 -293.90002 295.69998 -297.60004 295.89996L-297.60004 295.89996L-302 295.89996L-302 295.8zM-298.3 294.3C -295 294.3 -293.69998 293 -293.69998 289.5C -293.69998 286 -294.99997 284.7 -298.3 284.7L-298.3 284.7L-300.5 284.7L-300.5 294.2L-298.3 294.2z' stroke='none' fill='%23FFFFFF'\n fill-rule='nonzero' /%3e%3cpath d='M-297.7 283.5C -294.1 283.6 -292.2 285.6 -292.2 289.5C -292.2 293.4 -294.1 295.4 -297.7 295.5L-297.7 295.5L-301.80002 295.5L-301.80002 283.5L-297.7 283.5zM-300.7 294.5L-298.30002 294.5C -294.90002 294.5 -293.40002 293.1 -293.40002 289.5C -293.40002 285.9 -294.90002 284.5 -298.30002 284.5L-298.30002 284.5L-300.7 284.5L-300.7 294.5zM-297.7 283L-301.80002 283L-302.30002 283L-302.30002 283.5L-302.30002 295.5L-302.30002 296L-301.80002 296L-297.7 296C -293.80002 295.9 -291.7 293.6 -291.7 289.5C -291.7 285.4 -293.8 283.1 -297.7 283zM-300.2 285L-298.30002 285C -295.1 285 -293.90002 286.2 -293.90002 289.5C -293.90002 292.8 -295.10004 294 -298.30002 294L-298.30002 294L-300.2 294L-300.2 285z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M-386 264.4L-380.8 264.4L-380.8 265.8C -378.3 263.59998 -375 263.5 -372.9 264.8C -370.6 266.19998 -370.6 268.4 -370.6 270.8L-370.6 270.8L-370.6 278L-375.80002 278L-375.80002 272.2C -375.80002 270.90002 -375.7 269.2 -377.00003 268.30002C -377.60004 268.00003 -378.90002 268.00003 -379.60004 268.50003C -380.90002 269.50003 -380.80005 270.60004 -380.80005 272.50003L-380.80005 272.50003L-380.80005 278.00003L-386.00006 278.00003L-386.00006 264.4L-386 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-360.1 267.6C -359.30002 267.4 -358 267.6 -357.2 268.5C -356.40002 269.4 -356.1 270.6 -356.30002 271.6C -356.40002 272.6 -357.00003 273.6 -358.00003 274.2C -358.90002 274.7 -360.20004 274.7 -361.20004 274C -362.00003 273.4 -362.50003 272.4 -362.60004 271.4C -362.60004 270.5 -362.50003 269.3 -361.50003 268.3C -360.9 267.9 -360.5 267.7 -360.1 267.6zM-364.2 265C -366.40002 266.2 -367.5 268 -367.7 270.3C -367.90002 272.09998 -367.5 274.3 -366 275.9C -363.3 278.69998 -358.5 278.8 -355.8 277.9C -353.59998 277.1 -351.69998 275.9 -350.9 273C -350.4 271.1 -350.6 269.1 -351.9 267.3C -354.1 264 -358.69998 263.69998 -360.6 264C -361.7 264.1 -363.1 264.4 -364.2 265z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-324 270.7C -324 271 -324.1 271.2 -324.4 272.1L-324.4 272.1L-326.3 278.1L-331.59998 278.1L-336.8 264.4L-331.09998 264.4L-329.3 270.1C -329 271.1 -328.9 271.4 -328.9 271.7C -328.9 271.40002 -328.8 271.2 -328.5 270.1L-328.5 270.1L-326.7 264.4L-321.1 264.4L-319.30002 270.1C -319.00003 271.1 -319.00003 271.4 -319.00003 271.7C -319.00003 271.40002 -318.90002 271.2 -318.60004 270.1L-318.60004 270.1L-316.80005 264.4L-311.10004 264.4L-316.30005 278L-321.60004 278L-323.50003 272.1C -323.9 271.1 -323.9 271 -324 270.7z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-298.3 269.5L-304.4 269.5C -304 268 -303.1 267.5 -302.1 267.3C -301 267.1 -299.1 267.4 -298.3 269.5zM-294.7 266.5C -297.2 263.6 -302.2 263.5 -304.6 264.3C -306.9 265 -308.80002 266.19998 -309.6 269.19998C -310.2 271.4 -309.9 273.4 -308.7 275.3C -306.30002 278.8 -301.5 278.59998 -299.30002 278.3C -297.6 278 -294.50003 277.09998 -293.40002 274.09998L-293.40002 274.09998L-293.30002 273.99997L-298.40002 273.39996C -298.60004 273.59998 -298.7 273.79996 -299.2 274.19995C -300.1 274.79996 -301.90002 274.69995 -302.7 274.49994C -303.6 274.09995 -304.30002 273.09995 -304.40002 272.39993L-304.40002 272.39993L-292.90002 272.39993L-292.90002 272.19992C -292.8 270.3 -293.3 268 -294.7 266.5z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-283.7 268.4C -283 268.19998 -281.5 268.3 -280.80002 269.19998C -280.30002 269.69998 -280.1 270.3 -280.1 270.99997C -280.2 271.59998 -280.5 272.29996 -281.1 272.69998C -282 273.3 -283.4 273.19998 -284.30002 272.8C -284.90002 272.4 -285.40002 272 -285.50003 271.19998C -285.60004 270.69998 -285.50003 269.9 -285.00003 269.3C -284.6 268.8 -284.2 268.5 -283.7 268.4zM-290.2 278.6C -290.1 279.6 -289.80002 280.30002 -289.7 280.6C -288.40002 282.9 -286 283.4 -283.1 283.4C -280.2 283.4 -277.9 283.19998 -276.2 281.3C -274.7 279.5 -274.90002 277.3 -274.90002 275.3L-274.90002 275.3L-274.90002 264.4L-280.10004 264.4L-280.10004 265.6C -281.30005 264.5 -282.50003 264.1 -283.40002 264C -285.30002 263.7 -287.90002 264.4 -289.50003 266.4C -290.80002 268.1 -291.00003 270.5 -290.80002 272.19998C -290.50003 274.3 -289.40002 275.8 -287.50003 276.8C -285.40002 277.9 -282.10004 277.69998 -280.20004 276.09998C\n -280.20004 276.69998 -280.20004 277.89996 -280.40005 278.39996C -280.80005 279.19995 -281.50006 279.49997 -282.10007 279.59998C -282.60007 279.69998 -284.20007 279.99997 -284.70007 278.89996C -284.80008 278.69995 -284.80008 278.59998 -284.9001 278.49997L-284.9001 278.49997L-290.2 278.6z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-271 259.3L-265.8 259.3L-265.8 262.8L-271 262.8L-271 259.3zM-271 264.4L-265.8 264.4L-265.8 278L-271 278L-271 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-251.9 272C -252.4 273.7 -253.4 274.3 -254.7 274.5C -255.4 274.6 -256.7 274.7 -257.3 273.7C -257.4 273.5 -257.5 272.90002 -257.4 272.7C -257 271.90002 -256.3 272 -254.7 272L-254.7 272L-251.9 272zM-257.2 268.2C -257.1 267.90002 -257 267.6 -256.7 267.40002C -256 266.90002 -253.50002 267.00003 -252.90001 267.40002C -252.1 267.80002 -252.00002 268.40002 -251.90001 269.30002C -251.90001 269.30002 -253.50002 269.2 -254.6 269.30002C -255.90001 269.40002 -256.4 269.40002 -257.6 269.6C -259.9 269.9 -262.1 270.30002 -262.7 273C -263.1 274.9 -262.6 276.6 -260.80002 277.7L-260.80002 277.7L-260.7 277.80002C -258.1 278.90002 -254.80002 278.50003 -251.90001 276.80002C -251.90001 276.80002 -251.90001 277.6 -251.70001 278.00003L-251.70001 278.00003L-245.70001 278.00003C -246.30002 277.40002 -246.6 276.50003 -246.6 275.20004L-246.6 275.20004L-246.6 269.30005C -246.6 268.20004 -246.5 266.70004 -247.20001 265.80005C -248.40001 264.20004 -250.70001 263.80005 -254.6 263.80005C -257.80002 263.80005 -260 263.90005 -261.2 265.60004C -261.80002 266.40002 -261.90002 267.10004 -262 268.20004L-262 268.20004L-257.2 268.20004z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3cpath d='M-242.7 264.4L-237.5 264.4L-237.5 265.8C -235 263.59998 -231.7 263.5 -229.6 264.8C -227.3 266.19998 -227.3 268.4 -227.3 270.8L-227.3 270.8L-227.3 278L-232.5 278L-232.5 272.2C -232.5 270.90002 -232.4 269.2 -233.7 268.40002C -234.3 268.00003 -235.59999 268.00003 -236.4 268.60004C -237.7 269.60004 -237.59999 270.70004 -237.59999 272.60004L-237.59999 272.60004L-237.59999 278.10004L-242.79999 278.10004L-242.7 264.4z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cpath d='M-338.6 264.2L-338.6 269.5C -340.2 269.5 -341.30002 269.7 -342.30002 270.4L-342.30002 270.4L-342.30002 278L-347.50003 278L-347.50003 264.4L-342.30002 264.4L-342.30002 266C -342.00003 265.5 -341.40002 265 -340.50003 264.6C -340.2 264.4 -339.2 264.2 -338.6 264.2z' stroke='none' fill='%23FFFFFF' fill-rule='nonzero' /%3e%3c/g%3e%3c/g%3e%3cg%3e%3cpath d='M-220 289.7C -236.4 298.2 -252.6 303.40002 -260.4 301.80002C -267.19998 300.40002 -263.9 291.00003 -254.09999 283.30002L-254.09999 283.30002L-252.09999 283.30002C -259.8 289.80002 -260.4 297.90002 -255.49998 298.50003C -249.89998 299.20004 -235.69998 296.10004 -221.09998 289.40002L-221.09998 289.40002L-220 289.7z' stroke='none' fill='%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 </ng-container>\n\n <ng-template #linksHref>\n <div *ngFor=\"let link of links\">\n <span *ngIf=\"!link.link && !link.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"link.link && !link.action\" [href]=\"link.link\" [title]=\"link.description\"\n [nasClass]=\"getClass('link')\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </a>\n </div>\n </ng-template>\n\n <ng-container>\n <div *ngFor=\"let link of links\" [nasClass]=\"getClass('action')\">\n <nas-button link *ngIf=\"!link.link && link.action\" [nasClass]=\"getClass('button')\" [ngModel]=\"links\"\n (clickChange)=\"onLinkClick(link)\">\n <ng-container *ngTemplateOutlet=\"linksTemplate; context: { link: link }\"></ng-container>\n </nas-button>\n </div>\n </ng-container>\n\n <span tabindex=\"0\" [nasClass]=\"getClass('authentication')\" *ngIf=\"displayProfile\">\n <span [nasClass]=\"!isAuthenticated ? getClass('logged-out') : getClass('')\">\n <ng-template #profileLinksTemplate>\n <nas-icon [icon]=\"profileLink.icon\" [nasClass]=\"getClass('link-icon')\"></nas-icon>\n <span [nasClass]=\"getClass('link-text')\">{{profileLink.title}}</span>\n </ng-template>\n\n <ng-container *ngIf=\"useRouterLink; else profileHref\">\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [routerLink]=\"profileLink.link\"\n [nasClass]=\"getClass('link')\" [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-container>\n\n <ng-template #profileHref>\n <span *ngIf=\"!profileLink.link && !profileLink.action\" [nasClass]=\"getClass('link-static')\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate; context: { link: link }\"></ng-container>\n </span>\n <a *ngIf=\"profileLink.link && !profileLink.action\" [href]=\"profileLink.link\" [nasClass]=\"getClass('link')\"\n [title]=\"profileLink.description\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </a>\n </ng-template>\n\n <ng-container>\n <nas-button link *ngIf=\"!profileLink.link && profileLink.action\" [nasClass]=\"getClass('button')\"\n [ngModel]=\"profileLink\" (clickChange)=\"onLinkClick(profileLink)\">\n <ng-container *ngTemplateOutlet=\"profileLinksTemplate\"></ng-container>\n </nas-button>\n </ng-container>\n\n <ng-template #logoutLinkTemplate let-link=\"link\">\n <span [nasClass]=\"getClass('link-logout')\">{{logOutLink.title}}</span>\n </ng-template>\n <span *ngIf=\"!walletModel; else wallet\">\n <ng-container *ngIf=\"useRouterLink; else logoutHref\">\n <a [routerLink]=\"logOutLink.link\" [nasClass]=\"getClass('link')\" *ngIf=\"isAuthenticated\"\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 </span>\n <ng-template #wallet>\n <span tabindex=\"0\" [nasClass]=\"getClass('wallet')\" *ngIf=\"isAuthenticated\">\n <nas-wallet [walletModel]=\"walletModel\"></nas-wallet>\n </span>\n </ng-template>\n\n <button *ngIf=\"displayHamburger\" type=\"button\" [nasClass]=\"getClass('toggle')\" (click)=\"handleToggle(true)\">\n <span *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:unset;z-index:40;height:70px;display:flex;background-color:#fff;align-items:center}.nas-page-header__menu{position:fixed;top:70px;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px 36px;color:#fff;outline:0;background-color:#e5212d;z-index:30;animation:menu-in .3s cubic-bezier(0,0,.1,1) both}.nas-page-header__menu .nas-container{padding:0}.nas-page-header__menu--item-logout{display:list-item}@media (min-width: 1000px){.nas-page-header__menu--item-logout{display:none}}.nas-page-header__menu a{color:#fff;font-family: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:unset;display:flex;align-items:center;height:70px;background-color:#fff;justify-content:flex-end}@media (min-width: 640px){.nas-page-header__right-content{position:relative}}.nas-page-header__toggle{display:inline-flex;align-items:center;height:100%}.nas-page-header__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;margin-right:16px}@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"] }]
|
|
8843
9112
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { menuText: [{
|
|
8844
9113
|
type: Input
|
|
8845
9114
|
}], closeText: [{
|
|
@@ -8868,6 +9137,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
8868
9137
|
type: Input
|
|
8869
9138
|
}], links: [{
|
|
8870
9139
|
type: Input
|
|
9140
|
+
}], walletModel: [{
|
|
9141
|
+
type: Input
|
|
8871
9142
|
}], openChange: [{
|
|
8872
9143
|
type: Output
|
|
8873
9144
|
}], menuElement: [{
|
|
@@ -8875,16 +9146,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
8875
9146
|
args: ['menu']
|
|
8876
9147
|
}] } });
|
|
8877
9148
|
|
|
9149
|
+
class ButtonNewModule {
|
|
9150
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9151
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, declarations: [ButtonNewComponent], imports: [CommonModule, NasClassModule, RouterModule, IconModule], exports: [ButtonNewComponent] }); }
|
|
9152
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, imports: [CommonModule, NasClassModule, RouterModule, IconModule] }); }
|
|
9153
|
+
}
|
|
9154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, decorators: [{
|
|
9155
|
+
type: NgModule,
|
|
9156
|
+
args: [{
|
|
9157
|
+
declarations: [ButtonNewComponent],
|
|
9158
|
+
imports: [CommonModule, NasClassModule, RouterModule, IconModule],
|
|
9159
|
+
exports: [ButtonNewComponent],
|
|
9160
|
+
}]
|
|
9161
|
+
}] });
|
|
9162
|
+
|
|
9163
|
+
class TagModule {
|
|
9164
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9165
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: TagModule, declarations: [TagComponent], imports: [CommonModule,
|
|
9166
|
+
NasClassModule,
|
|
9167
|
+
IconModule], exports: [TagComponent] }); }
|
|
9168
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, imports: [CommonModule,
|
|
9169
|
+
NasClassModule,
|
|
9170
|
+
IconModule] }); }
|
|
9171
|
+
}
|
|
9172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, decorators: [{
|
|
9173
|
+
type: NgModule,
|
|
9174
|
+
args: [{
|
|
9175
|
+
declarations: [
|
|
9176
|
+
TagComponent
|
|
9177
|
+
],
|
|
9178
|
+
imports: [
|
|
9179
|
+
CommonModule,
|
|
9180
|
+
NasClassModule,
|
|
9181
|
+
IconModule
|
|
9182
|
+
],
|
|
9183
|
+
exports: [TagComponent]
|
|
9184
|
+
}]
|
|
9185
|
+
}] });
|
|
9186
|
+
|
|
8878
9187
|
class PageHeaderModule {
|
|
8879
9188
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8880
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderModule, declarations: [PageHeaderComponent, HamburgerComponent, SearchComponent], imports: [CommonModule, IconModule, NasClassModule, RouterModule, ButtonModule], exports: [PageHeaderComponent] }); }
|
|
8881
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, IconModule, NasClassModule, RouterModule, ButtonModule] }); }
|
|
9189
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderModule, declarations: [PageHeaderComponent, HamburgerComponent, SearchComponent, WalletComponent], imports: [CommonModule, IconModule, NasClassModule, RouterModule, ButtonModule, TagModule, ButtonNewModule], exports: [PageHeaderComponent] }); }
|
|
9190
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderModule, imports: [CommonModule, IconModule, NasClassModule, RouterModule, ButtonModule, TagModule, ButtonNewModule] }); }
|
|
8882
9191
|
}
|
|
8883
9192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderModule, decorators: [{
|
|
8884
9193
|
type: NgModule,
|
|
8885
9194
|
args: [{
|
|
8886
|
-
declarations: [PageHeaderComponent, HamburgerComponent, SearchComponent],
|
|
8887
|
-
imports: [CommonModule, IconModule, NasClassModule, RouterModule, ButtonModule],
|
|
9195
|
+
declarations: [PageHeaderComponent, HamburgerComponent, SearchComponent, WalletComponent],
|
|
9196
|
+
imports: [CommonModule, IconModule, NasClassModule, RouterModule, ButtonModule, TagModule, ButtonNewModule],
|
|
8888
9197
|
exports: [PageHeaderComponent],
|
|
8889
9198
|
}]
|
|
8890
9199
|
}] });
|
|
@@ -9063,11 +9372,11 @@ class PageHeaderOldComponent extends NasComponentBase {
|
|
|
9063
9372
|
}
|
|
9064
9373
|
}
|
|
9065
9374
|
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 }); }
|
|
9066
|
-
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 }); }
|
|
9375
|
+
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 && !walletModel\"\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 && !walletModel\"\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: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "nas-button", inputs: ["primary", "secondary", "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 }); }
|
|
9067
9376
|
}
|
|
9068
9377
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PageHeaderOldComponent, decorators: [{
|
|
9069
9378
|
type: Component,
|
|
9070
|
-
args: [{ selector: 'nas-page-header-old', encapsulation: ViewEncapsulation.None, 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"] }]
|
|
9379
|
+
args: [{ selector: 'nas-page-header-old', encapsulation: ViewEncapsulation.None, 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 && !walletModel\"\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 && !walletModel\"\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"] }]
|
|
9071
9380
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { menuText: [{
|
|
9072
9381
|
type: Input
|
|
9073
9382
|
}], closeText: [{
|
|
@@ -9172,7 +9481,7 @@ class ToggleComponent extends NasComponentBase {
|
|
|
9172
9481
|
]);
|
|
9173
9482
|
}
|
|
9174
9483
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9175
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ToggleComponent, selector: "nas-toggle", inputs: { options: "options", large: "large", compact: "compact", light: "light", rounded: "rounded", small: "small", big: "big", selectedValue: "selectedValue", label: "label", vertical: "vertical", grouped: "grouped", group: "group", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", scrollable: "scrollable" }, outputs: { handleChange: "handleChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClasses()\" *ngIf=\"!nasFormControlName; else reactiveForm\">\n <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n <div [nasClass]=\"getClass('items')\">\n <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n <input [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [attr.name]=\"group\" type=\"radio\" [attr.value]=\"option.value\" (change)=\"onChange(option)\">\n <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n </label>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n </span>\n </div>\n</div>\n<ng-template #reactiveForm>\n <div [nasClass]=\"mainClasses()\" >\n <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n <div [nasClass]=\"getClass('items')\" [formGroup]=\"nasFormGroup\">\n <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n <input [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [name]=\"group\" type=\"radio\" [value]=\"option.value\" (change)=\"onChange(option)\">\n <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n </label>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n </span>\n </div>\n</div>\n</ng-template>\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-toggle__items{display:flex;flex-grow:2;perspective:1000px}.nas-toggle__title{font-size:16px;line-height:26px}.nas-toggle .icon-small{display:none;margin-left:-3px;margin-right:9px}@media (min-width: 640px){.nas-toggle .icon-small{display:inline-block}}.nas-toggle__item{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.42s;-webkit-user-select:none;user-select:none;width:100%}.nas-toggle__item:nth-child(1){animation-delay:60ms}.nas-toggle__item:nth-child(2){animation-delay:.12s}.nas-toggle__item:nth-child(3){animation-delay:.18s}.nas-toggle__item:nth-child(4){animation-delay:.24s}.nas-toggle__item:nth-child(5){animation-delay:.3s}.nas-toggle__item:nth-child(6){animation-delay:.36s}.nas-toggle__item:not(:first-child){margin-left:2px}.nas-toggle__item:not(:last-child){margin-right:2px}.nas-toggle__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;white-space:nowrap;cursor:pointer;padding:12px;margin:0;border:3px solid #e3e3e3;background-color:#e3e3e3;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-toggle__label:hover,.nas-toggle__label:focus{border-color:#003251}.nas-toggle__label:active{transform:translateY(3px)}.nas-toggle__price{display:block}@media (min-width: 640px){.nas-toggle__price{display:none}}.nas-toggle--compact .nas-toggle__label{font-size:14px;line-height:20px;padding:6px}.nas-toggle--large{align-items:stretch}.nas-toggle--large .icon-small{margin:0}.nas-toggle--large .nas-toggle__label{height:100%;padding:24px;border-color:#fff;background-color:#fff}.nas-toggle--large .nas-toggle__label:hover,.nas-toggle--large .nas-toggle__label:focus{border-color:#003251}.nas-toggle--large .nas-toggle__item:not(:first-child){margin-left:6px}.nas-toggle--large .nas-toggle__item:not(:last-child){margin-right:6px}.nas-toggle--large .nas-toggle__text{display:block}@media (min-width: 640px){.nas-toggle--large .nas-toggle__price{display:block;margin-bottom:-9px}}.nas-toggle--light .nas-toggle__label{border-color:#fff;background-color:#fff}.nas-toggle--light .nas-toggle__label:hover,.nas-toggle--light .nas-toggle__label:focus{border-color:#003251}.nas-toggle--grouped{padding-bottom:3px;border-bottom:3px solid #003251}.nas-toggle--vertical .nas-toggle__items{flex-direction:column;padding-bottom:0;border-bottom:0}.nas-toggle--vertical .nas-toggle__item,.nas-toggle--vertical .nas-toggle__item:not(:first-child),.nas-toggle--vertical .nas-toggle__item:not(:last-child){margin:0 0 3px}.nas-toggle--vertical .nas-toggle__label{padding:9px 24px}.nas-toggle--vertical:not(.nas-toggle--large) .nas-toggle__label{text-align:left;padding:6px 24px}.nas-toggle--rounded .nas-toggle__label{margin:0 auto 6px;padding-top:15px;height:83px;width:83px;border-radius:100%}.nas-toggle--rounded .nas-toggle__label:hover,.nas-toggle--rounded .nas-toggle__label:focus{border-color:#fff;background-color:#fff}.nas-toggle--rounded .nas-toggle__item:not(:first-child){margin-left:12px}.nas-toggle--rounded .nas-toggle__item:not(:last-child){margin-right:12px}.nas-toggle--rounded .nas-toggle__text{display:block;text-align:center}.nas-toggle--big .nas-toggle__label{height:96px;width:96px;padding-top:20px}.nas-toggle--small .nas-toggle__label{padding-top:17px;height:65px;width:65px}.nas-toggle__radio{position:fixed;top:-99px;left:-99px;opacity:0}.nas-toggle__radio:checked~.nas-toggle__label{color:#fff;border-color:#003251;background-color:#003251}.nas-toggle__radio:focus~.nas-toggle__label{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-toggle__radio:disabled~.nas-toggle__label{opacity:.4;pointer-events:none}.nas-toggle--scrollable .nas-toggle__items{overflow-x:auto;overflow-y:hidden;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar{height:4px;width:4px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-thumb{background:#003251;border-radius:2px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:end{margin-right:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:start{margin-left:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-moz-scrollbar{height:4px;width:4px}\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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { 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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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"] }] }); }
|
|
9484
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ToggleComponent, selector: "nas-toggle", inputs: { options: "options", large: "large", compact: "compact", light: "light", rounded: "rounded", small: "small", big: "big", selectedValue: "selectedValue", label: "label", vertical: "vertical", grouped: "grouped", group: "group", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", scrollable: "scrollable" }, outputs: { handleChange: "handleChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClasses()\" *ngIf=\"!nasFormControlName; else reactiveForm\">\n <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n <div [nasClass]=\"getClass('items')\">\n <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n <input [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [attr.name]=\"group\" type=\"radio\" [attr.value]=\"option.value\" (change)=\"onChange(option)\">\n <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n </label>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n </span>\n </div>\n</div>\n<ng-template #reactiveForm>\n <div [nasClass]=\"mainClasses()\" >\n <h3 [nasClass]=\"getClass('title')\">{{label}}</h3>\n <div [nasClass]=\"getClass('items')\" [formGroup]=\"nasFormGroup\">\n <span [nasClass]=\"getClass('item')\" *ngFor=\"let option of options\">\n <input [formControlName]=\"nasFormControlName\" [nasClass]=\"getClass('radio')\" [attr.id]=\"getOptionId(option)\" [checked]=\"option.value === selectedValue\" [name]=\"group\" type=\"radio\" [value]=\"option.value\" (change)=\"onChange(option)\">\n <label [nasClass]=\"getClass('label')\" [attr.for]=\"getOptionId(option)\">\n <nas-icon *ngIf=\"option.icon\" [icon]=\"getIcon(option)\" [type]=\"iconType\"></nas-icon>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"!isRounded\">{{option.text}}</span>\n </label>\n <span [nasClass]=\"getClass('text')\" *ngIf=\"isRounded\">{{option.text}}</span>\n </span>\n </div>\n</div>\n</ng-template>\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-toggle__items{display:flex;flex-grow:2;perspective:1000px}.nas-toggle__title{font-size:16px;line-height:26px}.nas-toggle .icon-small{display:none;margin-left:-3px;margin-right:9px}@media (min-width: 640px){.nas-toggle .icon-small{display:inline-block}}.nas-toggle__item{transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;animation-delay:.42s;-webkit-user-select:none;user-select:none;width:100%}.nas-toggle__item:nth-child(1){animation-delay:60ms}.nas-toggle__item:nth-child(2){animation-delay:.12s}.nas-toggle__item:nth-child(3){animation-delay:.18s}.nas-toggle__item:nth-child(4){animation-delay:.24s}.nas-toggle__item:nth-child(5){animation-delay:.3s}.nas-toggle__item:nth-child(6){animation-delay:.36s}.nas-toggle__item:not(:first-child){margin-left:2px}.nas-toggle__item:not(:last-child){margin-right:2px}.nas-toggle__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;line-height:26px;text-align:center;color:#003251;white-space:nowrap;cursor:pointer;padding:12px;margin:0;border:3px solid #e3e3e3;background-color:#e3e3e3;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-toggle__label:hover,.nas-toggle__label:focus{border-color:#003251}.nas-toggle__label:active{transform:translateY(3px)}.nas-toggle__price{display:block}@media (min-width: 640px){.nas-toggle__price{display:none}}.nas-toggle--compact .nas-toggle__label{font-size:14px;line-height:20px;padding:6px}.nas-toggle--large{align-items:stretch}.nas-toggle--large .icon-small{margin:0}.nas-toggle--large .nas-toggle__label{height:100%;padding:24px;border-color:#fff;background-color:#fff}.nas-toggle--large .nas-toggle__label:hover,.nas-toggle--large .nas-toggle__label:focus{border-color:#003251}.nas-toggle--large .nas-toggle__item:not(:first-child){margin-left:6px}.nas-toggle--large .nas-toggle__item:not(:last-child){margin-right:6px}.nas-toggle--large .nas-toggle__text{display:block}@media (min-width: 640px){.nas-toggle--large .nas-toggle__price{display:block;margin-bottom:-9px}}.nas-toggle--light .nas-toggle__label{border-color:#fff;background-color:#fff}.nas-toggle--light .nas-toggle__label:hover,.nas-toggle--light .nas-toggle__label:focus{border-color:#003251}.nas-toggle--grouped{padding-bottom:3px;border-bottom:3px solid #003251}.nas-toggle--vertical .nas-toggle__items{flex-direction:column;padding-bottom:0;border-bottom:0}.nas-toggle--vertical .nas-toggle__item,.nas-toggle--vertical .nas-toggle__item:not(:first-child),.nas-toggle--vertical .nas-toggle__item:not(:last-child){margin:0 0 3px}.nas-toggle--vertical .nas-toggle__label{padding:9px 24px}.nas-toggle--vertical:not(.nas-toggle--large) .nas-toggle__label{text-align:left;padding:6px 24px}.nas-toggle--rounded .nas-toggle__label{margin:0 auto 6px;padding-top:15px;height:83px;width:83px;border-radius:100%}.nas-toggle--rounded .nas-toggle__label:hover,.nas-toggle--rounded .nas-toggle__label:focus{border-color:#fff;background-color:#fff}.nas-toggle--rounded .nas-toggle__item:not(:first-child){margin-left:12px}.nas-toggle--rounded .nas-toggle__item:not(:last-child){margin-right:12px}.nas-toggle--rounded .nas-toggle__text{display:block;text-align:center}.nas-toggle--big .nas-toggle__label{height:96px;width:96px;padding-top:20px}.nas-toggle--small .nas-toggle__label{padding-top:17px;height:65px;width:65px}.nas-toggle__radio{position:fixed;top:-99px;left:-99px;opacity:0}.nas-toggle__radio:checked~.nas-toggle__label{color:#fff;border-color:#003251;background-color:#003251}.nas-toggle__radio:focus~.nas-toggle__label{box-shadow:0 0 1px 2px #e3e3e3,0 0 2px 3px #3b99fc}.nas-toggle__radio:disabled~.nas-toggle__label{opacity:.4;pointer-events:none}.nas-toggle--scrollable .nas-toggle__items{overflow-x:auto;overflow-y:hidden;padding-bottom:20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar{height:4px;width:4px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-thumb{background:#003251;border-radius:2px}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:end{margin-right:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-webkit-scrollbar-track-piece:start{margin-left:100px;background:#fff}.nas-toggle--scrollable .nas-toggle__items::-moz-scrollbar{height:4px;width:4px}\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: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.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$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
9176
9485
|
}
|
|
9177
9486
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ToggleComponent, decorators: [{
|
|
9178
9487
|
type: Component,
|
|
@@ -10545,7 +10854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
10545
10854
|
type: Output
|
|
10546
10855
|
}] } });
|
|
10547
10856
|
|
|
10548
|
-
let nextId$
|
|
10857
|
+
let nextId$7 = 0;
|
|
10549
10858
|
/**
|
|
10550
10859
|
* @description
|
|
10551
10860
|
* Norwegian Tab Group Component | Layout
|
|
@@ -10581,7 +10890,7 @@ class TabGroupComponent extends NasComponentBase {
|
|
|
10581
10890
|
super('nas-tab-group');
|
|
10582
10891
|
this.selectedIndexValue = 0;
|
|
10583
10892
|
this.groupId = 0;
|
|
10584
|
-
this.groupId = nextId$
|
|
10893
|
+
this.groupId = nextId$7++;
|
|
10585
10894
|
}
|
|
10586
10895
|
ngAfterViewInit() {
|
|
10587
10896
|
let tabIndex = 0;
|
|
@@ -10723,7 +11032,7 @@ class PhoneNumberComponent extends NasComponentBase {
|
|
|
10723
11032
|
]);
|
|
10724
11033
|
}
|
|
10725
11034
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PhoneNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10726
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PhoneNumberComponent, selector: "nas-phone-number", inputs: { options: "options", preferredOptions: "preferredOptions", prefixCountryCode: "prefixCountryCode", label: "label", optionsLabel: "optionsLabel", preferredOptionsLabel: "preferredOptionsLabel", placeholder: "placeholder", id: "id", type: "type", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", errorMessage: "errorMessage", info: "info", icon: "icon", readonly: "readonly", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormControlNamePrefix: "nasFormControlNamePrefix", nasFormGroup: "nasFormGroup", model: "model", cssClass: "cssClass", selectedValue: "selectedValue", selected: "selected" }, outputs: { modelChange: "modelChange", selectedChange: "selectedChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClass()\">\n <label [nasClass]=\"getClass('label')\" *ngIf=\"label\" [attr.for]=\"id\">{{label}}</label>\n\n <div [nasClass]=\"getClass('controls')\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div [nasClass]=\"getClass('prefix')\" *ngIf=\"prefixCountryCode else selectCountryCode\">\n {{prefixCountryCode}}\n </div>\n <ng-template #selectCountryCode>\n <div [nasClass]=\"getClass('country-code')\">\n <nas-select *ngIf=\"!preferredOptions\" [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [selectedValue]=\"selectedValue\" [(selected)]=\"selected\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" [error]=\"error\" [disabled]=\"disabled\" [spaceless]=\"spaceless\"\n [cssClass]=\"cssClass\" [selectedValue]=\"selectedValue\" [(selected)]=\"selected\">\n <nas-optgroup [label]=\"preferredOptionsLabel\">\n <nas-option *ngFor=\"let option of preferredOptions\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n <nas-optgroup [label]=\"optionsLabel\">\n <nas-option *ngFor=\"let option of options\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n </nas-select>\n </div>\n </ng-template>\n <div [nasClass]=\"getClass('number')\">\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"id\" [attr.type]=\"type\" [attr.disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\" [attr.readonly]=\"readonly\" [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\" [attr.aria-invalid]=\"error\" [attr.aria-required]=\"required\"\n [(ngModel)]=\"model\" />\n </div>\n </ng-container>\n <ng-template #reactiveForm>\n <div [nasClass]=\"getClass('prefix')\" *ngIf=\"prefixCountryCode else selectCountryCodeReactive\">\n {{prefixCountryCode}}\n </div>\n <ng-template #selectCountryCodeReactive>\n <div [nasClass]=\"getClass('country-code')\">\n <nas-select *ngIf=\"!preferredOptions\" [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [nasFormControlName]=\"nasFormControlNamePrefix\"\n [nasFormGroup]=\"nasFormGroup\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" [error]=\"error\" [disabled]=\"disabled\" [spaceless]=\"spaceless\"\n [cssClass]=\"cssClass\" [nasFormControlName]=\"nasFormControlNamePrefix\" [nasFormGroup]=\"nasFormGroup\">\n <nas-optgroup [label]=\"preferredOptionsLabel\">\n <nas-option *ngFor=\"let option of preferredOptions\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n <nas-optgroup [label]=\"optionsLabel\">\n <nas-option *ngFor=\"let option of options\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n </nas-select>\n </div>\n </ng-template>\n <div [nasClass]=\"getClass('number')\" [formGroup]=\"nasFormGroup\">\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"id\" [attr.type]=\"type\" [attr.disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\" [attr.readonly]=\"readonly\" [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\" [attr.aria-invalid]=\"error\" [attr.aria-required]=\"required\"\n [formControlName]=\"nasFormControlName\" />\n </div>\n </ng-template>\n </div>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon && !exists(error)\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('line')\"></span>\n\n <p [nasClass]=\"getClass('error')\" *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n\n <span [nasClass]=\"getClass('info')\" *ngIf=\"info\">{{info}}</span>\n\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-phone-number{margin-bottom:16px;position:relative}.nas-phone-number__label{display:flex;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-phone-number__label{letter-spacing:inherit;word-spacing:inherit}}.nas-phone-number__label~.nas-phone-number__icon{top:43px}.nas-phone-number__label~.nas-phone-number__icon--spinner{top:41px}.nas-phone-number__controls{display:flex}.nas-phone-number__prefix{display:flex;padding:3px 16px 0;justify-content:center;align-items:center;margin-bottom:3px;background-color:#f1f1f1}.nas-phone-number__number{flex:1}.nas-phone-number__text{position:relative;margin-bottom:3px;height:50px}.nas-phone-number__text:focus~.nas-phone-number__line{background-color:#003251}.nas-phone-number__text[disabled]{opacity:.5}.nas-phone-number__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-phone-number__icon{position:absolute;pointer-events:none;right:12px;top:13px}.nas-phone-number__icon--spinner{top:12px}.nas-phone-number__info{display:block;margin-top:9px;margin-bottom:24px}.nas-phone-number--error .nas-phone-number__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-phone-number--error .nas-phone-number__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-phone-number--error .nas-phone-number__line{background-color:#e5212d}.nas-phone-number--error .nas-phone-number__text:focus~.nas-phone-number__line{background-color:#003251}.nas-phone-number--disabled .nas-phone-number__text{opacity:.5}.nas-phone-number--loading .nas-phone-number__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-phone-number--spaceless{margin-bottom:0}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}.nas-phone-number:focus-within .nas-phone-number__line{background-color:#003251}:host ::ng-deep .nas-select{margin-bottom:3px}:host ::ng-deep .nas-select select{padding:13px 34px 15px 12px;border:none;background-color:#f1f1f1;height:50px;line-height:24px}\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: 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: "component", type: OptionComponent, selector: "nas-option", inputs: ["option"] }, { kind: "component", type: OptgroupComponent, selector: "nas-optgroup", inputs: ["label"] }, { 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: "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"] }] }); }
|
|
11035
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: PhoneNumberComponent, selector: "nas-phone-number", inputs: { options: "options", preferredOptions: "preferredOptions", prefixCountryCode: "prefixCountryCode", label: "label", optionsLabel: "optionsLabel", preferredOptionsLabel: "preferredOptionsLabel", placeholder: "placeholder", id: "id", type: "type", error: "error", disabled: "disabled", spaceless: "spaceless", loading: "loading", errorMessage: "errorMessage", info: "info", icon: "icon", readonly: "readonly", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], required: "required", nasFormControlName: "nasFormControlName", nasFormControlNamePrefix: "nasFormControlNamePrefix", nasFormGroup: "nasFormGroup", model: "model", cssClass: "cssClass", selectedValue: "selectedValue", selected: "selected" }, outputs: { modelChange: "modelChange", selectedChange: "selectedChange" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClass()\">\n <label [nasClass]=\"getClass('label')\" *ngIf=\"label\" [attr.for]=\"id\">{{label}}</label>\n\n <div [nasClass]=\"getClass('controls')\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <div [nasClass]=\"getClass('prefix')\" *ngIf=\"prefixCountryCode else selectCountryCode\">\n {{prefixCountryCode}}\n </div>\n <ng-template #selectCountryCode>\n <div [nasClass]=\"getClass('country-code')\">\n <nas-select *ngIf=\"!preferredOptions\" [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [selectedValue]=\"selectedValue\" [(selected)]=\"selected\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" [error]=\"error\" [disabled]=\"disabled\" [spaceless]=\"spaceless\"\n [cssClass]=\"cssClass\" [selectedValue]=\"selectedValue\" [(selected)]=\"selected\">\n <nas-optgroup [label]=\"preferredOptionsLabel\">\n <nas-option *ngFor=\"let option of preferredOptions\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n <nas-optgroup [label]=\"optionsLabel\">\n <nas-option *ngFor=\"let option of options\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n </nas-select>\n </div>\n </ng-template>\n <div [nasClass]=\"getClass('number')\">\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"id\" [attr.type]=\"type\" [attr.disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\" [attr.readonly]=\"readonly\" [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\" [attr.aria-invalid]=\"error\" [attr.aria-required]=\"required\"\n [(ngModel)]=\"model\" />\n </div>\n </ng-container>\n <ng-template #reactiveForm>\n <div [nasClass]=\"getClass('prefix')\" *ngIf=\"prefixCountryCode else selectCountryCodeReactive\">\n {{prefixCountryCode}}\n </div>\n <ng-template #selectCountryCodeReactive>\n <div [nasClass]=\"getClass('country-code')\">\n <nas-select *ngIf=\"!preferredOptions\" [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [nasFormControlName]=\"nasFormControlNamePrefix\"\n [nasFormGroup]=\"nasFormGroup\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" [error]=\"error\" [disabled]=\"disabled\" [spaceless]=\"spaceless\"\n [cssClass]=\"cssClass\" [nasFormControlName]=\"nasFormControlNamePrefix\" [nasFormGroup]=\"nasFormGroup\">\n <nas-optgroup [label]=\"preferredOptionsLabel\">\n <nas-option *ngFor=\"let option of preferredOptions\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n <nas-optgroup [label]=\"optionsLabel\">\n <nas-option *ngFor=\"let option of options\" [option]=\"option\"></nas-option>\n </nas-optgroup>\n </nas-select>\n </div>\n </ng-template>\n <div [nasClass]=\"getClass('number')\" [formGroup]=\"nasFormGroup\">\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"id\" [attr.type]=\"type\" [attr.disabled]=\"disabled\"\n [attr.placeholder]=\"placeholder\" [attr.readonly]=\"readonly\" [required]=\"required\"\n [attr.aria-describedby]=\"ariaDescribedby\" [attr.aria-invalid]=\"error\" [attr.aria-required]=\"required\"\n [formControlName]=\"nasFormControlName\" />\n </div>\n </ng-template>\n </div>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"exists(error)\">\n <nas-icon icon=\"alert--error\"></nas-icon>\n </span>\n\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon && !exists(error)\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n <span [nasClass]=\"getClass('line')\"></span>\n\n <p [nasClass]=\"getClass('error')\" *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n\n <span [nasClass]=\"getClass('info')\" *ngIf=\"info\">{{info}}</span>\n\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-phone-number{margin-bottom:16px;position:relative}.nas-phone-number__label{display:flex;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-phone-number__label{letter-spacing:inherit;word-spacing:inherit}}.nas-phone-number__label~.nas-phone-number__icon{top:43px}.nas-phone-number__label~.nas-phone-number__icon--spinner{top:41px}.nas-phone-number__controls{display:flex}.nas-phone-number__prefix{display:flex;padding:3px 16px 0;justify-content:center;align-items:center;margin-bottom:3px;background-color:#f1f1f1}.nas-phone-number__number{flex:1}.nas-phone-number__text{position:relative;margin-bottom:3px;height:50px}.nas-phone-number__text:focus~.nas-phone-number__line{background-color:#003251}.nas-phone-number__text[disabled]{opacity:.5}.nas-phone-number__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-phone-number__icon{position:absolute;pointer-events:none;right:12px;top:13px}.nas-phone-number__icon--spinner{top:12px}.nas-phone-number__info{display:block;margin-top:9px;margin-bottom:24px}.nas-phone-number--error .nas-phone-number__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-phone-number--error .nas-phone-number__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-phone-number--error .nas-phone-number__line{background-color:#e5212d}.nas-phone-number--error .nas-phone-number__text:focus~.nas-phone-number__line{background-color:#003251}.nas-phone-number--disabled .nas-phone-number__text{opacity:.5}.nas-phone-number--loading .nas-phone-number__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-phone-number--spaceless{margin-bottom:0}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}.nas-phone-number:focus-within .nas-phone-number__line{background-color:#003251}:host ::ng-deep .nas-select{margin-bottom:3px}:host ::ng-deep .nas-select select{padding:13px 34px 15px 12px;border:none;background-color:#f1f1f1;height:50px;line-height:24px}\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: 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: "component", type: OptionComponent, selector: "nas-option", inputs: ["option"] }, { kind: "component", type: OptgroupComponent, selector: "nas-optgroup", inputs: ["label"] }, { kind: "directive", type: i3$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
10727
11036
|
}
|
|
10728
11037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: PhoneNumberComponent, decorators: [{
|
|
10729
11038
|
type: Component,
|
|
@@ -10821,7 +11130,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
10821
11130
|
}]
|
|
10822
11131
|
}] });
|
|
10823
11132
|
|
|
10824
|
-
let nextId$
|
|
11133
|
+
let nextId$6 = 0;
|
|
10825
11134
|
/**
|
|
10826
11135
|
* @description
|
|
10827
11136
|
* Norwegian Airport Select Component | Form Controls
|
|
@@ -10910,7 +11219,7 @@ class AutocompleteComponent extends NasComponentBase {
|
|
|
10910
11219
|
this.modelChange = new EventEmitter();
|
|
10911
11220
|
this.index = -1;
|
|
10912
11221
|
this.openValue = false;
|
|
10913
|
-
this.componentId = nextId$
|
|
11222
|
+
this.componentId = nextId$6++;
|
|
10914
11223
|
}
|
|
10915
11224
|
ngOnInit() {
|
|
10916
11225
|
if (!this.ariaLabelClear) {
|
|
@@ -11059,7 +11368,7 @@ class AutocompleteComponent extends NasComponentBase {
|
|
|
11059
11368
|
}
|
|
11060
11369
|
}
|
|
11061
11370
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11062
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AutocompleteComponent, selector: "nas-autocomplete", inputs: { label: "label", placeholder: "placeholder", icon: "icon", items: "items", open: "open", model: "model", disableBackdrop: "disableBackdrop", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelClear: "ariaLabelClear" }, outputs: { focusOnNext: "focusOnNext", selectedChange: "selectedChange", openChange: "openChange", modelChange: "modelChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [id]=\"getLabelId()\"\n [attr.aria-label]=\"label\"\n [nasClass]=\"getClass('wrapper')\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n <input #input\n type=\"text\"\n role=\"combobox\"\n aria-haspopup=\"true\"\n aria-autocomplete=\"none\"\n autocomplete=\"off\"\n [id]=\"getInputId()\"\n [attr.aria-controls]=\"getResultsId()\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"getResultsId()\"\n [nasClass]=\"getClass('input')\"\n [(ngModel)]=\"model\"\n [placeholder]=\"placeholder\"\n (focus)=\"setOpen()\"\n (input)=\"filter()\"\n (click)=\"setOpen()\"\n (keydown)=\"onKeyDown($event)\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"model; 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]=\"icon\"></nas-icon>\n </ng-template>\n </span>\n <span [nasClass]=\"getClass('input-line')\"></span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [id]=\"getLabelId()\"\n [attr.aria-label]=\"label\"\n [nasClass]=\"getClass('wrapper')\"\n [formGroup]=\"nasFormGroup\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n <input #input\n type=\"text\"\n role=\"combobox\"\n aria-autocomplete=\"none\"\n autocomplete=\"off\"\n [id]=\"getInputId()\"\n [attr.aria-controls]=\"getResultsId()\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"getResultsId()\"\n [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"setOpen()\"\n (input)=\"filter()\"\n (click)=\"setOpen()\"\n (keydown)=\"onKeyDown($event)\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"model; 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]=\"icon\"></nas-icon>\n </ng-template>\n </span>\n <span [nasClass]=\"getClass('input-line')\"></span>\n </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n [nasClass]=\"getClass('results-wrapper')\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n <ul #results\n role=\"listbox\"\n *ngIf=\"open\"\n [attr.aria-labelledby]=\"getLabelId()\"\n [nasClass]=\"getClass('results')\">\n <li role=\"option\"\n *ngFor=\"let item of filteredItems\"\n [id]=\"item.id\"\n [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n (click)=\"select(item)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n </button>\n </li>\n </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", 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-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:auto}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0}.nas-autocomplete__input[type=text]{padding:0 16px 9px}.nas-autocomplete__input:focus~.nas-autocomplete__input-line{border-color:#003251}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:24px}.nas-autocomplete__input-line{display:block;position:relative;z-index:3;margin-top:3px;margin-bottom:-9px;border-top:3px solid #c3c3c3}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-autocomplete__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-autocomplete__item--focus,.nas-autocomplete__item:hover,.nas-autocomplete__item:focus{background-color:#003251}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:hover,.nas-autocomplete__item:hover .nas-autocomplete__title,.nas-autocomplete__item:hover .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#fff}.nas-autocomplete__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "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: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { 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"] }] }); }
|
|
11371
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AutocompleteComponent, selector: "nas-autocomplete", inputs: { label: "label", placeholder: "placeholder", icon: "icon", items: "items", open: "open", model: "model", disableBackdrop: "disableBackdrop", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", ariaLabelBackdrop: "ariaLabelBackdrop", ariaLabelClear: "ariaLabelClear" }, outputs: { focusOnNext: "focusOnNext", selectedChange: "selectedChange", openChange: "openChange", modelChange: "modelChange" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [id]=\"getLabelId()\"\n [attr.aria-label]=\"label\"\n [nasClass]=\"getClass('wrapper')\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n <input #input\n type=\"text\"\n role=\"combobox\"\n aria-haspopup=\"true\"\n aria-autocomplete=\"none\"\n autocomplete=\"off\"\n [id]=\"getInputId()\"\n [attr.aria-controls]=\"getResultsId()\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"getResultsId()\"\n [nasClass]=\"getClass('input')\"\n [(ngModel)]=\"model\"\n [placeholder]=\"placeholder\"\n (focus)=\"setOpen()\"\n (input)=\"filter()\"\n (click)=\"setOpen()\"\n (keydown)=\"onKeyDown($event)\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"model; 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]=\"icon\"></nas-icon>\n </ng-template>\n </span>\n <span [nasClass]=\"getClass('input-line')\"></span>\n </label>\n</ng-container>\n<ng-template #reactiveForm>\n <label [id]=\"getLabelId()\"\n [attr.aria-label]=\"label\"\n [nasClass]=\"getClass('wrapper')\"\n [formGroup]=\"nasFormGroup\">\n <span [nasClass]=\"getClass('label')\">{{label}}</span>\n <input #input\n type=\"text\"\n role=\"combobox\"\n aria-autocomplete=\"none\"\n autocomplete=\"off\"\n [id]=\"getInputId()\"\n [attr.aria-controls]=\"getResultsId()\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\"\n [attr.aria-owns]=\"getResultsId()\"\n [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('input')\"\n [placeholder]=\"placeholder\"\n (focus)=\"setOpen()\"\n (input)=\"filter()\"\n (click)=\"setOpen()\"\n (keydown)=\"onKeyDown($event)\" />\n <span [nasClass]=\"getClass('icon')\">\n <button type=\"button\"\n role=\"button\"\n tabindex=\"-1\"\n *ngIf=\"model; 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]=\"icon\"></nas-icon>\n </ng-template>\n </span>\n <span [nasClass]=\"getClass('input-line')\"></span>\n </label>\n</ng-template>\n<div [id]=\"getResultsId()\"\n [nasClass]=\"getClass('results-wrapper')\"\n [attr.aria-expanded]=\"open ? 'true' : 'false'\">\n <ul #results\n role=\"listbox\"\n *ngIf=\"open\"\n [attr.aria-labelledby]=\"getLabelId()\"\n [nasClass]=\"getClass('results')\">\n <li role=\"option\"\n *ngFor=\"let item of filteredItems\"\n [id]=\"item.id\"\n [nasClass]=\"getClass('list-item', item.id === focused?.id && 'focus')\">\n <button type=\"button\"\n [nasClass]=\"getClass('item', item.id === focused?.id && 'focus')\"\n (click)=\"select(item)\"\n tabindex=\"-1\">\n <span [nasClass]=\"getClass('title')\">{{item.title}}</span>\n <span [nasClass]=\"getClass('preamble')\">{{item.preamble}}</span>\n </button>\n </li>\n </ul>\n</div>\n\n<nas-backdrop *ngIf=\"!exists(disableBackdrop)\"\n [ariaLabelBackdrop]=\"ariaLabelBackdrop\"\n [(showBackdrop)]=\"showBackdrop\"></nas-backdrop>", 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-autocomplete__wrapper{position:relative;display:block;z-index:3}.nas-autocomplete__label{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;line-height:20px;display:block;position:relative;z-index:3;padding:9px 16px 0;background-color:#fff;margin-bottom:auto}.nas-autocomplete__input{height:35px;position:relative;z-index:3;line-height:1;margin:0}.nas-autocomplete__input[type=text]{padding:0 16px 9px}.nas-autocomplete__input:focus~.nas-autocomplete__input-line{border-color:#003251}.nas-autocomplete__icon{position:absolute;z-index:4;right:24px;bottom:24px}.nas-autocomplete__input-line{display:block;position:relative;z-index:3;margin-top:3px;margin-bottom:-9px;border-top:3px solid #c3c3c3}.nas-autocomplete__results-wrapper{position:relative;z-index:4;perspective:1000px;margin-top:6px}.nas-autocomplete__results{position:absolute;z-index:3;width:100%;left:0;max-height:50vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border:3px solid #003251;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:results .65s ease both}.nas-autocomplete__backdrop{display:block;position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;color:transparent;background-color:#0019292b;animation:backdrop .7s ease-out both}.nas-autocomplete__item{display:block;position:relative;z-index:2;width:100%;text-align:left;padding:12px;margin-top:-1px;outline:0}.nas-autocomplete__item--focus,.nas-autocomplete__item:hover,.nas-autocomplete__item:focus{background-color:#003251}.nas-autocomplete__item--focus,.nas-autocomplete__item--focus .nas-autocomplete__title,.nas-autocomplete__item--focus .nas-autocomplete__preamble,.nas-autocomplete__item:hover,.nas-autocomplete__item:hover .nas-autocomplete__title,.nas-autocomplete__item:hover .nas-autocomplete__preamble,.nas-autocomplete__item:focus,.nas-autocomplete__item:focus .nas-autocomplete__title,.nas-autocomplete__item:focus .nas-autocomplete__preamble{color:#fff}.nas-autocomplete__title{display:inline-block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1;color:#003251;margin-bottom:3px}.nas-autocomplete__preamble{display:block;font-size:14px}@keyframes results{0%{transform:rotateX(-90deg)}40%{transform:rotateX(20deg)}to{transform:rotateX(0)}}@keyframes backdrop{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "component", type: BackdropComponent, selector: "nas-backdrop", inputs: ["showBackdrop", "ariaLabelBackdrop"], outputs: ["showBackdropChange"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
11063
11372
|
}
|
|
11064
11373
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AutocompleteComponent, decorators: [{
|
|
11065
11374
|
type: Component,
|
|
@@ -11185,7 +11494,7 @@ class TextareaComponent extends NasComponentBase {
|
|
|
11185
11494
|
return style;
|
|
11186
11495
|
}
|
|
11187
11496
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11188
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TextareaComponent, selector: "nas-textarea", inputs: { label: "label", resizable: "resizable", height: "height", maxHeight: "maxHeight", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], disabled: "disabled", error: "error", errorMessage: "errorMessage", id: "id", info: "info", loading: "loading", maxLength: "maxLength", model: "model", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", readonly: "readonly", required: "required", spaceless: "spaceless" }, outputs: { modelChange: "modelChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <textarea [nasClass]=\"getClass('text')\"\n [ngStyle]=\"textareaStyle()\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"error\"\n [attr.disabled]=\"disabled\"\n [attr.id]=\"id\"\n [attr.maxlength]=\"maxLength\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [(ngModel)]=\"model\"\n >\n </textarea>\n <span [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\"\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()\" [formGroup]=\"nasFormGroup\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <textarea [nasClass]=\"getClass('text')\"\n [ngStyle]=\"textareaStyle()\"\n [formControlName]=\"nasFormControlName\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"error\"\n [attr.disabled]=\"disabled\"\n [attr.id]=\"id\"\n [attr.maxlength]=\"maxLength\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n >\n </textarea>\n <span [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\"\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-textarea{display:block;margin-bottom:3px;position:relative}.nas-textarea__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-textarea__label{letter-spacing:inherit;word-spacing:inherit}}.nas-textarea__label~.nas-textarea__icon{top:43px}.nas-textarea__label~.nas-textarea__icon--spinner{top:41px}.nas-textarea__text{position:relative;margin-bottom:3px}.nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea__text[disabled]{opacity:.5}.nas-textarea--error .nas-textarea__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-textarea--error .nas-textarea__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-textarea--error .nas-textarea__line{background-color:#e5212d}.nas-textarea--error .nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea--resizeable .nas-textarea__text{resize:vertical}.nas-textarea--disabled .nas-textarea__text{opacity:.5}.nas-textarea__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-textarea__info{display:block;margin-top:9px;margin-bottom:24px}.nas-textarea--loading .nas-textarea__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-textarea--spaceless{margin-bottom:0}@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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { 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: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
11497
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TextareaComponent, selector: "nas-textarea", inputs: { label: "label", resizable: "resizable", height: "height", maxHeight: "maxHeight", ariaDescribedby: ["aria-describedby", "ariaDescribedby"], disabled: "disabled", error: "error", errorMessage: "errorMessage", id: "id", info: "info", loading: "loading", maxLength: "maxLength", model: "model", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", readonly: "readonly", required: "required", spaceless: "spaceless" }, outputs: { modelChange: "modelChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <textarea [nasClass]=\"getClass('text')\"\n [ngStyle]=\"textareaStyle()\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"error\"\n [attr.disabled]=\"disabled\"\n [attr.id]=\"id\"\n [attr.maxlength]=\"maxLength\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n [(ngModel)]=\"model\"\n >\n </textarea>\n <span [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\"\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()\" [formGroup]=\"nasFormGroup\">\n <p [nasClass]=\"getClass('label')\"\n *ngIf=\"label\">{{label}}</p>\n <textarea [nasClass]=\"getClass('text')\"\n [ngStyle]=\"textareaStyle()\"\n [formControlName]=\"nasFormControlName\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [attr.aria-required]=\"required\"\n [attr.aria-invalid]=\"error\"\n [attr.disabled]=\"disabled\"\n [attr.id]=\"id\"\n [attr.maxlength]=\"maxLength\"\n [attr.readonly]=\"readonly\"\n [required]=\"required\"\n >\n </textarea>\n <span [nasClass]=\"getClass('line')\"></span>\n <p [nasClass]=\"getClass('error')\"\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-textarea{display:block;margin-bottom:3px;position:relative}.nas-textarea__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-textarea__label{letter-spacing:inherit;word-spacing:inherit}}.nas-textarea__label~.nas-textarea__icon{top:43px}.nas-textarea__label~.nas-textarea__icon--spinner{top:41px}.nas-textarea__text{position:relative;margin-bottom:3px}.nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea__text[disabled]{opacity:.5}.nas-textarea--error .nas-textarea__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-textarea--error .nas-textarea__error{display:block;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;color:#e5212d}.nas-textarea--error .nas-textarea__line{background-color:#e5212d}.nas-textarea--error .nas-textarea__text:focus~.nas-textarea__line{background-color:#003251}.nas-textarea--resizeable .nas-textarea__text{resize:vertical}.nas-textarea--disabled .nas-textarea__text{opacity:.5}.nas-textarea__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-textarea__info{display:block;margin-top:9px;margin-bottom:24px}.nas-textarea--loading .nas-textarea__line{background-color:#003251;animation:input-loader ease 1.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;transform-origin:left}.nas-textarea--spaceless{margin-bottom:0}@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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
11189
11498
|
}
|
|
11190
11499
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
11191
11500
|
type: Component,
|
|
@@ -11338,13 +11647,13 @@ class JourneySelectionComponent extends NasComponentBase {
|
|
|
11338
11647
|
return this.sanitizer.bypassSecurityTrustHtml(this.model.expanded.destination);
|
|
11339
11648
|
}
|
|
11340
11649
|
}
|
|
11341
|
-
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
|
|
11650
|
+
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.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11342
11651
|
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"] }] }); }
|
|
11343
11652
|
}
|
|
11344
11653
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: JourneySelectionComponent, decorators: [{
|
|
11345
11654
|
type: Component,
|
|
11346
11655
|
args: [{ selector: 'nas-journey-selection', 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"] }]
|
|
11347
|
-
}], ctorParameters: function () { return [{ type: DateHelper }, { type: i1.DatePipe }, { type: DeviceHelper }, { type: i4
|
|
11656
|
+
}], ctorParameters: function () { return [{ type: DateHelper }, { type: i1.DatePipe }, { type: DeviceHelper }, { type: i4.DomSanitizer }]; }, propDecorators: { imageMain: [{
|
|
11348
11657
|
type: ViewChild,
|
|
11349
11658
|
args: ['imageMain']
|
|
11350
11659
|
}], destinationCode: [{
|
|
@@ -11392,7 +11701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
11392
11701
|
}]
|
|
11393
11702
|
}] });
|
|
11394
11703
|
|
|
11395
|
-
let nextId$
|
|
11704
|
+
let nextId$5 = 0;
|
|
11396
11705
|
/**
|
|
11397
11706
|
* @description
|
|
11398
11707
|
* Norwegian Slide Toogle Component | Buttons and Indicators
|
|
@@ -11442,7 +11751,7 @@ class SlideToggleComponent extends NasComponentBase {
|
|
|
11442
11751
|
* Emits when the focus should be on the previous element.
|
|
11443
11752
|
*/
|
|
11444
11753
|
this.focusOnPrevious = new EventEmitter();
|
|
11445
|
-
this.componentId = nextId$
|
|
11754
|
+
this.componentId = nextId$5++;
|
|
11446
11755
|
}
|
|
11447
11756
|
ngOnInit() {
|
|
11448
11757
|
if (this.nasFormGroup && this.nasFormControlName) {
|
|
@@ -11480,7 +11789,7 @@ class SlideToggleComponent extends NasComponentBase {
|
|
|
11480
11789
|
}
|
|
11481
11790
|
}
|
|
11482
11791
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SlideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11483
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SlideToggleComponent, selector: "nas-slide-toggle", inputs: { nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", disabled: "disabled", inputId: "inputId", toggle: "toggle" }, outputs: { toggleChange: "toggleChange", focusOnPrevious: "focusOnPrevious" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n [disabled]=\"exists(disabled)\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n (keydown)=\"onKeydown($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-template>\n\n<ng-template #content>\n <span [nasClass]=\"getClass('content')\">\n <ng-content></ng-content>\n </span>\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-slide-toggle{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle--disabled{cursor:auto}.nas-slide-toggle--disabled .nas-slide-toggle__thumb-container{opacity:.3}.nas-slide-toggle__thumb-container{width:44px;background-color:#c3c3c3;height:24px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle__thumb-container--toggled{background-color:#238e00}.nas-slide-toggle__thumb-container--toggled .nas-slide-toggle__thumb{margin-left:21px}.nas-slide-toggle__thumb{background-color:#fff;height:20px;width:20px;border-radius:20px;margin:2px 3px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle__content{margin-left:12px;display:block}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11792
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SlideToggleComponent, selector: "nas-slide-toggle", inputs: { nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", disabled: "disabled", inputId: "inputId", toggle: "toggle" }, outputs: { toggleChange: "toggleChange", focusOnPrevious: "focusOnPrevious" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n [disabled]=\"exists(disabled)\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n (keydown)=\"onKeydown($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-template>\n\n<ng-template #content>\n <span [nasClass]=\"getClass('content')\">\n <ng-content></ng-content>\n </span>\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-slide-toggle{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle--disabled{cursor:auto}.nas-slide-toggle--disabled .nas-slide-toggle__thumb-container{opacity:.3}.nas-slide-toggle__thumb-container{width:44px;background-color:#c3c3c3;height:24px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle__thumb-container--toggled{background-color:#238e00}.nas-slide-toggle__thumb-container--toggled .nas-slide-toggle__thumb{margin-left:21px}.nas-slide-toggle__thumb{background-color:#fff;height:20px;width:20px;border-radius:20px;margin:2px 3px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle__content{margin-left:12px;display:block}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11484
11793
|
}
|
|
11485
11794
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SlideToggleComponent, decorators: [{
|
|
11486
11795
|
type: Component,
|
|
@@ -11530,7 +11839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
11530
11839
|
* @license
|
|
11531
11840
|
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
11532
11841
|
*/
|
|
11533
|
-
let nextId$
|
|
11842
|
+
let nextId$4 = 0;
|
|
11534
11843
|
/**
|
|
11535
11844
|
* @description
|
|
11536
11845
|
* Norwegian Slider Component | Form Controls
|
|
@@ -11766,7 +12075,7 @@ class SliderComponent extends NasComponentBase {
|
|
|
11766
12075
|
this.maxValue = 100;
|
|
11767
12076
|
this.minDifferenceRange = 2;
|
|
11768
12077
|
this.isViewInit = false;
|
|
11769
|
-
this.componentId = nextId$
|
|
12078
|
+
this.componentId = nextId$4++;
|
|
11770
12079
|
}
|
|
11771
12080
|
ngOnInit() {
|
|
11772
12081
|
if (this.nasFormGroup && this.nasFormControlName) {
|
|
@@ -11970,7 +12279,7 @@ class SliderComponent extends NasComponentBase {
|
|
|
11970
12279
|
return value;
|
|
11971
12280
|
}
|
|
11972
12281
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SliderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11973
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SliderComponent, selector: "nas-slider", inputs: { id: "id", range: "range", name: "name", title: "title", value: "value", selectedMinValue: "selectedMinValue", selectedMaxValue: "selectedMaxValue", minDiffRange: "minDiffRange", suffix: "suffix", isPrefix: "isPrefix", min: "min", minLabel: "minLabel", max: "max", maxLabel: "maxLabel", step: "step", disabled: "disabled", nasFormControlName: "nasFormControlName", nasFormControlMin: "nasFormControlMin", nasFormControlMax: "nasFormControlMax", nasFormGroup: "nasFormGroup" }, outputs: { valueChange: "valueChange", selectedMinValueChange: "selectedMinValueChange", selectedMaxValueChange: "selectedMaxValueChange" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }, { propertyName: "rangeMin", first: true, predicate: ["rangeMin"], descendants: true }, { propertyName: "rangeMax", first: true, predicate: ["rangeMax"], descendants: true }, { propertyName: "bubble", first: true, predicate: ["bubble"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('wrapper')\" *ngIf=\"!isRange\">\n <div #bubble [nasClass]=\"getClass('bubble', isBubbleActive ? 'active' : '')\">\n <span [nasClass]=\"getClass('bubble-value')\" *ngIf=\"bubbleValue != null\">\n <span *ngIf=\"showBubbleSuffix && exists(isPrefix)\">{{suffix}}</span>{{bubbleValue}}<span \n *ngIf=\"showBubbleSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n </div>\n <ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label>\n <span [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</span>\n <input #slider\n [nasClass]=\"getClass('slider', exists(disabled) ? 'disabled' : '')\"\n type=\"range\"\n [id]=\"sliderId\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.suffix]=\"suffix\"\n [attr.step]=\"step\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"value\"\n [disabled]=\"disabled\"\n (input)=\"onDisplayBubble($event,'slider')\"\n (mouseup)=\"onSliderChange($event, 'slider')\"\n (touchend)=\"onSliderChange($event, 'slider')\"\n (keyup)=\"onSliderChange($event, 'slider')\" />\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n </label>\n </ng-container>\n <ng-template #reactiveForm>\n <label [formGroup]=\"nasFormGroup\">\n <p [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</p>\n <input #slider\n [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('slider', nasFormGroup?.get(nasFormControlName)?.disabled ? 'disabled' : '')\"\n type=\"range\"\n [id]=\"sliderId\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.suffix]=\"suffix\"\n [attr.step]=\"step\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"value\"\n [attr.disabled]=\"disabled\"\n (input)=\"onSliderInput($event, 'slider')\"\n (change)=\"onSliderChange($event, 'slider')\" \n />\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n </label>\n </ng-template>\n <ng-template #label>\n <div [nasClass]=\"getClass('label-wrapper')\">\n <span [nasClass]=\"getClass('label')\">\n <span *ngIf=\"showMinLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{minLabel}}<span \n *ngIf=\"showMinLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'middle')\" *ngIf=\"middleLabel\">\n <span *ngIf=\"exists(isPrefix)\">{{suffix}}</span>{{middleLabel}}<span \n *ngIf=\"!exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'max')\">\n <span *ngIf=\"showMaxLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{maxLabel}}<span \n *ngIf=\"showMaxLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n </div>\n </ng-template>\n</div>\n\n<div [nasClass]=\"getClass('wrapper-range')\" *ngIf=\"isRange && !isIEOrEdge\">\n <div #bubble [nasClass]=\"getClass('bubble', isBubbleActive ? 'active' : '')\" *ngIf=\"showBubble\">\n <span [nasClass]=\"getClass('bubble-value')\" *ngIf=\"bubbleValue != null\">\n <span *ngIf=\"showBubbleSuffix && exists(isPrefix)\">{{suffix}}</span>{{bubbleValue}}<span \n *ngIf=\"showBubbleSuffix && !exists(isPrefix)\">{{suffix}}</span></span>\n </div>\n <ng-container *ngIf=\"!nasFormControlMin && !nasFormControlMax; else reactiveForm\">\n <label >\n <span [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</span>\n <div [nasClass]=\"getClass('range-slider')\">\n <input #slider #rangeMin\n [nasClass]=\"getClass('range-slider-min', exists(disabled) ? 'disabled' : '')\" \n type=\"range\"\n [id]=\"sliderId\"\n [attr.name]=\"name\"\n [attr.value]=\"selectedMinValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMinValue\"\n [disabled]=\"disabled\"\n (input)=\"onDisplayBubble($event,'range-slider-min')\"\n (mouseup)=\"onSliderChange($event, 'range-slider-min')\"\n (touchend)=\"onSliderChange($event, 'range-slider-min')\"\n (keyup)=\"onSliderChange($event, 'range-slider-min')\"\n />\n\n <input #slider #rangeMax\n [nasClass]=\"getClass('range-slider-max', exists(disabled) ? 'disabled' : '')\" \n type=\"range\"\n [id]=\"sliderId\"\n [attr.name]=\"name\" \n [attr.value]=\"selectedMaxValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMaxValue\"\n [disabled]=\"disabled\"\n (input)=\"onDisplayBubble($event,'range-slider-max')\"\n (mouseup)=\"onSliderChange($event, 'range-slider-max')\"\n (touchend)=\"onSliderChange($event, 'range-slider-max')\"\n (keyup)=\"onSliderChange($event, 'range-slider-max')\"\n />\n </div>\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n </label>\n </ng-container>\n \n <ng-template #reactiveForm>\n <label [formGroup]=\"nasFormGroup\">\n <p [nasClass]=\"getClass('title')\" *ngIf=\"title\">{{title}}</p>\n <div [nasClass]=\"getClass('range-slider')\">\n <input #slider #rangeMin\n [nasClass]=\"getClass('range-slider-min', exists(disabled) ? 'disabled' : '')\" \n [formControlName]=\"nasFormControlMin\"\n type=\"range\"\n [id]=\"sliderId\"\n [attr.name]=\"name\"\n [attr.value]=\"selectedMinValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMinValue\"\n [attr.disabled]=\"disabledValue ? '' : null\"\n (input)=\"onSliderInput($event, 'range-slider-min')\" \n (change)=\"onSliderChange($event, 'range-slider-min')\"\n />\n \n <input #slider #rangeMax\n [nasClass]=\"getClass('range-slider-max', exists(disabled) ? 'disabled' : '')\" \n [formControlName]=\"nasFormControlMax\"\n type=\"range\"\n [attr.name]=\"name\" \n [attr.value]=\"selectedMaxValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMaxValue\"\n [attr.disabled]=\"disabledValue ? '' : null\"\n (input)=\"onSliderInput($event, 'range-slider-max')\" \n (change)=\"onSliderChange($event, 'range-slider-max')\"\n />\n </div>\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n</label>\n</ng-template>\n <ng-template #label>\n <div [nasClass]=\"getClass('label-wrapper')\">\n <span [nasClass]=\"getClass('label')\">\n <span *ngIf=\"showMinLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{minLabel}}<span \n *ngIf=\"showMinLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'middle')\" *ngIf=\"middleLabel\">\n <span *ngIf=\"exists(isPrefix)\">{{suffix}}</span>{{middleLabel}}<span \n *ngIf=\"!exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'max')\">\n <span *ngIf=\"showMaxLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{maxLabel}}<span \n *ngIf=\"showMaxLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n </div>\n </ng-template>\n \n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:0;padding:9px;outline:none;vertical-align:middle}.nas-slider{width:100%}.nas-slider__wrapper,.nas-slider__wrapper-range{position:relative}.nas-slider__track-wrapper{position:absolute;top:0;left:0;overflow:hidden;height:7px;width:100%}.nas-slider__track-background{outline:none;height:7px;width:100%;border-radius:5px;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__track-fill{height:7px;width:100%}.nas-slider__title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;height:30px;display:block;margin-bottom:16px}@media (min-width: 640px){.nas-slider__title{letter-spacing:inherit;word-spacing:inherit}}.nas-slider__container{position:relative}.nas-slider__bubble{position:absolute;background-color:#e5212d;width:96px;height:96px;border-radius:50%;text-align:center;top:-88px;color:#fff;opacity:0;visibility:hidden;transition:visibility 0s 1s,opacity 1s linear}.nas-slider__bubble--active{display:inline-block;visibility:visible;opacity:1;transition:opacity 0s linear}.nas-slider__bubble-value{display:block;position:relative;font-size:18px;font-weight:700;top:50%;transform:translateY(-50%)}.nas-slider__slider{-webkit-appearance:none;outline:none;border-radius:5px;width:100%;background-color:transparent;color:transparent}.nas-slider__slider::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px}.nas-slider__slider::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px}.nas-slider__slider::-ms-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;background:transparent;border-color:transparent;color:transparent;margin:14.5px 0;padding-top:10px}.nas-slider__slider::-ms-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__slider::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab;-webkit-appearance:none;margin-top:-17px}.nas-slider__slider::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__slider::-ms-fill-lower,.nas-slider__slider::-ms-fill-upper{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__slider::-ms-tooltip{display:none}.nas-slider__slider--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider:focus{outline:none}.nas-slider__slider:focus::-ms-fill-lower,.nas-slider__slider:focus::-ms-fill-upper{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__range-slider{position:relative;width:98%;margin:0 auto 13px;height:7px;border-radius:5px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\")}.nas-slider__range-slider-min{position:absolute;width:100%;height:0px;-webkit-appearance:none;outline:none;background-color:transparent;color:transparent}.nas-slider__range-slider-min::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-min::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab;margin-top:-17px;margin-left:-7px;-webkit-appearance:none}.nas-slider__range-slider-min::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0px}.nas-slider__range-slider-min::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__range-slider-min--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min:focus{outline:none}.nas-slider__range-slider-max{position:absolute;width:101%;height:0px;-webkit-appearance:none;outline:none;background-color:transparent;color:transparent}.nas-slider__range-slider-max::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-max::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab;margin-top:-17px;margin-left:-7px;-webkit-appearance:none}.nas-slider__range-slider-max::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-max::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__range-slider-max--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max:focus{outline:none}.nas-slider__label{display:flex;margin-top:15px;color:#6f6f6f;width:70px;justify-content:center;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-slider__label-wrapper{display:flex;justify-content:space-between}.nas-slider__label--max{padding-left:5px}.nas-slider__label--middle{text-align:center}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { 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.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][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"] }] }); }
|
|
12282
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SliderComponent, selector: "nas-slider", inputs: { id: "id", range: "range", name: "name", title: "title", value: "value", selectedMinValue: "selectedMinValue", selectedMaxValue: "selectedMaxValue", minDiffRange: "minDiffRange", suffix: "suffix", isPrefix: "isPrefix", min: "min", minLabel: "minLabel", max: "max", maxLabel: "maxLabel", step: "step", disabled: "disabled", nasFormControlName: "nasFormControlName", nasFormControlMin: "nasFormControlMin", nasFormControlMax: "nasFormControlMax", nasFormGroup: "nasFormGroup" }, outputs: { valueChange: "valueChange", selectedMinValueChange: "selectedMinValueChange", selectedMaxValueChange: "selectedMaxValueChange" }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }, { propertyName: "rangeMin", first: true, predicate: ["rangeMin"], descendants: true }, { propertyName: "rangeMax", first: true, predicate: ["rangeMax"], descendants: true }, { propertyName: "bubble", first: true, predicate: ["bubble"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass('wrapper')\" *ngIf=\"!isRange\">\n <div #bubble [nasClass]=\"getClass('bubble', isBubbleActive ? 'active' : '')\">\n <span [nasClass]=\"getClass('bubble-value')\" *ngIf=\"bubbleValue != null\">\n <span *ngIf=\"showBubbleSuffix && exists(isPrefix)\">{{suffix}}</span>{{bubbleValue}}<span \n *ngIf=\"showBubbleSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n </div>\n <ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label>\n <span [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</span>\n <input #slider\n [nasClass]=\"getClass('slider', exists(disabled) ? 'disabled' : '')\"\n type=\"range\"\n [id]=\"sliderId\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.suffix]=\"suffix\"\n [attr.step]=\"step\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"value\"\n [disabled]=\"disabled\"\n (input)=\"onDisplayBubble($event,'slider')\"\n (mouseup)=\"onSliderChange($event, 'slider')\"\n (touchend)=\"onSliderChange($event, 'slider')\"\n (keyup)=\"onSliderChange($event, 'slider')\" />\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n </label>\n </ng-container>\n <ng-template #reactiveForm>\n <label [formGroup]=\"nasFormGroup\">\n <p [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</p>\n <input #slider\n [formControlName]=\"nasFormControlName\"\n [nasClass]=\"getClass('slider', nasFormGroup?.get(nasFormControlName)?.disabled ? 'disabled' : '')\"\n type=\"range\"\n [id]=\"sliderId\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.name]=\"name\"\n [attr.value]=\"value\"\n [attr.suffix]=\"suffix\"\n [attr.step]=\"step\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"value\"\n [attr.disabled]=\"disabled\"\n (input)=\"onSliderInput($event, 'slider')\"\n (change)=\"onSliderChange($event, 'slider')\" \n />\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n </label>\n </ng-template>\n <ng-template #label>\n <div [nasClass]=\"getClass('label-wrapper')\">\n <span [nasClass]=\"getClass('label')\">\n <span *ngIf=\"showMinLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{minLabel}}<span \n *ngIf=\"showMinLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'middle')\" *ngIf=\"middleLabel\">\n <span *ngIf=\"exists(isPrefix)\">{{suffix}}</span>{{middleLabel}}<span \n *ngIf=\"!exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'max')\">\n <span *ngIf=\"showMaxLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{maxLabel}}<span \n *ngIf=\"showMaxLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n </div>\n </ng-template>\n</div>\n\n<div [nasClass]=\"getClass('wrapper-range')\" *ngIf=\"isRange && !isIEOrEdge\">\n <div #bubble [nasClass]=\"getClass('bubble', isBubbleActive ? 'active' : '')\" *ngIf=\"showBubble\">\n <span [nasClass]=\"getClass('bubble-value')\" *ngIf=\"bubbleValue != null\">\n <span *ngIf=\"showBubbleSuffix && exists(isPrefix)\">{{suffix}}</span>{{bubbleValue}}<span \n *ngIf=\"showBubbleSuffix && !exists(isPrefix)\">{{suffix}}</span></span>\n </div>\n <ng-container *ngIf=\"!nasFormControlMin && !nasFormControlMax; else reactiveForm\">\n <label >\n <span [nasClass]=\"getClass('title')\"\n *ngIf=\"title\">{{title}}</span>\n <div [nasClass]=\"getClass('range-slider')\">\n <input #slider #rangeMin\n [nasClass]=\"getClass('range-slider-min', exists(disabled) ? 'disabled' : '')\" \n type=\"range\"\n [id]=\"sliderId\"\n [attr.name]=\"name\"\n [attr.value]=\"selectedMinValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMinValue\"\n [disabled]=\"disabled\"\n (input)=\"onDisplayBubble($event,'range-slider-min')\"\n (mouseup)=\"onSliderChange($event, 'range-slider-min')\"\n (touchend)=\"onSliderChange($event, 'range-slider-min')\"\n (keyup)=\"onSliderChange($event, 'range-slider-min')\"\n />\n\n <input #slider #rangeMax\n [nasClass]=\"getClass('range-slider-max', exists(disabled) ? 'disabled' : '')\" \n type=\"range\"\n [id]=\"sliderId\"\n [attr.name]=\"name\" \n [attr.value]=\"selectedMaxValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMaxValue\"\n [disabled]=\"disabled\"\n (input)=\"onDisplayBubble($event,'range-slider-max')\"\n (mouseup)=\"onSliderChange($event, 'range-slider-max')\"\n (touchend)=\"onSliderChange($event, 'range-slider-max')\"\n (keyup)=\"onSliderChange($event, 'range-slider-max')\"\n />\n </div>\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n </label>\n </ng-container>\n \n <ng-template #reactiveForm>\n <label [formGroup]=\"nasFormGroup\">\n <p [nasClass]=\"getClass('title')\" *ngIf=\"title\">{{title}}</p>\n <div [nasClass]=\"getClass('range-slider')\">\n <input #slider #rangeMin\n [nasClass]=\"getClass('range-slider-min', exists(disabled) ? 'disabled' : '')\" \n [formControlName]=\"nasFormControlMin\"\n type=\"range\"\n [id]=\"sliderId\"\n [attr.name]=\"name\"\n [attr.value]=\"selectedMinValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMinValue\"\n [attr.disabled]=\"disabledValue ? '' : null\"\n (input)=\"onSliderInput($event, 'range-slider-min')\" \n (change)=\"onSliderChange($event, 'range-slider-min')\"\n />\n \n <input #slider #rangeMax\n [nasClass]=\"getClass('range-slider-max', exists(disabled) ? 'disabled' : '')\" \n [formControlName]=\"nasFormControlMax\"\n type=\"range\"\n [attr.name]=\"name\" \n [attr.value]=\"selectedMaxValue\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [attr.suffix]=\"suffix\"\n [attr.aria-valuemin]=\"min\"\n [attr.aria-valuemax]=\"max\"\n [attr.aria-valuenow]=\"selectedMaxValue\"\n [attr.disabled]=\"disabledValue ? '' : null\"\n (input)=\"onSliderInput($event, 'range-slider-max')\" \n (change)=\"onSliderChange($event, 'range-slider-max')\"\n />\n </div>\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\n</label>\n</ng-template>\n <ng-template #label>\n <div [nasClass]=\"getClass('label-wrapper')\">\n <span [nasClass]=\"getClass('label')\">\n <span *ngIf=\"showMinLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{minLabel}}<span \n *ngIf=\"showMinLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'middle')\" *ngIf=\"middleLabel\">\n <span *ngIf=\"exists(isPrefix)\">{{suffix}}</span>{{middleLabel}}<span \n *ngIf=\"!exists(isPrefix)\">{{suffix}}</span>\n </span>\n <span [nasClass]=\"getClass('label', 'max')\">\n <span *ngIf=\"showMaxLabelSuffix && exists(isPrefix)\">{{suffix}}</span>{{maxLabel}}<span \n *ngIf=\"showMaxLabelSuffix && !exists(isPrefix)\">{{suffix}}</span>\n </span>\n </div>\n </ng-template>\n \n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}:host{position:relative;width:100%;display:inline-block;box-sizing:border-box;border-radius:0;padding:9px;outline:none;vertical-align:middle}.nas-slider{width:100%}.nas-slider__wrapper,.nas-slider__wrapper-range{position:relative}.nas-slider__track-wrapper{position:absolute;top:0;left:0;overflow:hidden;height:7px;width:100%}.nas-slider__track-background{outline:none;height:7px;width:100%;border-radius:5px;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__track-fill{height:7px;width:100%}.nas-slider__title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;height:30px;display:block;margin-bottom:16px}@media (min-width: 640px){.nas-slider__title{letter-spacing:inherit;word-spacing:inherit}}.nas-slider__container{position:relative}.nas-slider__bubble{position:absolute;background-color:#e5212d;width:96px;height:96px;border-radius:50%;text-align:center;top:-88px;color:#fff;opacity:0;visibility:hidden;transition:visibility 0s 1s,opacity 1s linear}.nas-slider__bubble--active{display:inline-block;visibility:visible;opacity:1;transition:opacity 0s linear}.nas-slider__bubble-value{display:block;position:relative;font-size:18px;font-weight:700;top:50%;transform:translateY(-50%)}.nas-slider__slider{-webkit-appearance:none;outline:none;border-radius:5px;width:100%;background-color:transparent;color:transparent}.nas-slider__slider::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px}.nas-slider__slider::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px}.nas-slider__slider::-ms-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;background:transparent;border-color:transparent;color:transparent;margin:14.5px 0;padding-top:10px}.nas-slider__slider::-ms-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__slider::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab;-webkit-appearance:none;margin-top:-17px}.nas-slider__slider::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__slider::-ms-fill-lower,.nas-slider__slider::-ms-fill-upper{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__slider::-ms-tooltip{display:none}.nas-slider__slider--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider:focus{outline:none}.nas-slider__slider:focus::-ms-fill-lower,.nas-slider__slider:focus::-ms-fill-upper{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__range-slider{position:relative;width:98%;margin:0 auto 13px;height:7px;border-radius:5px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\")}.nas-slider__range-slider-min{position:absolute;width:100%;height:0px;-webkit-appearance:none;outline:none;background-color:transparent;color:transparent}.nas-slider__range-slider-min::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-min::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab;margin-top:-17px;margin-left:-7px;-webkit-appearance:none}.nas-slider__range-slider-min::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0px}.nas-slider__range-slider-min::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__range-slider-min--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min:focus{outline:none}.nas-slider__range-slider-max{position:absolute;width:101%;height:0px;-webkit-appearance:none;outline:none;background-color:transparent;color:transparent}.nas-slider__range-slider-max::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-max::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab;margin-top:-17px;margin-left:-7px;-webkit-appearance:none}.nas-slider__range-slider-max::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-max::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__range-slider-max--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22 xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max:focus{outline:none}.nas-slider__label{display:flex;margin-top:15px;color:#6f6f6f;width:70px;justify-content:center;font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-slider__label-wrapper{display:flex;justify-content:space-between}.nas-slider__label--max{padding-left:5px}.nas-slider__label--middle{text-align:center}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.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$1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] }); }
|
|
11974
12283
|
}
|
|
11975
12284
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SliderComponent, decorators: [{
|
|
11976
12285
|
type: Component,
|
|
@@ -12351,68 +12660,7 @@ class DividerComponent extends NasComponentBase {
|
|
|
12351
12660
|
this.exists(this.dark) && 'dark',
|
|
12352
12661
|
this.exists(this.secondary) && 'secondary',
|
|
12353
12662
|
this.exists(this.primary) && 'primary',
|
|
12354
|
-
];
|
|
12355
|
-
}
|
|
12356
|
-
getClasses(element, modifiers) {
|
|
12357
|
-
const classes = [
|
|
12358
|
-
this.getClass(element, modifiers)
|
|
12359
|
-
];
|
|
12360
|
-
return classes;
|
|
12361
|
-
}
|
|
12362
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12363
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DividerComponent, selector: "nas-divider", inputs: { text: "text", double: "double", dotted: "dotted", dashed: "dashed", spaceLarge: "spaceLarge", light: "light", dark: "dark", secondary: "secondary", primary: "primary" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n <div [nasClass]=\"getClass('line')\"></div>\n <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">{{text}}</div>\n <div [nasClass]=\"getClass('line')\"></div>\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-divider{display:flex;justify-content:center;align-items:center;margin-top:12px;margin-bottom:12px;height:1px}.nas-divider__line{flex:1;height:1px;background-color:#909090}.nas-divider__text{padding:12px;font-size:16px;line-height:26px}.nas-divider--double .nas-divider__line{flex:1;height:2px;background-color:#c3c3c3}.nas-divider--dotted .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dotted #c3c3c3}.nas-divider--dashed .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dashed #c3c3c3}.nas-divider--spacelarge{margin-top:36px;margin-bottom:36px}.nas-divider--light,.nas-divider--light .nas-divider__line{background-color:#c3c3c3}.nas-divider--dark,.nas-divider--dark .nas-divider__line{background-color:#6f6f6f}.nas-divider--secondary,.nas-divider--secondary .nas-divider__line{background-color:#003251}.nas-divider--primary,.nas-divider--primary .nas-divider__line{background-color:#e5212d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12364
|
-
}
|
|
12365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerComponent, decorators: [{
|
|
12366
|
-
type: Component,
|
|
12367
|
-
args: [{ selector: 'nas-divider', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n <div [nasClass]=\"getClass('line')\"></div>\n <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">{{text}}</div>\n <div [nasClass]=\"getClass('line')\"></div>\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-divider{display:flex;justify-content:center;align-items:center;margin-top:12px;margin-bottom:12px;height:1px}.nas-divider__line{flex:1;height:1px;background-color:#909090}.nas-divider__text{padding:12px;font-size:16px;line-height:26px}.nas-divider--double .nas-divider__line{flex:1;height:2px;background-color:#c3c3c3}.nas-divider--dotted .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dotted #c3c3c3}.nas-divider--dashed .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dashed #c3c3c3}.nas-divider--spacelarge{margin-top:36px;margin-bottom:36px}.nas-divider--light,.nas-divider--light .nas-divider__line{background-color:#c3c3c3}.nas-divider--dark,.nas-divider--dark .nas-divider__line{background-color:#6f6f6f}.nas-divider--secondary,.nas-divider--secondary .nas-divider__line{background-color:#003251}.nas-divider--primary,.nas-divider--primary .nas-divider__line{background-color:#e5212d}\n"] }]
|
|
12368
|
-
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
12369
|
-
type: Input
|
|
12370
|
-
}], double: [{
|
|
12371
|
-
type: Input
|
|
12372
|
-
}], dotted: [{
|
|
12373
|
-
type: Input
|
|
12374
|
-
}], dashed: [{
|
|
12375
|
-
type: Input
|
|
12376
|
-
}], spaceLarge: [{
|
|
12377
|
-
type: Input
|
|
12378
|
-
}], light: [{
|
|
12379
|
-
type: Input
|
|
12380
|
-
}], dark: [{
|
|
12381
|
-
type: Input
|
|
12382
|
-
}], secondary: [{
|
|
12383
|
-
type: Input
|
|
12384
|
-
}], primary: [{
|
|
12385
|
-
type: Input
|
|
12386
|
-
}] } });
|
|
12387
|
-
|
|
12388
|
-
class DividerModule {
|
|
12389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12390
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, declarations: [DividerComponent], imports: [CommonModule, NasClassModule, RouterModule], exports: [DividerComponent] }); }
|
|
12391
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, imports: [CommonModule, NasClassModule, RouterModule] }); }
|
|
12392
|
-
}
|
|
12393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, decorators: [{
|
|
12394
|
-
type: NgModule,
|
|
12395
|
-
args: [{
|
|
12396
|
-
declarations: [DividerComponent],
|
|
12397
|
-
imports: [CommonModule, NasClassModule, RouterModule],
|
|
12398
|
-
exports: [DividerComponent],
|
|
12399
|
-
}]
|
|
12400
|
-
}] });
|
|
12401
|
-
|
|
12402
|
-
/**
|
|
12403
|
-
* @license
|
|
12404
|
-
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
12405
|
-
*/
|
|
12406
|
-
/**
|
|
12407
|
-
* @description
|
|
12408
|
-
* Norwegian alert Tag | Dialogs and Modals
|
|
12409
|
-
*/
|
|
12410
|
-
class TagComponent extends NasComponentBase {
|
|
12411
|
-
constructor() {
|
|
12412
|
-
super('nas-tag');
|
|
12413
|
-
}
|
|
12414
|
-
ngOnInit() {
|
|
12415
|
-
// The components init logic
|
|
12663
|
+
];
|
|
12416
12664
|
}
|
|
12417
12665
|
getClasses(element, modifiers) {
|
|
12418
12666
|
const classes = [
|
|
@@ -12420,78 +12668,43 @@ class TagComponent extends NasComponentBase {
|
|
|
12420
12668
|
];
|
|
12421
12669
|
return classes;
|
|
12422
12670
|
}
|
|
12423
|
-
|
|
12424
|
-
|
|
12425
|
-
this.exists(this.info) && 'info',
|
|
12426
|
-
this.exists(this.warning) && 'warning',
|
|
12427
|
-
this.exists(this.success) && 'success',
|
|
12428
|
-
this.exists(this.error) && 'error',
|
|
12429
|
-
this.exists(this.neutral) && 'neutral'
|
|
12430
|
-
];
|
|
12431
|
-
}
|
|
12432
|
-
getTagClass() {
|
|
12433
|
-
const classMap = {
|
|
12434
|
-
warning: 'warning',
|
|
12435
|
-
success: 'success',
|
|
12436
|
-
info: 'info',
|
|
12437
|
-
error: 'error',
|
|
12438
|
-
neutral: 'neutral'
|
|
12439
|
-
};
|
|
12440
|
-
// Check if any of the modifiers (info, warning, success, error) exist
|
|
12441
|
-
const modifiers = this.getModifiers();
|
|
12442
|
-
for (const modifier of modifiers) {
|
|
12443
|
-
if (classMap[modifier]) {
|
|
12444
|
-
return classMap[modifier]; // Return the first existing modifier as the CSS class
|
|
12445
|
-
}
|
|
12446
|
-
}
|
|
12447
|
-
// If none of the modifiers exist, default to 'info'
|
|
12448
|
-
return 'info';
|
|
12449
|
-
}
|
|
12450
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12451
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: TagComponent, selector: "nas-tag", inputs: { info: "info", warning: "warning", error: "error", success: "success", neutral: "neutral", text: "text", icon: "icon", iconType: "iconType" }, usesInheritance: true, ngImport: i0, template: "<div class=\"nas-tag\" [nasClass]=\"getClasses('', getModifiers())\" >\n <div [nasClass]=\"getClass(getTagClass())\">\n <div *ngIf=\"icon\">\n <nas-icon [icon]=\"iconType\" [type]=\"'small'\"></nas-icon>\n </div>\n <div class=\"tag-text\">\n <div class=\"tag-description\">{{text}}</div>\n </div>\n </div>\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-tag__info{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #003251;background:#EBF4FF}.nas-tag__info__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__info__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__info__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__success{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #2EB004;background:#F4FAF2}.nas-tag__success__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__success__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#2eb004;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__success__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__warning{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #FC9E12;background:#FFF6EC}.nas-tag__warning__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__warning__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#fc9e12;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__warning__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__error{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #CC3A19;background:#FFF5F3}.nas-tag__error__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__error__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#cc3a19;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__error__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}.nas-tag__neutral{display:inline-flex;padding:3px 9px;justify-content:center;align-items:center;gap:3px;border-radius:36px;border:1px solid #eaeaea;background:#F9F9F9}.nas-tag__neutral__info-text{flex:1 1 0;align-self:stretch;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:inline-flex}.nas-tag__neutral__info-text__info-title{align-self:stretch;padding-top:2px;justify-content:flex-start;align-items:flex-start;display:inline-flex;color:#eaeaea;font-size:14px;font-family:Apercu Pro;font-weight:700;line-height:24px;word-wrap:break-word}.nas-tag__neutral__info-text__info-description{align-self:stretch;height:22px;padding-top:2px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex;color:#003251;font-size:14px;font-family:Apercu Pro;font-weight:400;line-height:24px;word-wrap:break-word}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12671
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12672
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: DividerComponent, selector: "nas-divider", inputs: { text: "text", double: "double", dotted: "dotted", dashed: "dashed", spaceLarge: "spaceLarge", light: "light", dark: "dark", secondary: "secondary", primary: "primary" }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n <div [nasClass]=\"getClass('line')\"></div>\n <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">{{text}}</div>\n <div [nasClass]=\"getClass('line')\"></div>\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-divider{display:flex;justify-content:center;align-items:center;margin-top:12px;margin-bottom:12px;height:1px}.nas-divider__line{flex:1;height:1px;background-color:#909090}.nas-divider__text{padding:12px;font-size:16px;line-height:26px}.nas-divider--double .nas-divider__line{flex:1;height:2px;background-color:#c3c3c3}.nas-divider--dotted .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dotted #c3c3c3}.nas-divider--dashed .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dashed #c3c3c3}.nas-divider--spacelarge{margin-top:36px;margin-bottom:36px}.nas-divider--light,.nas-divider--light .nas-divider__line{background-color:#c3c3c3}.nas-divider--dark,.nas-divider--dark .nas-divider__line{background-color:#6f6f6f}.nas-divider--secondary,.nas-divider--secondary .nas-divider__line{background-color:#003251}.nas-divider--primary,.nas-divider--primary .nas-divider__line{background-color:#e5212d}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12452
12673
|
}
|
|
12453
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type:
|
|
12674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerComponent, decorators: [{
|
|
12454
12675
|
type: Component,
|
|
12455
|
-
args: [{ selector: 'nas-
|
|
12456
|
-
}], ctorParameters: function () { return []; }, propDecorators: {
|
|
12676
|
+
args: [{ selector: 'nas-divider', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [nasClass]=\"getClasses('', getModifiers())\">\n <div [nasClass]=\"getClass('line')\"></div>\n <div *ngIf=\"text\" [nasClass]=\"getClass('text')\">{{text}}</div>\n <div [nasClass]=\"getClass('line')\"></div>\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-divider{display:flex;justify-content:center;align-items:center;margin-top:12px;margin-bottom:12px;height:1px}.nas-divider__line{flex:1;height:1px;background-color:#909090}.nas-divider__text{padding:12px;font-size:16px;line-height:26px}.nas-divider--double .nas-divider__line{flex:1;height:2px;background-color:#c3c3c3}.nas-divider--dotted .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dotted #c3c3c3}.nas-divider--dashed .nas-divider__line{flex:1;height:1px;background-color:transparent;border-bottom:1px dashed #c3c3c3}.nas-divider--spacelarge{margin-top:36px;margin-bottom:36px}.nas-divider--light,.nas-divider--light .nas-divider__line{background-color:#c3c3c3}.nas-divider--dark,.nas-divider--dark .nas-divider__line{background-color:#6f6f6f}.nas-divider--secondary,.nas-divider--secondary .nas-divider__line{background-color:#003251}.nas-divider--primary,.nas-divider--primary .nas-divider__line{background-color:#e5212d}\n"] }]
|
|
12677
|
+
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
12457
12678
|
type: Input
|
|
12458
|
-
}],
|
|
12679
|
+
}], double: [{
|
|
12459
12680
|
type: Input
|
|
12460
|
-
}],
|
|
12681
|
+
}], dotted: [{
|
|
12461
12682
|
type: Input
|
|
12462
|
-
}],
|
|
12683
|
+
}], dashed: [{
|
|
12463
12684
|
type: Input
|
|
12464
|
-
}],
|
|
12685
|
+
}], spaceLarge: [{
|
|
12465
12686
|
type: Input
|
|
12466
|
-
}],
|
|
12687
|
+
}], light: [{
|
|
12467
12688
|
type: Input
|
|
12468
|
-
}],
|
|
12689
|
+
}], dark: [{
|
|
12469
12690
|
type: Input
|
|
12470
|
-
}],
|
|
12691
|
+
}], secondary: [{
|
|
12692
|
+
type: Input
|
|
12693
|
+
}], primary: [{
|
|
12471
12694
|
type: Input
|
|
12472
12695
|
}] } });
|
|
12473
12696
|
|
|
12474
|
-
class
|
|
12475
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type:
|
|
12476
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type:
|
|
12477
|
-
|
|
12478
|
-
IconModule], exports: [TagComponent] }); }
|
|
12479
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: TagModule, imports: [CommonModule,
|
|
12480
|
-
NasClassModule,
|
|
12481
|
-
IconModule] }); }
|
|
12697
|
+
class DividerModule {
|
|
12698
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12699
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, declarations: [DividerComponent], imports: [CommonModule, NasClassModule, RouterModule], exports: [DividerComponent] }); }
|
|
12700
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, imports: [CommonModule, NasClassModule, RouterModule] }); }
|
|
12482
12701
|
}
|
|
12483
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type:
|
|
12702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: DividerModule, decorators: [{
|
|
12484
12703
|
type: NgModule,
|
|
12485
12704
|
args: [{
|
|
12486
|
-
declarations: [
|
|
12487
|
-
|
|
12488
|
-
],
|
|
12489
|
-
imports: [
|
|
12490
|
-
CommonModule,
|
|
12491
|
-
NasClassModule,
|
|
12492
|
-
IconModule
|
|
12493
|
-
],
|
|
12494
|
-
exports: [TagComponent]
|
|
12705
|
+
declarations: [DividerComponent],
|
|
12706
|
+
imports: [CommonModule, NasClassModule, RouterModule],
|
|
12707
|
+
exports: [DividerComponent],
|
|
12495
12708
|
}]
|
|
12496
12709
|
}] });
|
|
12497
12710
|
|
|
@@ -12818,188 +13031,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
|
|
|
12818
13031
|
}]
|
|
12819
13032
|
}] });
|
|
12820
13033
|
|
|
12821
|
-
/**
|
|
12822
|
-
* @license
|
|
12823
|
-
* Copyright Norwegian Air Shuttle. All Rights Reserved.
|
|
12824
|
-
*/
|
|
12825
|
-
let nextId$4 = 0;
|
|
12826
|
-
/**
|
|
12827
|
-
* @description
|
|
12828
|
-
* Norwegian Button Component | New design | Beta
|
|
12829
|
-
*/
|
|
12830
|
-
class ButtonNewComponent extends NasComponentBase {
|
|
12831
|
-
get buttonStyle() {
|
|
12832
|
-
if (this.canContinueOnDisabled && this.disabled) {
|
|
12833
|
-
this.cssStyle['pointer-events'] = 'inherit';
|
|
12834
|
-
return this.cssStyle;
|
|
12835
|
-
}
|
|
12836
|
-
return this.cssStyle;
|
|
12837
|
-
}
|
|
12838
|
-
get buttonId() {
|
|
12839
|
-
return this.id ? this.id : `nas-button-new-${this.componentId}`;
|
|
12840
|
-
}
|
|
12841
|
-
get modifiers() {
|
|
12842
|
-
return [
|
|
12843
|
-
this.exists(this.primary) && 'primary',
|
|
12844
|
-
this.exists(this.secondary) && 'secondary',
|
|
12845
|
-
this.exists(this.large) && 'large',
|
|
12846
|
-
this.exists(this.block) && 'block',
|
|
12847
|
-
this.exists(this.flex) && 'flex',
|
|
12848
|
-
this.exists(this.compact) && 'compact',
|
|
12849
|
-
this.exists(this.right) && 'right',
|
|
12850
|
-
this.exists(this.spaceless) && 'spaceless',
|
|
12851
|
-
this.exists(this.link) && 'link',
|
|
12852
|
-
this.exists(this.light) && 'light',
|
|
12853
|
-
this.exists(this.buttonlink) && 'buttonlink',
|
|
12854
|
-
(this.exists(this.primary) && !this.exists(this.compact)) && 'white-background'
|
|
12855
|
-
];
|
|
12856
|
-
}
|
|
12857
|
-
/**
|
|
12858
|
-
* @description
|
|
12859
|
-
* Represent a button component.
|
|
12860
|
-
* Will initiate correct block style.
|
|
12861
|
-
*/
|
|
12862
|
-
constructor() {
|
|
12863
|
-
super('nas-button-new');
|
|
12864
|
-
/**
|
|
12865
|
-
* @property Input
|
|
12866
|
-
* @description
|
|
12867
|
-
* String to set button type. Default value is "button".
|
|
12868
|
-
*
|
|
12869
|
-
* @example
|
|
12870
|
-
* <nas-button [type]="'submit'">Click on me!</nas-button>
|
|
12871
|
-
*/
|
|
12872
|
-
this.type = 'button';
|
|
12873
|
-
/**
|
|
12874
|
-
* @property Input
|
|
12875
|
-
* @description
|
|
12876
|
-
* Property to set custom styling on button.
|
|
12877
|
-
*
|
|
12878
|
-
* @example
|
|
12879
|
-
* <nas-button [cssStyle]="{'width': '300px', 'height': '40px'}">Click on me!</nas-button>
|
|
12880
|
-
*/
|
|
12881
|
-
this.cssStyle = {};
|
|
12882
|
-
/**
|
|
12883
|
-
* @property Input
|
|
12884
|
-
* @description
|
|
12885
|
-
* The target attribute specifies where to open the link.
|
|
12886
|
-
* @example
|
|
12887
|
-
* <nas-button link href="https://www.norwegian.com" target="_blank">Click on me!</nas-button>
|
|
12888
|
-
*/
|
|
12889
|
-
this.target = '_self';
|
|
12890
|
-
/**
|
|
12891
|
-
* @property Output
|
|
12892
|
-
* @description
|
|
12893
|
-
* Change event when clicking on button.
|
|
12894
|
-
*
|
|
12895
|
-
* @example
|
|
12896
|
-
* <nas-button (clickChange)="myFunction()">Click on me!</nas-button>
|
|
12897
|
-
*/
|
|
12898
|
-
this.clickChange = new EventEmitter();
|
|
12899
|
-
this.trackingEventSource = new Subject();
|
|
12900
|
-
this.trackingEvent$ = this.trackingEventSource.asObservable();
|
|
12901
|
-
this.componentId = nextId$4++;
|
|
12902
|
-
}
|
|
12903
|
-
getClasses(element, modifiers) {
|
|
12904
|
-
const classes = new Array();
|
|
12905
|
-
if (this.exists(this.overrideBaseCssClass) && this.cssClass) {
|
|
12906
|
-
classes.push(this.cssClass);
|
|
12907
|
-
return classes;
|
|
12908
|
-
}
|
|
12909
|
-
classes.push(this.getClass(element, modifiers));
|
|
12910
|
-
if (this.cssClass) {
|
|
12911
|
-
classes.push(this.cssClass);
|
|
12912
|
-
}
|
|
12913
|
-
return classes;
|
|
12914
|
-
}
|
|
12915
|
-
emitTrackingEvent() {
|
|
12916
|
-
this.trackingEventSource.next(this.trackingvalue);
|
|
12917
|
-
}
|
|
12918
|
-
emitTrackingAndClickEvent(event) {
|
|
12919
|
-
this.trackingEventSource.next(this.trackingvalue);
|
|
12920
|
-
this.clickChange.emit(event);
|
|
12921
|
-
}
|
|
12922
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12923
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: ButtonNewComponent, selector: "nas-button-new", inputs: { primary: "primary", secondary: "secondary", link: "link", light: "light", large: "large", block: "block", flex: "flex", compact: "compact", right: "right", spaceless: "spaceless", 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", iconType: "iconType", 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 || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></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 <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\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 <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\n </span>\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-new{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-new--container{background-color:#fff}.nas-button-new: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-new:hover,.nas-button-new:focus{background-color:#c3c3c3}.nas-button-new:hover:before,.nas-button-new:focus:before{transform:translateY(0)}.nas-button-new[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button-new--primary{color:#fff;background-color:#e5212d}.nas-button-new--primary:before{background-color:#003251}.nas-button-new--primary:hover,.nas-button-new--primary:focus{color:#fff;background-color:#b71530}.nas-button-new--primary:hover:before,.nas-button-new--primary:focus:before{background-color:#003251}.nas-button-new--primary:active{color:#fff;background:#891024}.nas-button-new--primary:active:before{background-color:#003251}.nas-button-new--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--primary:focus-visible:before{display:none}.nas-button-new--primary:disabled{background-color:#e3e3e3}.nas-button-new--primary:hover,.nas-button-new--primary:focus{border-bottom:0}.nas-button-new--secondary{color:#fff;background-color:#15273f}.nas-button-new--secondary:before{background-color:#15273f}.nas-button-new--secondary:hover,.nas-button-new--secondary:focus{color:#fff;background-color:#0a2033}.nas-button-new--secondary:hover:before,.nas-button-new--secondary:focus:before{background-color:#0a2033}.nas-button-new--secondary:active{color:#fff;background:#071622}.nas-button-new--secondary:active:before{background-color:#071622}.nas-button-new--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--secondary:focus-visible:before{display:none}.nas-button-new--secondary:before{display:none}.nas-button-new--secondary:disabled{background-color:#e3e3e3}.nas-button-new--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button-new--light:before{background-color:#fff}.nas-button-new--light:hover,.nas-button-new--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button-new--light:hover:before,.nas-button-new--light:focus:before{background-color:#f1f1f1}.nas-button-new--light:active{color:#15273f;background:#EBF4FF}.nas-button-new--light:active:before{background-color:#ebf4ff}.nas-button-new--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--light:focus-visible:before{display:none}.nas-button-new--light:before{display:none}.nas-button-new--light:hover{border-color:#15273f}.nas-button-new--light:disabled{border:0}.nas-button-new--buttonlink{color:#b12a0b;background-color:transparent}.nas-button-new--buttonlink:before{background-color:transparent}.nas-button-new--buttonlink:hover,.nas-button-new--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button-new--buttonlink:hover:before,.nas-button-new--buttonlink:focus:before{background-color:#f1f1f1}.nas-button-new--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button-new--buttonlink:active:before{background-color:#ebf4ff}.nas-button-new--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--buttonlink:focus-visible:before{display:none}.nas-button-new--buttonlink:before{display:none}.nas-button-new--buttonlink:disabled{background-color:#f9f9f9}.nas-button-new--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-new--block{display:block;width:100%}.nas-button-new--flex{display:flex;width:100%}.nas-button-new--compact{margin-bottom:12px}.nas-button-new--compact:before{display:none}.nas-button-new--right{align-self:flex-end;float:right}.nas-button-new--spaceless{margin-bottom:0}.nas-button-new--transparent{color:#fff;background-color:#000000a6}.nas-button-new--transparent:before{background-color:inherit}.nas-button-new--transparent:hover,.nas-button-new--transparent:active,.nas-button-new--transparent:focus{background-color:#000c}.nas-button-new--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button-new--link:hover,.nas-button-new--link:focus{color:#003251;border-color:#003251;background:none}.nas-button-new--link:before{display:none}.nas-button-new--link.nas-button-new--secondary{color:#003251}.nas-button-new--link.nas-button-new--light{color:#fff;border-color:#fff}.nas-button-new__content{display:flex;justify-content:center;gap:4px}.nas-button-new__content--reverse{flex-direction:row-reverse}.nas-button-new__icon{position:relative}.nas-button-new__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button-new--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 }); }
|
|
12924
|
-
}
|
|
12925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewComponent, decorators: [{
|
|
12926
|
-
type: Component,
|
|
12927
|
-
args: [{ selector: 'nas-button-new', 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 || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></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 <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\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 <span [nasClass]=\"getClass('content', exists(iconLeft) && 'reverse')\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n <span [nasClass]=\"getClass('icon')\" *ngIf=\"icon || iconType\">\n <nas-icon [icon]=\"icon\" [type]=\"iconType\"></nas-icon>\n </span>\n </span>\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-new{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-new--container{background-color:#fff}.nas-button-new: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-new:hover,.nas-button-new:focus{background-color:#c3c3c3}.nas-button-new:hover:before,.nas-button-new:focus:before{transform:translateY(0)}.nas-button-new[disabled]{cursor:default;pointer-events:none;color:#6f6f6f;background-color:#e3e3e3}.nas-button-new--primary{color:#fff;background-color:#e5212d}.nas-button-new--primary:before{background-color:#003251}.nas-button-new--primary:hover,.nas-button-new--primary:focus{color:#fff;background-color:#b71530}.nas-button-new--primary:hover:before,.nas-button-new--primary:focus:before{background-color:#003251}.nas-button-new--primary:active{color:#fff;background:#891024}.nas-button-new--primary:active:before{background-color:#003251}.nas-button-new--primary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--primary:focus-visible:before{display:none}.nas-button-new--primary:disabled{background-color:#e3e3e3}.nas-button-new--primary:hover,.nas-button-new--primary:focus{border-bottom:0}.nas-button-new--secondary{color:#fff;background-color:#15273f}.nas-button-new--secondary:before{background-color:#15273f}.nas-button-new--secondary:hover,.nas-button-new--secondary:focus{color:#fff;background-color:#0a2033}.nas-button-new--secondary:hover:before,.nas-button-new--secondary:focus:before{background-color:#0a2033}.nas-button-new--secondary:active{color:#fff;background:#071622}.nas-button-new--secondary:active:before{background-color:#071622}.nas-button-new--secondary:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--secondary:focus-visible:before{display:none}.nas-button-new--secondary:before{display:none}.nas-button-new--secondary:disabled{background-color:#e3e3e3}.nas-button-new--light{color:#15273f;background-color:#fff;border:2px solid #6f6f6f}.nas-button-new--light:before{background-color:#fff}.nas-button-new--light:hover,.nas-button-new--light:focus{color:#15273f;background-color:#f1f1f1}.nas-button-new--light:hover:before,.nas-button-new--light:focus:before{background-color:#f1f1f1}.nas-button-new--light:active{color:#15273f;background:#EBF4FF}.nas-button-new--light:active:before{background-color:#ebf4ff}.nas-button-new--light:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--light:focus-visible:before{display:none}.nas-button-new--light:before{display:none}.nas-button-new--light:hover{border-color:#15273f}.nas-button-new--light:disabled{border:0}.nas-button-new--buttonlink{color:#b12a0b;background-color:transparent}.nas-button-new--buttonlink:before{background-color:transparent}.nas-button-new--buttonlink:hover,.nas-button-new--buttonlink:focus{color:#b12a0b;background-color:#f1f1f1}.nas-button-new--buttonlink:hover:before,.nas-button-new--buttonlink:focus:before{background-color:#f1f1f1}.nas-button-new--buttonlink:active{color:#b12a0b;background:#EBF4FF}.nas-button-new--buttonlink:active:before{background-color:#ebf4ff}.nas-button-new--buttonlink:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-button-new--buttonlink:focus-visible:before{display:none}.nas-button-new--buttonlink:before{display:none}.nas-button-new--buttonlink:disabled{background-color:#f9f9f9}.nas-button-new--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-new--block{display:block;width:100%}.nas-button-new--flex{display:flex;width:100%}.nas-button-new--compact{margin-bottom:12px}.nas-button-new--compact:before{display:none}.nas-button-new--right{align-self:flex-end;float:right}.nas-button-new--spaceless{margin-bottom:0}.nas-button-new--transparent{color:#fff;background-color:#000000a6}.nas-button-new--transparent:before{background-color:inherit}.nas-button-new--transparent:hover,.nas-button-new--transparent:active,.nas-button-new--transparent:focus{background-color:#000c}.nas-button-new--link{font-size:inherit;padding:0;margin:0;background:none;color:#b12a0b;border-bottom:2px solid #d8d8d8}.nas-button-new--link:hover,.nas-button-new--link:focus{color:#003251;border-color:#003251;background:none}.nas-button-new--link:before{display:none}.nas-button-new--link.nas-button-new--secondary{color:#003251}.nas-button-new--link.nas-button-new--light{color:#fff;border-color:#fff}.nas-button-new__content{display:flex;justify-content:center;gap:4px}.nas-button-new__content--reverse{flex-direction:row-reverse}.nas-button-new__icon{position:relative}.nas-button-new__icon .nas-icon-small{margin:0;transform:scale(.8)}.nas-button-new--white-background{border-bottom:2px solid #fff}\n"] }]
|
|
12928
|
-
}], ctorParameters: function () { return []; }, propDecorators: { button: [{
|
|
12929
|
-
type: ViewChild,
|
|
12930
|
-
args: ['button']
|
|
12931
|
-
}], primary: [{
|
|
12932
|
-
type: Input
|
|
12933
|
-
}], secondary: [{
|
|
12934
|
-
type: Input
|
|
12935
|
-
}], link: [{
|
|
12936
|
-
type: Input
|
|
12937
|
-
}], light: [{
|
|
12938
|
-
type: Input
|
|
12939
|
-
}], large: [{
|
|
12940
|
-
type: Input
|
|
12941
|
-
}], block: [{
|
|
12942
|
-
type: Input
|
|
12943
|
-
}], flex: [{
|
|
12944
|
-
type: Input
|
|
12945
|
-
}], compact: [{
|
|
12946
|
-
type: Input
|
|
12947
|
-
}], right: [{
|
|
12948
|
-
type: Input
|
|
12949
|
-
}], spaceless: [{
|
|
12950
|
-
type: Input
|
|
12951
|
-
}], href: [{
|
|
12952
|
-
type: Input
|
|
12953
|
-
}], trackingvalue: [{
|
|
12954
|
-
type: Input
|
|
12955
|
-
}], canContinueOnDisabled: [{
|
|
12956
|
-
type: Input
|
|
12957
|
-
}], disabled: [{
|
|
12958
|
-
type: Input
|
|
12959
|
-
}], type: [{
|
|
12960
|
-
type: Input
|
|
12961
|
-
}], cssClass: [{
|
|
12962
|
-
type: Input
|
|
12963
|
-
}], ariaLabel: [{
|
|
12964
|
-
type: Input
|
|
12965
|
-
}], cssStyle: [{
|
|
12966
|
-
type: Input
|
|
12967
|
-
}], tabindex: [{
|
|
12968
|
-
type: Input
|
|
12969
|
-
}], overrideBaseCssClass: [{
|
|
12970
|
-
type: Input
|
|
12971
|
-
}], useRouterLink: [{
|
|
12972
|
-
type: Input
|
|
12973
|
-
}], id: [{
|
|
12974
|
-
type: Input
|
|
12975
|
-
}], target: [{
|
|
12976
|
-
type: Input
|
|
12977
|
-
}], icon: [{
|
|
12978
|
-
type: Input
|
|
12979
|
-
}], iconLeft: [{
|
|
12980
|
-
type: Input
|
|
12981
|
-
}], iconType: [{
|
|
12982
|
-
type: Input
|
|
12983
|
-
}], buttonlink: [{
|
|
12984
|
-
type: Input
|
|
12985
|
-
}], clickChange: [{
|
|
12986
|
-
type: Output
|
|
12987
|
-
}] } });
|
|
12988
|
-
|
|
12989
|
-
class ButtonNewModule {
|
|
12990
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12991
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, declarations: [ButtonNewComponent], imports: [CommonModule, NasClassModule, RouterModule, IconModule], exports: [ButtonNewComponent] }); }
|
|
12992
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, imports: [CommonModule, NasClassModule, RouterModule, IconModule] }); }
|
|
12993
|
-
}
|
|
12994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: ButtonNewModule, decorators: [{
|
|
12995
|
-
type: NgModule,
|
|
12996
|
-
args: [{
|
|
12997
|
-
declarations: [ButtonNewComponent],
|
|
12998
|
-
imports: [CommonModule, NasClassModule, RouterModule, IconModule],
|
|
12999
|
-
exports: [ButtonNewComponent],
|
|
13000
|
-
}]
|
|
13001
|
-
}] });
|
|
13002
|
-
|
|
13003
13034
|
let nextId$3 = 0;
|
|
13004
13035
|
/**
|
|
13005
13036
|
* @description
|
|
@@ -13090,7 +13121,7 @@ class CheckboxNewComponent extends NasComponentBase {
|
|
|
13090
13121
|
}
|
|
13091
13122
|
}
|
|
13092
13123
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13093
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CheckboxNewComponent, selector: "nas-checkbox-new", inputs: { inputId: "inputId", value: "value", error: "error", disabled: "disabled", block: "block", spaceless: "spaceless", inverted: "inverted", outlined: "outlined", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], name: "name", required: "required", tabIndex: "tabIndex", checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <input type=\"checkbox\"\n #input\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [disabled]=\"exists(disabled)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n </ng-container>\n \n <ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\"\n #inputReactive\n [formGroup]=\"nasFormGroup\">\n <input type=\"checkbox\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (keydown)=\"onKeydown($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\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-checkbox-new{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-checkbox-new:hover .nas-checkbox-new__indicator:after{border-color:#909090}.nas-checkbox-new input{position:absolute;opacity:0;z-index:-1}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:after{border-color:#003251}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:hover:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;border:2px solid #15273F;width:22px;height:22px;background-color:#fff}.nas-checkbox-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-checkbox-new__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox-new--disabled{color:#6f6f6f;cursor:default}.nas-checkbox-new--disabled .nas-checkbox-new__indicator{background-color:#e3e3e3}.nas-checkbox-new--disabled .nas-checkbox-new__indicator:before{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%236F6F6F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox-new--disabled:hover .nas-checkbox-new__indicator:after{border-color:#c3c3c3}.nas-checkbox-new--error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--inverted{color:#fff}.nas-checkbox-new--inverted input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted input+.nas-checkbox-new__indicator:after{border-color:#fff}.nas-checkbox-new--inverted-error{color:#fff}.nas-checkbox-new--inverted-error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted-error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--outlined .nas-checkbox-new__indicator{border:2px solid #c3c3c3}.nas-checkbox-new--outlined .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--spaceless{margin-bottom:6px}.nas-checkbox-new--block{display:block}\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: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][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 }); }
|
|
13124
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: CheckboxNewComponent, selector: "nas-checkbox-new", inputs: { inputId: "inputId", value: "value", error: "error", disabled: "disabled", block: "block", spaceless: "spaceless", inverted: "inverted", outlined: "outlined", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], name: "name", required: "required", tabIndex: "tabIndex", checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange", focusOnPrevious: "focusOnPrevious" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "inputReactive", first: true, predicate: ["inputReactive"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <input type=\"checkbox\"\n #input\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [disabled]=\"exists(disabled)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n </ng-container>\n \n <ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\"\n #inputReactive\n [formGroup]=\"nasFormGroup\">\n <input type=\"checkbox\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(checked)\"\n [required]=\"exists(required)\"\n [tabIndex]=\"tabIndex\"\n [attr.name]=\"name\"\n [attr.aria-label]=\"ariaLabel || null\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaLabelledby\"\n [attr.value]=\"value\"\n (keydown)=\"onKeydown($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\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-checkbox-new{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-checkbox-new:hover .nas-checkbox-new__indicator:after{border-color:#909090}.nas-checkbox-new input{position:absolute;opacity:0;z-index:-1}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:before{transform:scale(.9);opacity:1;top:10px}.nas-checkbox-new input:checked+.nas-checkbox-new__indicator:after{border-color:#003251}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:hover:after,.nas-checkbox-new input[disabled]+.nas-checkbox-new__indicator:focus:after{border-color:#c3c3c3}.nas-checkbox-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;border:2px solid #15273F;width:22px;height:22px;background-color:#fff}.nas-checkbox-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-checkbox-new__indicator:before{content:\"\";display:inline-block;vertical-align:middle;position:absolute;top:55%;left:50%;width:14px;height:12px;margin-top:-6px;margin-left:-7px;transform-origin:40% 90%;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1);background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%2315273F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox-new--disabled{color:#6f6f6f;cursor:default}.nas-checkbox-new--disabled .nas-checkbox-new__indicator{background-color:#e3e3e3}.nas-checkbox-new--disabled .nas-checkbox-new__indicator:before{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2214px%22 height%3D%2212px%22 viewBox%3D%220 0 14 12%22 enable-background%3D%22new 0 0 14 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%236F6F6F%22 points%3D%2211.7%2C0 5.8%2C6.7 2.2%2C3.1 0%2C5.3 6%2C11.3 14%2C2 %22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat}.nas-checkbox-new--disabled:hover .nas-checkbox-new__indicator:after{border-color:#c3c3c3}.nas-checkbox-new--error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--inverted{color:#fff}.nas-checkbox-new--inverted input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted input+.nas-checkbox-new__indicator:after{border-color:#fff}.nas-checkbox-new--inverted-error{color:#fff}.nas-checkbox-new--inverted-error input:checked+.nas-checkbox-new__indicator:after,.nas-checkbox-new--inverted-error input+.nas-checkbox-new__indicator:after{border-color:#e5212d}.nas-checkbox-new--outlined .nas-checkbox-new__indicator{border:2px solid #c3c3c3}.nas-checkbox-new--outlined .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator{border:2px solid #E5212D;background-color:#fff5f3}.nas-checkbox-new--outlined-error .nas-checkbox-new__indicator:after{display:none}.nas-checkbox-new--spaceless{margin-bottom:6px}.nas-checkbox-new--block{display:block}\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: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.CheckboxRequiredValidator, selector: "input[type=checkbox][required][formControlName],input[type=checkbox][required][formControl],input[type=checkbox][required][ngModel]" }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13094
13125
|
}
|
|
13095
13126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: CheckboxNewComponent, decorators: [{
|
|
13096
13127
|
type: Component,
|
|
@@ -13311,7 +13342,7 @@ class InputTextComponent extends NasComponentBase {
|
|
|
13311
13342
|
}
|
|
13312
13343
|
}
|
|
13313
13344
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13314
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputTextComponent, selector: "nas-input-text", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", active: "active", spaceless: "spaceless", 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 }, { propertyName: "controls", first: true, predicate: ["controls"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <div (input)=\"onInput($event)\" [nasClass]=\"getClass('controls', exists(labelInside) && setLabelInsideStyling())\" #controls>\n <p [nasClass]=\"getClass('label')\" *ngIf=\"label\">{{ label }}</p>\n <div [nasClass]=\"getClass(setInputStyling())\">\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')\" *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n </div>\n <span *ngIf=\"exists(error)\" [nasClass]=\"getClass('message')\">\n <div [nasClass]=\"getClass('message--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </div>\n <p [nasClass]=\"getClass('message--text')\"\n [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\"> {{ errorMessage }}</p>\n </span>\n <span [nasClass]=\"getClass('info')\" *ngIf=\"info\">{{ info }}</span>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\" [formGroup]=\"nasFormGroup\">\n <div (input)=\"onInput($event)\" [nasClass]=\"getClass('controls', exists(labelInside) && setLabelInsideStyling())\" #controls>\n <p [nasClass]=\"getClass('label')\" *ngIf=\"label\">{{ label }}</p>\n <div [nasClass]=\"getClass(setInputStyling())\">\n <input #inputReactive [nasClass]=\"getClass('text')\"\n [formControlName]=\"nasFormControlName\"\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')\" *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n </div>\n <span *ngIf=\"exists(error)\" [nasClass]=\"getClass('message')\">\n <div [nasClass]=\"getClass('message--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </div>\n <p [nasClass]=\"getClass('message--text')\"\n [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\">{{ errorMessage }}</p>\n </span>\n <span [nasClass]=\"getClass('info')\" *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-text{display:block;margin-bottom:16px;position:relative}.nas-input-text__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-text__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input-text__label~.nas-input-text__icon{top:45px}.nas-input-text__info{display:block;right:12px;margin-bottom:24px}.nas-input-text__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input-text__message{margin-top:2px;display:flex;gap:8px}.nas-input-text__message--icon{transform:scale(.9)}.nas-input-text__message--text{color:#cc3a19;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-input-text__input{position:relative}.nas-input-text__input .nas-input-text__text input[type=text]:-internal-autofill-selected{background-color:transparent!important}.nas-input-text__input input[type=text],.nas-input-text__input input[type=password]{border:2px solid #15273f;padding:12px 16px}.nas-input-text__input input[type=text]:placeholder-shown,.nas-input-text__input input[type=password]:placeholder-shown{border-color:#6f6f6f}.nas-input-text__input input[type=text] not:placeholder-shown,.nas-input-text__input input[type=password] not:placeholder-shown{border-color:#6f6f6f}.nas-input-text__input--error input[type=text]{background-color:#fff5f3;border:2px solid #CC3A19;color:#15273f}.nas-input-text__input--disabled input[type=text]{background-color:#e3e3e3;border:0;color:#6f6f6f}.nas-input-text__input--active input[type=text]{border:2px solid #15273f;color:#15273f;background-color:#ebf4ff}.nas-input-text__input--active input[type=text] ::placeholder{color:#6f6f6f}.nas-input-text__input--active input[type=text]:focus-visible{outline-offset:2px;outline:2px solid #0978E8}.nas-input-text__input--spaceless input[type=text]{margin-bottom:0}.nas-input-text__controls{margin-bottom:0;position:relative}.nas-input-text__controls--label-inside{background-color:#fff;border:2px solid #6f6f6f}.nas-input-text__controls--label-inside .nas-input-text__text input[type=text]:-internal-autofill-selected{background-color:transparent!important}.nas-input-text__controls--label-inside--error{background-color:#fff5f3;border:2px solid #CC3A19}.nas-input-text__controls--label-inside--disabled{background-color:#e3e3e3;border:0}.nas-input-text__controls--label-inside--active{border:2px solid #15273f;background-color:#ebf4ff}.nas-input-text__controls--label-inside--error input[type=text],.nas-input-text__controls--label-inside--error input[type=password] .nas-input-text__controls--label-inside--disabled input[type=text],.nas-input-text__controls--label-inside--active input[type=text],.nas-input-text__controls--label-inside input[type=text],.nas-input-text__controls--label-inside input[type=password]{border:0}.nas-input-text__controls--label-inside--error .nas-input-text__label,.nas-input-text__controls--label-inside--disabled .nas-input-text__label,.nas-input-text__controls--label-inside .nas-input-text__label{padding-top:12px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input-text__controls--label-inside--error .nas-input-text__text,.nas-input-text__controls--label-inside--disabled .nas-input-text__text,.nas-input-text__controls--label-inside .nas-input-text__text{padding-top:0!important;padding-left:16px;padding-right:16px;padding-bottom:9px}.nas-input-text__controls--label-inside--error .nas-input-text__icon,.nas-input-text__controls--label-inside--disabled .nas-input-text__icon,.nas-input-text__controls--label-inside .nas-input-text__icon{top:-11px}@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 }); }
|
|
13345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: InputTextComponent, selector: "nas-input-text", inputs: { id: "id", model: "model", error: "error", disabled: "disabled", active: "active", spaceless: "spaceless", 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 }, { propertyName: "controls", first: true, predicate: ["controls"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <div (input)=\"onInput($event)\" [nasClass]=\"getClass('controls', exists(labelInside) && setLabelInsideStyling())\" #controls>\n <p [nasClass]=\"getClass('label')\" *ngIf=\"label\">{{ label }}</p>\n <div [nasClass]=\"getClass(setInputStyling())\">\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')\" *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n </div>\n <span *ngIf=\"exists(error)\" [nasClass]=\"getClass('message')\">\n <div [nasClass]=\"getClass('message--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </div>\n <p [nasClass]=\"getClass('message--text')\"\n [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\"> {{ errorMessage }}</p>\n </span>\n <span [nasClass]=\"getClass('info')\" *ngIf=\"info\">{{ info }}</span>\n</ng-container>\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\" [formGroup]=\"nasFormGroup\">\n <div (input)=\"onInput($event)\" [nasClass]=\"getClass('controls', exists(labelInside) && setLabelInsideStyling())\" #controls>\n <p [nasClass]=\"getClass('label')\" *ngIf=\"label\">{{ label }}</p>\n <div [nasClass]=\"getClass(setInputStyling())\">\n <input #inputReactive [nasClass]=\"getClass('text')\"\n [formControlName]=\"nasFormControlName\"\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')\" *ngIf=\"icon && !error\">\n <nas-icon [icon]=\"icon\"></nas-icon>\n </span>\n </div>\n </div>\n <span *ngIf=\"exists(error)\" [nasClass]=\"getClass('message')\">\n <div [nasClass]=\"getClass('message--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </div>\n <p [nasClass]=\"getClass('message--text')\"\n [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\">{{ errorMessage }}</p>\n </span>\n <span [nasClass]=\"getClass('info')\" *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-text{display:block;margin-bottom:16px;position:relative}.nas-input-text__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-text__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input-text__label~.nas-input-text__icon{top:45px}.nas-input-text__info{display:block;right:12px;margin-bottom:24px}.nas-input-text__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input-text__message{margin-top:2px;display:flex;gap:8px}.nas-input-text__message--icon{transform:scale(.9)}.nas-input-text__message--text{color:#cc3a19;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-input-text__input{position:relative}.nas-input-text__input .nas-input-text__text input[type=text]:-internal-autofill-selected{background-color:transparent!important}.nas-input-text__input input[type=text],.nas-input-text__input input[type=password]{border:2px solid #15273f;padding:12px 16px}.nas-input-text__input input[type=text]:placeholder-shown,.nas-input-text__input input[type=password]:placeholder-shown{border-color:#6f6f6f}.nas-input-text__input input[type=text] not:placeholder-shown,.nas-input-text__input input[type=password] not:placeholder-shown{border-color:#6f6f6f}.nas-input-text__input--error input[type=text]{background-color:#fff5f3;border:2px solid #CC3A19;color:#15273f}.nas-input-text__input--disabled input[type=text]{background-color:#e3e3e3;border:0;color:#6f6f6f}.nas-input-text__input--active input[type=text]{border:2px solid #15273f;color:#15273f;background-color:#ebf4ff}.nas-input-text__input--active input[type=text] ::placeholder{color:#6f6f6f}.nas-input-text__input--active input[type=text]:focus-visible{outline-offset:2px;outline:2px solid #0978E8}.nas-input-text__input--spaceless input[type=text]{margin-bottom:0}.nas-input-text__controls{margin-bottom:0;position:relative}.nas-input-text__controls--label-inside{background-color:#fff;border:2px solid #6f6f6f}.nas-input-text__controls--label-inside .nas-input-text__text input[type=text]:-internal-autofill-selected{background-color:transparent!important}.nas-input-text__controls--label-inside--error{background-color:#fff5f3;border:2px solid #CC3A19}.nas-input-text__controls--label-inside--disabled{background-color:#e3e3e3;border:0}.nas-input-text__controls--label-inside--active{border:2px solid #15273f;background-color:#ebf4ff}.nas-input-text__controls--label-inside--error input[type=text],.nas-input-text__controls--label-inside--error input[type=password] .nas-input-text__controls--label-inside--disabled input[type=text],.nas-input-text__controls--label-inside--active input[type=text],.nas-input-text__controls--label-inside input[type=text],.nas-input-text__controls--label-inside input[type=password]{border:0}.nas-input-text__controls--label-inside--error .nas-input-text__label,.nas-input-text__controls--label-inside--disabled .nas-input-text__label,.nas-input-text__controls--label-inside .nas-input-text__label{padding-top:12px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input-text__controls--label-inside--error .nas-input-text__text,.nas-input-text__controls--label-inside--disabled .nas-input-text__text,.nas-input-text__controls--label-inside .nas-input-text__text{padding-top:0!important;padding-left:16px;padding-right:16px;padding-bottom:9px}.nas-input-text__controls--label-inside--error .nas-input-text__icon,.nas-input-text__controls--label-inside--disabled .nas-input-text__icon,.nas-input-text__controls--label-inside .nas-input-text__icon{top:-11px}@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$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.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$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13315
13346
|
}
|
|
13316
13347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
13317
13348
|
type: Component,
|
|
@@ -13505,7 +13536,7 @@ class NumberFieldNewComponent extends NasComponentBase {
|
|
|
13505
13536
|
return { icon: 'minus', styling: 'subtract', disabled: false };
|
|
13506
13537
|
}
|
|
13507
13538
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13508
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: NumberFieldNewComponent, selector: "nas-number-field-new", 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', getMinusConfig().styling)\"\n [disabled]=\"getMinusConfig().disabled\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></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', getPlusConfig().styling)\"\n [disabled]=\"getPlusConfig().disabled\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\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 </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-new{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field-new__title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:block;text-align:left}.nas-number-field-new__input{font-weight:700;font-size:16px;line-height:26px;color:#002a3a;max-height:40px;text-align:center;flex-grow:2;flex-grow:0}.nas-number-field-new__input[type=number]{padding:0;width:40px;height:40px}.nas-number-field-new__button{flex-shrink:0;flex-grow:0;position:relative;padding:12px 0;height:40px;width:40px;color:transparent;overflow:hidden;background-color:#d8d8d8;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-number-field-new__button [class^=nas-icon-]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nas-number-field-new__button[disabled]{pointer-events:none;background-color:#e3e3e3}.nas-number-field-new__button--subtract{background-color:#e3e3e3}.nas-number-field-new__button--subtract--active{background-color:#15273f}.nas-number-field-new__button--add{background-color:#e3e3e3}.nas-number-field-new__button--add--active{background-color:#15273f}.nas-number-field-new__wrapper{position:relative;display:flex;height:40px}.nas-number-field-new--compact{width:108px}.nas-number-field-new--compact .nas-number-field-new__button{height:35px;width:36px}.nas-number-field-new--compact .nas-number-field-new__input{font-size:14px;line-height:20px;max-height:35px}.nas-number-field-new--compact .nas-number-field-new__input[type=number]{width:36px}.nas-number-field-new--compact .nas-number-field-new__title{font-size:14px;line-height:20px;margin-bottom:2px}.nas-number-field-new--compact .nas-number-field-new__wrapper{height:35px}.nas-number-field-new--spaceless{margin-bottom:0}.nas-number-field-new--hidden.nas-number-field-new--compact .nas-number-field-new__button{width:52.5px}.nas-number-field-new--hidden .nas-number-field-new__input{visibility:hidden}.nas-number-field-new--hidden .nas-number-field-new__input[type=number]{padding:0;width:3px}.nas-number-field-new--hidden .nas-number-field-new__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", "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: "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 }); }
|
|
13539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: NumberFieldNewComponent, selector: "nas-number-field-new", 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', getMinusConfig().styling)\"\n [disabled]=\"getMinusConfig().disabled\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelSubtract\"\n (clickChange)=\"subtract()\">\n <nas-icon [type]=\"getMinusConfig().icon\"></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', getPlusConfig().styling)\"\n [disabled]=\"getPlusConfig().disabled\"\n [tabindex]=\"-1\"\n [ariaLabel]=\"ariaLabelAdd\"\n (clickChange)=\"add()\">\n <nas-icon [type]=\"getPlusConfig().icon\"></nas-icon>\n </nas-button>\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 </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-new{position:relative;display:inline-block;width:135px;max-width:100%;margin-bottom:24px}.nas-number-field-new__title{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;display:block;text-align:left}.nas-number-field-new__input{font-weight:700;font-size:16px;line-height:26px;color:#002a3a;max-height:40px;text-align:center;flex-grow:2;flex-grow:0}.nas-number-field-new__input[type=number]{padding:0;width:40px;height:40px}.nas-number-field-new__button{flex-shrink:0;flex-grow:0;position:relative;padding:12px 0;height:40px;width:40px;color:transparent;overflow:hidden;background-color:#d8d8d8;transition:transform .15s cubic-bezier(0,0,.1,1)}.nas-number-field-new__button [class^=nas-icon-]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nas-number-field-new__button[disabled]{pointer-events:none;background-color:#e3e3e3}.nas-number-field-new__button--subtract{background-color:#e3e3e3}.nas-number-field-new__button--subtract--active{background-color:#15273f}.nas-number-field-new__button--add{background-color:#e3e3e3}.nas-number-field-new__button--add--active{background-color:#15273f}.nas-number-field-new__wrapper{position:relative;display:flex;height:40px}.nas-number-field-new--compact{width:108px}.nas-number-field-new--compact .nas-number-field-new__button{height:35px;width:36px}.nas-number-field-new--compact .nas-number-field-new__input{font-size:14px;line-height:20px;max-height:35px}.nas-number-field-new--compact .nas-number-field-new__input[type=number]{width:36px}.nas-number-field-new--compact .nas-number-field-new__title{font-size:14px;line-height:20px;margin-bottom:2px}.nas-number-field-new--compact .nas-number-field-new__wrapper{height:35px}.nas-number-field-new--spaceless{margin-bottom:0}.nas-number-field-new--hidden.nas-number-field-new--compact .nas-number-field-new__button{width:52.5px}.nas-number-field-new--hidden .nas-number-field-new__input{visibility:hidden}.nas-number-field-new--hidden .nas-number-field-new__input[type=number]{padding:0;width:3px}.nas-number-field-new--hidden .nas-number-field-new__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", "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: "directive", type: i3$1.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$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13509
13540
|
}
|
|
13510
13541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: NumberFieldNewComponent, decorators: [{
|
|
13511
13542
|
type: Component,
|
|
@@ -13624,7 +13655,7 @@ class RadioNewComponent extends NasComponentBase {
|
|
|
13624
13655
|
this.checked = event.target.checked;
|
|
13625
13656
|
}
|
|
13626
13657
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RadioNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: RadioNewComponent, selector: "nas-radio-new", inputs: { id: "id", value: "value", name: "name", error: "error", disabled: "disabled", strong: "strong", block: "block", spaceless: "spaceless", tabIndex: "tabIndex", required: "required", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <input type=\"radio\"\n [disabled]=\"exists(disabled)\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n </ng-container>\n <ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <input type=\"radio\"\n [formControlName]=\"nasFormControlName\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n </ng-template>\n \n <ng-template #content>\n <ng-content></ng-content>\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-radio-new{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-radio-new input{position:absolute;opacity:0;z-index:-1}.nas-radio-new input:checked+.nas-radio-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-radio-new input:checked+.nas-radio-new__indicator:before{transform:scale(1.7);opacity:1}.nas-radio-new input[disabled]+.nas-radio-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-radio-new input[disabled]+.nas-radio-new__indicator:before{background-color:#6f6f6f}.nas-radio-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;width:22px;height:22px;border-radius:50%;border:2px solid #15273F;background-color:#fff}.nas-radio-new__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#15273f;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-radio-new--block{display:block}.nas-radio-new--spaceless{margin-bottom:0}.nas-radio-new--disabled{color:#6f6f6f;cursor:default}.nas-radio-new--disabled .nas-radio-new__indicator{-webkit-user-select:none;user-select:none}.nas-radio-new--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio-new--error input:checked+.nas-radio-new__indicator,.nas-radio-new--error input+.nas-radio-new__indicator{border-color:#e5212d;background-color:#fff5f3}.nas-radio-new--error input:checked+.nas-radio-new__indicator:before,.nas-radio-new--error input+.nas-radio-new__indicator:before{border:2px solid #CC3A19;background-color:#cc3a19}\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: 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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: 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 }); }
|
|
13658
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: RadioNewComponent, selector: "nas-radio-new", inputs: { id: "id", value: "value", name: "name", error: "error", disabled: "disabled", strong: "strong", block: "block", spaceless: "spaceless", tabIndex: "tabIndex", required: "required", ariaLabel: ["aria-label", "ariaLabel"], ariaDescribedby: ["aria-describedby", "ariaDescribedby"], ariaLabelledby: ["aria-labelledby", "ariaLabelledby"], checked: "checked", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup" }, outputs: { checkedChange: "checkedChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass()\">\n <input type=\"radio\"\n [disabled]=\"exists(disabled)\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n </ng-container>\n <ng-template #reactiveForm>\n <label [nasClass]=\"mainClass()\"\n [formGroup]=\"nasFormGroup\">\n <input type=\"radio\"\n [formControlName]=\"nasFormControlName\"\n [attr.id]=\"inputId\"\n [attr.name]=\"name\"\n [value]=\"value\"\n [tabIndex]=\"tabIndex\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n [attr.aria-describedby]=\"ariaDescribedby\"\n [required]=\"required\"\n [checked]=\"exists(checked)\"\n (change)=\"onChange($event)\" />\n <span [nasClass]=\"getClass('indicator')\"></span>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n </ng-template>\n \n <ng-template #content>\n <ng-content></ng-content>\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-radio-new{-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;position:relative;display:inline-block;cursor:pointer;padding-left:30px;margin-bottom:24px;margin-right:24px;color:#15273f}.nas-radio-new input{position:absolute;opacity:0;z-index:-1}.nas-radio-new input:checked+.nas-radio-new__indicator{border-color:#15273f;background-color:#ebf4ff}.nas-radio-new input:checked+.nas-radio-new__indicator:before{transform:scale(1.7);opacity:1}.nas-radio-new input[disabled]+.nas-radio-new__indicator{background-color:#e3e3e3;border-color:#6f6f6f}.nas-radio-new input[disabled]+.nas-radio-new__indicator:before{background-color:#6f6f6f}.nas-radio-new__indicator{position:absolute;display:block;-webkit-user-select:none;user-select:none;left:0;width:22px;height:22px;border-radius:50%;border:2px solid #15273F;background-color:#fff}.nas-radio-new__indicator:before{content:\"\";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;margin-left:-3px;margin-top:-3px;background-color:#15273f;opacity:0;transform:scale(0);transition:all .1s cubic-bezier(0,0,.1,1)}.nas-radio-new__indicator:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-radio-new--block{display:block}.nas-radio-new--spaceless{margin-bottom:0}.nas-radio-new--disabled{color:#6f6f6f;cursor:default}.nas-radio-new--disabled .nas-radio-new__indicator{-webkit-user-select:none;user-select:none}.nas-radio-new--strong{font-family:Apercu,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}.nas-radio-new--error input:checked+.nas-radio-new__indicator,.nas-radio-new--error input+.nas-radio-new__indicator{border-color:#e5212d;background-color:#fff5f3}.nas-radio-new--error input:checked+.nas-radio-new__indicator:before,.nas-radio-new--error input+.nas-radio-new__indicator:before{border:2px solid #CC3A19;background-color:#cc3a19}\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: i3$1.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$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13628
13659
|
}
|
|
13629
13660
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: RadioNewComponent, decorators: [{
|
|
13630
13661
|
type: Component,
|
|
@@ -13770,7 +13801,7 @@ class SlideToggleNewComponent extends NasComponentBase {
|
|
|
13770
13801
|
}
|
|
13771
13802
|
}
|
|
13772
13803
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SlideToggleNewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13773
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SlideToggleNewComponent, selector: "nas-slide-toggle-new", inputs: { nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", disabled: "disabled", inputId: "inputId", toggle: "toggle" }, outputs: { toggleChange: "toggleChange", focusOnPrevious: "focusOnPrevious" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n [disabled]=\"exists(disabled)\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n (keydown)=\"onKeydown($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-template>\n\n<ng-template #content>\n <span [nasClass]=\"getClass('content')\">\n <ng-content></ng-content>\n </span>\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-slide-toggle-new{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle-new input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle-new--disabled{cursor:auto}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container{background-color:#e3e3e3;border:2px solid #6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb,.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled{background-color:#6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{background-color:#e3e3e3}.nas-slide-toggle-new__thumb-container{width:46px;background-color:#fff;height:25px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1);border:2px solid #15273F}.nas-slide-toggle-new__thumb-container--toggled{background-color:#15273f}.nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{margin-left:21px;background-color:#fff}.nas-slide-toggle-new__thumb-container:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-slide-toggle-new__thumb{background-color:#15273f;height:20px;width:20px;border-radius:20px;margin:1px 2px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle-new__content{margin-left:12px;display:block}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13804
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: SlideToggleNewComponent, selector: "nas-slide-toggle-new", inputs: { nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", disabled: "disabled", inputId: "inputId", toggle: "toggle" }, outputs: { toggleChange: "toggleChange", focusOnPrevious: "focusOnPrevious" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n <label [nasClass]=\"mainClass\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n [disabled]=\"exists(disabled)\"\n (change)=\"inputChanged($event)\"\n (click)=\"inputClicked($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-container>\n\n<ng-template #reactiveForm>\n <label [nasClass]=\"mainClass\" [formGroup]=\"nasFormGroup\">\n <div [nasClass]=\"getClass('thumb-container', exists(toggle) && 'toggled')\" tabindex=\"0\">\n <input type=\"checkbox\"\n role=\"switch\"\n [formControlName]=\"nasFormControlName\"\n [id]=\"inputId\"\n [checked]=\"exists(toggle)\"\n [attr.aria-checked]=\"exists(toggle)\"\n (keydown)=\"onKeydown($event)\">\n <div [nasClass]=\"getClass('thumb')\"></div>\n </div>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </label>\n</ng-template>\n\n<ng-template #content>\n <span [nasClass]=\"getClass('content')\">\n <ng-content></ng-content>\n </span>\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-slide-toggle-new{cursor:pointer;position:relative;margin-bottom:24px;margin-right:24px;display:inline-flex}.nas-slide-toggle-new input{position:absolute;opacity:0;z-index:-1}.nas-slide-toggle-new--disabled{cursor:auto}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container{background-color:#e3e3e3;border:2px solid #6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb,.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled{background-color:#6f6f6f}.nas-slide-toggle-new--disabled .nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{background-color:#e3e3e3}.nas-slide-toggle-new__thumb-container{width:46px;background-color:#fff;height:25px;border-radius:30px;transition:all .2s cubic-bezier(0,0,.1,1);border:2px solid #15273F}.nas-slide-toggle-new__thumb-container--toggled{background-color:#15273f}.nas-slide-toggle-new__thumb-container--toggled .nas-slide-toggle-new__thumb{margin-left:21px;background-color:#fff}.nas-slide-toggle-new__thumb-container:focus-visible{outline:2px solid #0978E8;outline-offset:2px}.nas-slide-toggle-new__thumb{background-color:#15273f;height:20px;width:20px;border-radius:20px;margin:1px 2px;transition:all .2s cubic-bezier(0,0,.1,1)}.nas-slide-toggle-new__content{margin-left:12px;display:block}\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: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "directive", type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13774
13805
|
}
|
|
13775
13806
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: SlideToggleNewComponent, decorators: [{
|
|
13776
13807
|
type: Component,
|