@norwegian/core-components 7.16.1 → 7.16.2
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/datepicker/calendar/calendar.component.mjs +1 -1
- package/esm2022/lib/components/phone-number/phone-number.component.mjs +3 -3
- package/esm2022/lib/components/select/select.component.mjs +6 -3
- package/esm2022/lib/components/slider/slider.component.mjs +2 -2
- package/fesm2022/norwegian-core-components.mjs +10 -7
- package/fesm2022/norwegian-core-components.mjs.map +1 -1
- package/lib/components/select/select.component.d.ts +8 -1
- package/package.json +1 -1
|
@@ -4278,6 +4278,7 @@ class SelectComponent extends NasComponentBase {
|
|
|
4278
4278
|
const formControl = this.nasFormGroup.get(this.nasFormControlName);
|
|
4279
4279
|
formControl.valueChanges.subscribe(value => {
|
|
4280
4280
|
this.valid = !!value;
|
|
4281
|
+
this.selectedDisplayValue = value;
|
|
4281
4282
|
});
|
|
4282
4283
|
}
|
|
4283
4284
|
}
|
|
@@ -4514,14 +4515,14 @@ class SelectComponent extends NasComponentBase {
|
|
|
4514
4515
|
}
|
|
4515
4516
|
}
|
|
4516
4517
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4517
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", keyDownEvent: "keyDownEvent" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, 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 id=\"getSelectId()\" *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label-text')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select [id]=\"selectId\" [attr.disabled]=\"disabled\" [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\" (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\" [formControl]=\"selectControl\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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 [formControlName]=\"nasFormControlName\" [id]=\"selectId\" [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\" [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\"\n (mousedown)=\"toggleSelect($event)\" (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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>\n <div *ngIf=\"exists(error) && errorMessage\" [nasClass]=\"getClass('error')\">\n <span [nasClass]=\"getClass('error--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </span>\n <p [nasClass]=\"getClass('error--text')\">{{errorMessage}}</p>\n </div>\n <div #selectTitleWrapper [style.display]=\"'none'\" 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-text{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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:2px solid #6F6F6F;outline:0;font-size:16px;color:#6f6f6f;background-color:#fff}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #1C1C1C}.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:#e9e7e4}.nas-select option,.nas-select optgroup{color:#15273f}.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%2315273F%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:#e9e7e4}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{opacity:1;background-color:#e9e7e4;border-color:#e9e7e4}.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%2315273F%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:#15273f;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{background-color:transparent;font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #E9E7E4;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline select:hover,.nas-select--inline select:focus,.nas-select--simple select:hover,.nas-select--simple select:focus{border-color:#15273f}.nas-select--inline select:active,.nas-select--simple select:active{border-color:#15273f}.nas-select--inline option,.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#e5212d;background-color:#fff5f3;color:#15273f}.nas-select--error option{background-color:#fff}.nas-select--error.nas-select--inline select,.nas-select--error.nas-select--simple select{background-color:transparent}.nas-select--error:after{top:24px;bottom:auto}.nas-select--active select{border:2px solid #15273F;background-color:#ebf4ff}.nas-select--active option,.nas-select--active optgroup{background-color:#fff}.nas-select--active.nas-select--inline select,.nas-select--active.nas-select--simple select{background-color:transparent;border:0}.nas-select--valid select{border:2px solid #15273F;color:#15273f}.nas-select--valid.nas-select--inline select,.nas-select--valid.nas-select--simple select{border-top:0;border-left:0;border-right:0;border-bottom:3px solid #15273F}.nas-select--focus select{outline:2px solid #0978E8;outline-offset:2px}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:flex;gap:8px}.nas-select__error--icon{transform:scale(.9)}.nas-select__error--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4518
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", presentValue: "presentValue", cssClass: "cssClass", nasFormControlName: "nasFormControlName", nasFormGroup: "nasFormGroup", options: "options", selectedValue: "selectedValue", selected: "selected" }, outputs: { selectedChange: "selectedChange", keyDownEvent: "keyDownEvent" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, 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 id=\"getSelectId()\" *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label-text')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select [id]=\"selectId\" [attr.disabled]=\"disabled\" [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\" (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\" [formControl]=\"selectControl\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <option *ngIf=\"exists(presentValue) && selected?.value\" hidden disabled [value]=\"selected.value\">\n {{ selected?.value }}\n </option>\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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 [formControlName]=\"nasFormControlName\" [id]=\"selectId\" [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\" [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\"\n (mousedown)=\"toggleSelect($event)\" (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <option *ngIf=\"exists(presentValue) && selectedDisplayValue\" hidden disabled [value]=\"selectedDisplayValue\">\n {{ selectedDisplayValue }}\n </option>\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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>\n <div *ngIf=\"exists(error) && errorMessage\" [nasClass]=\"getClass('error')\">\n <span [nasClass]=\"getClass('error--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </span>\n <p [nasClass]=\"getClass('error--text')\">{{errorMessage}}</p>\n </div>\n <div #selectTitleWrapper [style.display]=\"'none'\" 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-text{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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:2px solid #6F6F6F;outline:0;font-size:16px;color:#6f6f6f;background-color:#fff}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #1C1C1C}.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:#e9e7e4}.nas-select option,.nas-select optgroup{color:#15273f}.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%2315273F%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:#e9e7e4}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{opacity:1;background-color:#e9e7e4;border-color:#e9e7e4}.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%2315273F%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:#15273f;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{background-color:transparent;font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #E9E7E4;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline select:hover,.nas-select--inline select:focus,.nas-select--simple select:hover,.nas-select--simple select:focus{border-color:#15273f}.nas-select--inline select:active,.nas-select--simple select:active{border-color:#15273f}.nas-select--inline option,.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#e5212d;background-color:#fff5f3;color:#15273f}.nas-select--error option{background-color:#fff}.nas-select--error.nas-select--inline select,.nas-select--error.nas-select--simple select{background-color:transparent}.nas-select--error:after{top:24px;bottom:auto}.nas-select--active select{border:2px solid #15273F;background-color:#ebf4ff}.nas-select--active option,.nas-select--active optgroup{background-color:#fff}.nas-select--active.nas-select--inline select,.nas-select--active.nas-select--simple select{background-color:transparent;border:0}.nas-select--valid select{border:2px solid #15273F;color:#15273f}.nas-select--valid.nas-select--inline select,.nas-select--valid.nas-select--simple select{border-top:0;border-left:0;border-right:0;border-bottom:3px solid #15273F}.nas-select--focus select{outline:2px solid #0978E8;outline-offset:2px}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:flex;gap:8px}.nas-select__error--icon{transform:scale(.9)}.nas-select__error--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4518
4519
|
}
|
|
4519
4520
|
__decorate([
|
|
4520
4521
|
Debounce(150)
|
|
4521
4522
|
], SelectComponent.prototype, "setSelectedAndEmitChange", null);
|
|
4522
4523
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SelectComponent, decorators: [{
|
|
4523
4524
|
type: Component,
|
|
4524
|
-
args: [{ selector: 'nas-select', encapsulation: ViewEncapsulation.None, template: "<label id=\"getSelectId()\" *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label-text')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select [id]=\"selectId\" [attr.disabled]=\"disabled\" [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\" (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\" [formControl]=\"selectControl\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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 [formControlName]=\"nasFormControlName\" [id]=\"selectId\" [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\" [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\"\n (mousedown)=\"toggleSelect($event)\" (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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>\n <div *ngIf=\"exists(error) && errorMessage\" [nasClass]=\"getClass('error')\">\n <span [nasClass]=\"getClass('error--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </span>\n <p [nasClass]=\"getClass('error--text')\">{{errorMessage}}</p>\n </div>\n <div #selectTitleWrapper [style.display]=\"'none'\" 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-text{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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:2px solid #6F6F6F;outline:0;font-size:16px;color:#6f6f6f;background-color:#fff}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #1C1C1C}.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:#e9e7e4}.nas-select option,.nas-select optgroup{color:#15273f}.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%2315273F%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:#e9e7e4}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{opacity:1;background-color:#e9e7e4;border-color:#e9e7e4}.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%2315273F%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:#15273f;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{background-color:transparent;font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #E9E7E4;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline select:hover,.nas-select--inline select:focus,.nas-select--simple select:hover,.nas-select--simple select:focus{border-color:#15273f}.nas-select--inline select:active,.nas-select--simple select:active{border-color:#15273f}.nas-select--inline option,.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#e5212d;background-color:#fff5f3;color:#15273f}.nas-select--error option{background-color:#fff}.nas-select--error.nas-select--inline select,.nas-select--error.nas-select--simple select{background-color:transparent}.nas-select--error:after{top:24px;bottom:auto}.nas-select--active select{border:2px solid #15273F;background-color:#ebf4ff}.nas-select--active option,.nas-select--active optgroup{background-color:#fff}.nas-select--active.nas-select--inline select,.nas-select--active.nas-select--simple select{background-color:transparent;border:0}.nas-select--valid select{border:2px solid #15273F;color:#15273f}.nas-select--valid.nas-select--inline select,.nas-select--valid.nas-select--simple select{border-top:0;border-left:0;border-right:0;border-bottom:3px solid #15273F}.nas-select--focus select{outline:2px solid #0978E8;outline-offset:2px}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:flex;gap:8px}.nas-select__error--icon{transform:scale(.9)}.nas-select__error--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }]
|
|
4525
|
+
args: [{ selector: 'nas-select', encapsulation: ViewEncapsulation.None, template: "<label id=\"getSelectId()\" *ngIf=\"label && !inline\">\n <span [nasClass]=\"getClass('label-text')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n <select #select [id]=\"selectId\" [attr.disabled]=\"disabled\" [attr.aria-label]=\"'select'\"\n [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\" (mousedown)=\"toggleSelect($event)\"\n (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\" [formControl]=\"selectControl\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <option *ngIf=\"exists(presentValue) && selected?.value\" hidden disabled [value]=\"selected.value\">\n {{ selected?.value }}\n </option>\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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 [formControlName]=\"nasFormControlName\" [id]=\"selectId\" [attr.disabled]=\"disabled\"\n [attr.aria-label]=\"'select'\" [attr.aria-labelledby]=\"getSelectId()\" [style.width.px]=\"labelWidth\"\n (mousedown)=\"toggleSelect($event)\" (keydown)=\"toggleSelect($event, true)\" (blur)=\"blurSelect()\"\n (click)=\"activeSelect()\" (focus)=\"focusSelect()\" (change)=\"toggleSelect($event)\">\n <option *ngIf=\"exists(presentValue) && selectedDisplayValue\" hidden disabled [value]=\"selectedDisplayValue\">\n {{ selectedDisplayValue }}\n </option>\n <ng-container *ngIf=\"!hasContent\">\n <option *ngFor=\"let option of options\" [value]=\"option?.value\" [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>\n <div *ngIf=\"exists(error) && errorMessage\" [nasClass]=\"getClass('error')\">\n <span [nasClass]=\"getClass('error--icon')\">\n <nas-icon type=\"negative\"></nas-icon>\n </span>\n <p [nasClass]=\"getClass('error--text')\">{{errorMessage}}</p>\n </div>\n <div #selectTitleWrapper [style.display]=\"'none'\" 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-text{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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:2px solid #6F6F6F;outline:0;font-size:16px;color:#6f6f6f;background-color:#fff}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #1C1C1C}.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:#e9e7e4}.nas-select option,.nas-select optgroup{color:#15273f}.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%2315273F%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:#e9e7e4}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{opacity:1;background-color:#e9e7e4;border-color:#e9e7e4}.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%2315273F%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:#15273f;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{background-color:transparent;font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #E9E7E4;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline select:hover,.nas-select--inline select:focus,.nas-select--simple select:hover,.nas-select--simple select:focus{border-color:#15273f}.nas-select--inline select:active,.nas-select--simple select:active{border-color:#15273f}.nas-select--inline option,.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#e5212d;background-color:#fff5f3;color:#15273f}.nas-select--error option{background-color:#fff}.nas-select--error.nas-select--inline select,.nas-select--error.nas-select--simple select{background-color:transparent}.nas-select--error:after{top:24px;bottom:auto}.nas-select--active select{border:2px solid #15273F;background-color:#ebf4ff}.nas-select--active option,.nas-select--active optgroup{background-color:#fff}.nas-select--active.nas-select--inline select,.nas-select--active.nas-select--simple select{background-color:transparent;border:0}.nas-select--valid select{border:2px solid #15273F;color:#15273f}.nas-select--valid.nas-select--inline select,.nas-select--valid.nas-select--simple select{border-top:0;border-left:0;border-right:0;border-bottom:3px solid #15273F}.nas-select--focus select{outline:2px solid #0978E8;outline-offset:2px}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:flex;gap:8px}.nas-select__error--icon{transform:scale(.9)}.nas-select__error--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }]
|
|
4525
4526
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selectTitleWrapper: [{
|
|
4526
4527
|
type: ViewChild,
|
|
4527
4528
|
args: ['selectTitleWrapper', { static: true }]
|
|
@@ -4565,6 +4566,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4565
4566
|
type: Input
|
|
4566
4567
|
}], autogrow: [{
|
|
4567
4568
|
type: Input
|
|
4569
|
+
}], presentValue: [{
|
|
4570
|
+
type: Input
|
|
4568
4571
|
}], cssClass: [{
|
|
4569
4572
|
type: Input
|
|
4570
4573
|
}], nasFormControlName: [{
|
|
@@ -5099,7 +5102,7 @@ class CalendarComponent extends NasComponentBase {
|
|
|
5099
5102
|
this.weeks = this.calendarService.getWeeks(this.availableDays, this.weekStart);
|
|
5100
5103
|
}
|
|
5101
5104
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CalendarComponent, deps: [{ token: DateHelper }, { token: i1.DatePipe }, { token: CalendarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5102
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CalendarComponent, selector: "nas-calendar", inputs: { id: "id", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", date: "date", weekStart: "weekStart", displayWeekNumbers: "displayWeekNumbers", availability: "availability", locale: "locale", availableDates: "availableDates", activeDate: "activeDate", selectedDate: "selectedDate", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", dateDisplayFormat: "dateDisplayFormat", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth" }, outputs: { monthChange: "monthChange", focusOnNextChange: "focusOnNextChange", selectedDateChange: "selectedDateChange", activeDateChange: "activeDateChange" }, viewQueries: [{ propertyName: "previousMonthRef", first: true, predicate: ["previousMonthRef"], descendants: true }, { propertyName: "nextMonthRef", first: true, predicate: ["nextMonthRef"], descendants: true }, { propertyName: "calendarContent", first: true, predicate: ["calendarContent"], descendants: true }, { propertyName: "monthSelectRef", first: true, predicate: ["monthSelect"], descendants: true }, { propertyName: "tableCells", predicate: ["tableCells"], descendants: true }, { propertyName: "dateButtons", predicate: ["dateButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <div #calendarContent tabindex=\"0\" [nasClass]=\"getClass('content')\">\n <header [nasClass]=\"getClass('header')\">\n <button [id]=\"prevMonthId\" type=\"button\" #previousMonthRef tabindex=\"0\" [attr.aria-label]=\"ariaLabelPreviousMonth\"\n [nasClass]=\"getClass('nav')\" [disabled]=\"isPreviousMonthDisabled === true\"\n (keydown)=\"onPreviousMonthKeydown($event)\" (mousedown)=\"onPreviousMonthMousedown()\">\n <nas-icon tabindex=\"-1\" [type]=\"'arrow-left'\"></nas-icon>\n </button>\n <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n <nas-select #monthSelect [cssClass]=\"getClass('month')\" [inline]=\"true\" [simple]=\"true\" [options]=\"months\"\n [(selected)]=\"selectedMonth\" (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n </ng-container>\n <ng-template #currentMonthTemplate>\n {{currentMonthModel}}\n </ng-template>\n <button [id]=\"nextMonthId\" type=\"button\" tabindex=\"0\" #nextMonthRef [nasClass]=\"getClass('nav')\"\n [attr.aria-label]=\"ariaLabelNextMonth\" [disabled]=\"nextMonthDisabled\" (keydown)=\"onNextMonthKeydown($event)\"\n (mousedown)=\"onNextMonthMousedown()\">\n <nas-icon [type]=\"'arrow-right'\"></nas-icon>\n </button>\n </header>\n\n <!-- Weekdays + Dates -->\n <table [nasClass]=\"getClass('table')\">\n <thead>\n <tr [nasClass]=\"getClass('week')\">\n <th *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\"></th>\n <th [nasClass]=\"getClass('cell')\" *ngFor=\"let weekday of weekdays\">\n <div [nasClass]=\"getClass('item', 'header')\">{{weekday}}</div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let week of weeks\" [nasClass]=\"getClass('row', 'animate')\">\n <td *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\">\n <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n </td>\n <td [nasClass]=\"getClass('cell')\" *ngFor=\"let day of week?.days\" #tableCells>\n <div [nasClass]=\"getClass('item', 'dummy')\" *ngIf=\"day === null; else dayTemplate\"></div>\n <ng-template #dayTemplate tabindex=\"0\">\n <button id=\"day-{{day.date | date : 'd':'UTC':locale}}\" type=\"button\" #dateButton (keydown)=\"dateKeyDown($event)\" tabIndex=\"0\"\n [nasClass]=\"getCellButtonClass(day)\" (mousedown)=\"onMouseDown(day.date, $event)\"\n (click)=\"onDayClick(day)\" (focus)=\"onDayFocus(day)\">\n <div [nasClass]=\"getClass('date-wrapper')\">\n <span [nasClass]=\"getClass('date')\" [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date\n : 'd':'UTC':locale }}</span>\n </div>\n </button>\n </ng-template>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div [nasClass]=\"getClass('footer')\">\n <div *ngIf=\"availableDates?.length === 0 && noAvailableFlightsLabel\" [nasClass]=\"getClass('footer', 'item')\">\n <nas-icon [icon]=\"'alert'\"></nas-icon>\n {{noAvailableFlightsLabel}}\n </div>\n <div *ngIf=\"availableDates?.length > 0 && noAvailableFlightsLabel && availableFlightsLabel\"\n [nasClass]=\"getClass('footer', 'item')\">\n <div [nasClass]=\"getClass('item', 'available')\"></div>\n <div [nasClass]=\"getClass('footer', 'label')\">{{availableFlightsLabel}}</div>\n <span [nasClass]=\"getClass('item', 'unavailable')\"></span>\n <div [nasClass]=\"getClass('footer', 'label')\">{{noAvailableFlightsLabel}}</div>\n </div>\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-calendar{z-index:3;width:100%;min-width:300px;float:right;padding:16px 8px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;position:relative;border:2px solid #15273F;z-index:4}@media (min-width: 640px){.nas-calendar{max-width:350px}}@media (min-width: 380px){.nas-calendar{min-width:325px}}.nas-calendar__content:active{outline:none;box-shadow:none}.nas-calendar__content:focus{outline:none;box-shadow:none}.nas-calendar__cover{margin-bottom:16px}.nas-calendar__header{height:30px;font-size:16px;line-height:24px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar__month{margin:0 auto 21px}.nas-calendar__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar__months--item{text-transform:uppercase}.nas-calendar__table{table-layout:fixed;width:100%}.nas-calendar__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar__week-number{display:table-cell}}.nas-calendar__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar__nav{margin:-3px 2px 12px;width:24px;height:24px;border-radius:50%;transition:transform .2s cubic-bezier(0,0,.1,1),opacity .2s ease-out}.nas-calendar__nav .nas-icon-arrow-left--light,.nas-calendar__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar__nav:active{transform:translateY(2px)}.nas-calendar__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar__item{font-size:14px;line-height:20px;display:flex;flex-direction:column;margin-left:5px;cursor:pointer;overflow:hidden;width:100%;height:40px;text-align:left;outline:0;padding:2px;border:1px solid #FFFFFF;transition:transform .17s cubic-bezier(0,0,.1,1);border-radius:0;align-items:center;justify-content:center;pointer-events:none;opacity:.5;background-color:#fff}.nas-calendar__item .nas-calendar__date{color:#0a2033}@media (min-width: 640px){.nas-calendar__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar__item{padding:2px 6px}}.nas-calendar__item--large{height:40px;width:37px;height:37px;margin-top:8px;margin-left:2px}@media (min-width: 400px){.nas-calendar__item--large{width:39px;height:39px}}@media (min-width: 415px){.nas-calendar__item--large{width:40px;margin-top:8px;margin-left:6px}}.nas-calendar__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar__item--dummy{visibility:hidden}.nas-calendar__item--today .nas-calendar__date{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#15273f}.nas-calendar__item--cheapest{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#b12a0b}.nas-calendar__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar__item--empty .nas-calendar__date{color:inherit}.nas-calendar__item--available{pointer-events:all;opacity:1;border-color:#e9e7e4;background-color:#f8f8f8;border-radius:2px}.nas-calendar__item--available .nas-calendar__date{color:#0a2033}.nas-calendar__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar__item--within-range{background-color:#ebf4ff}.nas-calendar__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar__item:hover,.nas-calendar__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar__item:hover .nas-calendar__date,.nas-calendar__item:focus .nas-calendar__date{font-weight:700}.nas-calendar__item:active{transform:translateY(3px)}.nas-calendar__item--selected,.nas-calendar__item:active{color:#fff;background-color:#15273f;height:37px;width:37px;margin-left:5px}@media (min-width: 380px){.nas-calendar__item--selected,.nas-calendar__item:active{height:40px;width:40px}}.nas-calendar__item--selected:hover,.nas-calendar__item--selected:focus,.nas-calendar__item:active:hover,.nas-calendar__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar__item--selected .nas-calendar__date,.nas-calendar__item:active .nas-calendar__date{color:inherit}.nas-calendar__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar__item--sold-out .nas-calendar__date{color:#0a2033}.nas-calendar__item[disabled]{pointer-events:none}.nas-calendar__week{border-bottom:1px solid #E9E7E4}.nas-calendar__date{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar__date--week-number{top:6px;right:6px}.nas-calendar__date:hover,.nas-calendar__date:focus{font-weight:700}.nas-calendar__price{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em;font-size:14px}@media (min-width: 640px){.nas-calendar__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar__price{font-size:16px}}.nas-calendar__price--before{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar__price--before{margin-bottom:2px}}.nas-calendar__sold-out{position:absolute;bottom:2px;left:2px;line-height:1;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.015em;color:#8c8c8c;font-size:.75em}@media (min-width: 640px){.nas-calendar__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar__sold-out{left:6px}}.nas-calendar__transit{position:relative;display:flex;max-width:3.8em;width:calc(100% - 12px);padding:0 .5em 0 .3em;height:8px;justify-content:space-around;margin-bottom:2px;transform:scale(.85);transform-origin:left;background-color:inherit}@media (min-width: 640px){.nas-calendar__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar__transit:before,.nas-calendar__transit:after{content:\"\";position:absolute}.nas-calendar__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar__footer{display:flex;justify-content:center}.nas-calendar__footer .nas-calendar__item{width:25px;height:25px;margin-right:3px}.nas-calendar__footer .nas-calendar__item--unavailable{border:1px solid #15273F}.nas-calendar__footer--item{margin-bottom:6px}.nas-calendar__footer--label{flex-shrink:0;margin-right:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:20px}@keyframes lowfare-item-in{0%{opacity:0;transform:scale(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: "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", "keyDownEvent"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5105
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CalendarComponent, selector: "nas-calendar", inputs: { id: "id", noAvailableFlightsLabel: "noAvailableFlightsLabel", availableFlightsLabel: "availableFlightsLabel", disablePastSelection: "disablePastSelection", lowerLimitDate: "lowerLimitDate", date: "date", weekStart: "weekStart", displayWeekNumbers: "displayWeekNumbers", availability: "availability", locale: "locale", availableDates: "availableDates", activeDate: "activeDate", selectedDate: "selectedDate", nasFormGroup: "nasFormGroup", nasFormControlName: "nasFormControlName", dateDisplayFormat: "dateDisplayFormat", ariaLabelPreviousMonth: "ariaLabelPreviousMonth", ariaLabelNextMonth: "ariaLabelNextMonth" }, outputs: { monthChange: "monthChange", focusOnNextChange: "focusOnNextChange", selectedDateChange: "selectedDateChange", activeDateChange: "activeDateChange" }, viewQueries: [{ propertyName: "previousMonthRef", first: true, predicate: ["previousMonthRef"], descendants: true }, { propertyName: "nextMonthRef", first: true, predicate: ["nextMonthRef"], descendants: true }, { propertyName: "calendarContent", first: true, predicate: ["calendarContent"], descendants: true }, { propertyName: "monthSelectRef", first: true, predicate: ["monthSelect"], descendants: true }, { propertyName: "tableCells", predicate: ["tableCells"], descendants: true }, { propertyName: "dateButtons", predicate: ["dateButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"getClass()\">\n <div #calendarContent tabindex=\"0\" [nasClass]=\"getClass('content')\">\n <header [nasClass]=\"getClass('header')\">\n <button [id]=\"prevMonthId\" type=\"button\" #previousMonthRef tabindex=\"0\" [attr.aria-label]=\"ariaLabelPreviousMonth\"\n [nasClass]=\"getClass('nav')\" [disabled]=\"isPreviousMonthDisabled === true\"\n (keydown)=\"onPreviousMonthKeydown($event)\" (mousedown)=\"onPreviousMonthMousedown()\">\n <nas-icon tabindex=\"-1\" [type]=\"'arrow-left'\"></nas-icon>\n </button>\n <ng-container *ngIf=\"months?.length > 0; else currentMonthTemplate\">\n <nas-select #monthSelect [cssClass]=\"getClass('month')\" [inline]=\"true\" [simple]=\"true\" [options]=\"months\"\n [(selected)]=\"selectedMonth\" (keydown)=\"onMonthSelectKeydown($event)\"></nas-select>\n </ng-container>\n <ng-template #currentMonthTemplate>\n {{currentMonthModel}}\n </ng-template>\n <button [id]=\"nextMonthId\" type=\"button\" tabindex=\"0\" #nextMonthRef [nasClass]=\"getClass('nav')\"\n [attr.aria-label]=\"ariaLabelNextMonth\" [disabled]=\"nextMonthDisabled\" (keydown)=\"onNextMonthKeydown($event)\"\n (mousedown)=\"onNextMonthMousedown()\">\n <nas-icon [type]=\"'arrow-right'\"></nas-icon>\n </button>\n </header>\n\n <!-- Weekdays + Dates -->\n <table [nasClass]=\"getClass('table')\">\n <thead>\n <tr [nasClass]=\"getClass('week')\">\n <th *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\"></th>\n <th [nasClass]=\"getClass('cell')\" *ngFor=\"let weekday of weekdays\">\n <div [nasClass]=\"getClass('item', 'header')\">{{weekday}}</div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let week of weeks\" [nasClass]=\"getClass('row', 'animate')\">\n <td *ngIf=\"exists(displayWeekNumbers)\" [nasClass]=\"getClass('week-number')\">\n <span [nasClass]=\"getClass('date', 'week-number')\">{{week.weekNumber}}</span>\n </td>\n <td [nasClass]=\"getClass('cell')\" *ngFor=\"let day of week?.days\" #tableCells>\n <div [nasClass]=\"getClass('item', 'dummy')\" *ngIf=\"day === null; else dayTemplate\"></div>\n <ng-template #dayTemplate tabindex=\"0\">\n <button id=\"day-{{day.date | date : 'd':'UTC':locale}}\" type=\"button\" #dateButton (keydown)=\"dateKeyDown($event)\" tabIndex=\"0\"\n [nasClass]=\"getCellButtonClass(day)\" (mousedown)=\"onMouseDown(day.date, $event)\"\n (click)=\"onDayClick(day)\" (focus)=\"onDayFocus(day)\">\n <div [nasClass]=\"getClass('date-wrapper')\">\n <span [nasClass]=\"getClass('date')\" [attr.aria-label]=\"day.date | date : 'd':'UTC'\">{{ day.date | date\n : 'd':'UTC':locale }}</span>\n </div>\n </button>\n </ng-template>\n </td>\n </tr>\n </tbody>\n </table>\n\n <div [nasClass]=\"getClass('footer')\">\n <div *ngIf=\"availableDates?.length === 0 && noAvailableFlightsLabel\" [nasClass]=\"getClass('footer', 'item')\">\n <nas-icon [icon]=\"'alert'\"></nas-icon>\n {{noAvailableFlightsLabel}}\n </div>\n <div *ngIf=\"availableDates?.length > 0 && noAvailableFlightsLabel && availableFlightsLabel\"\n [nasClass]=\"getClass('footer', 'item')\">\n <div [nasClass]=\"getClass('item', 'available')\"></div>\n <div [nasClass]=\"getClass('footer', 'label')\">{{availableFlightsLabel}}</div>\n <span [nasClass]=\"getClass('item', 'unavailable')\"></span>\n <div [nasClass]=\"getClass('footer', 'label')\">{{noAvailableFlightsLabel}}</div>\n </div>\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-calendar{z-index:3;width:100%;min-width:300px;float:right;padding:16px 8px;background-color:#fff;transform-origin:center top;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:flip-in .55s ease both;position:relative;border:2px solid #15273F;z-index:4}@media (min-width: 640px){.nas-calendar{max-width:350px}}@media (min-width: 380px){.nas-calendar{min-width:325px}}.nas-calendar__content:active{outline:none;box-shadow:none}.nas-calendar__content:focus{outline:none;box-shadow:none}.nas-calendar__cover{margin-bottom:16px}.nas-calendar__header{height:30px;font-size:16px;line-height:24px;font-weight:700;display:flex;justify-content:space-between}.nas-calendar__month{margin:0 auto 21px}.nas-calendar__months{background-color:#fff;max-width:350px;display:flex;flex-wrap:wrap;gap:15px}.nas-calendar__months--item{text-transform:uppercase}.nas-calendar__table{table-layout:fixed;width:100%}.nas-calendar__week-number{font-size:14px;line-height:20px;position:relative;width:20px;display:none}@media (min-width: 640px){.nas-calendar__week-number{display:table-cell}}.nas-calendar__cell{padding:0;font-weight:400;color:#15273f}.nas-calendar__nav{margin:-3px 2px 12px;width:24px;height:24px;border-radius:50%;transition:transform .2s cubic-bezier(0,0,.1,1),opacity .2s ease-out}.nas-calendar__nav .nas-icon-arrow-left--light,.nas-calendar__nav .nas-icon-arrow-right--light{position:absolute;top:50%;left:50%}.nas-calendar__nav .nas-icon-arrow-left--light{transform:translate(-60%,-50%)}.nas-calendar__nav .nas-icon-arrow-right--light{transform:translate(-40%,-50%)}.nas-calendar__nav:active{transform:translateY(2px)}.nas-calendar__nav[disabled]{pointer-events:none;opacity:.5}.nas-calendar__item{font-size:14px;line-height:20px;display:flex;flex-direction:column;margin-left:5px;cursor:pointer;overflow:hidden;width:100%;height:40px;text-align:left;outline:0;padding:2px;border:1px solid #FFFFFF;transition:transform .17s cubic-bezier(0,0,.1,1);border-radius:0;align-items:center;justify-content:center;pointer-events:none;opacity:.5;background-color:#fff}.nas-calendar__item .nas-calendar__date{color:#0a2033}@media (min-width: 640px){.nas-calendar__item{padding:2px 6px}}@media (min-width: 1000px){.nas-calendar__item{padding:2px 3px}}@media (min-width: 1180px){.nas-calendar__item{padding:2px 6px}}.nas-calendar__item--large{height:40px;width:37px;height:37px;margin-top:8px;margin-left:2px}@media (min-width: 400px){.nas-calendar__item--large{width:39px;height:39px}}@media (min-width: 415px){.nas-calendar__item--large{width:40px;margin-top:8px;margin-left:6px}}.nas-calendar__item--header{pointer-events:none;background-color:transparent;border:0;opacity:1;padding-bottom:9px;margin-left:0!important}.nas-calendar__item--dummy{visibility:hidden}.nas-calendar__item--today .nas-calendar__date{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#15273f}.nas-calendar__item--cheapest{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:#b12a0b}.nas-calendar__item--empty{pointer-events:none;opacity:.3;border-color:#fff;background-color:#fff}.nas-calendar__item--empty .nas-calendar__date{color:inherit}.nas-calendar__item--available{pointer-events:all;opacity:1;border-color:#e9e7e4;background-color:#f8f8f8;border-radius:2px}.nas-calendar__item--available .nas-calendar__date{color:#0a2033}.nas-calendar__item--active{border:2px solid #15273F;background-color:#ebf4ff}.nas-calendar__item--within-range{background-color:#ebf4ff}.nas-calendar__item--before{pointer-events:none;color:#a9a9a9;opacity:.55}.nas-calendar__item:hover,.nas-calendar__item:focus{border-color:#e9e7e4;border-width:2px}.nas-calendar__item:hover .nas-calendar__date,.nas-calendar__item:focus .nas-calendar__date{font-weight:700}.nas-calendar__item:active{transform:translateY(3px)}.nas-calendar__item--selected,.nas-calendar__item:active{color:#fff;background-color:#15273f;height:37px;width:37px;margin-left:5px}@media (min-width: 380px){.nas-calendar__item--selected,.nas-calendar__item:active{height:40px;width:40px}}.nas-calendar__item--selected:hover,.nas-calendar__item--selected:focus,.nas-calendar__item:active:hover,.nas-calendar__item:active:focus{border-color:#15273f;border-width:3px}.nas-calendar__item--selected .nas-calendar__date,.nas-calendar__item:active .nas-calendar__date{color:inherit}.nas-calendar__item--sold-out{pointer-events:none;opacity:.8;border-color:#fff;background-color:#fff}.nas-calendar__item--sold-out .nas-calendar__date{color:#0a2033}.nas-calendar__item[disabled]{pointer-events:none}.nas-calendar__week{border-bottom:1px solid #E9E7E4}.nas-calendar__date{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#6f6f6f}.nas-calendar__date--week-number{top:6px;right:6px}.nas-calendar__date:hover,.nas-calendar__date:focus{font-weight:700}.nas-calendar__price{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;color:inherit;letter-spacing:-.04em;font-size:14px}@media (min-width: 640px){.nas-calendar__price{font-size:14px;line-height:1.1}}@media (min-width: 1280px){.nas-calendar__price{font-size:16px}}.nas-calendar__price--before{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;text-decoration:line-through;font-size:.8em;line-height:1}@media (min-width: 1000px){.nas-calendar__price--before{margin-bottom:2px}}.nas-calendar__sold-out{position:absolute;bottom:2px;left:2px;line-height:1;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.015em;color:#8c8c8c;font-size:.75em}@media (min-width: 640px){.nas-calendar__sold-out{font-size:.9em;bottom:6px;left:6px}}@media (min-width: 1000px){.nas-calendar__sold-out{left:3px}}@media (min-width: 1180px){.nas-calendar__sold-out{left:6px}}.nas-calendar__transit{position:relative;display:flex;max-width:3.8em;width:calc(100% - 12px);padding:0 .5em 0 .3em;height:8px;justify-content:space-around;margin-bottom:2px;transform:scale(.85);transform-origin:left;background-color:inherit}@media (min-width: 640px){.nas-calendar__transit{transform:none;padding:0 .5em 0 .3em;margin-bottom:3px}}.nas-calendar__transit:before,.nas-calendar__transit:after{content:\"\";position:absolute}.nas-calendar__transit:before{top:calc(50% - 1px);width:100%;left:0;height:2px;background-color:currentColor}.nas-calendar__transit:after{width:8px;height:8px;right:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.nas-calendar__transit-indicator{position:relative;width:8px;height:8px;flex-shrink:0;border-radius:50%;border:2px solid currentColor;background-color:#fff}.nas-calendar__asterisk{font-size:.67em;top:-.36em;margin-left:.1em}.nas-calendar__footer{display:flex;justify-content:center}.nas-calendar__footer .nas-calendar__item{width:25px;height:25px;margin-right:3px}.nas-calendar__footer .nas-calendar__item--unavailable{border:1px solid #15273F}.nas-calendar__footer--item{margin-bottom:6px}.nas-calendar__footer--label{flex-shrink:0;margin-right:12px;display:flex;flex-direction:column;justify-content:center;font-size:14px;line-height:20px}@keyframes lowfare-item-in{0%{opacity:0;transform:scale(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: "component", type: SelectComponent, selector: "nas-select", inputs: ["id", "inline", "label", "block", "spaceless", "stretch", "compact", "simple", "light", "fill", "error", "errorMessage", "disabled", "autogrow", "presentValue", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keyDownEvent"] }, { kind: "component", type: IconComponent, selector: "nas-icon", inputs: ["icon", "type", "isIndicator", "lightCircularBackground", "cssClass"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
5103
5106
|
}
|
|
5104
5107
|
__decorate([
|
|
5105
5108
|
Debounce(150)
|
|
@@ -11303,11 +11306,11 @@ class PhoneNumberComponent extends NasComponentBase {
|
|
|
11303
11306
|
this.lastWasTab = false;
|
|
11304
11307
|
}
|
|
11305
11308
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PhoneNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11306
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PhoneNumberComponent, selector: "nas-phone-number", inputs: { options: "options", preferredOptions: "preferredOptions", prefixCountryCode: "prefixCountryCode", label: "label", optionsLabel: "optionsLabel", preferredOptionsLabel: "preferredOptionsLabel", inputLabel: "inputLabel", placeholder: "placeholder", id: "id", type: "type", error: "error", disabled: "disabled", spaceless: "spaceless", 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" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClass()\">\n <label [nasClass]=\"getClass('label')\" *ngIf=\"label\" [attr.for]=\"id\">{{label}}</label>\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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\"/>\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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\" />\n </div>\n </ng-template>\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')\" [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\"> {{ errorMessage }}\n </p>\n </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-phone-number{margin-bottom:16px;position:relative}.nas-phone-number__label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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__input-label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin:-28px 0 6px 12px}@media (min-width: 640px){.nas-phone-number__input-label{letter-spacing:inherit;word-spacing:inherit}}.nas-phone-number__input-label~.nas-phone-number__icon{top:43px}.nas-phone-number__controls{display:flex}.nas-phone-number__prefix{display:flex;padding:3px 16px 0;justify-content:center;align-items:center;background-color:#fff;border:2px solid #15273F}.nas-phone-number__number{flex:1}.nas-phone-number__text{width:100%;height:52px;border:2px solid #6F6F6F;background-color:#fff}@media (min-width: 640px){.nas-phone-number__text{width:96.5%;margin-left:12px}}.nas-phone-number__info{display:block;margin-top:9px;margin-bottom:24px}.nas-phone-number__message{margin-top:2px;display:flex;gap:8px}.nas-phone-number__message--icon{transform:scale(.9)}.nas-phone-number__message--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-phone-number--error .nas-phone-number__text{background-color:#fff5f3;border:2px solid #E5212D!important}.nas-phone-number--error .nas-phone-number__error{display:block;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#b12a0b}.nas-phone-number--disabled .nas-phone-number__text{color:#6f6f6f;background-color:#e9e7e4;border-color:#e9e7e4}.nas-phone-number--spaceless{margin-bottom:0}.nas-phone-number--active .nas-phone-number__text{border:2px solid #15273F;color:#15273f;background-color:#ebf4ff}.nas-phone-number--valid .nas-phone-number__text{border:2px solid #15273F}.nas-phone-number--focus .nas-phone-number__text{transition:border-color .2s ease,background-color .2s ease;outline:2px solid #0978E8;outline-offset:2px}:host ::ng-deep .nas-select{margin-bottom:3px}:host ::ng-deep .nas-select select{padding:13px 34px 15px 12px;line-height:24px;height:52px;margin-bottom:5px}@media (min-width: 640px){:host ::ng-deep .nas-select select{margin-bottom:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NasClassDirective, selector: "[nasClass]", inputs: ["nasClass", "attr.class"] }, { kind: "component", type: 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", "keyDownEvent"] }, { 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"] }] }); }
|
|
11309
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PhoneNumberComponent, selector: "nas-phone-number", inputs: { options: "options", preferredOptions: "preferredOptions", prefixCountryCode: "prefixCountryCode", label: "label", optionsLabel: "optionsLabel", preferredOptionsLabel: "preferredOptionsLabel", inputLabel: "inputLabel", placeholder: "placeholder", id: "id", type: "type", error: "error", disabled: "disabled", spaceless: "spaceless", 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" }, host: { listeners: { "document:keydown": "onKeydown($event)" } }, usesInheritance: true, ngImport: i0, template: "<div [nasClass]=\"mainClass()\">\n <label [nasClass]=\"getClass('label')\" *ngIf=\"label\" [attr.for]=\"id\">{{label}}</label>\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\" presentValue [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [selectedValue]=\"selectedValue\" [(selected)]=\"selected\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" presentValue [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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\"/>\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\" presentValue [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [nasFormControlName]=\"nasFormControlNamePrefix\"\n [nasFormGroup]=\"nasFormGroup\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" presentValue [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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\" />\n </div>\n </ng-template>\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')\" [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\"> {{ errorMessage }}\n </p>\n </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-phone-number{margin-bottom:16px;position:relative}.nas-phone-number__label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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__input-label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin:-28px 0 6px 12px}@media (min-width: 640px){.nas-phone-number__input-label{letter-spacing:inherit;word-spacing:inherit}}.nas-phone-number__input-label~.nas-phone-number__icon{top:43px}.nas-phone-number__controls{display:flex}.nas-phone-number__prefix{display:flex;padding:3px 16px 0;justify-content:center;align-items:center;background-color:#fff;border:2px solid #15273F}.nas-phone-number__number{flex:1}.nas-phone-number__text{width:100%;height:52px;border:2px solid #6F6F6F;background-color:#fff}@media (min-width: 640px){.nas-phone-number__text{width:96.5%;margin-left:12px}}.nas-phone-number__info{display:block;margin-top:9px;margin-bottom:24px}.nas-phone-number__message{margin-top:2px;display:flex;gap:8px}.nas-phone-number__message--icon{transform:scale(.9)}.nas-phone-number__message--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-phone-number--error .nas-phone-number__text{background-color:#fff5f3;border:2px solid #E5212D!important}.nas-phone-number--error .nas-phone-number__error{display:block;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#b12a0b}.nas-phone-number--disabled .nas-phone-number__text{color:#6f6f6f;background-color:#e9e7e4;border-color:#e9e7e4}.nas-phone-number--spaceless{margin-bottom:0}.nas-phone-number--active .nas-phone-number__text{border:2px solid #15273F;color:#15273f;background-color:#ebf4ff}.nas-phone-number--valid .nas-phone-number__text{border:2px solid #15273F}.nas-phone-number--focus .nas-phone-number__text{transition:border-color .2s ease,background-color .2s ease;outline:2px solid #0978E8;outline-offset:2px}:host ::ng-deep .nas-select{margin-bottom:3px}:host ::ng-deep .nas-select select{padding:13px 34px 15px 12px;line-height:24px;height:52px;margin-right:4px;max-width:90px}:host ::ng-deep .nas-select select::-ms-expand{display:none}@media (min-width: 640px){:host ::ng-deep .nas-select select{margin-right:0}}:host ::ng-deep .nas-select option{white-space:nowrap}\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", "presentValue", "cssClass", "nasFormControlName", "nasFormGroup", "options", "selectedValue", "selected"], outputs: ["selectedChange", "keyDownEvent"] }, { 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"] }] }); }
|
|
11307
11310
|
}
|
|
11308
11311
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PhoneNumberComponent, decorators: [{
|
|
11309
11312
|
type: Component,
|
|
11310
|
-
args: [{ selector: 'nas-phone-number', template: "<div [nasClass]=\"mainClass()\">\n <label [nasClass]=\"getClass('label')\" *ngIf=\"label\" [attr.for]=\"id\">{{label}}</label>\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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\"/>\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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\" />\n </div>\n </ng-template>\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')\" [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\"> {{ errorMessage }}\n </p>\n </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-phone-number{margin-bottom:16px;position:relative}.nas-phone-number__label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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__input-label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin:-28px 0 6px 12px}@media (min-width: 640px){.nas-phone-number__input-label{letter-spacing:inherit;word-spacing:inherit}}.nas-phone-number__input-label~.nas-phone-number__icon{top:43px}.nas-phone-number__controls{display:flex}.nas-phone-number__prefix{display:flex;padding:3px 16px 0;justify-content:center;align-items:center;background-color:#fff;border:2px solid #15273F}.nas-phone-number__number{flex:1}.nas-phone-number__text{width:100%;height:52px;border:2px solid #6F6F6F;background-color:#fff}@media (min-width: 640px){.nas-phone-number__text{width:96.5%;margin-left:12px}}.nas-phone-number__info{display:block;margin-top:9px;margin-bottom:24px}.nas-phone-number__message{margin-top:2px;display:flex;gap:8px}.nas-phone-number__message--icon{transform:scale(.9)}.nas-phone-number__message--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-phone-number--error .nas-phone-number__text{background-color:#fff5f3;border:2px solid #E5212D!important}.nas-phone-number--error .nas-phone-number__error{display:block;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#b12a0b}.nas-phone-number--disabled .nas-phone-number__text{color:#6f6f6f;background-color:#e9e7e4;border-color:#e9e7e4}.nas-phone-number--spaceless{margin-bottom:0}.nas-phone-number--active .nas-phone-number__text{border:2px solid #15273F;color:#15273f;background-color:#ebf4ff}.nas-phone-number--valid .nas-phone-number__text{border:2px solid #15273F}.nas-phone-number--focus .nas-phone-number__text{transition:border-color .2s ease,background-color .2s ease;outline:2px solid #0978E8;outline-offset:2px}:host ::ng-deep .nas-select{margin-bottom:3px}:host ::ng-deep .nas-select select{padding:13px 34px 15px 12px;line-height:24px;height:52px;margin-
|
|
11313
|
+
args: [{ selector: 'nas-phone-number', template: "<div [nasClass]=\"mainClass()\">\n <label [nasClass]=\"getClass('label')\" *ngIf=\"label\" [attr.for]=\"id\">{{label}}</label>\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\" presentValue [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [selectedValue]=\"selectedValue\" [(selected)]=\"selected\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" presentValue [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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\"/>\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\" presentValue [options]=\"options\" [error]=\"error\" [disabled]=\"disabled\"\n [spaceless]=\"spaceless\" [cssClass]=\"cssClass\" [nasFormControlName]=\"nasFormControlNamePrefix\"\n [nasFormGroup]=\"nasFormGroup\">\n </nas-select>\n <nas-select *ngIf=\"preferredOptions\" presentValue [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 <label [nasClass]=\"getClass('input-label')\" *ngIf=\"inputLabel\" [attr.for]=\"id\">{{inputLabel}}</label>\n <input [nasClass]=\"getClass('text')\" [attr.id]=\"inputId\" [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\" (focus)=\"setActiveOnFocus(true)\" (blur)=\"setActiveOnFocus(false)\" />\n </div>\n </ng-template>\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')\" [id]=\"errorId\" *ngIf=\"exists(error) && errorMessage\"> {{ errorMessage }}\n </p>\n </span>\n</div>", styles: ["@keyframes fade-in{0%{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-out{to{opacity:0}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-phone-number{margin-bottom:16px;position:relative}.nas-phone-number__label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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__input-label{display:flex;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:700;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin:-28px 0 6px 12px}@media (min-width: 640px){.nas-phone-number__input-label{letter-spacing:inherit;word-spacing:inherit}}.nas-phone-number__input-label~.nas-phone-number__icon{top:43px}.nas-phone-number__controls{display:flex}.nas-phone-number__prefix{display:flex;padding:3px 16px 0;justify-content:center;align-items:center;background-color:#fff;border:2px solid #15273F}.nas-phone-number__number{flex:1}.nas-phone-number__text{width:100%;height:52px;border:2px solid #6F6F6F;background-color:#fff}@media (min-width: 640px){.nas-phone-number__text{width:96.5%;margin-left:12px}}.nas-phone-number__info{display:block;margin-top:9px;margin-bottom:24px}.nas-phone-number__message{margin-top:2px;display:flex;gap:8px}.nas-phone-number__message--icon{transform:scale(.9)}.nas-phone-number__message--text{color:#b12a0b;font-size:14px;font-weight:400;line-height:20px;margin-top:3px}.nas-phone-number--error .nas-phone-number__text{background-color:#fff5f3;border:2px solid #E5212D!important}.nas-phone-number--error .nas-phone-number__error{display:block;font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:400;color:#b12a0b}.nas-phone-number--disabled .nas-phone-number__text{color:#6f6f6f;background-color:#e9e7e4;border-color:#e9e7e4}.nas-phone-number--spaceless{margin-bottom:0}.nas-phone-number--active .nas-phone-number__text{border:2px solid #15273F;color:#15273f;background-color:#ebf4ff}.nas-phone-number--valid .nas-phone-number__text{border:2px solid #15273F}.nas-phone-number--focus .nas-phone-number__text{transition:border-color .2s ease,background-color .2s ease;outline:2px solid #0978E8;outline-offset:2px}:host ::ng-deep .nas-select{margin-bottom:3px}:host ::ng-deep .nas-select select{padding:13px 34px 15px 12px;line-height:24px;height:52px;margin-right:4px;max-width:90px}:host ::ng-deep .nas-select select::-ms-expand{display:none}@media (min-width: 640px){:host ::ng-deep .nas-select select{margin-right:0}}:host ::ng-deep .nas-select option{white-space:nowrap}\n"] }]
|
|
11311
11314
|
}], ctorParameters: function () { return []; }, propDecorators: { options: [{
|
|
11312
11315
|
type: Input
|
|
11313
11316
|
}], preferredOptions: [{
|
|
@@ -12591,11 +12594,11 @@ class SliderComponent extends NasComponentBase {
|
|
|
12591
12594
|
return value;
|
|
12592
12595
|
}
|
|
12593
12596
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12594
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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:#e9e7e4}.nas-slider__track-fill{height:7px;width:100%}.nas-slider__title{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#15273f;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:#15273f;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:#e9e7e4}.nas-slider__slider::-ms-tooltip{display:none}.nas-slider__slider--disabled::-webkit-slider-thumb{background-color:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4}.nas-slider__range-slider{position:relative;width:98%;margin:0 auto 13px;height:7px;border-radius:5px;background-color:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }] }); }
|
|
12597
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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:#e9e7e4}.nas-slider__track-fill{height:7px;width:100%}.nas-slider__title{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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;z-index:6}.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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#15273f;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:#15273f;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:#e9e7e4}.nas-slider__slider::-ms-tooltip{display:none}.nas-slider__slider--disabled::-webkit-slider-thumb{background-color:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4}.nas-slider__range-slider{position:relative;width:98%;margin:0 auto 13px;height:7px;border-radius:5px;background-color:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }] }); }
|
|
12595
12598
|
}
|
|
12596
12599
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
12597
12600
|
type: Component,
|
|
12598
|
-
args: [{ selector: 'nas-slider', 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:#e9e7e4}.nas-slider__track-fill{height:7px;width:100%}.nas-slider__title{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#15273f;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:#15273f;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:#e9e7e4}.nas-slider__slider::-ms-tooltip{display:none}.nas-slider__slider--disabled::-webkit-slider-thumb{background-color:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4}.nas-slider__range-slider{position:relative;width:98%;margin:0 auto 13px;height:7px;border-radius:5px;background-color:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }]
|
|
12601
|
+
args: [{ selector: 'nas-slider', 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:#e9e7e4}.nas-slider__track-fill{height:7px;width:100%}.nas-slider__title{font-family:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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;z-index:6}.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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#15273f;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:#15273f;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:#e9e7e4}.nas-slider__slider::-ms-tooltip{display:none}.nas-slider__slider--disabled::-webkit-slider-thumb{background-color:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4}.nas-slider__range-slider{position:relative;width:98%;margin:0 auto 13px;height:7px;border-radius:5px;background-color:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#15273f;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:#e9e7e4;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:#e9e7e4;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:#e9e7e4;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:NorwegianTextPro,Arial,Helvetica Neue,Helvetica,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"] }]
|
|
12599
12602
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { slider: [{
|
|
12600
12603
|
type: ViewChild,
|
|
12601
12604
|
args: ['slider']
|