@limetech/lime-elements 34.1.0-next.10 → 34.1.0-next.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -56,4 +56,4 @@ PERFORMANCE OF THIS SOFTWARE.
56
56
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
57
57
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
58
58
  * THE SOFTWARE.
59
- */(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(f.START)},this.inputEndChangeListener=function(){t.handleInputChange(f.END)},this.inputStartFocusListener=function(){t.handleInputFocus(f.START)},this.inputEndFocusListener=function(){t.handleInputFocus(f.END)},this.inputStartBlurListener=function(){t.handleInputBlur(f.START)},this.inputEndBlurListener=function(){t.handleInputBlur(f.END)},this.resizeListener=this.handleResize.bind(this),this.registerEventHandlers()},i.prototype.destroy=function(){this.deregisterEventHandlers()},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,f.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,f.START)},i.prototype.getStep=function(){return this.step},i.prototype.getDisabled=function(){return this.isDisabled},i.prototype.setDisabled=function(t){this.isDisabled=t,t?(this.adapter.addClass("mdc-slider--disabled"),this.isRange&&this.adapter.setInputAttribute("disabled","",f.START),this.adapter.setInputAttribute("disabled","",f.END)):(this.adapter.removeClass("mdc-slider--disabled"),this.isRange&&this.adapter.removeInputAttribute("disabled",f.START),this.adapter.removeInputAttribute("disabled",f.END))},i.prototype.getIsRange=function(){return this.isRange},i.prototype.layout=function(t){var i=(void 0===t?{}:t).skipUpdateUI;this.rect=this.adapter.getBoundingClientRect(),this.isRange&&(this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(f.START),this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(f.END)),i||this.updateUI()},i.prototype.handleResize=function(){this.layout()},i.prototype.handleDown=function(t){if(!this.isDisabled){this.valueStartBeforeDownEvent=this.valueStart,this.valueBeforeDownEvent=this.value;var i=null!=t.clientX?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=i;var e=this.mapClientXOnSliderScale(i);this.thumb=this.getThumbFromDownEvent(i,e),null!==this.thumb&&(this.handleDragStart(t,e,this.thumb),this.updateValue(e,this.thumb,{emitInputEvent:!0}))}},i.prototype.handleMove=function(t){if(!this.isDisabled){t.preventDefault();var i=null!=t.clientX?t.clientX:t.targetTouches[0].clientX,e=null!=this.thumb;if(this.thumb=this.getThumbFromMoveEvent(i),null!==this.thumb){var r=this.mapClientXOnSliderScale(i);e||(this.handleDragStart(t,r,this.thumb),this.adapter.emitDragStartEvent(r,this.thumb)),this.updateValue(r,this.thumb,{emitInputEvent:!0})}}},i.prototype.handleUp=function(){if(!this.isDisabled&&null!==this.thumb){var t=this.thumb===f.START?this.valueStart:this.value;(this.thumb===f.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent)!==t&&this.adapter.emitChangeEvent(t,this.thumb),this.adapter.emitDragEndEvent(t,this.thumb),this.thumb=null}},i.prototype.handleThumbMouseenter=function(){this.isDiscrete&&this.isRange&&(this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",f.START),this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",f.END))},i.prototype.handleThumbMouseleave=function(){this.isDiscrete&&this.isRange&&(this.adapter.isInputFocused(f.START)||this.adapter.isInputFocused(f.END)||(this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",f.START),this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",f.END)))},i.prototype.handleMousedownOrTouchstart=function(t){var i=this,e="mousedown"===t.type?"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));t===f.START?this.setValueStart(i):this.setValue(i),this.adapter.emitChangeEvent(t===f.START?this.valueStart:this.value,t),this.adapter.emitInputEvent(t===f.START?this.valueStart:this.value,t)},i.prototype.handleInputFocus=function(t){this.adapter.addThumbClass("mdc-slider__thumb--focused",t),this.isDiscrete&&(this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",t),this.isRange&&this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",t===f.START?f.END:f.START))},i.prototype.handleInputBlur=function(t){this.adapter.removeThumbClass("mdc-slider__thumb--focused",t),this.isDiscrete&&(this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",t),this.isRange&&this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",t===f.START?f.END:f.START))},i.prototype.handleDragStart=function(t,i,e){this.adapter.focusInput(e),t.preventDefault(),this.adapter.emitDragStartEvent(i,e)},i.prototype.getThumbFromDownEvent=function(t,i){if(!this.isRange)return f.END;var e=this.adapter.getThumbBoundingClientRect(f.START),r=this.adapter.getThumbBoundingClientRect(f.END),s=t>=e.left&&t<=e.right,n=t>=r.left&&t<=r.right;return s&&n?null:s?f.START:n?f.END:i<this.valueStart?f.START:i>this.value?f.END:i-this.valueStart<=this.value-i?f.START:f.END},i.prototype.getThumbFromMoveEvent=function(t){if(null!==this.thumb)return this.thumb;if(null===this.downEventClientX)throw new Error("`downEventClientX` is null after move event.");return Math.abs(this.downEventClientX-t)<5?this.thumb:t<this.downEventClientX?this.adapter.isRTL()?f.END:f.START:this.adapter.isRTL()?f.START:f.END},i.prototype.updateUI=function(t){this.updateThumbAndInputAttributes(t),this.updateThumbAndTrackUI(t),this.updateValueIndicatorUI(t),this.updateTickMarksUI()},i.prototype.updateThumbAndInputAttributes=function(t){if(t){var i=this.isRange&&t===f.START?this.valueStart:this.value,e=String(i);this.adapter.setInputAttribute("value",e,t),this.isRange&&t===f.START?this.adapter.setInputAttribute("min",e,f.END):this.isRange&&t===f.END&&this.adapter.setInputAttribute("max",e,f.START),this.adapter.getInputValue(t)!==e&&this.adapter.setInputValue(e,t);var r=this.adapter.getValueToAriaValueTextFn();r&&this.adapter.setInputAttribute("aria-valuetext",r(i),t)}},i.prototype.updateValueIndicatorUI=function(t){this.isDiscrete&&(this.adapter.setValueIndicatorText(this.isRange&&t===f.START?this.valueStart:this.value,t===f.START?f.START:f.END),!t&&this.isRange&&this.adapter.setValueIndicatorText(this.valueStart,f.START))},i.prototype.updateTickMarksUI=function(){if(this.isDiscrete&&this.hasTickMarks){var t=(this.value-this.valueStart)/this.step+1,i=(this.max-this.value)/this.step,e=Array.from({length:(this.valueStart-this.min)/this.step}).fill(p.INACTIVE),r=Array.from({length:t}).fill(p.ACTIVE),s=Array.from({length:i}).fill(p.INACTIVE);this.adapter.updateTickMarks(e.concat(r).concat(s))}},i.prototype.mapClientXOnSliderScale=function(t){var i=(t-this.rect.left)/this.rect.width;this.adapter.isRTL()&&(i=1-i);var e=this.min+i*(this.max-this.min);return e===this.max||e===this.min?e:Number(this.quantize(e).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=(void 0===e?{}:e).emitInputEvent;if(t=this.clampValue(t,i),this.isRange&&i===f.START){if(this.valueStart===t)return;this.valueStart=t}else{if(this.value===t)return;this.value=t}this.updateUI(i),r&&this.adapter.emitInputEvent(i===f.START?this.valueStart:this.value,i)},i.prototype.clampValue=function(t,i){return t=Math.min(Math.max(t,this.min),this.max),this.isRange&&i===f.START&&t>this.value?this.value:this.isRange&&i===f.END&&t<this.valueStart?this.valueStart:t},i.prototype.updateThumbAndTrackUI=function(t){var i=this,e=this.max,r=this.min,s=(this.value-this.valueStart)/(e-r),n=s*this.rect.width,o=this.adapter.isRTL(),a=g?m(window,"transform"):"transform";if(this.isRange){var d=this.adapter.isRTL()?(e-this.value)/(e-r)*this.rect.width:(this.valueStart-r)/(e-r)*this.rect.width,c=d+n;this.animFrame.request(b.SLIDER_UPDATE,(function(){!o&&t===f.START||o&&t!==f.START?(i.adapter.setTrackActiveStyleProperty("transform-origin","right"),i.adapter.setTrackActiveStyleProperty("left","unset"),i.adapter.setTrackActiveStyleProperty("right",i.rect.width-c+"px")):(i.adapter.setTrackActiveStyleProperty("transform-origin","left"),i.adapter.setTrackActiveStyleProperty("right","unset"),i.adapter.setTrackActiveStyleProperty("left",d+"px")),i.adapter.setTrackActiveStyleProperty(a,"scaleX("+s+")");var e=o?c:d,r=i.adapter.isRTL()?d:c;t!==f.START&&t&&i.initialStylesRemoved||i.adapter.setThumbStyleProperty(a,"translateX("+e+"px)",f.START),t!==f.END&&t&&i.initialStylesRemoved||i.adapter.setThumbStyleProperty(a,"translateX("+r+"px)",f.END),i.removeInitialStyles(o),i.updateOverlappingThumbsUI(e,r,t)}))}else this.animFrame.request(b.SLIDER_UPDATE,(function(){i.adapter.setThumbStyleProperty(a,"translateX("+(o?i.rect.width-n:n)+"px)",f.END),i.adapter.setTrackActiveStyleProperty(a,"scaleX("+s+")"),i.removeInitialStyles(o)}))},i.prototype.removeInitialStyles=function(t){if(!this.initialStylesRemoved){var i=t?"right":"left";this.adapter.removeThumbStyleProperty(i,f.END),this.isRange&&this.adapter.removeThumbStyleProperty(i,f.START),this.initialStylesRemoved=!0,this.resetTrackAndThumbAnimation()}},i.prototype.resetTrackAndThumbAnimation=function(){var t=this;if(this.isDiscrete){var i=g?m(window,"transition"):"transition",e="all 0s ease 0s";this.adapter.setThumbStyleProperty(i,e,f.END),this.isRange&&this.adapter.setThumbStyleProperty(i,e,f.START),this.adapter.setTrackActiveStyleProperty(i,e),requestAnimationFrame((function(){t.adapter.removeThumbStyleProperty(i,f.END),t.adapter.removeTrackActiveStyleProperty(i),t.isRange&&t.adapter.removeThumbStyleProperty(i,f.START)}))}},i.prototype.updateOverlappingThumbsUI=function(t,i,e){(this.adapter.isRTL()?i+this.endThumbKnobWidth/2>=t-this.startThumbKnobWidth/2:t+this.startThumbKnobWidth/2>=i-this.endThumbKnobWidth/2)?(this.adapter.addThumbClass("mdc-slider__thumb--top",e||f.END),this.adapter.removeThumbClass("mdc-slider__thumb--top",e===f.START?f.END:f.START)):(this.adapter.removeThumbClass("mdc-slider__thumb--top",f.START),this.adapter.removeThumbClass("mdc-slider__thumb--top",f.END))},i.prototype.convertAttributeValueToNumber=function(t,i){if(null===t)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 o=(r-i)/n;if((s-i)/n%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);if((o=(r-i)/n)%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),i.SUPPORTS_POINTER_EVENTS?(this.adapter.registerEventHandler("pointerdown",this.pointerdownListener),this.adapter.registerEventHandler("pointerup",this.pointerupListener)):(this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.registerThumbEventHandler(f.START,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(f.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(f.START,"change",this.inputStartChangeListener),this.adapter.registerInputEventHandler(f.START,"focus",this.inputStartFocusListener),this.adapter.registerInputEventHandler(f.START,"blur",this.inputStartBlurListener)),this.adapter.registerThumbEventHandler(f.END,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(f.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(f.END,"change",this.inputEndChangeListener),this.adapter.registerInputEventHandler(f.END,"focus",this.inputEndFocusListener),this.adapter.registerInputEventHandler(f.END,"blur",this.inputEndBlurListener)},i.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener),i.SUPPORTS_POINTER_EVENTS?(this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener),this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)):(this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.deregisterThumbEventHandler(f.START,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(f.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(f.START,"change",this.inputStartChangeListener),this.adapter.deregisterInputEventHandler(f.START,"focus",this.inputStartFocusListener),this.adapter.deregisterInputEventHandler(f.START,"blur",this.inputStartBlurListener)),this.adapter.deregisterThumbEventHandler(f.END,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(f.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(f.END,"change",this.inputEndChangeListener),this.adapter.deregisterInputEventHandler(f.END,"focus",this.inputEndFocusListener),this.adapter.deregisterInputEventHandler(f.END,"blur",this.inputEndBlurListener)},i.prototype.handlePointerup=function(){this.handleUp(),this.adapter.deregisterEventHandler("pointermove",this.moveListener)},i.SUPPORTS_POINTER_EVENTS=g&&Boolean(window.PointerEvent)&&!(["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document),i}(s),y=function(t){function i(){var i=null!==t&&t.apply(this,arguments)||this;return i.skipInitialUIUpdate=!1,i.valueToAriaValueTextFn=null,i}return u(i,t),i.attachTo=function(t,e){return void 0===e&&(e={}),new i(t,void 0,e)},i.prototype.getDefaultFoundation=function(){var t=this;return new _({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(".mdc-slider__thumb-knob").getBoundingClientRect().width},getThumbBoundingClientRect:function(i){return t.getThumbEl(i).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},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){t.getThumbEl(e).querySelector(".mdc-slider__value-indicator-text").textContent=String(i)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(i){var e=t.root.querySelector(".mdc-slider__tick-marks");e||((e=document.createElement("div")).classList.add("mdc-slider__tick-marks"),t.root.querySelector(".mdc-slider__track").appendChild(e)),i.length!==e.children.length?(e.innerHTML="",t.addTickMarks(e,i)):t.updateTickMarks(e,i)},setPointerCapture:function(i){t.root.setPointerCapture(i)},emitChangeEvent:function(i,e){t.emit("MDCSlider:change",{value:i,thumb:e})},emitInputEvent:function(i,e){t.emit("MDCSlider: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)}})},i.prototype.initialize=function(t){var i=(void 0===t?{}:t).skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll(".mdc-slider__input")),this.thumbs=[].slice.call(this.root.querySelectorAll(".mdc-slider__thumb")),this.trackActive=this.root.querySelector(".mdc-slider__track--active_fill"),this.ripples=this.createRipples(),i&&(this.skipInitialUIUpdate=!0)},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===f.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]},i.prototype.getInput=function(t){return t===f.END?this.inputs[this.inputs.length-1]:this.inputs[0]},i.prototype.getRipple=function(t){return t===f.END?this.ripples[this.ripples.length-1]:this.ripples[0]},i.prototype.addTickMarks=function(t,i){for(var e=document.createDocumentFragment(),r=0;r<i.length;r++){var s=document.createElement("div");s.classList.add(i[r]===p.ACTIVE?"mdc-slider__tick-mark--active":"mdc-slider__tick-mark--inactive"),e.appendChild(s)}t.appendChild(e)},i.prototype.updateTickMarks=function(t,i){for(var e=Array.from(t.children),r=0;r<e.length;r++)i[r]===p.ACTIVE?(e[r].classList.add("mdc-slider__tick-mark--active"),e[r].classList.remove("mdc-slider__tick-mark--inactive")):(e[r].classList.add("mdc-slider__tick-mark--inactive"),e[r].classList.remove("mdc-slider__tick-mark--active"))},i.prototype.createRipples=function(){for(var t=[],i=[].slice.call(this.root.querySelectorAll(".mdc-slider__thumb")),e=function(e){var s=i[e],n=r.inputs[e],l=v(v({},o.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 c(n,":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(t,i){n.addEventListener(t,i,a())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,i){s.style.setProperty(t,i)}}),m=new o(s,new d(l));m.unbounded=!0,t.push(m)},r=this,s=0;s<i.length;s++)e(s);return t},i}(n);let k=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.disabled=!1,this.readonly=!1,this.factor=1,this.unit="",this.valuemax=100,this.valuemin=0,this.changeHandler=t=>{this.change.emit(t.detail.value/this.factor)},this.inputHandler=this.inputHandler.bind(this),this.getContainerClassList=this.getContainerClassList.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const t=this.rootElement.shadowRoot.querySelector(".mdc-slider");if(!t)return;const i=t.querySelector("input"),e=this.getValue();i.setAttribute("value",`${this.multiplyByFactor(e)}`);const r=e<=this.valuemax,s=e%this.step==0;if(!(e>=this.valuemin)){const t=this.multiplyByFactor(e);i.setAttribute("min",`${t}`)}if(!r){const t=this.multiplyByFactor(e);i.setAttribute("max",`${t}`)}s||i.removeAttribute("step"),this.mdcSlider=new y(t),this.mdcSlider.listen("MDCSlider:change",this.changeHandler),this.mdcSlider.listen("MDCSlider:input",this.inputHandler)}componentWillLoad(){this.setPercentageClass(this.value)}disconnectedCallback(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler),this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler),this.mdcSlider.destroy()}getContainerClassList(){return{slider:!0,"lime-slider--readonly":this.readonly,[this.percentageClass]:!0}}render(){const t={};return this.step&&(t.step=this.multiplyByFactor(this.step)),(this.disabled||this.readonly)&&(t.disabled=!0),e("div",{class:this.getContainerClassList()},e("label",{class:"slider__label mdc-floating-label mdc-floating-label--float-above"},this.label),e("div",{class:"slider__content"},e("div",{class:"slider__content-range-container"},e("span",{class:"slider__content-min-label"},this.multiplyByFactor(this.valuemin),this.unit),e("span",{class:"slider__content-max-label"},this.multiplyByFactor(this.valuemax),this.unit)),e("div",{class:{"mdc-slider":!0,"mdc-slider--discrete":!0,"mdc-slider--disabled":this.disabled||this.readonly}},e("input",Object.assign({class:"mdc-slider__input",type:"range",min:this.multiplyByFactor(this.valuemin),max:this.multiplyByFactor(this.valuemax),value:this.multiplyByFactor(this.value),name:"volume","aria-label":"Discrete slider demo"},t)),e("div",{class:"mdc-slider__track"},e("div",{class:"mdc-slider__track--inactive"}),e("div",{class:"mdc-slider__track--active"},e("div",{class:"mdc-slider__track--active_fill"}))),e("div",{class:"mdc-slider__thumb"},e("div",{class:"mdc-slider__value-indicator-container","aria-hidden":"true"},e("div",{class:"mdc-slider__value-indicator"},e("span",{class:"mdc-slider__value-indicator-text"},this.multiplyByFactor(this.value)))),e("div",{class:"mdc-slider__thumb-knob"})))),this.renderHelperLine())}renderHelperLine(){if(this.helperText)return e("div",{class:"mdc-slider-helper-line"},e("p",{class:"mdc-slider-helper-text"},this.helperText))}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){this.mdcSlider&&this.mdcSlider.setValue(this.multiplyByFactor(this.getValue()))}updateDisabledState(){this.mdcSlider&&this.mdcSlider.setDisabled(this.disabled||this.readonly)}multiplyByFactor(t){return Math.round(t*this.factor)}getValue(){let t=this.value;return isFinite(t)||(t=this.valuemin),t}inputHandler(t){this.setPercentageClass(t.detail.value/this.factor)}setPercentageClass(t){this.percentageClass=function(t){return 0===t?"percent-0":t<.1?"percent-0-10":t<.2?"percent-10-20":t<.3?"percent-20-30":t<.4?"percent-30-40":t<.5?"percent-40-50":t<.6?"percent-50-60":t<.7?"percent-60-70":t<.8?"percent-70-80":t<.9?"percent-80-90":"percent-90-100"}((t-this.valuemin)/(this.valuemax-this.valuemin))}get rootElement(){return r(this)}static get watchers(){return{disabled:["watchDisabled"],readonly:["watchReadonly"],value:["watchValue"]}}};k.style=':host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}@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:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.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.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.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:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.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:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);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.8125rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.8125rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.125rem);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:1px solid;box-sizing:content-box;border-color:#fff}.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:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.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__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.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.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.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.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.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:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);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%}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors) .slider.lime-slider--readonly{--mdc-theme-on-surface:var(--mdc-theme-primary)}:host(.displays-percentage-colors) .slider.percent-0{--mdc-theme-primary:var(--color-percent--0)}:host(.displays-percentage-colors) .slider.percent-0-10{--mdc-theme-primary:var(--color-percent--0to10)}:host(.displays-percentage-colors) .slider.percent-10-20{--mdc-theme-primary:var(--color-percent--10to20)}:host(.displays-percentage-colors) .slider.percent-20-30{--mdc-theme-primary:var(--color-percent--20to30)}:host(.displays-percentage-colors) .slider.percent-30-40{--mdc-theme-primary:var(--color-percent--30to40)}:host(.displays-percentage-colors) .slider.percent-40-50{--mdc-theme-primary:var(--color-percent--40to50)}:host(.displays-percentage-colors) .slider.percent-50-60{--mdc-theme-primary:var(--color-percent--50to60)}:host(.displays-percentage-colors) .slider.percent-60-70{--mdc-theme-primary:var(--color-percent--60to70)}:host(.displays-percentage-colors) .slider.percent-70-80{--mdc-theme-primary:var(--color-percent--70to80)}:host(.displays-percentage-colors) .slider.percent-80-90{--mdc-theme-primary:var(--color-percent--80to90)}:host(.displays-percentage-colors) .slider.percent-90-100{--mdc-theme-primary:var(--color-percent--90to100)}:host(.displays-percentage-colors) .slider.percent-30-40 .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-40-50 .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-70-80 .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors) .slider.percent-30-40 .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-40-50 .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-70-80 .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors) .slider.percent-50-60 .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-60-70 .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors) .slider.percent-50-60 .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-60-70 .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}.lime-slider--readonly .mdc-slider.mdc-slider--disabled{opacity:1}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--mdc-theme-primary)}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--mdc-theme-primary)}.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;width:0.75rem;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__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:var(--color-of-value-indicator)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator{transform:scale(1.5) translateY(0);box-shadow:var(--shadow-depth-16)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator:before{border-top-color:var(--mdc-theme-primary)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator{box-shadow:var(--button-shadow-normal)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator,.slider.lime-slider--readonly .mdc-slider__value-indicator{background-color:var(--mdc-theme-primary)}.slider{position:relative}.slider__label{padding-left:1.25rem;top:0.5625rem}.slider__content{display:flex;flex-direction:column;margin-top:0.25rem}.slider__content-range-container{display:flex;order:2;justify-content:space-between;width:calc(100% - 1.5rem);margin:0 auto;margin-top:-1rem}.slider__content-min-label,.slider__content-max-label{transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;top:1.25rem}.slider:hover .slider__content-min-label,.slider:hover .slider__content-max-label{opacity: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-helper-line{padding-right:1rem;padding-left:1rem}.mdc-slider-helper-text{font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;font-weight:400;letter-spacing:0.0333333333em;text-decoration:inherit;text-transform:inherit;display:block;margin-top:0;line-height:normal;margin:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;opacity:1}.mdc-slider-helper-text:before{height:0.75rem;display:inline-block;width:0;content:"";vertical-align:0}';export{k as limel_slider}
59
+ */(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(f.START)},this.inputEndChangeListener=function(){t.handleInputChange(f.END)},this.inputStartFocusListener=function(){t.handleInputFocus(f.START)},this.inputEndFocusListener=function(){t.handleInputFocus(f.END)},this.inputStartBlurListener=function(){t.handleInputBlur(f.START)},this.inputEndBlurListener=function(){t.handleInputBlur(f.END)},this.resizeListener=this.handleResize.bind(this),this.registerEventHandlers()},i.prototype.destroy=function(){this.deregisterEventHandlers()},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,f.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,f.START)},i.prototype.getStep=function(){return this.step},i.prototype.getDisabled=function(){return this.isDisabled},i.prototype.setDisabled=function(t){this.isDisabled=t,t?(this.adapter.addClass("mdc-slider--disabled"),this.isRange&&this.adapter.setInputAttribute("disabled","",f.START),this.adapter.setInputAttribute("disabled","",f.END)):(this.adapter.removeClass("mdc-slider--disabled"),this.isRange&&this.adapter.removeInputAttribute("disabled",f.START),this.adapter.removeInputAttribute("disabled",f.END))},i.prototype.getIsRange=function(){return this.isRange},i.prototype.layout=function(t){var i=(void 0===t?{}:t).skipUpdateUI;this.rect=this.adapter.getBoundingClientRect(),this.isRange&&(this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(f.START),this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(f.END)),i||this.updateUI()},i.prototype.handleResize=function(){this.layout()},i.prototype.handleDown=function(t){if(!this.isDisabled){this.valueStartBeforeDownEvent=this.valueStart,this.valueBeforeDownEvent=this.value;var i=null!=t.clientX?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=i;var e=this.mapClientXOnSliderScale(i);this.thumb=this.getThumbFromDownEvent(i,e),null!==this.thumb&&(this.handleDragStart(t,e,this.thumb),this.updateValue(e,this.thumb,{emitInputEvent:!0}))}},i.prototype.handleMove=function(t){if(!this.isDisabled){t.preventDefault();var i=null!=t.clientX?t.clientX:t.targetTouches[0].clientX,e=null!=this.thumb;if(this.thumb=this.getThumbFromMoveEvent(i),null!==this.thumb){var r=this.mapClientXOnSliderScale(i);e||(this.handleDragStart(t,r,this.thumb),this.adapter.emitDragStartEvent(r,this.thumb)),this.updateValue(r,this.thumb,{emitInputEvent:!0})}}},i.prototype.handleUp=function(){if(!this.isDisabled&&null!==this.thumb){var t=this.thumb===f.START?this.valueStart:this.value;(this.thumb===f.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent)!==t&&this.adapter.emitChangeEvent(t,this.thumb),this.adapter.emitDragEndEvent(t,this.thumb),this.thumb=null}},i.prototype.handleThumbMouseenter=function(){this.isDiscrete&&this.isRange&&(this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",f.START),this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",f.END))},i.prototype.handleThumbMouseleave=function(){this.isDiscrete&&this.isRange&&(this.adapter.isInputFocused(f.START)||this.adapter.isInputFocused(f.END)||(this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",f.START),this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",f.END)))},i.prototype.handleMousedownOrTouchstart=function(t){var i=this,e="mousedown"===t.type?"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));t===f.START?this.setValueStart(i):this.setValue(i),this.adapter.emitChangeEvent(t===f.START?this.valueStart:this.value,t),this.adapter.emitInputEvent(t===f.START?this.valueStart:this.value,t)},i.prototype.handleInputFocus=function(t){this.adapter.addThumbClass("mdc-slider__thumb--focused",t),this.isDiscrete&&(this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",t),this.isRange&&this.adapter.addThumbClass("mdc-slider__thumb--with-indicator",t===f.START?f.END:f.START))},i.prototype.handleInputBlur=function(t){this.adapter.removeThumbClass("mdc-slider__thumb--focused",t),this.isDiscrete&&(this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",t),this.isRange&&this.adapter.removeThumbClass("mdc-slider__thumb--with-indicator",t===f.START?f.END:f.START))},i.prototype.handleDragStart=function(t,i,e){this.adapter.focusInput(e),t.preventDefault(),this.adapter.emitDragStartEvent(i,e)},i.prototype.getThumbFromDownEvent=function(t,i){if(!this.isRange)return f.END;var e=this.adapter.getThumbBoundingClientRect(f.START),r=this.adapter.getThumbBoundingClientRect(f.END),s=t>=e.left&&t<=e.right,n=t>=r.left&&t<=r.right;return s&&n?null:s?f.START:n?f.END:i<this.valueStart?f.START:i>this.value?f.END:i-this.valueStart<=this.value-i?f.START:f.END},i.prototype.getThumbFromMoveEvent=function(t){if(null!==this.thumb)return this.thumb;if(null===this.downEventClientX)throw new Error("`downEventClientX` is null after move event.");return Math.abs(this.downEventClientX-t)<5?this.thumb:t<this.downEventClientX?this.adapter.isRTL()?f.END:f.START:this.adapter.isRTL()?f.START:f.END},i.prototype.updateUI=function(t){this.updateThumbAndInputAttributes(t),this.updateThumbAndTrackUI(t),this.updateValueIndicatorUI(t),this.updateTickMarksUI()},i.prototype.updateThumbAndInputAttributes=function(t){if(t){var i=this.isRange&&t===f.START?this.valueStart:this.value,e=String(i);this.adapter.setInputAttribute("value",e,t),this.isRange&&t===f.START?this.adapter.setInputAttribute("min",e,f.END):this.isRange&&t===f.END&&this.adapter.setInputAttribute("max",e,f.START),this.adapter.getInputValue(t)!==e&&this.adapter.setInputValue(e,t);var r=this.adapter.getValueToAriaValueTextFn();r&&this.adapter.setInputAttribute("aria-valuetext",r(i),t)}},i.prototype.updateValueIndicatorUI=function(t){this.isDiscrete&&(this.adapter.setValueIndicatorText(this.isRange&&t===f.START?this.valueStart:this.value,t===f.START?f.START:f.END),!t&&this.isRange&&this.adapter.setValueIndicatorText(this.valueStart,f.START))},i.prototype.updateTickMarksUI=function(){if(this.isDiscrete&&this.hasTickMarks){var t=(this.value-this.valueStart)/this.step+1,i=(this.max-this.value)/this.step,e=Array.from({length:(this.valueStart-this.min)/this.step}).fill(p.INACTIVE),r=Array.from({length:t}).fill(p.ACTIVE),s=Array.from({length:i}).fill(p.INACTIVE);this.adapter.updateTickMarks(e.concat(r).concat(s))}},i.prototype.mapClientXOnSliderScale=function(t){var i=(t-this.rect.left)/this.rect.width;this.adapter.isRTL()&&(i=1-i);var e=this.min+i*(this.max-this.min);return e===this.max||e===this.min?e:Number(this.quantize(e).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=(void 0===e?{}:e).emitInputEvent;if(t=this.clampValue(t,i),this.isRange&&i===f.START){if(this.valueStart===t)return;this.valueStart=t}else{if(this.value===t)return;this.value=t}this.updateUI(i),r&&this.adapter.emitInputEvent(i===f.START?this.valueStart:this.value,i)},i.prototype.clampValue=function(t,i){return t=Math.min(Math.max(t,this.min),this.max),this.isRange&&i===f.START&&t>this.value?this.value:this.isRange&&i===f.END&&t<this.valueStart?this.valueStart:t},i.prototype.updateThumbAndTrackUI=function(t){var i=this,e=this.max,r=this.min,s=(this.value-this.valueStart)/(e-r),n=s*this.rect.width,o=this.adapter.isRTL(),a=g?m(window,"transform"):"transform";if(this.isRange){var d=this.adapter.isRTL()?(e-this.value)/(e-r)*this.rect.width:(this.valueStart-r)/(e-r)*this.rect.width,c=d+n;this.animFrame.request(b.SLIDER_UPDATE,(function(){!o&&t===f.START||o&&t!==f.START?(i.adapter.setTrackActiveStyleProperty("transform-origin","right"),i.adapter.setTrackActiveStyleProperty("left","unset"),i.adapter.setTrackActiveStyleProperty("right",i.rect.width-c+"px")):(i.adapter.setTrackActiveStyleProperty("transform-origin","left"),i.adapter.setTrackActiveStyleProperty("right","unset"),i.adapter.setTrackActiveStyleProperty("left",d+"px")),i.adapter.setTrackActiveStyleProperty(a,"scaleX("+s+")");var e=o?c:d,r=i.adapter.isRTL()?d:c;t!==f.START&&t&&i.initialStylesRemoved||i.adapter.setThumbStyleProperty(a,"translateX("+e+"px)",f.START),t!==f.END&&t&&i.initialStylesRemoved||i.adapter.setThumbStyleProperty(a,"translateX("+r+"px)",f.END),i.removeInitialStyles(o),i.updateOverlappingThumbsUI(e,r,t)}))}else this.animFrame.request(b.SLIDER_UPDATE,(function(){i.adapter.setThumbStyleProperty(a,"translateX("+(o?i.rect.width-n:n)+"px)",f.END),i.adapter.setTrackActiveStyleProperty(a,"scaleX("+s+")"),i.removeInitialStyles(o)}))},i.prototype.removeInitialStyles=function(t){if(!this.initialStylesRemoved){var i=t?"right":"left";this.adapter.removeThumbStyleProperty(i,f.END),this.isRange&&this.adapter.removeThumbStyleProperty(i,f.START),this.initialStylesRemoved=!0,this.resetTrackAndThumbAnimation()}},i.prototype.resetTrackAndThumbAnimation=function(){var t=this;if(this.isDiscrete){var i=g?m(window,"transition"):"transition",e="all 0s ease 0s";this.adapter.setThumbStyleProperty(i,e,f.END),this.isRange&&this.adapter.setThumbStyleProperty(i,e,f.START),this.adapter.setTrackActiveStyleProperty(i,e),requestAnimationFrame((function(){t.adapter.removeThumbStyleProperty(i,f.END),t.adapter.removeTrackActiveStyleProperty(i),t.isRange&&t.adapter.removeThumbStyleProperty(i,f.START)}))}},i.prototype.updateOverlappingThumbsUI=function(t,i,e){(this.adapter.isRTL()?i+this.endThumbKnobWidth/2>=t-this.startThumbKnobWidth/2:t+this.startThumbKnobWidth/2>=i-this.endThumbKnobWidth/2)?(this.adapter.addThumbClass("mdc-slider__thumb--top",e||f.END),this.adapter.removeThumbClass("mdc-slider__thumb--top",e===f.START?f.END:f.START)):(this.adapter.removeThumbClass("mdc-slider__thumb--top",f.START),this.adapter.removeThumbClass("mdc-slider__thumb--top",f.END))},i.prototype.convertAttributeValueToNumber=function(t,i){if(null===t)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 o=(r-i)/n;if((s-i)/n%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);if((o=(r-i)/n)%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),i.SUPPORTS_POINTER_EVENTS?(this.adapter.registerEventHandler("pointerdown",this.pointerdownListener),this.adapter.registerEventHandler("pointerup",this.pointerupListener)):(this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.registerThumbEventHandler(f.START,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(f.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(f.START,"change",this.inputStartChangeListener),this.adapter.registerInputEventHandler(f.START,"focus",this.inputStartFocusListener),this.adapter.registerInputEventHandler(f.START,"blur",this.inputStartBlurListener)),this.adapter.registerThumbEventHandler(f.END,"mouseenter",this.thumbMouseenterListener),this.adapter.registerThumbEventHandler(f.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.registerInputEventHandler(f.END,"change",this.inputEndChangeListener),this.adapter.registerInputEventHandler(f.END,"focus",this.inputEndFocusListener),this.adapter.registerInputEventHandler(f.END,"blur",this.inputEndBlurListener)},i.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener),i.SUPPORTS_POINTER_EVENTS?(this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener),this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)):(this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener),this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)),this.isRange&&(this.adapter.deregisterThumbEventHandler(f.START,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(f.START,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(f.START,"change",this.inputStartChangeListener),this.adapter.deregisterInputEventHandler(f.START,"focus",this.inputStartFocusListener),this.adapter.deregisterInputEventHandler(f.START,"blur",this.inputStartBlurListener)),this.adapter.deregisterThumbEventHandler(f.END,"mouseenter",this.thumbMouseenterListener),this.adapter.deregisterThumbEventHandler(f.END,"mouseleave",this.thumbMouseleaveListener),this.adapter.deregisterInputEventHandler(f.END,"change",this.inputEndChangeListener),this.adapter.deregisterInputEventHandler(f.END,"focus",this.inputEndFocusListener),this.adapter.deregisterInputEventHandler(f.END,"blur",this.inputEndBlurListener)},i.prototype.handlePointerup=function(){this.handleUp(),this.adapter.deregisterEventHandler("pointermove",this.moveListener)},i.SUPPORTS_POINTER_EVENTS=g&&Boolean(window.PointerEvent)&&!(["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document),i}(s),y=function(t){function i(){var i=null!==t&&t.apply(this,arguments)||this;return i.skipInitialUIUpdate=!1,i.valueToAriaValueTextFn=null,i}return u(i,t),i.attachTo=function(t,e){return void 0===e&&(e={}),new i(t,void 0,e)},i.prototype.getDefaultFoundation=function(){var t=this;return new _({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(".mdc-slider__thumb-knob").getBoundingClientRect().width},getThumbBoundingClientRect:function(i){return t.getThumbEl(i).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return"rtl"===getComputedStyle(t.root).direction},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){t.getThumbEl(e).querySelector(".mdc-slider__value-indicator-text").textContent=String(i)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(i){var e=t.root.querySelector(".mdc-slider__tick-marks");e||((e=document.createElement("div")).classList.add("mdc-slider__tick-marks"),t.root.querySelector(".mdc-slider__track").appendChild(e)),i.length!==e.children.length?(e.innerHTML="",t.addTickMarks(e,i)):t.updateTickMarks(e,i)},setPointerCapture:function(i){t.root.setPointerCapture(i)},emitChangeEvent:function(i,e){t.emit("MDCSlider:change",{value:i,thumb:e})},emitInputEvent:function(i,e){t.emit("MDCSlider: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)}})},i.prototype.initialize=function(t){var i=(void 0===t?{}:t).skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll(".mdc-slider__input")),this.thumbs=[].slice.call(this.root.querySelectorAll(".mdc-slider__thumb")),this.trackActive=this.root.querySelector(".mdc-slider__track--active_fill"),this.ripples=this.createRipples(),i&&(this.skipInitialUIUpdate=!0)},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===f.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]},i.prototype.getInput=function(t){return t===f.END?this.inputs[this.inputs.length-1]:this.inputs[0]},i.prototype.getRipple=function(t){return t===f.END?this.ripples[this.ripples.length-1]:this.ripples[0]},i.prototype.addTickMarks=function(t,i){for(var e=document.createDocumentFragment(),r=0;r<i.length;r++){var s=document.createElement("div");s.classList.add(i[r]===p.ACTIVE?"mdc-slider__tick-mark--active":"mdc-slider__tick-mark--inactive"),e.appendChild(s)}t.appendChild(e)},i.prototype.updateTickMarks=function(t,i){for(var e=Array.from(t.children),r=0;r<e.length;r++)i[r]===p.ACTIVE?(e[r].classList.add("mdc-slider__tick-mark--active"),e[r].classList.remove("mdc-slider__tick-mark--inactive")):(e[r].classList.add("mdc-slider__tick-mark--inactive"),e[r].classList.remove("mdc-slider__tick-mark--active"))},i.prototype.createRipples=function(){for(var t=[],i=[].slice.call(this.root.querySelectorAll(".mdc-slider__thumb")),e=function(e){var s=i[e],n=r.inputs[e],l=v(v({},o.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 c(n,":active")},isUnbounded:function(){return!0},registerInteractionHandler:function(t,i){n.addEventListener(t,i,a())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,i){s.style.setProperty(t,i)}}),m=new o(s,new d(l));m.unbounded=!0,t.push(m)},r=this,s=0;s<i.length;s++)e(s);return t},i}(n);let k=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.disabled=!1,this.readonly=!1,this.factor=1,this.unit="",this.valuemax=100,this.valuemin=0,this.changeHandler=t=>{let i=t.detail.value;const e=this.multiplyByFactor(this.step);this.isMultipleOfStep(i,e)||(i=this.roundToStep(i,e)),this.change.emit(i/this.factor)},this.inputHandler=this.inputHandler.bind(this),this.getContainerClassList=this.getContainerClassList.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const t=this.getInputElement();if(!t)return;const i=this.getValue();t.setAttribute("value",`${this.multiplyByFactor(i)}`);const e=i<=this.valuemax;if(!(i>=this.valuemin)){const e=this.multiplyByFactor(i);t.setAttribute("min",`${e}`)}if(!e){const e=this.multiplyByFactor(i);t.setAttribute("max",`${e}`)}this.isMultipleOfStep(i,this.step)||t.removeAttribute("step"),this.createMDCSlider()}componentWillLoad(){this.setPercentageClass(this.value)}disconnectedCallback(){this.destroyMDCSlider()}getContainerClassList(){return{slider:!0,"lime-slider--readonly":this.readonly,[this.percentageClass]:!0}}render(){const t={};return this.step&&(t.step=this.multiplyByFactor(this.step)),(this.disabled||this.readonly)&&(t.disabled=!0),e("div",{class:this.getContainerClassList()},e("label",{class:"slider__label mdc-floating-label mdc-floating-label--float-above"},this.label),e("div",{class:"slider__content"},e("div",{class:"slider__content-range-container"},e("span",{class:"slider__content-min-label"},this.multiplyByFactor(this.valuemin),this.unit),e("span",{class:"slider__content-max-label"},this.multiplyByFactor(this.valuemax),this.unit)),e("div",{class:{"mdc-slider":!0,"mdc-slider--discrete":!0,"mdc-slider--disabled":this.disabled||this.readonly}},e("input",Object.assign({class:"mdc-slider__input",type:"range",min:this.multiplyByFactor(this.valuemin),max:this.multiplyByFactor(this.valuemax),value:this.multiplyByFactor(this.value),name:"volume","aria-label":"Discrete slider demo"},t)),e("div",{class:"mdc-slider__track"},e("div",{class:"mdc-slider__track--inactive"}),e("div",{class:"mdc-slider__track--active"},e("div",{class:"mdc-slider__track--active_fill"}))),e("div",{class:"mdc-slider__thumb"},e("div",{class:"mdc-slider__value-indicator-container","aria-hidden":"true"},e("div",{class:"mdc-slider__value-indicator"},e("span",{class:"mdc-slider__value-indicator-text"},this.multiplyByFactor(this.value)))),e("div",{class:"mdc-slider__thumb-knob"})))),this.renderHelperLine())}renderHelperLine(){if(this.helperText)return e("div",{class:"mdc-slider-helper-line"},e("p",{class:"mdc-slider-helper-text"},this.helperText))}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){if(!this.mdcSlider)return;const t=this.multiplyByFactor(this.getValue());if(this.mdcSlider.setValue(t),this.isStepConfigured())return;const i=this.multiplyByFactor(this.step);this.isMultipleOfStep(t,i)&&this.reCreateSliderWithStep()}updateDisabledState(){this.mdcSlider&&this.mdcSlider.setDisabled(this.disabled||this.readonly)}multiplyByFactor(t){return Math.round(t*this.factor)}getValue(){let t=this.value;return isFinite(t)||(t=this.valuemin),t}inputHandler(t){this.setPercentageClass(t.detail.value/this.factor)}setPercentageClass(t){this.percentageClass=function(t){return 0===t?"percent-0":t<.1?"percent-0-10":t<.2?"percent-10-20":t<.3?"percent-20-30":t<.4?"percent-30-40":t<.5?"percent-40-50":t<.6?"percent-50-60":t<.7?"percent-60-70":t<.8?"percent-70-80":t<.9?"percent-80-90":"percent-90-100"}((t-this.valuemin)/(this.valuemax-this.valuemin))}isMultipleOfStep(t,i){return!i||t%i==0}roundToStep(t,i){return Math.round(t/i)*i}getRootElement(){return this.rootElement.shadowRoot.querySelector(".mdc-slider")}getInputElement(){const t=this.getRootElement();if(t)return t.querySelector("input")}isStepConfigured(){if(!this.step)return!0;const t=this.getInputElement();return!t||t.hasAttribute("step")}reCreateSliderWithStep(){const t=this.getInputElement(),i=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",i),this.destroyMDCSlider(),this.createMDCSlider()}createMDCSlider(){const t=this.getRootElement();this.mdcSlider=new y(t),this.mdcSlider.listen("MDCSlider:change",this.changeHandler),this.mdcSlider.listen("MDCSlider:input",this.inputHandler)}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler),this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler),this.mdcSlider.destroy(),this.mdcSlider=void 0}get rootElement(){return r(this)}static get watchers(){return{disabled:["watchDisabled"],readonly:["watchReadonly"],value:["watchValue"]}}};k.style=':host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}@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:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.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.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.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:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.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:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);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.8125rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.8125rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.125rem);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:1px solid;box-sizing:content-box;border-color:#fff}.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:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.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__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.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.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.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.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.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:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);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%}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors) .slider.lime-slider--readonly{--mdc-theme-on-surface:var(--mdc-theme-primary)}:host(.displays-percentage-colors) .slider.percent-0{--mdc-theme-primary:var(--color-percent--0)}:host(.displays-percentage-colors) .slider.percent-0-10{--mdc-theme-primary:var(--color-percent--0to10)}:host(.displays-percentage-colors) .slider.percent-10-20{--mdc-theme-primary:var(--color-percent--10to20)}:host(.displays-percentage-colors) .slider.percent-20-30{--mdc-theme-primary:var(--color-percent--20to30)}:host(.displays-percentage-colors) .slider.percent-30-40{--mdc-theme-primary:var(--color-percent--30to40)}:host(.displays-percentage-colors) .slider.percent-40-50{--mdc-theme-primary:var(--color-percent--40to50)}:host(.displays-percentage-colors) .slider.percent-50-60{--mdc-theme-primary:var(--color-percent--50to60)}:host(.displays-percentage-colors) .slider.percent-60-70{--mdc-theme-primary:var(--color-percent--60to70)}:host(.displays-percentage-colors) .slider.percent-70-80{--mdc-theme-primary:var(--color-percent--70to80)}:host(.displays-percentage-colors) .slider.percent-80-90{--mdc-theme-primary:var(--color-percent--80to90)}:host(.displays-percentage-colors) .slider.percent-90-100{--mdc-theme-primary:var(--color-percent--90to100)}:host(.displays-percentage-colors) .slider.percent-30-40 .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-40-50 .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-70-80 .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors) .slider.percent-30-40 .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-40-50 .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-70-80 .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors) .slider.percent-50-60 .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-60-70 .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors) .slider.percent-50-60 .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors) .slider.percent-60-70 .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}.lime-slider--readonly .mdc-slider.mdc-slider--disabled{opacity:1}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--mdc-theme-primary)}.lime-slider--readonly .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--mdc-theme-primary)}.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;width:0.75rem;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__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:var(--color-of-value-indicator)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator{transform:scale(1.5) translateY(0);box-shadow:var(--shadow-depth-16)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator:before{border-top-color:var(--mdc-theme-primary)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator{box-shadow:var(--button-shadow-normal)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator,.slider.lime-slider--readonly .mdc-slider__value-indicator{background-color:var(--mdc-theme-primary)}.slider{position:relative}.slider__label{padding-left:1.25rem;top:0.5625rem}.slider__content{display:flex;flex-direction:column;margin-top:0.25rem}.slider__content-range-container{display:flex;order:2;justify-content:space-between;width:calc(100% - 1.5rem);margin:0 auto;margin-top:-1rem}.slider__content-min-label,.slider__content-max-label{transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;top:1.25rem}.slider:hover .slider__content-min-label,.slider:hover .slider__content-max-label{opacity: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-helper-line{padding-right:1rem;padding-left:1rem}.mdc-slider-helper-text{font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;font-weight:400;letter-spacing:0.0333333333em;text-decoration:inherit;text-transform:inherit;display:block;margin-top:0;line-height:normal;margin:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;opacity:1}.mdc-slider-helper-text:before{height:0.75rem;display:inline-block;width:0;content:"";vertical-align:0}';export{k as limel_slider}
@@ -78,4 +78,12 @@ export declare class Slider {
78
78
  private getValue;
79
79
  private inputHandler;
80
80
  private setPercentageClass;
81
+ private isMultipleOfStep;
82
+ private roundToStep;
83
+ private getRootElement;
84
+ private getInputElement;
85
+ private isStepConfigured;
86
+ private reCreateSliderWithStep;
87
+ private createMDCSlider;
88
+ private destroyMDCSlider;
81
89
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@limetech/lime-elements",
3
- "version": "34.1.0-next.10",
3
+ "version": "34.1.0-next.14",
4
4
  "description": "Lime Elements",
5
5
  "author": "Lime Technologies",
6
6
  "license": "Apache-2.0",
@@ -1 +0,0 @@
1
- import{r,c as e,h as t}from"./p-92146da6.js";let o=class{constructor(o){r(this,o),this.change=e(this,"change",7),this.isOpen=!1,this.renderTooltip=()=>{if(!this.readonly&&this.tooltipLabel)return t("limel-tooltip",{label:this.tooltipLabel,elementId:"tooltip-button"})},this.renderPickerPalette=()=>this.readonly?this.renderPickerTrigger():t("limel-popover",{open:this.isOpen,onClose:this.onPopoverClose},this.renderPickerTrigger(),t("limel-color-picker-palette",{value:this.value,label:this.label,helperText:this.helperText,onChange:this.handleChange,required:this.required})),this.renderPickerTrigger=()=>t("div",{class:"picker-trigger",slot:"trigger",style:this.value?{"--background":this.value}:{},role:"button",tabindex:"0",onClick:this.openPopover,id:"tooltip-button"}),this.openPopover=r=>{r.stopPropagation(),this.isOpen=!0},this.onPopoverClose=r=>{r.stopPropagation(),this.isOpen=!1},this.handleChange=r=>{r.stopPropagation(),this.change.emit(r.detail)}}render(){return[this.renderTooltip(),t("div",{class:"color-picker"},this.renderPickerPalette(),t("limel-input-field",{label:this.label,helperText:this.helperText,value:this.value,onChange:this.handleChange,required:this.required,readonly:this.readonly,class:"chosen-color-input"}))]}};o.style=":host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}";export{o as limel_color_picker}
@@ -1 +0,0 @@
1
- import{r,c as o,h as l,g as a}from"./p-92146da6.js";import{c}from"./p-6c094f3f.js";import{b as e}from"./p-216ffe20.js";import{z as t}from"./p-440084ea.js";import"./p-090bc949.js";import"./p-379955f4.js";import"./p-eda23c05.js";import"./p-c93050d6.js";const g=["red","pink","magenta","purple","violet","indigo","blue","sky","cyan","teal","green","lime","grass","yellow","amber","orange","coral","brown","gray","glaucous"],d=["lighter","light","default","dark","darker"];function n(r,o){return`--color-${r}-${o}`}function i(r,o){return`rgb(var(${n(r,o)}))`}let s=class{constructor(a){r(this,a),this.change=o(this,"change",7),this.renderSwatches=()=>g.map((r=>d.map(this.renderSwatch(r)))),this.renderSwatch=r=>o=>{const a={swatch:!0,[n(r,o)]:!0,"swatch--selected":this.value===i(r,o)};return l("div",{class:a,onClick:this.handleClick(r,o),tabindex:"0"})},this.handleChange=r=>{r.stopPropagation(),this.change.emit(r.detail)},this.handleClick=(r,o)=>l=>{const a=i(r,o);l.stopPropagation(),this.change.emit(a)}}render(){const r=this.value?{"--background":this.value}:{};return[l("div",{class:"color-picker-palette"},this.renderSwatches()),l("div",{class:"chosen-color-name"},l("limel-input-field",{label:this.label,helperText:this.helperText,value:this.value,onChange:this.handleChange,required:this.required}),l("div",{class:"chosen-color-preview",style:r}))]}};function b(r,o){var l;if(r.contains(o)||(null===(l=r.shadowRoot)||void 0===l?void 0:l.contains(o)))return!0;const a=function(r){const o=r.closest(".limel-portal--container");return o?o.portalSource:r.getRootNode().host}(o);return!!a&&b(r,a)}s.style=".color-palette{display:grid;grid-gap:0.25rem;grid-auto-flow:column;margin:0.75rem auto 1.25rem auto;padding:1.25rem 0.75rem;background-color:rgb(var(--kompendium-contrast-300));border-radius:0.1875rem}.brightness-label,.swatch{display:flex;align-items:center;position:relative}.swatch{transition:border-radius 0.2s ease;border-radius:3px;justify-content:center;color:rgba(var(--kompendium-color-white), 0.4);font-size:1.25rem;line-height:99%}.swatch:after{content:\"\";display:block;padding-top:100%}.swatch.hue{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;position:relative;color:rgb(var(--kompendium-contrast-900));padding-top:0.5rem;writing-mode:vertical-lr;justify-content:left}.brightness-label{font-family:\"Source Code Pro\", monospace;font-size:0.75rem;color:rgb(var(--kompendium-contrast-900));justify-content:start}.brand-colors-tips{transition:opacity 0.2s ease 0.4s;opacity:0;font-size:0.875rem;padding-left:2.75rem;margin-bottom:2.5rem}.brand-colors .brand-colors-tips{opacity:1}@media (prefers-color-scheme: light){.brand-colors .--color-glaucous-default,.brand-colors .--color-gray-dark{border-radius:50%}}@media (prefers-color-scheme: dark){.brand-colors .--color-red-light,.brand-colors .--color-magenta-default,.brand-colors .--color-sky-light,.brand-colors .--color-teal-light,.brand-colors .--color-green-light,.brand-colors .--color-amber-light,.brand-colors .--color-amber-default,.brand-colors .--color-coral-light,.brand-colors .--color-gray-light{border-radius:50%}}.--color-red-lighter{background-color:rgb(var(--color-red-lighter))}.--color-red-light{background-color:rgb(var(--color-red-light))}.--color-red-default{background-color:rgb(var(--color-red-default))}.--color-red-dark{background-color:rgb(var(--color-red-dark))}.--color-red-darker{background-color:rgb(var(--color-red-darker))}.--color-pink-lighter{background-color:rgb(var(--color-pink-lighter))}.--color-pink-light{background-color:rgb(var(--color-pink-light))}.--color-pink-default{background-color:rgb(var(--color-pink-default))}.--color-pink-dark{background-color:rgb(var(--color-pink-dark))}.--color-pink-darker{background-color:rgb(var(--color-pink-darker))}.--color-magenta-lighter{background-color:rgb(var(--color-magenta-lighter))}.--color-magenta-light{background-color:rgb(var(--color-magenta-light))}.--color-magenta-default{background-color:rgb(var(--color-magenta-default))}.--color-magenta-dark{background-color:rgb(var(--color-magenta-dark))}.--color-magenta-darker{background-color:rgb(var(--color-magenta-darker))}.--color-purple-lighter{background-color:rgb(var(--color-purple-lighter))}.--color-purple-light{background-color:rgb(var(--color-purple-light))}.--color-purple-default{background-color:rgb(var(--color-purple-default))}.--color-purple-dark{background-color:rgb(var(--color-purple-dark))}.--color-purple-darker{background-color:rgb(var(--color-purple-darker))}.--color-violet-lighter{background-color:rgb(var(--color-violet-lighter))}.--color-violet-light{background-color:rgb(var(--color-violet-light))}.--color-violet-default{background-color:rgb(var(--color-violet-default))}.--color-violet-dark{background-color:rgb(var(--color-violet-dark))}.--color-violet-darker{background-color:rgb(var(--color-violet-darker))}.--color-indigo-lighter{background-color:rgb(var(--color-indigo-lighter))}.--color-indigo-light{background-color:rgb(var(--color-indigo-light))}.--color-indigo-default{background-color:rgb(var(--color-indigo-default))}.--color-indigo-dark{background-color:rgb(var(--color-indigo-dark))}.--color-indigo-darker{background-color:rgb(var(--color-indigo-darker))}.--color-blue-lighter{background-color:rgb(var(--color-blue-lighter))}.--color-blue-light{background-color:rgb(var(--color-blue-light))}.--color-blue-default{background-color:rgb(var(--color-blue-default))}.--color-blue-dark{background-color:rgb(var(--color-blue-dark))}.--color-blue-darker{background-color:rgb(var(--color-blue-darker))}.--color-sky-lighter{background-color:rgb(var(--color-sky-lighter))}.--color-sky-light{background-color:rgb(var(--color-sky-light))}.--color-sky-default{background-color:rgb(var(--color-sky-default))}.--color-sky-dark{background-color:rgb(var(--color-sky-dark))}.--color-sky-darker{background-color:rgb(var(--color-sky-darker))}.--color-cyan-lighter{background-color:rgb(var(--color-cyan-lighter))}.--color-cyan-light{background-color:rgb(var(--color-cyan-light))}.--color-cyan-default{background-color:rgb(var(--color-cyan-default))}.--color-cyan-dark{background-color:rgb(var(--color-cyan-dark))}.--color-cyan-darker{background-color:rgb(var(--color-cyan-darker))}.--color-teal-lighter{background-color:rgb(var(--color-teal-lighter))}.--color-teal-light{background-color:rgb(var(--color-teal-light))}.--color-teal-default{background-color:rgb(var(--color-teal-default))}.--color-teal-dark{background-color:rgb(var(--color-teal-dark))}.--color-teal-darker{background-color:rgb(var(--color-teal-darker))}.--color-green-lighter{background-color:rgb(var(--color-green-lighter))}.--color-green-light{background-color:rgb(var(--color-green-light))}.--color-green-default{background-color:rgb(var(--color-green-default))}.--color-green-dark{background-color:rgb(var(--color-green-dark))}.--color-green-darker{background-color:rgb(var(--color-green-darker))}.--color-lime-lighter{background-color:rgb(var(--color-lime-lighter))}.--color-lime-light{background-color:rgb(var(--color-lime-light))}.--color-lime-default{background-color:rgb(var(--color-lime-default))}.--color-lime-dark{background-color:rgb(var(--color-lime-dark))}.--color-lime-darker{background-color:rgb(var(--color-lime-darker))}.--color-grass-lighter{background-color:rgb(var(--color-grass-lighter))}.--color-grass-light{background-color:rgb(var(--color-grass-light))}.--color-grass-default{background-color:rgb(var(--color-grass-default))}.--color-grass-dark{background-color:rgb(var(--color-grass-dark))}.--color-grass-darker{background-color:rgb(var(--color-grass-darker))}.--color-yellow-lighter{background-color:rgb(var(--color-yellow-lighter))}.--color-yellow-light{background-color:rgb(var(--color-yellow-light))}.--color-yellow-default{background-color:rgb(var(--color-yellow-default))}.--color-yellow-dark{background-color:rgb(var(--color-yellow-dark))}.--color-yellow-darker{background-color:rgb(var(--color-yellow-darker))}.--color-amber-lighter{background-color:rgb(var(--color-amber-lighter))}.--color-amber-light{background-color:rgb(var(--color-amber-light))}.--color-amber-default{background-color:rgb(var(--color-amber-default))}.--color-amber-dark{background-color:rgb(var(--color-amber-dark))}.--color-amber-darker{background-color:rgb(var(--color-amber-darker))}.--color-orange-lighter{background-color:rgb(var(--color-orange-lighter))}.--color-orange-light{background-color:rgb(var(--color-orange-light))}.--color-orange-default{background-color:rgb(var(--color-orange-default))}.--color-orange-dark{background-color:rgb(var(--color-orange-dark))}.--color-orange-darker{background-color:rgb(var(--color-orange-darker))}.--color-coral-lighter{background-color:rgb(var(--color-coral-lighter))}.--color-coral-light{background-color:rgb(var(--color-coral-light))}.--color-coral-default{background-color:rgb(var(--color-coral-default))}.--color-coral-dark{background-color:rgb(var(--color-coral-dark))}.--color-coral-darker{background-color:rgb(var(--color-coral-darker))}.--color-brown-lighter{background-color:rgb(var(--color-brown-lighter))}.--color-brown-light{background-color:rgb(var(--color-brown-light))}.--color-brown-default{background-color:rgb(var(--color-brown-default))}.--color-brown-dark{background-color:rgb(var(--color-brown-dark))}.--color-brown-darker{background-color:rgb(var(--color-brown-darker))}.--color-gray-lighter{background-color:rgb(var(--color-gray-lighter))}.--color-gray-light{background-color:rgb(var(--color-gray-light))}.--color-gray-default{background-color:rgb(var(--color-gray-default))}.--color-gray-dark{background-color:rgb(var(--color-gray-dark))}.--color-gray-darker{background-color:rgb(var(--color-gray-darker))}.--color-glaucous-lighter{background-color:rgb(var(--color-glaucous-lighter))}.--color-glaucous-light{background-color:rgb(var(--color-glaucous-light))}.--color-glaucous-default{background-color:rgb(var(--color-glaucous-default))}.--color-glaucous-dark{background-color:rgb(var(--color-glaucous-dark))}.--color-glaucous-darker{background-color:rgb(var(--color-glaucous-darker))}.--contrast-100{color:rgb(var(--contrast-900));background-color:rgb(var(--contrast-100))}.--contrast-200{color:rgb(var(--contrast-1000));background-color:rgb(var(--contrast-200))}.--contrast-300{color:rgb(var(--contrast-1100));background-color:rgb(var(--contrast-300))}.--contrast-400{color:rgb(var(--contrast-1200));background-color:rgb(var(--contrast-400))}.--contrast-500{color:rgb(var(--contrast-1300));background-color:rgb(var(--contrast-500))}.--contrast-600{color:rgb(var(--contrast-1400));background-color:rgb(var(--contrast-600))}.--contrast-700{color:rgb(var(--contrast-1500));background-color:rgb(var(--contrast-700))}.--contrast-800{color:rgb(var(--contrast-1600));background-color:rgb(var(--contrast-800))}.--contrast-900{color:rgb(var(--contrast-1700));background-color:rgb(var(--contrast-900))}.--contrast-1000{color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-1000))}.--contrast-1100{color:rgb(var(--contrast-200));background-color:rgb(var(--contrast-1100))}.--contrast-1200{color:rgb(var(--contrast-300));background-color:rgb(var(--contrast-1200))}.--contrast-1300{color:rgb(var(--contrast-400));background-color:rgb(var(--contrast-1300))}.--contrast-1400{color:rgb(var(--contrast-500));background-color:rgb(var(--contrast-1400))}.--contrast-1500{color:rgb(var(--contrast-600));background-color:rgb(var(--contrast-1500))}.--contrast-1600{color:rgb(var(--contrast-700));background-color:rgb(var(--contrast-1600))}.--contrast-1700{color:rgb(var(--contrast-800));background-color:rgb(var(--contrast-1700))}.--color-white{color:rgb(var(--color-black));background-color:rgb(var(--color-white))}.--color-black{color:rgb(var(--color-white));background-color:rgb(var(--color-black))}:host{--lime-brand-color-deep-red:240, 87, 80;--lime-brand-color-sellable-orange:255, 112, 67;--lime-brand-color-orange:255, 176, 59;--lime-brand-color-yellow:255, 207, 61;--lime-brand-color-lime-green:102, 187, 106;--lime-brand-color-flexible-turquoise:38, 166, 154;--lime-brand-color-simple-blue:41, 182, 246;--lime-brand-color-dark-blue:87, 135, 159;--lime-brand-color-loving-magenta:255, 49, 149;--lime-brand-color-light-grey:173, 173, 173;--lime-brand-color-grey:87, 87, 86;--color-white:255, 255, 255;--color-black:0, 0, 0;--contrast-100:255, 255, 255;--contrast-200:250, 250, 251;--contrast-300:246, 246, 247;--contrast-400:241, 241, 243;--contrast-500:237, 237, 238;--contrast-600:232, 232, 234;--contrast-700:209, 209, 213;--contrast-800:186, 186, 192;--contrast-900:140, 140, 150;--contrast-1000:117, 117, 128;--contrast-1100:94, 94, 108;--contrast-1200:71, 71, 86;--contrast-1300:48, 48, 66;--contrast-1400:39, 39, 57;--contrast-1500:35, 35, 53;--contrast-1600:25, 25, 44;--contrast-1700:0, 0, 0;--color-red-lighter:255, 205, 210;--color-red-light:255, 117, 107;--color-red-default:244, 67, 54;--color-red-dark:211, 47, 47;--color-red-darker:183, 28, 28;--color-pink-lighter:248, 187, 208;--color-pink-light:240, 98, 146;--color-pink-default:233, 30, 99;--color-pink-dark:194, 24, 91;--color-pink-darker:136, 14, 79;--color-purple-lighter:225, 190, 231;--color-purple-light:186, 104, 200;--color-purple-default:156, 39, 176;--color-purple-dark:123, 31, 162;--color-purple-darker:74, 20, 140;--color-magenta-lighter:249, 176, 212;--color-magenta-light:247, 89, 166;--color-magenta-default:243, 65, 151;--color-magenta-dark:199, 46, 121;--color-magenta-darker:156, 22, 87;--color-violet-lighter:209, 196, 233;--color-violet-light:149, 117, 205;--color-violet-default:103, 58, 183;--color-violet-dark:81, 45, 168;--color-violet-darker:49, 27, 146;--color-indigo-lighter:197, 202, 233;--color-indigo-light:121, 134, 203;--color-indigo-default:63, 81, 181;--color-indigo-dark:48, 63, 159;--color-indigo-darker:26, 35, 126;--color-blue-lighter:187, 222, 251;--color-blue-light:100, 181, 246;--color-blue-default:33, 150, 243;--color-blue-dark:25, 118, 210;--color-blue-darker:13, 71, 161;--color-sky-lighter:179, 229, 252;--color-sky-light:79, 195, 247;--color-sky-default:3, 169, 244;--color-sky-dark:2, 136, 209;--color-sky-darker:1, 87, 155;--color-cyan-lighter:178, 235, 242;--color-cyan-light:77, 208, 225;--color-cyan-default:0, 188, 212;--color-cyan-dark:0, 151, 167;--color-cyan-darker:0, 96, 100;--color-teal-lighter:178, 223, 219;--color-teal-light:77, 182, 172;--color-teal-default:0, 150, 136;--color-teal-dark:0, 121, 107;--color-teal-darker:0, 77, 64;--color-green-lighter:200, 230, 201;--color-green-light:129, 199, 132;--color-green-default:76, 175, 80;--color-green-dark:56, 142, 60;--color-green-darker:27, 94, 32;--color-lime-lighter:220, 237, 200;--color-lime-light:174, 213, 129;--color-lime-default:139, 195, 74;--color-lime-dark:104, 159, 56;--color-lime-darker:51, 105, 30;--color-grass-lighter:240, 244, 195;--color-grass-light:220, 231, 117;--color-grass-default:205, 220, 57;--color-grass-dark:175, 180, 43;--color-grass-darker:130, 119, 23;--color-yellow-lighter:255, 249, 196;--color-yellow-light:255, 241, 118;--color-yellow-default:255, 235, 59;--color-yellow-dark:251, 206, 44;--color-yellow-darker:232, 191, 41;--color-amber-lighter:255, 236, 179;--color-amber-light:255, 213, 79;--color-amber-default:255, 193, 7;--color-amber-dark:255, 160, 0;--color-amber-darker:255, 111, 0;--color-orange-lighter:255, 224, 178;--color-orange-light:255, 183, 77;--color-orange-default:255, 152, 0;--color-orange-dark:245, 124, 0;--color-orange-darker:230, 81, 0;--color-coral-lighter:255, 204, 188;--color-coral-light:255, 138, 101;--color-coral-default:255, 87, 34;--color-coral-dark:230, 74, 25;--color-coral-darker:191, 54, 12;--color-brown-lighter:215, 204, 200;--color-brown-light:161, 136, 127;--color-brown-default:121, 85, 72;--color-brown-dark:93, 64, 55;--color-brown-darker:62, 39, 35;--color-gray-lighter:245, 245, 245;--color-gray-light:224, 224, 224;--color-gray-default:158, 158, 158;--color-gray-dark:var(--lime-brand-color-grey);--color-gray-darker:33, 33, 33;--color-glaucous-lighter:208, 225, 232;--color-glaucous-light:135, 174, 193;--color-glaucous-default:var(--lime-brand-color-dark-blue);--color-glaucous-dark:58, 100, 119;--color-glaucous-darker:37, 71, 88;}@media (prefers-color-scheme: dark){:host{--contrast-100:0, 0, 0;--contrast-200:25, 25, 44;--contrast-300:35, 35, 53;--contrast-400:39, 39, 57;--contrast-500:48, 48, 66;--contrast-600:71, 71, 86;--contrast-700:94, 94, 108;--contrast-800:117, 117, 128;--contrast-900:140, 140, 150;--contrast-1000:186, 186, 192;--contrast-1100:209, 209, 213;--contrast-1200:232, 232, 234;--contrast-1300:237, 237, 238;--contrast-1400:241, 241, 243;--contrast-1500:246, 246, 247;--contrast-1600:250, 250, 251;--contrast-1700:255, 255, 255;--color-red-lighter:239, 154, 154;--color-red-light:var(--lime-brand-color-deep-red);--color-red-default:229, 57, 53;--color-red-dark:198, 40, 40;--color-red-darker:165, 23, 23;--color-pink-lighter:244, 143, 177;--color-pink-light:236, 64, 122;--color-pink-default:216, 27, 96;--color-pink-dark:173, 20, 87;--color-pink-darker:132, 10, 75;--color-magenta-lighter:249, 161, 204;--color-magenta-light:249, 79, 162;--color-magenta-default:var(--lime-brand-color-loving-magenta);--color-magenta-dark:208, 31, 117;--color-magenta-darker:156, 22, 87;--color-purple-lighter:206, 147, 216;--color-purple-light:171, 71, 188;--color-purple-default:142, 36, 170;--color-purple-dark:106, 27, 154;--color-purple-darker:62, 13, 121;--color-violet-lighter:179, 157, 219;--color-violet-light:126, 87, 194;--color-violet-default:94, 53, 177;--color-violet-dark:69, 39, 160;--color-violet-darker:41, 22, 127;--color-indigo-lighter:159, 168, 218;--color-indigo-light:92, 107, 192;--color-indigo-default:57, 73, 171;--color-indigo-dark:40, 53, 147;--color-indigo-darker:21, 30, 115;--color-blue-lighter:144, 202, 249;--color-blue-light:66, 165, 245;--color-blue-default:30, 136, 229;--color-blue-dark:21, 101, 192;--color-blue-darker:10, 60, 138;--color-sky-lighter:129, 212, 250;--color-sky-light:var(--lime-brand-color-simple-blue);--color-sky-default:3, 155, 229;--color-sky-dark:2, 119, 189;--color-sky-darker:1, 81, 144;--color-cyan-lighter:128, 222, 234;--color-cyan-light:38, 198, 218;--color-cyan-default:0, 172, 193;--color-cyan-dark:0, 131, 143;--color-cyan-darker:0, 89, 93;--color-teal-lighter:128, 203, 196;--color-teal-light:var(--lime-brand-color-flexible-turquoise);--color-teal-default:0, 137, 123;--color-teal-dark:0, 105, 92;--color-teal-darker:1, 82, 69;--color-green-lighter:165, 214, 167;--color-green-light:var(--lime-brand-color-lime-green);--color-green-default:67, 160, 71;--color-green-dark:46, 125, 50;--color-green-darker:32, 97, 37;--color-lime-lighter:197, 225, 165;--color-lime-light:156, 204, 101;--color-lime-default:124, 179, 66;--color-lime-dark:85, 139, 47;--color-lime-darker:43, 90, 25;--color-grass-lighter:230, 238, 156;--color-grass-light:212, 225, 87;--color-grass-default:192, 202, 51;--color-grass-dark:158, 157, 36;--color-grass-darker:119, 109, 19;--color-yellow-lighter:255, 245, 157;--color-yellow-light:255, 238, 88;--color-yellow-default:253, 216, 53;--color-yellow-dark:245, 200, 39;--color-yellow-darker:224, 180, 21;--color-amber-lighter:255, 224, 130;--color-amber-light:var(--lime-brand-color-yellow);--color-amber-default:var(--lime-brand-color-orange);--color-amber-dark:255, 143, 0;--color-amber-darker:222, 98, 2;--color-orange-lighter:255, 204, 128;--color-orange-light:255, 167, 38;--color-orange-default:251, 140, 0;--color-orange-dark:239, 108, 0;--color-orange-darker:216, 77, 1;--color-coral-lighter:255, 171, 145;--color-coral-light:var(--lime-brand-color-sellable-orange);--color-coral-default:244, 81, 30;--color-coral-dark:216, 67, 21;--color-coral-darker:181, 50, 10;--color-brown-lighter:188, 170, 164;--color-brown-light:141, 110, 99;--color-brown-default:109, 76, 65;--color-brown-dark:78, 52, 46;--color-brown-darker:51, 32, 28;--color-gray-lighter:238, 238, 238;--color-gray-light:var(--lime-brand-color-light-grey);--color-gray-default:117, 117, 117;--color-gray-dark:66, 66, 66;--color-gray-darker:33, 32, 32;--color-glaucous-lighter:159, 194, 208;--color-glaucous-light:110, 141, 156;--color-glaucous-default:68, 108, 128;--color-glaucous-dark:42, 87, 107;--color-glaucous-darker:34, 65, 80;}}.color-palette{grid-template-rows:repeat(5, 1fr) auto;grid-template-columns:repeat(20, 1fr) auto}:host{--popover-surface-width:50rem;--color-picker-default-background:url(\"data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill-opacity='0.1' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>\")}.color-picker{display:grid;gap:0.5rem;grid-template-columns:auto 1fr}.chosen-color-preview,.picker-trigger{box-sizing:border-box;position:relative;isolation:isolate;width:3.5rem;height:3.5rem}.chosen-color-preview:before,.chosen-color-preview:after,.picker-trigger:before,.picker-trigger:after{content:\"\";position:absolute;inset:0;border-radius:inherit}.chosen-color-preview:before,.picker-trigger:before{background:var(--color-picker-default-background);background-size:0.5rem;z-index:0}.chosen-color-preview:after,.picker-trigger:after{background:var(--background);z-index:1}.picker-trigger{border-radius:0.5rem;cursor:pointer;transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;box-shadow:var(--button-shadow-normal)}.picker-trigger:hover{box-shadow:var(--button-shadow-hovered)}.picker-trigger:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.picker-trigger:after{box-shadow:0 0 0 0.25rem rgb(var(--contrast-100)) inset}:host([readonly]) .picker-trigger:hover,:host([readonly]) .picker-trigger:active{cursor:default;box-shadow:var(--button-shadow-normal);transform:none}.chosen-color-input[readonly]{transform:translateY(1rem)}:host{border-radius:0.75rem;background-color:rgb(var(--kompendium-contrast-300))}.color-picker-palette{display:grid;gap:0.25rem;grid-auto-flow:column;grid-template-columns:repeat(20, 1fr);grid-template-rows:repeat(4, 1fr) auto;margin:1rem}.chosen-color-name{box-sizing:border-box;padding:1rem;display:grid;grid-template-columns:1fr auto;gap:0.5rem}.chosen-color-preview{border:1px solid rgba(var(--contrast-700), 0.65);border-radius:50%}.swatch:not(.hue){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer}.swatch:not(.hue):hover{box-shadow:var(--button-shadow-hovered)}.swatch:not(.hue):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}.swatch:not(.hue):focus-visible{box-shadow:var(--shadow-depth-8-focused), 0 0 0 0.25rem rgb(var(--contrast-100)) inset}.swatch--selected{border-radius:50%}";let u=class{constructor(l){r(this,l),this.close=o(this,"close",7),this.open=!1,this.handleGlobalKeyPress=r=>{r.key===e&&(r.stopPropagation(),r.preventDefault(),this.close.emit())},this.portalId=c(),this.globalClickListener=this.globalClickListener.bind(this)}watchOpen(){this.setupGlobalHandlers()}componentWillLoad(){this.setupGlobalHandlers()}setupGlobalHandlers(){this.open?(document.addEventListener("click",this.globalClickListener,{capture:!0}),document.addEventListener("keyup",this.handleGlobalKeyPress)):(document.removeEventListener("click",this.globalClickListener),document.removeEventListener("keyup",this.handleGlobalKeyPress))}render(){const r=this.getCssProperties(),o=getComputedStyle(this.host).getPropertyValue("--popover-z-index");return l("div",{class:"trigger-anchor"},l("slot",{name:"trigger"}),l("limel-portal",{visible:this.open,containerId:this.portalId,containerStyle:{"z-index":o}},l("limel-popover-surface",{contentCollection:this.host.children,style:r})))}globalClickListener(r){const o=b(this.host,r.target);this.open&&!o&&(r.stopPropagation(),r.preventDefault(),this.close.emit())}getCssProperties(){const r=["--popover-surface-width","--popover-body-background-color","--popover-border-radius"],o=getComputedStyle(this.host),l=r.map((r=>o.getPropertyValue(r)));return t(r,l)}get host(){return a(this)}static get watchers(){return{open:["watchOpen"]}}};u.style=".trigger-anchor{display:inline-block;position:relative}";export{s as limel_color_picker_palette,u as limel_popover}