@limetech/lime-elements 38.22.2 → 38.23.1

package/dist/lime-elements/{p-a0fa40ee.entry.js → p-2116b3ce.entry.js}

@@ -86,5 +86,5 @@ import{r as t,c as i,h as e,H as r,g as s}from"./p-288f0842.js";import{c as n}fr
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var I=function(t){d(i,t);function i(){var i=t!==null&&t.apply(this,arguments)||this;i.skipInitialUIUpdate=false;i.valueToAriaValueTextFn=null;return i}i.attachTo=function(t,e){if(e===void 0){e={}}return new i(t,undefined,e)};i.prototype.getDefaultFoundation=function(){var t=this;var i={hasClass:function(i){return t.root.classList.contains(i)},addClass:function(i){t.root.classList.add(i)},removeClass:function(i){t.root.classList.remove(i)},addThumbClass:function(i,e){t.getThumbEl(e).classList.add(i)},removeThumbClass:function(i,e){t.getThumbEl(e).classList.remove(i)},getAttribute:function(i){return t.root.getAttribute(i)},getInputValue:function(i){return t.getInput(i).value},setInputValue:function(i,e){t.getInput(e).value=i},getInputAttribute:function(i,e){return t.getInput(e).getAttribute(i)},setInputAttribute:function(i,e,r){t.getInput(r).setAttribute(i,e)},removeInputAttribute:function(i,e){t.getInput(e).removeAttribute(i)},focusInput:function(i){t.getInput(i).focus()},isInputFocused:function(i){return t.getInput(i)===document.activeElement},getThumbKnobWidth:function(i){return t.getThumbEl(i).querySelector("."+v.THUMB_KNOB).getBoundingClientRect().width},getThumbBoundingClientRect:function(i){return t.getThumbEl(i).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return getComputedStyle(t.root).direction==="rtl"},setThumbStyleProperty:function(i,e,r){t.getThumbEl(r).style.setProperty(i,e)},removeThumbStyleProperty:function(i,e){t.getThumbEl(e).style.removeProperty(i)},setTrackActiveStyleProperty:function(i,e){t.trackActive.style.setProperty(i,e)},removeTrackActiveStyleProperty:function(i){t.trackActive.style.removeProperty(i)},setValueIndicatorText:function(i,e){var r=t.getThumbEl(e).querySelector("."+v.VALUE_INDICATOR_TEXT);r.textContent=String(i)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(i){var e=t.root.querySelector("."+v.TICK_MARKS_CONTAINER);if(!e){e=document.createElement("div");e.classList.add(v.TICK_MARKS_CONTAINER);var r=t.root.querySelector("."+v.TRACK);r.appendChild(e)}if(i.length!==e.children.length){while(e.firstChild){e.removeChild(e.firstChild)}t.addTickMarks(e,i)}else{t.updateTickMarks(e,i)}},setPointerCapture:function(i){t.root.setPointerCapture(i)},emitChangeEvent:function(i,e){t.emit(g.CHANGE,{value:i,thumb:e})},emitInputEvent:function(i,e){t.emit(g.INPUT,{value:i,thumb:e})},emitDragStartEvent:function(i,e){t.getRipple(e).activate()},emitDragEndEvent:function(i,e){t.getRipple(e).deactivate()},registerEventHandler:function(i,e){t.listen(i,e)},deregisterEventHandler:function(i,e){t.unlisten(i,e)},registerThumbEventHandler:function(i,e,r){t.getThumbEl(i).addEventListener(e,r)},deregisterThumbEventHandler:function(i,e,r){t.getThumbEl(i).removeEventListener(e,r)},registerInputEventHandler:function(i,e,r){t.getInput(i).addEventListener(e,r)},deregisterInputEventHandler:function(i,e,r){t.getInput(i).removeEventListener(e,r)},registerBodyEventHandler:function(t,i){document.body.addEventListener(t,i)},deregisterBodyEventHandler:function(t,i){document.body.removeEventListener(t,i)},registerWindowEventHandler:function(t,i){window.addEventListener(t,i)},deregisterWindowEventHandler:function(t,i){window.removeEventListener(t,i)}};return new E(i)};i.prototype.initialize=function(t){var i=t===void 0?{}:t,e=i.skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+v.INPUT));this.thumbs=[].slice.call(this.root.querySelectorAll("."+v.THUMB));this.trackActive=this.root.querySelector("."+v.TRACK_ACTIVE);this.ripples=this.createRipples();if(e){this.skipInitialUIUpdate=true}};i.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})};i.prototype.layout=function(){this.foundation.layout()};i.prototype.getValueStart=function(){return this.foundation.getValueStart()};i.prototype.setValueStart=function(t){this.foundation.setValueStart(t)};i.prototype.getValue=function(){return this.foundation.getValue()};i.prototype.setValue=function(t){this.foundation.setValue(t)};i.prototype.getDisabled=function(){return this.foundation.getDisabled()};i.prototype.setDisabled=function(t){this.foundation.setDisabled(t)};i.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t};i.prototype.getThumbEl=function(t){return t===k.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]};i.prototype.getInput=function(t){return t===k.END?this.inputs[this.inputs.length-1]:this.inputs[0]};i.prototype.getRipple=function(t){return t===k.END?this.ripples[this.ripples.length-1]:this.ripples[0]};i.prototype.addTickMarks=function(t,i){var e=document.createDocumentFragment();for(var r=0;r<i.length;r++){var s=document.createElement("div");var n=i[r]===y.ACTIVE?v.TICK_MARK_ACTIVE:v.TICK_MARK_INACTIVE;s.classList.add(n);e.appendChild(s)}t.appendChild(e)};i.prototype.updateTickMarks=function(t,i){var e=Array.from(t.children);for(var r=0;r<e.length;r++){if(i[r]===y.ACTIVE){e[r].classList.add(v.TICK_MARK_ACTIVE);e[r].classList.remove(v.TICK_MARK_INACTIVE)}else{e[r].classList.add(v.TICK_MARK_INACTIVE);e[r].classList.remove(v.TICK_MARK_ACTIVE)}}};i.prototype.createRipples=function(){var t=[];var i=[].slice.call(this.root.querySelectorAll("."+v.THUMB));var e=function(e){var s=i[e];var n=r.inputs[e];var d=o(o({},h.createAdapter(r)),{addClass:function(t){s.classList.add(t)},computeBoundingRect:function(){return s.getBoundingClientRect()},deregisterInteractionHandler:function(t,i){n.removeEventListener(t,i)},isSurfaceActive:function(){return a(n,":active")},isUnbounded:function(){return true},registerInteractionHandler:function(t,i){n.addEventListener(t,i,m())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,i){s.style.setProperty(t,i)}});var l=new h(s,new u(d));l.unbounded=true;t.push(l)};var r=this;for(var s=0;s<i.length;s++){e(s)}return t};return i}(c);function S(t){const i=.1;const e=.2;const r=.3;const s=.4;const n=.5;const d=.6;const o=.7;const l=.8;const a=.9;if(t===0){return"percent-0"}if(t<i){return"percent-0-10"}if(t<e){return"percent-10-20"}if(t<r){return"percent-20-30"}if(t<s){return"percent-30-40"}if(t<n){return"percent-40-50"}if(t<d){return"percent-50-60"}if(t<o){return"percent-60-70"}if(t<l){return"percent-70-80"}if(t<a){return"percent-80-90"}return"percent-90-100"}const A='@charset "UTF-8";@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-slider__thumb::before,.mdc-slider__thumb::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb::before,.mdc-slider__thumb::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::before,.mdc-slider__thumb.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb::before,.mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right;}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:0.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.6}.mdc-slider.mdc-slider--disabled{opacity:0.38;cursor:auto}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host(limel-slider){isolation:isolate;position:relative;display:flex;flex-direction:column}:host(limel-slider:not([invalid]):not([invalid=true])) .limel-notched-outline,:host(limel-slider[disabled]:not([disabled=false])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:flex;flex-direction:column;width:100%;padding:0 0.25rem}.mdc-slider{height:2.5rem;margin:0 0.75rem}.mdc-slider .mdc-slider__track--inactive{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__thumb-knob{border-color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__value-indicator-text{font-size:var(--limel-theme-default-small-font-size)}.mdc-slider .mdc-slider__value-indicator-text{font-family:inherit}.slider__content-range-container{display:flex;order:2;justify-content:space-between;margin:0 auto;margin-top:-0.75rem;width:100%}.slider__content-min-label,.slider__content-max-label{line-height:1;transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;color:rgba(var(--contrast-1200), 1)}.mdc-slider__track:before,.mdc-slider__track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.mdc-slider__track:before{left:-0.75rem}.mdc-slider__track:after{right:-0.75rem}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors[readonly]){--mdc-theme-on-surface:var(--lime-primary-color)}:host(.displays-percentage-colors.percent-0){--lime-primary-color:var(--color-percent--0)}:host(.displays-percentage-colors.percent-0-10){--lime-primary-color:var(--color-percent--0to10)}:host(.displays-percentage-colors.percent-10-20){--lime-primary-color:var(--color-percent--10to20)}:host(.displays-percentage-colors.percent-20-30){--lime-primary-color:var(--color-percent--20to30)}:host(.displays-percentage-colors.percent-30-40){--lime-primary-color:var(--color-percent--30to40)}:host(.displays-percentage-colors.percent-40-50){--lime-primary-color:var(--color-percent--40to50)}:host(.displays-percentage-colors.percent-50-60){--lime-primary-color:var(--color-percent--50to60)}:host(.displays-percentage-colors.percent-60-70){--lime-primary-color:var(--color-percent--60to70)}:host(.displays-percentage-colors.percent-70-80){--lime-primary-color:var(--color-percent--70to80)}:host(.displays-percentage-colors.percent-80-90){--lime-primary-color:var(--color-percent--80to90)}:host(.displays-percentage-colors.percent-90-100){--lime-primary-color:var(--color-percent--90to100)}:host(.displays-percentage-colors.percent-30-40) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors.percent-30-40) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled{opacity:1}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;opacity:0;width:0;height:0;border:0.25rem solid transparent;border-top-color:rgba(var(--contrast-1400), 0.6)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before{left:-1.25rem;transform:rotate(90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{right:-1.25rem;transform:rotate(-90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:before{opacity:0.8;left:-1.75rem}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:after{opacity:0.8;right:-1.75rem}.mdc-slider .mdc-slider__thumb{top:-0.25rem}.mdc-slider .mdc-slider__value-indicator-container{z-index:1}.mdc-slider .mdc-slider__value-indicator{transition:transform 0.2s ease-out;opacity:1;transform:scale(1) translateY(2rem);border-radius:1.25rem;padding:0 0.5rem;height:1.5rem}.mdc-slider .mdc-slider__value-indicator:before{border-top-color:transparent}.mdc-slider .mdc-slider__value-indicator-text{color:rgb(var(--color-white))}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__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(--lime-primary-color, var(--limel-theme-primary-color))}.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,:host(limel-slider[readonly]) .mdc-slider__value-indicator{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider:focus),:host(limel-slider:focus-visible),:host(limel-slider:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-slider){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-slider:focus) limel-helper-line,:host(limel-slider:focus-visible) limel-helper-line,:host(limel-slider:focus-within) limel-helper-line,:host(limel-slider:hover) limel-helper-line{will-change:grid-template-rows}limel-helper-line{order:3}';const M=1;const D=100;const z=0;const H=class{constructor(r){t(this,r);this.change=i(this,"change",7);this.renderRangeContainer=()=>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));this.renderSliderContainer=t=>e("div",{class:{"mdc-slider":true,"mdc-slider--discrete":true,"mdc-slider--disabled":this.disabled||this.readonly}},this.renderSliderInput(t),this.renderTrack(),this.renderThumb());this.renderSliderInput=t=>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-labelledby":this.labelId,"aria-controls":this.helperTextId},t));this.renderTrack=()=>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"})));this.renderThumb=()=>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=()=>{if(!this.helperText){return}return e("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})};this.initialize=()=>{const t=this.getInputElement();if(!t){return}const i=this.getValue();t.setAttribute("value",`${this.multiplyByFactor(i)}`);const e=i>=this.valuemin;const r=i<=this.valuemax;if(!e){const e=this.multiplyByFactor(i);t.setAttribute("min",`${e}`)}if(!r){const e=this.multiplyByFactor(i);t.setAttribute("max",`${e}`)}if(!this.isMultipleOfStep(i,this.step)){t.removeAttribute("step")}this.createMDCSlider()};this.reCreateSliderWithStep=()=>{const t=this.getInputElement();const i=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",i);this.destroyMDCSlider();this.createMDCSlider()};this.createMDCSlider=()=>{const t=this.getRootElement();this.mdcSlider=new I(t);this.mdcSlider.listen("MDCSlider:change",this.changeHandler);this.mdcSlider.listen("MDCSlider:input",this.inputHandler)};this.changeHandler=t=>{let i=t.detail.value;const e=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(i,e)){i=this.roundToStep(i,e)}this.change.emit(i/this.factor)};this.inputHandler=t=>{this.setPercentageClass(t.detail.value/this.factor)};this.getContainerClassList=()=>({[this.percentageClass]:true,disabled:this.disabled||this.readonly,readonly:this.readonly});this.resizeObserverCallback=()=>{var t;(t=this.mdcSlider)===null||t===void 0?void 0:t.layout()};this.updateDisabledState=()=>{var t;if(!this.mdcSlider){return}(t=this.mdcSlider)===null||t===void 0?void 0:t.setDisabled(this.disabled||this.readonly)};this.multiplyByFactor=t=>Math.round(t*this.factor);this.getValue=()=>{let t=this.value;if(!Number.isFinite(t)){t=this.valuemin}return t};this.setPercentageClass=t=>{this.percentageClass=S((t-this.valuemin)/(this.valuemax-this.valuemin))};this.isMultipleOfStep=(t,i)=>{if(!i){return true}return t%i===0};this.roundToStep=(t,i)=>Math.round(t/i)*i;this.getRootElement=()=>this.rootElement.shadowRoot.querySelector(".mdc-slider");this.getInputElement=()=>{const t=this.getRootElement();if(!t){return}return t.querySelector("input")};this.isStepConfigured=()=>{if(!this.step){return true}const t=this.getInputElement();if(!t){return true}return t.hasAttribute("step")};this.disabled=false;this.readonly=false;this.factor=M;this.label=undefined;this.helperText=undefined;this.required=false;this.invalid=false;this.unit="";this.value=undefined;this.valuemax=D;this.valuemin=z;this.step=undefined;this.percentageClass=undefined;this.labelId=n();this.helperTextId=n()}connectedCallback(){this.initialize();this.observer=new ResizeObserver(this.resizeObserverCallback);this.observer.observe(this.rootElement)}componentWillLoad(){this.setPercentageClass(this.value)}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCSlider();this.observer.disconnect()}render(){const t={};if(this.step){t.step=this.multiplyByFactor(this.step)}if(this.disabled||this.readonly){t.disabled=true}return e(r,{class:this.getContainerClassList()},e("limel-notched-outline",{labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,hasValue:!!this.value,hasFloatingLabel:true},e("div",{slot:"content"},this.renderRangeContainer(),this.renderSliderContainer(t))),this.renderHelperLine())}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){if(!this.mdcSlider){return}const t=this.multiplyByFactor(this.getValue());this.mdcSlider.setValue(t);if(this.isStepConfigured()){return}const i=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(t,i)){return}this.reCreateSliderWithStep()}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler);this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler);this.mdcSlider.destroy();this.mdcSlider=undefined}get rootElement(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],readonly:["watchReadonly"],value:["watchValue"]}}};H.style=A;export{H as limel_slider};
-//# sourceMappingURL=p-a0fa40ee.entry.js.map
+ */var I=function(t){d(i,t);function i(){var i=t!==null&&t.apply(this,arguments)||this;i.skipInitialUIUpdate=false;i.valueToAriaValueTextFn=null;return i}i.attachTo=function(t,e){if(e===void 0){e={}}return new i(t,undefined,e)};i.prototype.getDefaultFoundation=function(){var t=this;var i={hasClass:function(i){return t.root.classList.contains(i)},addClass:function(i){t.root.classList.add(i)},removeClass:function(i){t.root.classList.remove(i)},addThumbClass:function(i,e){t.getThumbEl(e).classList.add(i)},removeThumbClass:function(i,e){t.getThumbEl(e).classList.remove(i)},getAttribute:function(i){return t.root.getAttribute(i)},getInputValue:function(i){return t.getInput(i).value},setInputValue:function(i,e){t.getInput(e).value=i},getInputAttribute:function(i,e){return t.getInput(e).getAttribute(i)},setInputAttribute:function(i,e,r){t.getInput(r).setAttribute(i,e)},removeInputAttribute:function(i,e){t.getInput(e).removeAttribute(i)},focusInput:function(i){t.getInput(i).focus()},isInputFocused:function(i){return t.getInput(i)===document.activeElement},getThumbKnobWidth:function(i){return t.getThumbEl(i).querySelector("."+v.THUMB_KNOB).getBoundingClientRect().width},getThumbBoundingClientRect:function(i){return t.getThumbEl(i).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return getComputedStyle(t.root).direction==="rtl"},setThumbStyleProperty:function(i,e,r){t.getThumbEl(r).style.setProperty(i,e)},removeThumbStyleProperty:function(i,e){t.getThumbEl(e).style.removeProperty(i)},setTrackActiveStyleProperty:function(i,e){t.trackActive.style.setProperty(i,e)},removeTrackActiveStyleProperty:function(i){t.trackActive.style.removeProperty(i)},setValueIndicatorText:function(i,e){var r=t.getThumbEl(e).querySelector("."+v.VALUE_INDICATOR_TEXT);r.textContent=String(i)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(i){var e=t.root.querySelector("."+v.TICK_MARKS_CONTAINER);if(!e){e=document.createElement("div");e.classList.add(v.TICK_MARKS_CONTAINER);var r=t.root.querySelector("."+v.TRACK);r.appendChild(e)}if(i.length!==e.children.length){while(e.firstChild){e.removeChild(e.firstChild)}t.addTickMarks(e,i)}else{t.updateTickMarks(e,i)}},setPointerCapture:function(i){t.root.setPointerCapture(i)},emitChangeEvent:function(i,e){t.emit(g.CHANGE,{value:i,thumb:e})},emitInputEvent:function(i,e){t.emit(g.INPUT,{value:i,thumb:e})},emitDragStartEvent:function(i,e){t.getRipple(e).activate()},emitDragEndEvent:function(i,e){t.getRipple(e).deactivate()},registerEventHandler:function(i,e){t.listen(i,e)},deregisterEventHandler:function(i,e){t.unlisten(i,e)},registerThumbEventHandler:function(i,e,r){t.getThumbEl(i).addEventListener(e,r)},deregisterThumbEventHandler:function(i,e,r){t.getThumbEl(i).removeEventListener(e,r)},registerInputEventHandler:function(i,e,r){t.getInput(i).addEventListener(e,r)},deregisterInputEventHandler:function(i,e,r){t.getInput(i).removeEventListener(e,r)},registerBodyEventHandler:function(t,i){document.body.addEventListener(t,i)},deregisterBodyEventHandler:function(t,i){document.body.removeEventListener(t,i)},registerWindowEventHandler:function(t,i){window.addEventListener(t,i)},deregisterWindowEventHandler:function(t,i){window.removeEventListener(t,i)}};return new E(i)};i.prototype.initialize=function(t){var i=t===void 0?{}:t,e=i.skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+v.INPUT));this.thumbs=[].slice.call(this.root.querySelectorAll("."+v.THUMB));this.trackActive=this.root.querySelector("."+v.TRACK_ACTIVE);this.ripples=this.createRipples();if(e){this.skipInitialUIUpdate=true}};i.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})};i.prototype.layout=function(){this.foundation.layout()};i.prototype.getValueStart=function(){return this.foundation.getValueStart()};i.prototype.setValueStart=function(t){this.foundation.setValueStart(t)};i.prototype.getValue=function(){return this.foundation.getValue()};i.prototype.setValue=function(t){this.foundation.setValue(t)};i.prototype.getDisabled=function(){return this.foundation.getDisabled()};i.prototype.setDisabled=function(t){this.foundation.setDisabled(t)};i.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t};i.prototype.getThumbEl=function(t){return t===k.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]};i.prototype.getInput=function(t){return t===k.END?this.inputs[this.inputs.length-1]:this.inputs[0]};i.prototype.getRipple=function(t){return t===k.END?this.ripples[this.ripples.length-1]:this.ripples[0]};i.prototype.addTickMarks=function(t,i){var e=document.createDocumentFragment();for(var r=0;r<i.length;r++){var s=document.createElement("div");var n=i[r]===y.ACTIVE?v.TICK_MARK_ACTIVE:v.TICK_MARK_INACTIVE;s.classList.add(n);e.appendChild(s)}t.appendChild(e)};i.prototype.updateTickMarks=function(t,i){var e=Array.from(t.children);for(var r=0;r<e.length;r++){if(i[r]===y.ACTIVE){e[r].classList.add(v.TICK_MARK_ACTIVE);e[r].classList.remove(v.TICK_MARK_INACTIVE)}else{e[r].classList.add(v.TICK_MARK_INACTIVE);e[r].classList.remove(v.TICK_MARK_ACTIVE)}}};i.prototype.createRipples=function(){var t=[];var i=[].slice.call(this.root.querySelectorAll("."+v.THUMB));var e=function(e){var s=i[e];var n=r.inputs[e];var d=o(o({},h.createAdapter(r)),{addClass:function(t){s.classList.add(t)},computeBoundingRect:function(){return s.getBoundingClientRect()},deregisterInteractionHandler:function(t,i){n.removeEventListener(t,i)},isSurfaceActive:function(){return a(n,":active")},isUnbounded:function(){return true},registerInteractionHandler:function(t,i){n.addEventListener(t,i,m())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,i){s.style.setProperty(t,i)}});var l=new h(s,new u(d));l.unbounded=true;t.push(l)};var r=this;for(var s=0;s<i.length;s++){e(s)}return t};return i}(c);function S(t){const i=.1;const e=.2;const r=.3;const s=.4;const n=.5;const d=.6;const o=.7;const l=.8;const a=.9;if(t===0){return"percent-0"}if(t<i){return"percent-0-10"}if(t<e){return"percent-10-20"}if(t<r){return"percent-20-30"}if(t<s){return"percent-30-40"}if(t<n){return"percent-40-50"}if(t<d){return"percent-50-60"}if(t<o){return"percent-60-70"}if(t<l){return"percent-70-80"}if(t<a){return"percent-80-90"}return"percent-90-100"}const A='@charset "UTF-8";@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-slider__thumb::before,.mdc-slider__thumb::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb::before,.mdc-slider__thumb::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::before,.mdc-slider__thumb.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb::before,.mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right;}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:0.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary, #6200ee);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.6}.mdc-slider.mdc-slider--disabled{opacity:0.38;cursor:auto}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host(limel-slider){isolation:isolate;position:relative;display:flex;flex-direction:column}:host(limel-slider:not([invalid]):not([invalid=true])) .limel-notched-outline,:host(limel-slider[disabled]:not([disabled=false])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:flex;flex-direction:column;width:100%;padding:0 0.25rem}.mdc-slider{height:2.5rem;margin:0 0.75rem}.mdc-slider .mdc-slider__track--inactive{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__thumb-knob{border-color:var(--lime-primary-color, var(--limel-theme-primary-color));background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider .mdc-slider__value-indicator-text{font-size:var(--limel-theme-default-small-font-size)}.mdc-slider .mdc-slider__value-indicator-text{font-family:inherit}.slider__content-range-container{display:flex;order:2;justify-content:space-between;margin:0 auto;margin-top:-0.75rem;width:100%}.slider__content-min-label,.slider__content-max-label{line-height:1;transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;color:rgba(var(--contrast-1200), 1)}.mdc-slider__track:before,.mdc-slider__track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.mdc-slider__track:before{left:-0.75rem}.mdc-slider__track:after{right:-0.75rem}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors[readonly]){--mdc-theme-on-surface:var(--lime-primary-color)}:host(.displays-percentage-colors.percent-0){--lime-primary-color:var(--color-percent--0)}:host(.displays-percentage-colors.percent-0-10){--lime-primary-color:var(--color-percent--0to10)}:host(.displays-percentage-colors.percent-10-20){--lime-primary-color:var(--color-percent--10to20)}:host(.displays-percentage-colors.percent-20-30){--lime-primary-color:var(--color-percent--20to30)}:host(.displays-percentage-colors.percent-30-40){--lime-primary-color:var(--color-percent--30to40)}:host(.displays-percentage-colors.percent-40-50){--lime-primary-color:var(--color-percent--40to50)}:host(.displays-percentage-colors.percent-50-60){--lime-primary-color:var(--color-percent--50to60)}:host(.displays-percentage-colors.percent-60-70){--lime-primary-color:var(--color-percent--60to70)}:host(.displays-percentage-colors.percent-70-80){--lime-primary-color:var(--color-percent--70to80)}:host(.displays-percentage-colors.percent-80-90){--lime-primary-color:var(--color-percent--80to90)}:host(.displays-percentage-colors.percent-90-100){--lime-primary-color:var(--color-percent--90to100)}:host(.displays-percentage-colors.percent-30-40) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors.percent-30-40) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled{opacity:1}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--lime-primary-color, var(--limel-theme-primary-color))}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;opacity:0;width:0;height:0;border:0.25rem solid transparent;border-top-color:rgba(var(--contrast-1400), 0.6)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before{left:-1.25rem;transform:rotate(90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{right:-1.25rem;transform:rotate(-90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:before{opacity:0.8;left:-1.75rem}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:after{opacity:0.8;right:-1.75rem}.mdc-slider .mdc-slider__thumb{top:-0.25rem}.mdc-slider .mdc-slider__value-indicator-container{z-index:1}.mdc-slider .mdc-slider__value-indicator{transition:transform 0.2s ease-out;opacity:1;transform:scale(1) translateY(2rem);border-radius:1.25rem;padding:0 0.5rem;height:1.5rem}.mdc-slider .mdc-slider__value-indicator:before{border-top-color:transparent}.mdc-slider .mdc-slider__value-indicator-text{color:rgb(var(--color-white))}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__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(--lime-primary-color, var(--limel-theme-primary-color))}.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,:host(limel-slider[readonly]) .mdc-slider__value-indicator{background-color:var(--lime-primary-color, var(--limel-theme-primary-color))}:host(limel-slider:focus),:host(limel-slider:focus-visible),:host(limel-slider:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-slider){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-slider:focus) limel-helper-line,:host(limel-slider:focus-visible) limel-helper-line,:host(limel-slider:focus-within) limel-helper-line,:host(limel-slider:hover) limel-helper-line{will-change:grid-template-rows}limel-helper-line{order:3}';const M=1;const D=100;const z=0;const H=class{constructor(r){t(this,r);this.change=i(this,"change",7);this.renderRangeContainer=()=>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));this.renderSliderContainer=t=>e("div",{class:{"mdc-slider":true,"mdc-slider--discrete":true,"mdc-slider--disabled":this.disabled||this.readonly}},this.renderSliderInput(t),this.renderTrack(),this.renderThumb());this.renderSliderInput=t=>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-labelledby":this.labelId,"aria-describedby":this.helperText?this.helperTextId:undefined,"aria-controls":this.helperText?this.helperTextId:undefined},t));this.renderTrack=()=>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"})));this.renderThumb=()=>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=()=>{if(!this.helperText){return}return e("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId,invalid:this.invalid})};this.initialize=()=>{const t=this.getInputElement();if(!t){return}const i=this.getValue();t.setAttribute("value",`${this.multiplyByFactor(i)}`);const e=i>=this.valuemin;const r=i<=this.valuemax;if(!e){const e=this.multiplyByFactor(i);t.setAttribute("min",`${e}`)}if(!r){const e=this.multiplyByFactor(i);t.setAttribute("max",`${e}`)}if(!this.isMultipleOfStep(i,this.step)){t.removeAttribute("step")}this.createMDCSlider()};this.reCreateSliderWithStep=()=>{const t=this.getInputElement();const i=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",i);this.destroyMDCSlider();this.createMDCSlider()};this.createMDCSlider=()=>{const t=this.getRootElement();this.mdcSlider=new I(t);this.mdcSlider.listen("MDCSlider:change",this.changeHandler);this.mdcSlider.listen("MDCSlider:input",this.inputHandler)};this.changeHandler=t=>{let i=t.detail.value;const e=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(i,e)){i=this.roundToStep(i,e)}this.change.emit(i/this.factor)};this.inputHandler=t=>{this.setPercentageClass(t.detail.value/this.factor)};this.getContainerClassList=()=>({[this.percentageClass]:true,disabled:this.disabled||this.readonly,readonly:this.readonly});this.resizeObserverCallback=()=>{var t;(t=this.mdcSlider)===null||t===void 0?void 0:t.layout()};this.updateDisabledState=()=>{var t;if(!this.mdcSlider){return}(t=this.mdcSlider)===null||t===void 0?void 0:t.setDisabled(this.disabled||this.readonly)};this.multiplyByFactor=t=>Math.round(t*this.factor);this.getValue=()=>{let t=this.value;if(!Number.isFinite(t)){t=this.valuemin}return t};this.setPercentageClass=t=>{this.percentageClass=S((t-this.valuemin)/(this.valuemax-this.valuemin))};this.isMultipleOfStep=(t,i)=>{if(!i){return true}return t%i===0};this.roundToStep=(t,i)=>Math.round(t/i)*i;this.getRootElement=()=>this.rootElement.shadowRoot.querySelector(".mdc-slider");this.getInputElement=()=>{const t=this.getRootElement();if(!t){return}return t.querySelector("input")};this.isStepConfigured=()=>{if(!this.step){return true}const t=this.getInputElement();if(!t){return true}return t.hasAttribute("step")};this.disabled=false;this.readonly=false;this.factor=M;this.label=undefined;this.helperText=undefined;this.required=false;this.invalid=false;this.unit="";this.value=undefined;this.valuemax=D;this.valuemin=z;this.step=undefined;this.percentageClass=undefined;this.labelId=n();this.helperTextId=n()}connectedCallback(){this.initialize();this.observer=new ResizeObserver(this.resizeObserverCallback);this.observer.observe(this.rootElement)}componentWillLoad(){this.setPercentageClass(this.value)}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCSlider();this.observer.disconnect()}render(){const t={};if(this.step){t.step=this.multiplyByFactor(this.step)}if(this.disabled||this.readonly){t.disabled=true}return e(r,{class:this.getContainerClassList()},e("limel-notched-outline",{labelId:this.labelId,label:this.label,required:this.required,invalid:this.invalid,disabled:this.disabled,readonly:this.readonly,hasValue:!!this.value,hasFloatingLabel:true},e("div",{slot:"content"},this.renderRangeContainer(),this.renderSliderContainer(t))),this.renderHelperLine())}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){if(!this.mdcSlider){return}const t=this.multiplyByFactor(this.getValue());this.mdcSlider.setValue(t);if(this.isStepConfigured()){return}const i=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(t,i)){return}this.reCreateSliderWithStep()}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler);this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler);this.mdcSlider.destroy();this.mdcSlider=undefined}get rootElement(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],readonly:["watchReadonly"],value:["watchValue"]}}};H.style=A;export{H as limel_slider};
+//# sourceMappingURL=p-2116b3ce.entry.js.map