UNPKG

@limetech/lime-elements

Version:

Lime Elements

github.com/Lundalogik/lime-elements

Lundalogik/lime-elements

89 lines • 56.7 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import{r as t,c as i,h as e,H as r,g as s}from"./p-288f0842.js";import{c as n}from"./p-ad52787a.js";import{_ as d,a as o,M as l,m as a,b as c}from"./p-9f722992.js";import{M as h,a as m,b as u}from"./p-5a478c15.js";import{A as f}from"./p-48105d44.js";import{g as p}from"./p-127358a6.js"; /** * @license * Copyright 2020 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */var v={DISABLED:"mdc-slider--disabled",DISCRETE:"mdc-slider--discrete",INPUT:"mdc-slider__input",RANGE:"mdc-slider--range",THUMB:"mdc-slider__thumb",THUMB_FOCUSED:"mdc-slider__thumb--focused",THUMB_KNOB:"mdc-slider__thumb-knob",THUMB_TOP:"mdc-slider__thumb--top",THUMB_WITH_INDICATOR:"mdc-slider__thumb--with-indicator",TICK_MARKS:"mdc-slider--tick-marks",TICK_MARKS_CONTAINER:"mdc-slider__tick-marks",TICK_MARK_ACTIVE:"mdc-slider__tick-mark--active",TICK_MARK_INACTIVE:"mdc-slider__tick-mark--inactive",TRACK:"mdc-slider__track",TRACK_ACTIVE:"mdc-slider__track--active_fill",VALUE_INDICATOR_TEXT:"mdc-slider__value-indicator-text"};var b={STEP_SIZE:1,THUMB_UPDATE_MIN_PX:5};var _={ARIA_VALUETEXT:"aria-valuetext",INPUT_DISABLED:"disabled",INPUT_MIN:"min",INPUT_MAX:"max",INPUT_VALUE:"value",INPUT_STEP:"step"};var g={CHANGE:"MDCSlider:change",INPUT:"MDCSlider:input"}; /** * @license * Copyright 2020 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */var y;(function(t){t[t["ACTIVE"]=0]="ACTIVE";t[t["INACTIVE"]=1]="INACTIVE"})(y||(y={}));var k;(function(t){t[t["START"]=1]="START";t[t["END"]=2]="END"})(k||(k={})); /** * @license * Copyright 2020 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */var x;(function(t){t["SLIDER_UPDATE"]="slider_update"})(x||(x={}));var w=typeof window!=="undefined";var E=function(t){d(i,t);function i(e){var r=t.call(this,o(o({},i.defaultAdapter),e))||this;r.initialStylesRemoved=false;r.isDisabled=false;r.isDiscrete=false;r.step=b.STEP_SIZE;r.hasTickMarks=false;r.isRange=false;r.thumb=null;r.downEventClientX=null;r.startThumbKnobWidth=0;r.endThumbKnobWidth=0;r.animFrame=new f;return r}Object.defineProperty(i,"defaultAdapter",{get:function(){return{hasClass:function(){return false},addClass:function(){return undefined},removeClass:function(){return undefined},addThumbClass:function(){return undefined},removeThumbClass:function(){return undefined},getAttribute:function(){return null},getInputValue:function(){return""},setInputValue:function(){return undefined},getInputAttribute:function(){return null},setInputAttribute:function(){return null},removeInputAttribute:function(){return null},focusInput:function(){return undefined},isInputFocused:function(){return false},getThumbKnobWidth:function(){return 0},getThumbBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},isRTL:function(){return false},setThumbStyleProperty:function(){return undefined},removeThumbStyleProperty:function(){return undefined},setTrackActiveStyleProperty:function(){return undefined},removeTrackActiveStyleProperty:function(){return undefined},setValueIndicatorText:function(){return undefined},getValueToAriaValueTextFn:function(){return null},updateTickMarks:function(){return undefined},setPointerCapture:function(){return undefined},emitChangeEvent:function(){return undefined},emitInputEvent:function(){return undefined},emitDragStartEvent:function(){return undefined},emitDragEndEvent:function(){return undefined},registerEventHandler:function(){return undefined},deregisterEventHandler:function(){return undefined},registerThumbEventHandler:function(){return undefined},deregisterThumbEventHandler:function(){return undefined},registerInputEventHandler:function(){return undefined},deregisterInputEventHandler:function(){return undefined},registerBodyEventHandler:function(){return undefined},deregisterBodyEventHandler:function(){return undefined},registerWindowEventHandler:function(){return undefined},deregisterWindowEventHandler:function(){return undefined}}},enumerable:false,configurable:true});i.prototype.init=function(){var t=this;this.isDisabled=this.adapter.hasClass(v.DISABLED);this.isDiscrete=this.adapter.hasClass(v.DISCRETE);this.hasTickMarks=this.adapter.hasClass(v.TICK_MARKS);this.isRange=this.adapter.hasClass(v.RANGE);var i=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_MIN,this.isRange?k.START:k.END),_.INPUT_MIN);var e=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_MAX,k.END),_.INPUT_MAX);var r=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_VALUE,k.END),_.INPUT_VALUE);var s=this.isRange?this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_VALUE,k.START),_.INPUT_VALUE):i;var n=this.adapter.getInputAttribute(_.INPUT_STEP,k.END);var d=n?this.convertAttributeValueToNumber(n,_.INPUT_STEP):this.step;this.validateProperties({min:i,max:e,value:r,valueStart:s,step:d});this.min=i;this.max=e;this.value=r;this.valueStart=s;this.step=d;this.numDecimalPlaces=C(this.step);this.valueBeforeDownEvent=r;this.valueStartBeforeDownEvent=s;this.mousedownOrTouchstartListener=this.handleMousedownOrTouchstart.bind(this);this.moveListener=this.handleMove.bind(this);this.pointerdownListener=this.handlePointerdown.bind(this);this.pointerupListener=this.handlePointerup.bind(this);this.thumbMouseenterListener=this.handleThumbMouseenter.bind(this);this.thumbMouseleaveListener=this.handleThumbMouseleave.bind(this);this.inputStartChangeListener=function(){t.handleInputChange(k.START)};this.inputEndChangeListener=function(){t.handleInputChange(k.END)};this.inputStartFocusListener=function(){t.handleInputFocus(k.START)};this.inputEndFocusListener=function(){t.handleInputFocus(k.END)};this.inputStartBlurListener=function(){t.handleInputBlur(k.START)};this.inputEndBlurListener=function(){t.handleInputBlur(k.END)};this.resizeListener=this.handleResize.bind(this);this.registerEventHandlers()};i.prototype.destroy=function(){this.deregisterEventHandlers()};i.prototype.setMin=function(t){this.min=t;if(!this.isRange){this.valueStart=t}this.updateUI()};i.prototype.setMax=function(t){this.max=t;this.updateUI()};i.prototype.getMin=function(){return this.min};i.prototype.getMax=function(){return this.max};i.prototype.getValue=function(){return this.value};i.prototype.setValue=function(t){if(this.isRange&&t<this.valueStart){throw new Error("end thumb value ("+t+") must be >= start thumb "+("value ("+this.valueStart+")"))}this.updateValue(t,k.END)};i.prototype.getValueStart=function(){if(!this.isRange){throw new Error("`valueStart` is only applicable for range sliders.")}return this.valueStart};i.prototype.setValueStart=function(t){if(!this.isRange){throw new Error("`valueStart` is only applicable for range sliders.")}if(this.isRange&&t>this.value){throw new Error("start thumb value ("+t+") must be <= end thumb "+("value ("+this.value+")"))}this.updateValue(t,k.START)};i.prototype.setStep=function(t){this.step=t;this.numDecimalPlaces=C(t);this.updateUI()};i.prototype.setIsDiscrete=function(t){this.isDiscrete=t;this.updateValueIndicatorUI();this.updateTickMarksUI()};i.prototype.getStep=function(){return this.step};i.prototype.setHasTickMarks=function(t){this.hasTickMarks=t;this.updateTickMarksUI()};i.prototype.getDisabled=function(){return this.isDisabled};i.prototype.setDisabled=function(t){this.isDisabled=t;if(t){this.adapter.addClass(v.DISABLED);if(this.isRange){this.adapter.setInputAttribute(_.INPUT_DISABLED,"",k.START)}this.adapter.setInputAttribute(_.INPUT_DISABLED,"",k.END)}else{this.adapter.removeClass(v.DISABLED);if(this.isRange){this.adapter.removeInputAttribute(_.INPUT_DISABLED,k.START)}this.adapter.removeInputAttribute(_.INPUT_DISABLED,k.END)}};i.prototype.getIsRange=function(){return this.isRange};i.prototype.layout=function(t){var i=t===void 0?{}:t,e=i.skipUpdateUI;this.rect=this.adapter.getBoundingClientRect();if(this.isRange){this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(k.START);this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(k.END)}if(!e){this.updateUI()}};i.prototype.handleResize=function(){this.layout()};i.prototype.handleDown=function(t){if(this.isDisabled)return;this.valueStartBeforeDownEvent=this.valueStart;this.valueBeforeDownEvent=this.value;var i=t.clientX!=null?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=i;var e=this.mapClientXOnSliderScale(i);this.thumb=this.getThumbFromDownEvent(i,e);if(this.thumb===null)return;this.handleDragStart(t,e,this.thumb);this.updateValue(e,this.thumb,{emitInputEvent:true})};i.prototype.handleMove=function(t){if(this.isDisabled)return;t.preventDefault();var i=t.clientX!=null?t.clientX:t.targetTouches[0].clientX;var e=this.thumb!=null;this.thumb=this.getThumbFromMoveEvent(i);if(this.thumb===null)return;var r=this.mapClientXOnSliderScale(i);if(!e){this.handleDragStart(t,r,this.thumb);this.adapter.emitDragStartEvent(r,this.thumb)}this.updateValue(r,this.thumb,{emitInputEvent:true})};i.prototype.handleUp=function(){if(this.isDisabled||this.thumb===null)return;var t=this.thumb===k.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent;var i=this.thumb===k.START?this.valueStart:this.value;if(t!==i){this.adapter.emitChangeEvent(i,this.thumb)}this.adapter.emitDragEndEvent(i,this.thumb);this.thumb=null};i.prototype.handleThumbMouseenter=function(){if(!this.isDiscrete||!this.isRange)return;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,k.START);this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,k.END)};i.prototype.handleThumbMouseleave=function(){if(!this.isDiscrete||!this.isRange)return;if(this.adapter.isInputFocused(k.START)||this.adapter.isInputFocused(k.END)){return}this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,k.START);this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,k.END)};i.prototype.handleMousedownOrTouchstart=function(t){var i=this;var e=t.type==="mousedown"?"mousemove":"touchmove";this.adapter.registerBodyEventHandler(e,this.moveListener);var r=function(){i.handleUp();i.adapter.deregisterBodyEventHandler(e,i.moveListener);i.adapter.deregisterEventHandler("mouseup",r);i.adapter.deregisterEventHandler("touchend",r)};this.adapter.registerBodyEventHandler("mouseup",r);this.adapter.registerBodyEventHandler("touchend",r);this.handleDown(t)};i.prototype.handlePointerdown=function(t){this.adapter.setPointerCapture(t.pointerId);this.adapter.registerEventHandler("pointermove",this.moveListener);this.handleDown(t)};i.prototype.handleInputChange=function(t){var i=Number(this.adapter.getInputValue(t));if(t===k.START){this.setValueStart(i)}else{this.setValue(i)}this.adapter.emitChangeEvent(t===k.START?this.valueStart:this.value,t);this.adapter.emitInputEvent(t===k.START?this.valueStart:this.value,t)};i.prototype.handleInputFocus=function(t){this.adapter.addThumbClass(v.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,t);if(this.isRange){var i=t===k.START?k.END:k.START;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,i)}};i.prototype.handleInputBlur=function(t){this.adapter.removeThumbClass(v.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,t);if(this.isRange){var i=t===k.START?k.END:k.START;this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,i)}};i.prototype.handleDragStart=function(t,i,e){this.adapter.emitDragStartEvent(i,e);this.adapter.focusInput(e);t.preventDefault()};i.prototype.getThumbFromDownEvent=function(t,i){if(!this.isRange)return k.END;var e=this.adapter.getThumbBoundingClientRect(k.START);var r=this.adapter.getThumbBoundingClientRect(k.END);var s=t>=e.left&&t<=e.right;var n=t>=r.left&&t<=r.right;if(s&&n){return null}if(s){return k.START}if(n){return k.END}if(i<this.valueStart){return k.START}if(i>this.value){return k.END}return i-this.valueStart<=this.value-i?k.START:k.END};i.prototype.getThumbFromMoveEvent=function(t){if(this.thumb!==null)return this.thumb;if(this.downEventClientX===null){throw new Error("`downEventClientX` is null after move event.")}var i=Math.abs(this.downEventClientX-t)<b.THUMB_UPDATE_MIN_PX;if(i)return this.thumb;var e=t<this.downEventClientX;if(e){return this.adapter.isRTL()?k.END:k.START}else{return this.adapter.isRTL()?k.START:k.END}};i.prototype.updateUI=function(t){this.updateThumbAndInputAttributes(t);this.updateThumbAndTrackUI(t);this.updateValueIndicatorUI(t);this.updateTickMarksUI()};i.prototype.updateThumbAndInputAttributes=function(t){if(!t)return;var i=this.isRange&&t===k.START?this.valueStart:this.value;var e=String(i);this.adapter.setInputAttribute(_.INPUT_VALUE,e,t);if(this.isRange&&t===k.START){this.adapter.setInputAttribute(_.INPUT_MIN,e,k.END)}else if(this.isRange&&t===k.END){this.adapter.setInputAttribute(_.INPUT_MAX,e,k.START)}if(this.adapter.getInputValue(t)!==e){this.adapter.setInputValue(e,t)}var r=this.adapter.getValueToAriaValueTextFn();if(r){this.adapter.setInputAttribute(_.ARIA_VALUETEXT,r(i),t)}};i.prototype.updateValueIndicatorUI=function(t){if(!this.isDiscrete)return;var i=this.isRange&&t===k.START?this.valueStart:this.value;this.adapter.setValueIndicatorText(i,t===k.START?k.START:k.END);if(!t&&this.isRange){this.adapter.setValueIndicatorText(this.valueStart,k.START)}};i.prototype.updateTickMarksUI=function(){if(!this.isDiscrete||!this.hasTickMarks)return;var t=(this.valueStart-this.min)/this.step;var i=(this.value-this.valueStart)/this.step+1;var e=(this.max-this.value)/this.step;var r=Array.from({length:t}).fill(y.INACTIVE);var s=Array.from({length:i}).fill(y.ACTIVE);var n=Array.from({length:e}).fill(y.INACTIVE);this.adapter.updateTickMarks(r.concat(s).concat(n))};i.prototype.mapClientXOnSliderScale=function(t){var i=t-this.rect.left;var e=i/this.rect.width;if(this.adapter.isRTL()){e=1-e}var r=this.min+e*(this.max-this.min);if(r===this.max||r===this.min){return r}return Number(this.quantize(r).toFixed(this.numDecimalPlaces))};i.prototype.quantize=function(t){var i=Math.round((t-this.min)/this.step);return this.min+i*this.step};i.prototype.updateValue=function(t,i,e){var r=e===void 0?{}:e,s=r.emitInputEvent;t=this.clampValue(t,i);if(this.isRange&&i===k.START){if(this.valueStart===t)return;this.valueStart=t}else{if(this.value===t)return;this.value=t}this.updateUI(i);if(s){this.adapter.emitInputEvent(i===k.START?this.valueStart:this.value,i)}};i.prototype.clampValue=function(t,i){t=Math.min(Math.max(t,this.min),this.max);var e=this.isRange&&i===k.START&&t>this.value;if(e){return this.value}var r=this.isRange&&i===k.END&&t<this.valueStart;if(r){return this.valueStart}return t};i.prototype.updateThumbAndTrackUI=function(t){var i=this;var e=this,r=e.max,s=e.min;var n=(this.value-this.valueStart)/(r-s);var d=n*this.rect.width;var o=this.adapter.isRTL();var l=w?p(window,"transform"):"transform";if(this.isRange){var a=this.adapter.isRTL()?(r-this.value)/(r-s)*this.rect.width:(this.valueStart-s)/(r-s)*this.rect.width;var c=a+d;this.animFrame.request(x.SLIDER_UPDATE,(function(){var e=!o&&t===k.START||o&&t!==k.START;if(e){i.adapter.setTrackActiveStyleProperty("transform-origin","right");i.adapter.setTrackActiveStyleProperty("left","unset");i.adapter.setTrackActiveStyleProperty("right",i.rect.width-c+"px")}else{i.adapter.setTrackActiveStyleProperty("transform-origin","left");i.adapter.setTrackActiveStyleProperty("right","unset");i.adapter.setTrackActiveStyleProperty("left",a+"px")}i.adapter.setTrackActiveStyleProperty(l,"scaleX("+n+")");var r=o?c:a;var s=i.adapter.isRTL()?a:c;if(t===k.START||!t||!i.initialStylesRemoved){i.adapter.setThumbStyleProperty(l,"translateX("+r+"px)",k.START)}if(t===k.END||!t||!i.initialStylesRemoved){i.adapter.setThumbStyleProperty(l,"translateX("+s+"px)",k.END)}i.removeInitialStyles(o);i.updateOverlappingThumbsUI(r,s,t)}))}else{this.animFrame.request(x.SLIDER_UPDATE,(function(){var t=o?i.rect.width-d:d;i.adapter.setThumbStyleProperty(l,"translateX("+t+"px)",k.END);i.adapter.setTrackActiveStyleProperty(l,"scaleX("+n+")");i.removeInitialStyles(o)}))}};i.prototype.removeInitialStyles=function(t){if(this.initialStylesRemoved)return;var i=t?"right":"left";this.adapter.removeThumbStyleProperty(i,k.END);if(this.isRange){this.adapter.removeThumbStyleProperty(i,k.START)}this.initialStylesRemoved=true;this.resetTrackAndThumbAnimation()};i.prototype.resetTrackAndThumbAnimation=function(){var t=this;if(!this.isDiscrete)return;var i=w?p(window,"transition"):"transition";var e="all 0s ease 0s";this.adapter.setThumbStyleProperty(i,e,k.END);if(this.isRange){this.adapter.setThumbStyleProperty(i,e,k.START)}this.adapter.setTrackActiveStyleProperty(i,e);requestAnimationFrame((function(){t.adapter.removeThumbStyleProperty(i,k.END);t.adapter.removeTrackActiveStyleProperty(i);if(t.isRange){t.adapter.removeThumbStyleProperty(i,k.START)}}))};i.prototype.updateOverlappingThumbsUI=function(t,i,e){var r=false;if(this.adapter.isRTL()){var s=t-this.startThumbKnobWidth/2;var n=i+this.endThumbKnobWidth/2;r=n>=s}else{var d=t+this.startThumbKnobWidth/2;var o=i-this.endThumbKnobWidth/2;r=d>=o}if(r){this.adapter.addThumbClass(v.THUMB_TOP,e||k.END);this.adapter.removeThumbClass(v.THUMB_TOP,e===k.START?k.END:k.START)}else{this.adapter.removeThumbClass(v.THUMB_TOP,k.START);this.adapter.removeThumbClass(v.THUMB_TOP,k.END)}};i.prototype.convertAttributeValueToNumber=function(t,i){if(t===null){throw new Error("MDCSliderFoundation: `"+i+"` must be non-null.")}var e=Number(t);if(isNaN(e)){throw new Error("MDCSliderFoundation: `"+i+"` value is "+("`"+t+"`, but must be a number."))}return e};i.prototype.validateProperties=function(t){var i=t.min,e=t.max,r=t.value,s=t.valueStart,n=t.step;if(i>=e){throw new Error("MDCSliderFoundation: min must be strictly less than max. "+("Current: [min: "+i+", max: "+e+"]"))}if(n<=0){throw new Error("MDCSliderFoundation: step must be a positive number. "+("Current step: "+this.step))}if(this.isRange){if(r<i||r>e||s<i||s>e){throw new Error("MDCSliderFoundation: values must be in [min, max] range. "+("Current values: [start value: "+s+", end value: "+r+"]"))}if(s>r){throw new Error("MDCSliderFoundation: start value must be <= end value. "+("Current values: [start value: "+s+", end value: "+r+"]"))}var d=(s-i)/n;var o=(r-i)/n;if(d%1!==0||o%1!==0){throw new Error("MDCSliderFoundation: Slider values must be valid based on the "+("step value. Current values: [start value: "+s+", ")+("end value: "+r+"]"))}}else{if(r<i||r>e){throw new Error("MDCSliderFoundation: value must be in [min, max] range. "+("Current value: "+r))}var o=(r-i)/n;if(o%1!==0){throw new Error("MDCSliderFoundation: Slider value must be valid based on the "+("step value. Current value: "+r))}}};i.prototype.registerEventHandlers=function(){this.adapter.registerWindowEventHandler("resize",this.resizeListener);if(i.SUPPORTS_POINTER_EVENTS){this.adapter.registerEventHandler("pointerdown",this.pointerdownListener);this.adapter.registerEventHandler("pointerup",this.pointerupListener)}else{this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener);this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)}if(this.isRange){this.adapter.registerThumbEventHandler(k.START,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(k.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(k.START,"change",this.inputStartChangeListener);this.adapter.registerInputEventHandler(k.START,"focus",this.inputStartFocusListener);this.adapter.registerInputEventHandler(k.START,"blur",this.inputStartBlurListener)}this.adapter.registerThumbEventHandler(k.END,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(k.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(k.END,"change",this.inputEndChangeListener);this.adapter.registerInputEventHandler(k.END,"focus",this.inputEndFocusListener);this.adapter.registerInputEventHandler(k.END,"blur",this.inputEndBlurListener)};i.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener);if(i.SUPPORTS_POINTER_EVENTS){this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener);this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)}else{this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener);this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)}if(this.isRange){this.adapter.deregisterThumbEventHandler(k.START,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(k.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(k.START,"change",this.inputStartChangeListener);this.adapter.deregisterInputEventHandler(k.START,"focus",this.inputStartFocusListener);this.adapter.deregisterInputEventHandler(k.START,"blur",this.inputStartBlurListener)}this.adapter.deregisterThumbEventHandler(k.END,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(k.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(k.END,"change",this.inputEndChangeListener);this.adapter.deregisterInputEventHandler(k.END,"focus",this.inputEndFocusListener);this.adapter.deregisterInputEventHandler(k.END,"blur",this.inputEndBlurListener)};i.prototype.handlePointerup=function(){this.handleUp();this.adapter.deregisterEventHandler("pointermove",this.moveListener)};i.SUPPORTS_POINTER_EVENTS=w&&Boolean(window.PointerEvent)&&!T();return i}(l);function T(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document}function C(t){var i=/(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(t));if(!i)return 0;var e=i[1]||"";var r=i[2]||0;return Math.max(0,(e==="0"?0:e.length)-Number(r))} /** * @license * Copyright 2020 Google Inc. * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */var I=function(t){d(i,t);function i(){var i=t!==null&&t.apply(this,arguments)||this;i.skipInitialUIUpdate=false;i.valueToAriaValueTextFn=null;return i}i.attachTo=function(t,e){if(e===void 0){e={}}return new i(t,undefined,e)};i.prototype.getDefaultFoundation=function(){var t=this;var i={hasClass:function(i){return t.root.classList.contains(i)},addClass:function(i){t.root.classList.add(i)},removeClass:function(i){t.root.classList.remove(i)},addThumbClass:function(i,e){t.getThumbEl(e).classList.add(i)},removeThumbClass:function(i,e){t.getThumbEl(e).classList.remove(i)},getAttribute:function(i){return t.root.getAttribute(i)},getInputValue:function(i){return t.getInput(i).value},setInputValue:function(i,e){t.getInput(e).value=i},getInputAttribute:function(i,e){return t.getInput(e).getAttribute(i)},setInputAttribute:function(i,e,r){t.getInput(r).setAttribute(i,e)},removeInputAttribute:function(i,e){t.getInput(e).removeAttribute(i)},focusInput:function(i){t.getInput(i).focus()},isInputFocused:function(i){return t.getInput(i)===document.activeElement},getThumbKnobWidth:function(i){return t.getThumbEl(i).querySelector("."+v.THUMB_KNOB).getBoundingClientRect().width},getThumbBoundingClientRect:function(i){return t.getThumbEl(i).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return getComputedStyle(t.root).direction==="rtl"},setThumbStyleProperty:function(i,e,r){t.getThumbEl(r).style.setProperty(i,e)},removeThumbStyleProperty:function(i,e){t.getThumbEl(e).style.removeProperty(i)},setTrackActiveStyleProperty:function(i,e){t.trackActive.style.setProperty(i,e)},removeTrackActiveStyleProperty:function(i){t.trackActive.style.removeProperty(i)},setValueIndicatorText:function(i,e){var r=t.getThumbEl(e).querySelector("."+v.VALUE_INDICATOR_TEXT);r.textContent=String(i)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(i){var e=t.root.querySelector("."+v.TICK_MARKS_CONTAINER);if(!e){e=document.createElement("div");e.classList.add(v.TICK_MARKS_CONTAINER);var r=t.root.querySelector("."+v.TRACK);r.appendChild(e)}if(i.length!==e.children.length){while(e.firstChild){e.removeChild(e.firstChild)}t.addTickMarks(e,i)}else{t.updateTickMarks(e,i)}},setPointerCapture:function(i){t.root.setPointerCapture(i)},emitChangeEvent:function(i,e){t.emit(g.CHANGE,{value:i,thumb:e})},emitInputEvent:function(i,e){t.emit(g.INPUT,{value:i,thumb:e})},emitDragStartEvent:function(i,e){t.getRipple(e).activate()},emitDragEndEvent:function(i,e){t.getRipple(e).deactivate()},registerEventHandler:function(i,e){t.listen(i,e)},deregisterEventHandler:function(i,e){t.unlisten(i,e)},registerThumbEventHandler:function(i,e,r){t.getThumbEl(i).addEventListener(e,r)},deregisterThumbEventHandler:function(i,e,r){t.getThumbEl(i).removeEventListener(e,r)},registerInputEventHandler:function(i,e,r){t.getInput(i).addEventListener(e,r)},deregisterInputEventHandler:function(i,e,r){t.getInput(i).removeEventListener(e,r)},registerBodyEventHandler:function(t,i){document.body.addEventListener(t,i)},deregisterBodyEventHandler:function(t,i){document.body.removeEventListener(t,i)},registerWindowEventHandler:function(t,i){window.addEventListener(t,i)},deregisterWindowEventHandler:function(t,i){window.removeEventListener(t,i)}};return new E(i)};i.prototype.initialize=function(t){var i=t===void 0?{}:t,e=i.skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+v.INPUT));this.thumbs=[].slice.call(this.root.querySelectorAll("."+v.THUMB));this.trackActive=this.root.querySelector("."+v.TRACK_ACTIVE);this.ripples=this.createRipples();if(e){this.skipInitialUIUpdate=true}};i.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})};i.prototype.layout=function(){this.foundation.layout()};i.prototype.getValueStart=function(){return this.foundation.getValueStart()};i.prototype.setValueStart=function(t){this.foundation.setValueStart(t)};i.prototype.getValue=function(){return this.foundation.getValue()};i.prototype.setValue=function(t){this.foundation.setValue(t)};i.prototype.getDisabled=function(){return this.foundation.getDisabled()};i.prototype.setDisabled=function(t){this.foundation.setDisabled(t)};i.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t};i.prototype.getThumbEl=function(t){return t===k.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]};i.prototype.getInput=function(t){return t===k.END?this.inputs[this.inputs.length-1]:this.inputs[0]};i.prototype.getRipple=function(t){return t===k.END?this.ripples[this.ripples.length-1]:this.ripples[0]};i.prototype.addTickMarks=function(t,i){var e=document.createDocumentFragment();for(var r=0;r<i.length;r++){var s=document.createElement("div");var n=i[r]===y.ACTIVE?v.TICK_MARK_ACTIVE:v.TICK_MARK_INACTIVE;s.classList.add(n);e.appendChild(s)}t.appendChild(e)};i.prototype.updateTickMarks=function(t,i){var e=Array.from(t.children);for(var r=0;r<e.length;r++){if(i[r]===y.ACTIVE){e[r].classList.add(v.TICK_MARK_ACTIVE);e[r].classList.remove(v.TICK_MARK_INACTIVE)}else{e[r].classList.add(v.TICK_MARK_INACTIVE);e[r].classList.remove(v.TICK_MARK_ACTIVE)}}};i.prototype.createRipples=function(){var t=[];var i=[].slice.call(this.root.querySelectorAll("."+v.THUMB));var e=function(e){var s=i[e];var n=r.inputs[e];var d=o(o({},h.createAdapter(r)),{addClass:function(t){s.classList.add(t)},computeBoundingRect:function(){return s.getBoundingClientRect()},deregisterInteractionHandler:function(t,i){n.removeEventListener(t,i)},isSurfaceActive:function(){return a(n,":active")},isUnbounded:function(){return true},registerInteractionHandler:function(t,i){n.addEventListener(t,i,m())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,i){s.style.setProperty(t,i)}});var l=new h(s,new u(d));l.unbounded=true;t.push(l)};var r=this;for(var s=0;s<i.length;s++){e(s)}return t};return i}(c);function S(t){const i=.1;const e=.2;const r=.3;const s=.4;const n=.5;const d=.6;const o=.7;const l=.8;const a=.9;if(t===0){return"percent-0"}if(t<i){return"percent-0-10"}if(t<e){return"percent-10-20"}if(t<r){return"percent-20-30"}if(t<s){return"percent-30-40"}if(t<n){return"percent-40-50"}if(t<d){return"percent-50-60"}if(t<o){return"percent-60-70"}if(t<l){return"percent-70-80"}if(t<a){return"percent-80-90"}return"percent-90-100"}const A='@charset "UTF-8";@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-slider__thumb::before,.mdc-slider__thumb::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb::before,.mdc-slider__thumb::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::before,.mdc-slider__thumb.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb::before,.mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right;}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:0.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.6}.mdc-slider.mdc-slider--disabled{opacity:0.38;cursor:auto}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host(limel-slider){isolation:isolate;position:relative;display:flex;flex-direction:column}:host(limel-slider:not([invalid]):not([invalid=true])) .limel-notched-outline,:host(limel-slider[disabled]:not([disabled=false])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:flex;flex-direction:column;width:100%;padding:0 0.25rem}.mdc-slider{height:2.5rem;margin:0 0.75rem}.mdc-slider .mdc-slider__track--inactive{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__thumb-knob{border-color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__value-indicator-text{font-size:var(--limel-theme-default-small-font-size)}.mdc-slider .mdc-slider__value-indicator-text{font-family:inherit}.slider__content-range-container{display:flex;order:2;justify-content:space-between;margin:0 auto;margin-top:-0.75rem;width:100%}.slider__content-min-label,.slider__content-max-label{line-height:1;transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;color:rgba(var(--contrast-1200), 1)}.mdc-slider__track:before,.mdc-slider__track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.mdc-slider__track:before{left:-0.75rem}.mdc-slider__track:after{right:-0.75rem}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors[readonly]){--mdc-theme-on-surface:var(--lime-primary-color)}:host(.displays-percentage-colors.percent-0){--lime-primary-color:var(--color-percent--0)}:host(.displays-percentage-colors.percent-0-10){--lime-primary-color:var(--color-percent--0to10)}:host(.displays-percentage-colors.percent-10-20){--lime-primary-color:var(--color-percent--10to20)}:host(.displays-percentage-colors.percent-20-30){--lime-primary-color:var(--color-percent--20to30)}:host(.displays-percentage-colors.percent-30-40){--lime-primary-color:var(--color-percent--30to40)}:host(.displays-percentage-colors.percent-40-50){--lime-primary-color:var(--color-percent--40to50)}:host(.displays-percentage-colors.percent-50-60){--lime-primary-color:var(--color-percent--50to60)}:host(.displays-percentage-colors.percent-60-70){--lime-primary-color:var(--color-percent--60to70)}:host(.displays-percentage-colors.percent-70-80){--lime-primary-color:var(--color-percent--70to80)}:host(.displays-percentage-colors.percent-80-90){--lime-primary-color:var(--color-percent--80to90)}:host(.displays-percentage-colors.percent-90-100){--lime-primary-color:var(--color-percent--90to100)}:host(.displays-percentage-colors.percent-30-40) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors.percent-30-40) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled{opacity:1}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;opacity:0;width:0;height:0;border:0.25rem solid transparent;border-top-color:rgba(var(--contrast-1400), 0.6)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before{left:-1.25rem;transform:rotate(90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{right:-1.25rem;transform:rotate(-90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:before{opacity:0.8;left:-1.75rem}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:after{opacity:0.8;right:-1.75rem}.mdc-slider .mdc-slider__thumb{top:-0.25rem}.mdc-slider .mdc-slider__value-indicator-container{z-index:1}.mdc-slider .mdc-slider__value-indicator{transition:transform 0.2s ease-out;opacity:1;transform:scale(1) translateY(2rem);border-radius:1.25rem;padding:0 0.5rem;height:1.5rem}.mdc-slider .mdc-slider__value-indicator:before{border-top-color:transparent}.mdc-slider .mdc-slider__value-indicator-text{color:rgb(var(--color-white))}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__val