@norwegian/core-components 5.4.0 → 5.7.0

package/fesm2015/norwegian-core-components.js

@@ -5986,6 +5986,7 @@ class SelectComponent extends NasComponentBase {
                 this.exists(this.inline) && 'inline',
                 this.exists(this.block) && 'block',
                 this.exists(this.spaceless) && 'spaceless',
+                this.exists(this.stretch) && 'stretch',
                 this.exists(this.compact) && 'compact',
                 this.exists(this.simple) && 'simple',
                 this.exists(this.light) && 'light',
@@ -6108,7 +6109,7 @@ SelectComponent.decorators = [
                 selector: 'nas-select',
                 template: "<label for=\"getSelectId()\"\n  *ngIf=\"label && !inline\">\n  <span [nasClass]=\"getClass('label')\">{{label}}</span>\n</label>\n<div [nasClass]=\"getClasses()\">\n  <ng-container *ngIf=\"!nasFormGroup || !nasFormControlName; else reactiveForm\">\n    <select #select\n      [id]=\"getSelectId()\"\n      [attr.disabled]=\"disabled\"\n      [attr.aria-label]=\"'select'\"\n      [attr.aria-labelledby]=\"getSelectId()\"\n      [style.width.px]=\"labelWidth\"\n      [formControl]=\"selectControl\"\n      (mousedown)=\"toggleSelect($event)\"\n      (keydown)=\"toggleSelect($event, true)\"\n      (blur)=\"blurSelect()\"\n      (change)=\"toggleSelect($event)\">\n      <ng-container *ngIf=\"!hasContent\">\n        <option *ngFor=\"let option of options\"\n          [value]=\"option?.value\"\n          [attr.aria-label]=\"option?.title\">\n          {{option?.title}}</option>\n      </ng-container>\n      <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n    </select>\n  </ng-container>\n  <ng-template #reactiveForm>\n    <ng-container [formGroup]=\"nasFormGroup\">\n      <select #select\n        [formControlName]=\"nasFormControlName\"\n        [id]=\"getSelectId()\"\n        [attr.disabled]=\"disabled\"\n        [attr.aria-label]=\"'select'\"\n        [attr.aria-labelledby]=\"getSelectId()\"\n        [style.width.px]=\"labelWidth\"\n        (mousedown)=\"toggleSelect($event)\"\n        (keydown)=\"toggleSelect($event, true)\"\n        (blur)=\"blurSelect()\"\n        (change)=\"toggleSelect($event)\">\n        <ng-container *ngIf=\"!hasContent\">\n          <option *ngFor=\"let option of options\"\n            [value]=\"option?.value\"\n            [attr.aria-label]=\"option?.title\">{{option?.title}}</option>\n        </ng-container>\n        <ng-container *ngTemplateOutlet=\"contentOptions\"></ng-container>\n      </select>\n    </ng-container>\n  </ng-template>\n  <p [nasClass]=\"getClass('error')\"\n    #errorMessageWrapper\n    *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n  <div #selectTitleWrapper\n    [style.display]=\"'none'\"\n    aria-hidden=\"true\">\n    <span>{{selectTitle}}</span>\n  </div>\n  <ng-template #contentOptions>\n    <ng-content></ng-content>\n  </ng-template>\n</div>",
                 encapsulation: ViewEncapsulation.None,
-                styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-select{position:relative;display:inline-block;vertical-align:top;max-width:100%;margin-bottom:24px;z-index:0}.nas-select__label{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold;display:block;margin-bottom:6px}.nas-select select{-webkit-appearance:none;-moz-appearance:none;display:inline-block;cursor:pointer;margin:0;padding:12px 34px 12px 12px;padding-right:34px!important;width:100%;border-radius:0;border:3px solid #c3c3c3;outline:0;font-size:16px;color:#002a3a;background-color:transparent}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.nas-select select:hover,.nas-select select:focus{border-color:#003251}.nas-select select:active{border-color:#003251}.nas-select select::-ms-expand{display:none}.nas-select select[disabled]{color:#626363;cursor:default}.nas-select select[disabled]:hover,.nas-select select[disabled]:focus{border-color:#c3c3c3}.nas-select:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:12px;height:12px;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23214A5F%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--block{display:block}.nas-select--block select{display:block;width:100%}.nas-select--light:after{background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--light select{color:#fff;border-color:#fff}.nas-select--light select:hover,.nas-select--light select:focus{border-color:#c3c3c3}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{background-color:#626363}.nas-select--disabled:after{background-color:#626363;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23909090%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--inline,.nas-select--simple{display:inline-block;max-width:100%;overflow:hidden;line-height:inherit;padding:0;font-size:inherit;color:inherit;margin-bottom:0;border-bottom:inherit}.nas-select--inline:after,.nas-select--simple:after{top:50%;margin-top:-7px;right:0}.nas-select--inline select,.nas-select--simple select{font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #c3c3c3;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline option,.nas-select--simple option{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold}.nas-select--error select{border-color:#d81939}.nas-select--error:after{top:24px;bottom:auto}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:block;font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:normal;color:#d81939}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold}.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{-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}.nas-select--rotate::after-leave-active{-webkit-animation:flip-out .2s ease-out both;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"]
+                styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-select{position:relative;display:inline-block;vertical-align:top;max-width:100%;margin-bottom:24px;z-index:0}.nas-select__label{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold;display:block;margin-bottom:6px}.nas-select select{-webkit-appearance:none;-moz-appearance:none;display:inline-block;cursor:pointer;margin:0;padding:12px 34px 12px 12px;padding-right:34px!important;width:100%;border-radius:0;border:3px solid #c3c3c3;outline:0;font-size:16px;color:#002a3a;background-color:transparent}.nas-select select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.nas-select select:hover,.nas-select select:focus{border-color:#003251}.nas-select select:active{border-color:#003251}.nas-select select::-ms-expand{display:none}.nas-select select[disabled]{color:#626363;cursor:default}.nas-select select[disabled]:hover,.nas-select select[disabled]:focus{border-color:#c3c3c3}.nas-select:after{content:\"\";position:absolute;display:inline-block;pointer-events:none;z-index:3;bottom:18px;right:12px;width:12px;height:12px;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23214A5F%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat;transition:transform .2s cubic-bezier(0,0,.1,1);transform-origin:45% 55%}.nas-select--block{display:block}.nas-select--block select{display:block;width:100%}.nas-select--light:after{background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--light select{color:#fff;border-color:#fff}.nas-select--light select:hover,.nas-select--light select:focus{border-color:#c3c3c3}.nas-select--light select:focus{color:#000;background-color:#fff}.nas-select--disabled select{background-color:#626363}.nas-select--disabled:after{background-color:#626363;background:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%2212px%22 height%3D%2212px%22 viewBox%3D%22-414 589.5 12 12%22 enable-background%3D%22new -414 589.5 12 12%22 xml%3Aspace%3D%22preserve%22%3E%3Cpolygon fill%3D%22%23909090%22 points%3D%22-402%2C593.5 -404%2C591.5 -407.9%2C595 -408%2C595 -411.9%2C591.5 -413.9%2C593.5 -408.5%2C598.4 -408%2C598.6 %09-407.4%2C598.4 %22%2F%3E%3C%2Fsvg%3E\") 0 0 no-repeat}.nas-select--inline,.nas-select--simple{display:inline-block;max-width:100%;overflow:hidden;line-height:inherit;padding:0;font-size:inherit;color:inherit;margin-bottom:0;border-bottom:inherit}.nas-select--inline:after,.nas-select--simple:after{top:50%;margin-top:-7px;right:0}.nas-select--inline select,.nas-select--simple select{font-size:inherit;color:inherit;padding:0;padding-right:18px!important;border:0;padding-bottom:3px;border-bottom:3px solid #c3c3c3;width:auto;transition:width .3s cubic-bezier(0,0,.1,1)}.nas-select--inline option,.nas-select--simple option{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold}.nas-select--stretch{display:block}.nas-select--stretch select{width:100%!important}.nas-select--error select{border-color:#d81939}.nas-select--error:after{top:24px;bottom:auto}.nas-select__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-select__error{display:block;font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:normal;color:#d81939}.nas-select--inline.nas-select--error:after{top:50%!important}.nas-select--simple select{border-color:transparent}.nas-select--simple option{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold}.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{-webkit-animation:flip-in .55s ease both;animation:flip-in .55s ease both}.nas-select--rotate::after-leave-active{-webkit-animation:flip-out .2s ease-out both;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"]
             },] }
 ];
 SelectComponent.ctorParameters = () => [
@@ -6124,6 +6125,7 @@ SelectComponent.propDecorators = {
     label: [{ type: Input }],
     block: [{ type: Input }],
     spaceless: [{ type: Input }],
+    stretch: [{ type: Input }],
     compact: [{ type: Input }],
     simple: [{ type: Input }],
     light: [{ type: Input }],
@@ -7142,6 +7144,7 @@ class InputComponent extends NasComponentBase {
     constructor() {
         super('nas-input');
         this.modelChange = new EventEmitter(false);
+        this.blur = new EventEmitter(false);
         /**
          * @description
          * Input type of the element.
@@ -7230,11 +7233,14 @@ class InputComponent extends NasComponentBase {
             }
         }
     }
+    onBlur(value) {
+        this.blur.emit(value);
+    }
 }
 InputComponent.decorators = [
     { type: Component, args: [{
                 selector: 'nas-input',
-                template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\n",
+                template: "<ng-container *ngIf=\"!nasFormControlName; else reactiveForm\">\n  <label [nasClass]=\"mainClass()\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputNotReactive [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"\n        [(ngModel)]=\"model\" />\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-container>\n<ng-template #reactiveForm>\n  <label [nasClass]=\"mainClass()\"\n    [formGroup]=\"nasFormGroup\">\n    <div [nasClass]=\"getClass('controls', exists(labelInside) && 'label-inside')\">\n      <p [nasClass]=\"getClass('label')\"\n        *ngIf=\"label\">{{label}}</p>\n      <input #inputReactive [formControlName]=\"nasFormControlName\"\n        [nasClass]=\"getClass('text')\"\n        [attr.id]=\"inputId\"\n        [attr.type]=\"type\"\n        [attr.name]=\"name\"\n        [attr.placeholder]=\"placeholder\"\n        [attr.readonly]=\"readonly\"\n        [required]=\"required\"\n        [attr.aria-describedby]=\"ariaDescribedby\"\n        [attr.aria-invalid]=\"error\"\n        [attr.aria-required]=\"required\"\n        [attr.minlength]=\"minLength\"\n        [attr.maxlength]=\"maxLength\"\n        [attr.min]=\"min\"\n        [attr.max]=\"max\"\n        [attr.pattern]=\"pattern\"\n        (blur)=\"onBlur($event.target.value)\"/>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"exists(error)\">\n        <nas-icon icon=\"alert--error\"></nas-icon>\n      </span>\n      <span [nasClass]=\"getClass('icon')\"\n        *ngIf=\"icon && !error\">\n        <nas-icon [icon]=\"icon\"></nas-icon>\n      </span>\n    </div>\n    <span *ngIf=\"exists(line)\" [nasClass]=\"getClass('line')\"></span>\n    <p [nasClass]=\"getClass('error')\"\n      *ngIf=\"exists(error) && errorMessage\">{{errorMessage}}</p>\n    <span [nasClass]=\"getClass('info')\"\n      *ngIf=\"info\">{{info}}</span>\n  </label>\n</ng-template>\n",
                 encapsulation: ViewEncapsulation.None,
                 styles: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@keyframes pop-in-from-top{0%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-100,1,1);opacity:0}6.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-30.227,1,1)}13.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,1.76,1,1)}20%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,7.08,1,1)}26.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,3.838,1,1)}33.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.902,1,1);opacity:1}40%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.237,1,1)}46.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.312,1,1)}53.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.141,1,1)}60%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.021,1,1)}66.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.015,1,1)}73.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.013,1,1)}80%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,.005,1,1)}86.67%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1)}93.33%{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}to{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,-.001,1,1);-webkit-transform:translate3d(0,0,0)}}.nas-input{display:block;margin-bottom:16px;position:relative}.nas-input__label{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold;letter-spacing:-.025em;word-spacing:-.025em;display:block;margin-top:0;margin-bottom:6px}@media (min-width: 640px){.nas-input__label{letter-spacing:inherit;word-spacing:inherit}}.nas-input__label~.nas-input__icon{top:45px}.nas-input__text{position:relative;margin-bottom:3px}.nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input__text[disabled]{opacity:.5}.nas-input__line{position:relative;display:block;height:3px;background-color:#c3c3c3;transition:background-color .15s cubic-bezier(0,0,.1,1)}.nas-input__info{display:block;margin-top:9px;margin-bottom:24px}.nas-input--error .nas-input__text{padding-right:40px;background-repeat:no-repeat;background-position:right 9px center}.nas-input--error .nas-input__error{display:block;font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:normal;color:#d81939}.nas-input--error .nas-input__line{background-color:#d81939}.nas-input--error .nas-input__text:focus~.nas-input__line{background-color:#003251}.nas-input--disabled{color:#909090}.nas-input--disabled .nas-input__text{opacity:.5}.nas-input--loading .nas-input__line{background-color:#003251;-webkit-animation:input-loader ease 1.5s;animation:input-loader ease 1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform-origin:left}.nas-input--spaceless{margin-bottom:0}.nas-input__icon{position:absolute;pointer-events:none;right:12px;top:15px}.nas-input__controls{margin-bottom:0}.nas-input__controls--label-inside{background:#fff}.nas-input__controls--label-inside .nas-input__label{padding-top:9px;padding-left:16px;margin-bottom:0;font-size:14px;line-height:20px}.nas-input__controls--label-inside .nas-input__text{padding:0 16px 9px}.nas-input__controls--label-inside .nas-input__icon{top:22px}@-webkit-keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}@keyframes input-loader{0%{transform:translate(0) scaleX(0)}50%{transform:translate(0) scaleX(1)}to{transform:translate(100%) scaleX(0)}}\n"]
             },] }
@@ -7246,6 +7252,7 @@ InputComponent.propDecorators = {
     id: [{ type: Input }],
     model: [{ type: Input }],
     modelChange: [{ type: Output }],
+    blur: [{ type: Output }],
     error: [{ type: Input }],
     disabled: [{ type: Input }],
     spaceless: [{ type: Input }],
@@ -7267,7 +7274,8 @@ InputComponent.propDecorators = {
     nasFormGroup: [{ type: Input }],
     min: [{ type: Input }],
     max: [{ type: Input }],
-    line: [{ type: Input }]
+    line: [{ type: Input }],
+    pattern: [{ type: Input }]
 };
 
 class InputModule {
@@ -9882,7 +9890,7 @@ SlideToggleModule.decorators = [
 let nextId = 0;
 /**
  * @description
- * Norwegian Slider Component | Form Controls | Beta
+ * Norwegian Slider Component | Form Controls
 */
 class SliderComponent extends NasComponentBase {
     constructor(cdr) {
@@ -9925,11 +9933,6 @@ class SliderComponent extends NasComponentBase {
         this.valueValue = value;
         this.cdr.detectChanges();
         this.valueChange.emit(value);
-        if (this.isViewInit) {
-            this.isBubbleActive = true;
-            this.setBubbleStyle('slider');
-            this.isBubbleActive = false;
-        }
     }
     /**
     * @description
@@ -9945,11 +9948,6 @@ class SliderComponent extends NasComponentBase {
         this.rangeMinValue = value;
         this.cdr.detectChanges();
         this.selectedMinValueChange.emit(value);
-        if (this.isViewInit) {
-            this.isBubbleActive = true;
-            this.setBubbleStyle('range-slider-min');
-            this.isBubbleActive = false;
-        }
     }
     /**
      * @description
@@ -9965,11 +9963,6 @@ class SliderComponent extends NasComponentBase {
         this.rangeMaxValue = value;
         this.cdr.detectChanges();
         this.selectedMaxValueChange.emit(value);
-        if (this.isViewInit) {
-            this.isBubbleActive = true;
-            this.setBubbleStyle('range-slider-max');
-            this.isBubbleActive = false;
-        }
     }
     /**
     * @description
@@ -9982,7 +9975,7 @@ class SliderComponent extends NasComponentBase {
         if (!value || value === this.minDifferenceRange) {
             return;
         }
-        this.minDifferenceRange = value;
+        this.minDifferenceRange = Number(value);
     }
     /**
      * @description
@@ -10017,12 +10010,11 @@ class SliderComponent extends NasComponentBase {
      * A custom label for the minimum value. The actual value is still specified by min input.
      */
     get minLabel() {
-        var _a;
         if (this.minLabelValue) {
             return this.minLabelValue;
         }
         else {
-            return (_a = this.min) === null || _a === void 0 ? void 0 : _a.toString();
+            return this.min;
         }
     }
     set minLabel(value) {
@@ -10046,12 +10038,11 @@ class SliderComponent extends NasComponentBase {
      * A custom label for the maximum value. The actual value is still specified by max input.
      */
     get maxLabel() {
-        var _a;
         if (this.maxLabelValue) {
             return this.maxLabelValue;
         }
         else {
-            return (_a = this.max) === null || _a === void 0 ? void 0 : _a.toString();
+            return this.max;
         }
     }
     set maxLabel(value) {
@@ -10068,7 +10059,7 @@ class SliderComponent extends NasComponentBase {
         if (value === this.stepValue) {
             return;
         }
-        this.stepValue = value;
+        this.stepValue = Number(value);
     }
     /**
      * @description
@@ -10102,27 +10093,24 @@ class SliderComponent extends NasComponentBase {
             }, 250);
         }
         else {
-            this.isBubbleActiveValue = true;
+            setTimeout(() => {
+                this.isBubbleActiveValue = true;
+            }, 100);
         }
     }
-    get bubbleValue() {
-        if (this.value === this.min) {
-            return this.minLabelValue;
-        }
-        else if (this.value === this.max) {
-            return this.maxLabelValue;
-        }
-        else if (!this.value) {
+    get middleLabel() {
+        const sum = this.min + this.max;
+        const middleSum = sum / 2;
+        if (sum % 2 === 1) {
             return null;
         }
-        else {
-            return this.value.toString();
-        }
+        return middleSum.toString();
     }
-    get middleLabel() {
-        var _a, _b;
-        const sum = parseInt((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString(), 10) + parseInt((_b = this.max) === null || _b === void 0 ? void 0 : _b.toString(), 10);
-        return (sum / 2).toString();
+    get showMinLabelSuffix() {
+        return typeof (this.minLabel) === 'number';
+    }
+    get showMaxLabelSuffix() {
+        return typeof (this.maxLabel) === 'number';
     }
     ngOnInit() {
         if (this.nasFormGroup && this.nasFormControlName) {
@@ -10142,6 +10130,7 @@ class SliderComponent extends NasComponentBase {
                 if (!this.exists(this.disabled)) {
                     this.value = value;
                 }
+                this.activateBubble(value, 'slider');
             });
         }
         if (this.nasFormGroup && this.nasFormControlMin && this.nasFormControlMax) {
@@ -10166,12 +10155,16 @@ class SliderComponent extends NasComponentBase {
                     sliderMinControl.setValue(this.selectedMinValue);
                     return;
                 }
+                this.bubbleValue = this.setBubbleValue(value);
+                this.activateBubble(value, 'range-slider-min');
             });
             sliderMaxControl.valueChanges.subscribe((value) => {
                 if (!this.exists(this.disabled) && value < this.selectedMinValue + this.minDiffRange) {
                     sliderMaxControl.setValue(this.selectedMaxValue);
                     return;
                 }
+                this.bubbleValue = this.setBubbleValue(value);
+                this.activateBubble(value, 'range-slider-max');
             });
         }
         this.isRange = this.exists(this.range) ? true : false;
@@ -10224,28 +10217,16 @@ class SliderComponent extends NasComponentBase {
         event.stopPropagation();
         event.preventDefault();
         this.showBubble = true;
-        let eventValue = Number(event.target.value);
-        const mathMin = Math.min(eventValue, this.selectedMaxValue - this.minDiffRange);
-        const mathMax = Math.max(eventValue, this.selectedMinValue + this.minDiffRange);
+        const eventValue = Number(event.target.value);
         switch (type) {
             case 'slider':
                 this.value = eventValue;
                 break;
             case 'range-slider-min':
-                this.bubbleRangeValue = mathMin;
-                eventValue = mathMin;
-                this.selectedMinValue = eventValue;
-                if (eventValue >= this.selectedMaxValue - this.minDiffRange) {
-                    this.rangeMin.nativeElement.value = this.selectedMinValue.toString();
-                }
+                this.selectedMinValue = this.minSelected ? this.minSelected : eventValue;
                 break;
             case 'range-slider-max':
-                this.bubbleRangeValue = mathMax;
-                eventValue = mathMax;
-                this.selectedMaxValue = eventValue;
-                if (eventValue <= this.selectedMinValue + this.minDiffRange) {
-                    this.rangeMax.nativeElement.value = this.selectedMaxValue.toString();
-                }
+                this.selectedMaxValue = this.maxSelected ? this.maxSelected : eventValue;
                 break;
             default:
                 return;
@@ -10255,21 +10236,23 @@ class SliderComponent extends NasComponentBase {
         this.onSliderInput(event, type);
         this.isBubbleActive = false;
     }
-    setBubbleStyle(type) {
+    setBubbleStyle(value, type) {
         var _a, _b;
+        if (!this.bubble) {
+            return;
+        }
         const inputWidth = (_b = (_a = this.slider) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.offsetWidth;
         const minValue = Number(this.min);
         const maxValue = Number(this.max);
         let valueType;
         switch (type) {
             case 'slider':
-                valueType = this.value;
+                this.bubbleValue = this.setBubbleValue(value);
+                valueType = value;
                 break;
             case 'range-slider-min':
-                valueType = this.selectedMinValue;
-                break;
             case 'range-slider-max':
-                valueType = this.selectedMaxValue;
+                valueType = value;
                 break;
             default:
                 return;
@@ -10280,11 +10263,65 @@ class SliderComponent extends NasComponentBase {
         const left = (((ratio) * ((inputWidth - thumbHalfWidth) - thumbHalfWidth)) + thumbHalfWidth) - 45;
         this.bubble.nativeElement.style.left = `${left}px`;
     }
+    onDisplayBubble(event, type) {
+        if (!(event === null || event === void 0 ? void 0 : event.target)) {
+            return;
+        }
+        if (this.isViewInit) {
+            this.validateRangerSlider(Number(event.target.value), type);
+            this.activateBubble(Number(event.target.value), type);
+        }
+    }
+    validateRangerSlider(value, type) {
+        let eventValue = value;
+        const mathMin = Math.min(value, this.selectedMaxValue - this.minDiffRange);
+        const mathMax = Math.max(value, this.selectedMinValue + this.minDiffRange);
+        switch (type) {
+            case 'range-slider-min':
+                this.bubbleValue = this.setBubbleValue(mathMin);
+                eventValue = mathMin;
+                this.minSelected = eventValue;
+                if (eventValue >= (this.selectedMaxValue - this.minDiffRange)) {
+                    this.rangeMin.nativeElement.value = mathMin.toString();
+                    return;
+                }
+                break;
+            case 'range-slider-max':
+                this.bubbleValue = this.setBubbleValue(mathMax);
+                eventValue = mathMax;
+                this.maxSelected = eventValue;
+                if (eventValue <= (this.selectedMinValue + this.minDiffRange)) {
+                    this.rangeMax.nativeElement.value = mathMax.toString();
+                    return;
+                }
+                break;
+            default:
+                return;
+        }
+    }
+    activateBubble(value, type) {
+        this.showBubble = true;
+        this.isBubbleActive = true;
+        this.setBubbleStyle(value, type);
+        this.isBubbleActive = false;
+    }
+    setBubbleValue(value) {
+        if (value === this.min && typeof (this.minLabel) === 'string') {
+            this.showBubbleSuffix = false;
+            return this.minLabel;
+        }
+        else if (value === this.max && typeof (this.maxLabel) === 'string') {
+            this.showBubbleSuffix = false;
+            return this.maxLabel;
+        }
+        this.showBubbleSuffix = true;
+        return value;
+    }
 }
 SliderComponent.decorators = [
     { type: Component, 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\">{{bubbleValue + ' ' + suffix}}</span>\n        <span [nasClass]=\"getClass('bubble-value')\" *ngIf=\"bubbleValue == null\">{{value + ' ' + suffix}}</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)=\"onSliderInput($event, 'slider')\"\n        (change)=\"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')\">{{minLabel + ' ' + suffix}}</span>\n            <span [nasClass]=\"getClass('label', 'middle')\">{{middleLabel + ' ' + suffix}}</span>\n            <span [nasClass]=\"getClass('label', 'max')\">{{maxLabel + ' ' + suffix}}</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\">{{bubbleRangeValue + ' ' + suffix}}</span>\n      <span [nasClass]=\"getClass('bubble-value')\" *ngIf=\"bubbleValue == null\">{{bubbleRangeValue + ' ' + suffix}}</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)=\"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            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)=\"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-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')\">{{minLabel + ' ' + suffix}}</span>\n          <span [nasClass]=\"getClass('label', 'middle')\">{{middleLabel + ' ' + suffix}}</span>\n          <span [nasClass]=\"getClass('label', 'max')\">{{maxLabel + ' ' + suffix}}</span>\n      </div>\n  </ng-template>\n  \n</div>\n",
+                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        (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              (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            (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: ["@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}}@-webkit-keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}}@-webkit-keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}}@-webkit-keyframes fade-out{to{opacity:0}}@keyframes fade-out{to{opacity:0}}@-webkit-keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@keyframes flip-in{0%{opacity:0;transform:rotateX(-90deg)}40%{opacity:1;transform:rotateX(10deg)}}@-webkit-keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@keyframes flip-out{to{opacity:0;transform:rotateX(-90deg)}}@-webkit-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)}}@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{position:relative}.nas-slider__wrapper-range{position:relative}.nas-slider__track-wrapper{position:absolute;top:0;left:0;overflow:hidden;height:7px;width:100%}.nas-slider__track-background{outline:none;height:7px;width:100%;border-radius:5px;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__track-fill{height:7px;width:100%}.nas-slider__title{font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold;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:#d81939;width:96px;height:96px;border-radius:50%;text-align:center;top:-88px;color:#fff;opacity:0;visibility:hidden;transition:visibility 0s 1s,opacity 1s linear}.nas-slider__bubble--active{display:inline-block;visibility:visible;opacity:1;transition:opacity 0s linear}.nas-slider__bubble-value{display:block;position:relative;font-size:18px;font-weight:700;top:50%;transform:translateY(-50%)}.nas-slider__slider{-webkit-appearance:none;outline:none;border-radius:5px;width:100%;background-color:transparent;color:transparent}.nas-slider__slider::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px}.nas-slider__slider::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:-webkit-grab;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px}.nas-slider__slider::-ms-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;background:transparent;border-color:transparent;color:transparent;margin:14.5px 0;padding-top:10px}.nas-slider__slider::-ms-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__slider::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:-webkit-grab;cursor:grab;-webkit-appearance:none;margin-top:-17px}.nas-slider__slider::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__slider::-ms-fill-lower,.nas-slider__slider::-ms-fill-upper{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__slider::-ms-tooltip{display:none}.nas-slider__slider--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__slider:focus{outline:none}.nas-slider__slider:focus::-ms-fill-lower,.nas-slider__slider:focus::-ms-fill-upper{background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");background-color:#d8d8d8}.nas-slider__range-slider{position:relative;width:98%;margin:0 auto 13px;height:7px;border-radius:5px;background-color:#d8d8d8;cursor:-webkit-grab;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\")}.nas-slider__range-slider-min{position:absolute;width:100%;height:0px;-webkit-appearance:none;outline:none;background-color:transparent;color:transparent}.nas-slider__range-slider-min::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:-webkit-grab;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-min::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:-webkit-grab;cursor:grab;margin-top:-17px;margin-left:-7px;-webkit-appearance:none}.nas-slider__range-slider-min::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0px}.nas-slider__range-slider-min::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__range-slider-min--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-min:focus{outline:none}.nas-slider__range-slider-max{position:absolute;width:101%;height:0px;-webkit-appearance:none;outline:none;background-color:transparent;color:transparent}.nas-slider__range-slider-max::-webkit-slider-runnable-track{width:100%;height:7px;background-color:#d8d8d8;cursor:-webkit-grab;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-max::-webkit-slider-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:-webkit-grab;cursor:grab;margin-top:-17px;margin-left:-7px;-webkit-appearance:none}.nas-slider__range-slider-max::-moz-range-track{width:100%;height:7px;background-color:#d8d8d8;cursor:grab;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 18.1.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%226px%22 height%3D%226px%22 viewBox%3D%220 0 6 6%22 enable-background%3D%22new 0 0 6 6%22 xml%3Aspace%3D%22preserve%22%3E%3Crect x%3D%223%22 opacity%3D%220.5%22 fill%3D%22%23FFFFFF%22 width%3D%223%22 height%3D%226%22%2F%3E%3C%2Fsvg%3E\");border-radius:5px;height:0}.nas-slider__range-slider-max::-moz-range-thumb{height:36px;width:36px;border-radius:50%;background-color:#003251;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcBAMAAAB4lt9%2BAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJFBMVEX%2F%2F%2F%2Bywcqywcqywcqywcqywcqywcqywcqywcqywcqywcr%2F%2F%2F9FcflzAAAACnRSTlMAAE2%2B80yE8k70vyb3CgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBTIC%2FLF8AAAA3ElEQVRo3u2Yqw7CQBBF2xIewYFCtsGhgIAABcGhwKLQKLC1fAIOBaWBMF9J99Fk7SZNijhH3cnNnKzdCQIAAAAAAACAGgn7M9nse3YabvN52URFsfPWnUTkbXWtIsvRNrrw1TWVQRIzHFTO3CL21DX01sQMS5VfbjH21LX11sUMqcoftzh76rp662kGncUtHujQoUOHDh06dOjQoUOHDh26mnXmy782Q6py7hYrT13Fl4pIb9k7ykjlzC1iT13FV55wsJBbUt6grvfvtGw6ReH7OAAAAAAAAIC%2F5gcmyb5xhztVmwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xNVQxODowNTo1MCswMzowMOmPSkMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTVUMTg6MDU6NTArMDM6MDCY0vL%2FAAAAAElFTkSuQmCC%22 %2F%3E%3C%2Fsvg%3E\");background-size:cover;cursor:grab}.nas-slider__range-slider-max--disabled::-webkit-slider-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max--disabled::-moz-range-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max--disabled::-ms-thumb{background-color:#909090;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22 standalone%3D%22no%22%3F%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22 width%3D%22156px%22 height%3D%22156px%22 viewBox%3D%220 0 156 156%22 enable-background%3D%22new 0 0 156 156%22 xml%3Aspace%3D%22preserve%22%3E  %3Cimage id%3D%22image0%22 width%3D%22156%22 height%3D%22156%22 x%3D%220%22 y%3D%220%22    xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAJwAAACcCAQAAAAgsQrGAAAABGdBTUEAALGPC%2FxhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA%2F4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQflAg8SBw2GrP7DAAACRklEQVR42u3cMU5bQRhF4etESWPZ5VNWwwogW4mgDUUKXNN6H%2B7dpSJSepYwZYxr01vvEeZ4Bgt0vvKXLs86siw3eHaIiE%2FnfgHvleEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkO6hyupKRclW3ZlUM5lF3ZlsuSkvLy6mjxiudUL0416%2Fv%2FqiW5y8%2Bj4yq3yTC9GVkMty8%2BpXpxut7hLrMZOX%2FPZqhcDJs0W7TQ%2BzPuZvR6feZFA73fcf%2ByGDnvshwqF8Oy9hnTixZ6v%2BMWFde3WzTg1xHIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcFDvcLvR69OZFw30Dvdn9Ppw5kUDvcPdV1zfbtHA519d%2F%2Fz%2BMV9ycXRcZZ3MJxbzx%2F3IYlhPP6N%2B0ULvcMk2f%2FMtQ74m2ed3fmSdTIdL5tv90eJ%2FEeoXp%2Bv8gy0fl19HIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjIcJDhIMNBhoMMBxkOMhxkOMhwkOEgw0GGgwwHGQ4yHGQ4yHCQ4SDDQYaDDAcZDjIcZDjoGTgYefVY5oRqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIxLTAyLTE1VDE4OjA3OjEzKzAzOjAwWNiOGQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMS0wMi0xNVQxODowNzoxMyswMzowMCmFNqUAAAAASUVORK5CYII%3D%22 %2F%3E%3C%2Fsvg%3E\");cursor:default}.nas-slider__range-slider-max:focus{outline:none}.nas-slider__label{display:flex;margin-top:15px;color:#626363;width:70px;justify-content:center;font-family:\"Apercu\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;font-weight:bold}.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"]
             },] }
 ];
@@ -10305,6 +10342,7 @@ SliderComponent.propDecorators = {
     selectedMaxValue: [{ type: Input }],
     minDiffRange: [{ type: Input }],
     suffix: [{ type: Input }],
+    isPrefix: [{ type: Input }],
     min: [{ type: Input }],
     minLabel: [{ type: Input }],
     max: [{ type: Input }],