UNPKG

iobroker.lovelace

Version:

With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI

3 lines 27.5 kB
/*! For license information please see 92139.7facea9a97a57f36.js.LICENSE.txt */ "use strict";(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["92139"],{31875:function(e,a,t){t.d(a,{$:()=>N});var r=t(9065),i=t(50778),n=t(57243);let s;const l=(0,n.iv)(s||(s=(e=>e)`@media(forced-colors:active){:host{--md-slider-active-track-color:CanvasText;--md-slider-disabled-active-track-color:GrayText;--md-slider-disabled-active-track-opacity:1;--md-slider-disabled-handle-color:GrayText;--md-slider-disabled-inactive-track-color:GrayText;--md-slider-disabled-inactive-track-opacity:1;--md-slider-focus-handle-color:CanvasText;--md-slider-handle-color:CanvasText;--md-slider-handle-shadow-color:Canvas;--md-slider-hover-handle-color:CanvasText;--md-slider-hover-state-layer-color:Canvas;--md-slider-hover-state-layer-opacity:1;--md-slider-inactive-track-color:Canvas;--md-slider-label-container-color:Canvas;--md-slider-label-text-color:CanvasText;--md-slider-pressed-handle-color:CanvasText;--md-slider-pressed-state-layer-color:Canvas;--md-slider-pressed-state-layer-opacity:1;--md-slider-with-overlap-handle-outline-color:CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}}`));t(71695),t(19423),t(40251),t(47021),t(54835),t(57618),t(23111);var o=t(35359),d=t(69634);function c(e,a,t){return e?a():null==t?void 0:t()}var h=t(13823);function v(e){return e.currentTarget===e.target&&(e.composedPath()[0]===e.target&&(!e.target.disabled&&!function(e){const a=p;a&&(e.preventDefault(),e.stopImmediatePropagation());return async function(){p=!0,await null,p=!1}(),a}(e)))}let p=!1;var u=t(79679),b=t(61073),m=t(19484);let _,k,g,y,f,w,x=e=>e;const S=(0,h.T)((0,m.hz)((0,b.N)(n.oi)));class E extends S{get nameStart(){var e;return null!==(e=this.getAttribute("name-start"))&&void 0!==e?e:this.name}set nameStart(e){this.setAttribute("name-start",e)}get nameEnd(){var e;return null!==(e=this.getAttribute("name-end"))&&void 0!==e?e:this.nameStart}set nameEnd(e){this.setAttribute("name-end",e)}get renderAriaLabelStart(){const{ariaLabel:e}=this;return this.ariaLabelStart||e&&`${e} start`||this.valueLabelStart||String(this.valueStart)}get renderAriaValueTextStart(){return this.ariaValueTextStart||this.valueLabelStart||String(this.valueStart)}get renderAriaLabelEnd(){const{ariaLabel:e}=this;return this.range?this.ariaLabelEnd||e&&`${e} end`||this.valueLabelEnd||String(this.valueEnd):e||this.valueLabel||String(this.value)}get renderAriaValueTextEnd(){if(this.range)return this.ariaValueTextEnd||this.valueLabelEnd||String(this.valueEnd);const{ariaValueText:e}=this;return e||this.valueLabel||String(this.value)}constructor(){super(),this.min=0,this.max=100,this.valueLabel="",this.valueLabelStart="",this.valueLabelEnd="",this.ariaLabelStart="",this.ariaValueTextStart="",this.ariaLabelEnd="",this.ariaValueTextEnd="",this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1,this.handleStartHover=!1,this.handleEndHover=!1,this.startOnTop=!1,this.handlesOverlapping=!1,this.ripplePointerId=1,this.isRedispatchingEvent=!1,n.sk||this.addEventListener("click",(e=>{v(e)&&this.inputEnd&&(this.focus(),function(e){const a=new MouseEvent("click",{bubbles:!0});e.dispatchEvent(a)}(this.inputEnd))}))}focus(){var e;null===(e=this.inputEnd)||void 0===e||e.focus()}willUpdate(e){var a,t;this.renderValueStart=e.has("valueStart")?this.valueStart:null===(a=this.inputStart)||void 0===a?void 0:a.valueAsNumber;const r=e.has("valueEnd")&&this.range||e.has("value");this.renderValueEnd=r?this.range?this.valueEnd:this.value:null===(t=this.inputEnd)||void 0===t?void 0:t.valueAsNumber,void 0!==e.get("handleStartHover")?this.toggleRippleHover(this.rippleStart,this.handleStartHover):void 0!==e.get("handleEndHover")&&this.toggleRippleHover(this.rippleEnd,this.handleEndHover)}updated(e){if(this.range&&(this.renderValueStart=this.inputStart.valueAsNumber),this.renderValueEnd=this.inputEnd.valueAsNumber,this.range){const e=(this.max-this.min)/3;if(void 0===this.valueStart){this.inputStart.valueAsNumber=this.min+e;const a=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=a}if(void 0===this.valueEnd){this.inputEnd.valueAsNumber=this.min+2*e;const a=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=a}}else{var a;null!==(a=this.value)&&void 0!==a||(this.value=this.renderValueEnd)}if(e.has("range")||e.has("renderValueStart")||e.has("renderValueEnd")||this.isUpdatePending){var t,r;const e=null===(t=this.handleStart)||void 0===t?void 0:t.querySelector(".handleNub"),a=null===(r=this.handleEnd)||void 0===r?void 0:r.querySelector(".handleNub");this.handlesOverlapping=function(e,a){if(!e||!a)return!1;const t=e.getBoundingClientRect(),r=a.getBoundingClientRect();return!(t.top>r.bottom||t.right<r.left||t.bottom<r.top||t.left>r.right)}(e,a)}this.performUpdate()}render(){var e,a,t,r;const i=0===this.step?1:this.step,s=Math.max(this.max-this.min,i),l=this.range?((null!==(e=this.renderValueStart)&&void 0!==e?e:this.min)-this.min)/s:0,h=((null!==(a=this.renderValueEnd)&&void 0!==a?a:this.min)-this.min)/s,v={"--_start-fraction":String(l),"--_end-fraction":String(h),"--_tick-count":String(s/i)},p={ranged:this.range},u=this.valueLabelStart||String(this.renderValueStart),b=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),m={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:null!==(t=this.valueEnd)&&void 0!==t?t:this.max},k={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range&&null!==(r=this.valueStart)&&void 0!==r?r:this.min,ariaMax:this.max},g={start:!0,hover:this.handleStartHover,label:u},y={start:!1,hover:this.handleEndHover,label:b},f={hover:this.handleStartHover||this.handleEndHover};return(0,n.dy)(_||(_=x` <div class="container ${0}" style="${0}"> ${0} ${0} ${0} <div class="handleContainerPadded"> <div class="handleContainerBlock"> <div class="handleContainer ${0}"> ${0} ${0} </div> </div> </div> </div>`),(0,o.$)(p),(0,d.V)(v),c(this.range,(()=>this.renderInput(m))),this.renderInput(k),this.renderTrack(),(0,o.$)(f),c(this.range,(()=>this.renderHandle(g))),this.renderHandle(y))}renderTrack(){return(0,n.dy)(k||(k=x` <div class="track"></div> ${0} `),this.ticks?(0,n.dy)(g||(g=x`<div class="tickmarks"></div>`)):n.Ld)}renderLabel(e){return(0,n.dy)(y||(y=x`<div class="label" aria-hidden="true"> <span class="labelContent" part="label">${0}</span> </div>`),e)}renderHandle({start:e,hover:a,label:t}){const r=!this.disabled&&e===this.startOnTop,i=!this.disabled&&this.handlesOverlapping,s=e?"start":"end";return(0,n.dy)(f||(f=x`<div class="handle ${0}"> <md-focus-ring part="focus-ring" for="${0}"></md-focus-ring> <md-ripple for="${0}" class="${0}" ?disabled="${0}"></md-ripple> <div class="handleNub"> <md-elevation part="elevation"></md-elevation> </div> ${0} </div>`),(0,o.$)({[s]:!0,hover:a,onTop:r,isOverlapping:i}),s,s,s,this.disabled,c(this.labeled,(()=>this.renderLabel(t))))}renderInput({start:e,value:a,ariaLabel:t,ariaValueText:r,ariaMin:i,ariaMax:s}){const l=e?"start":"end";return(0,n.dy)(w||(w=x`<input type="range" class="${0}" @focus="${0}" @pointerdown="${0}" @pointerup="${0}" @pointerenter="${0}" @pointermove="${0}" @pointerleave="${0}" @keydown="${0}" @keyup="${0}" @input="${0}" @change="${0}" id="${0}" .disabled="${0}" .min="${0}" aria-valuemin="${0}" .max="${0}" aria-valuemax="${0}" .step="${0}" .value="${0}" .tabIndex="${0}" aria-label="${0}" aria-valuetext="${0}">`),(0,o.$)({start:e,end:!e}),this.handleFocus,this.handleDown,this.handleUp,this.handleEnter,this.handleMove,this.handleLeave,this.handleKeydown,this.handleKeyup,this.handleInput,this.handleChange,l,this.disabled,String(this.min),i,String(this.max),s,String(this.step),String(a),e?1:0,t||n.Ld,r)}async toggleRippleHover(e,a){const t=await e;t&&(a?t.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId})):t.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId})))}handleFocus(e){this.updateOnTop(e.target)}startAction(e){const a=e.target,t=a===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:"pointerdown"===e.type,flipped:!1,target:a,fixed:t,values:new Map([[a,a.valueAsNumber],[t,null==t?void 0:t.valueAsNumber]])}}finishAction(e){this.action=void 0}handleKeydown(e){this.startAction(e)}handleKeyup(e){this.finishAction(e)}handleDown(e){this.startAction(e),this.ripplePointerId=e.pointerId;const a=e.target===this.inputStart;this.handleStartHover=!this.disabled&&a&&Boolean(this.handleStart),this.handleEndHover=!this.disabled&&!a&&Boolean(this.handleEnd)}async handleUp(e){if(!this.action)return;const{target:a,values:t,flipped:r}=this.action;await new Promise(requestAnimationFrame),void 0!==a&&(a.focus(),r&&a.valueAsNumber!==t.get(a)&&a.dispatchEvent(new Event("change",{bubbles:!0}))),this.finishAction(e)}handleMove(e){this.handleStartHover=!this.disabled&&z(e,this.handleStart),this.handleEndHover=!this.disabled&&z(e,this.handleEnd)}handleEnter(e){this.handleMove(e)}handleLeave(){this.handleStartHover=!1,this.handleEndHover=!1}updateOnTop(e){this.startOnTop=e.classList.contains("start")}needsClamping(){if(!this.action)return!1;const{target:e,fixed:a}=this.action;return e===this.inputStart?e.valueAsNumber>a.valueAsNumber:e.valueAsNumber<a.valueAsNumber}isActionFlipped(){const{action:e}=this;if(!e)return!1;const{target:a,fixed:t,values:r}=e;if(e.canFlip){r.get(a)===r.get(t)&&this.needsClamping()&&(e.canFlip=!1,e.flipped=!0,e.target=t,e.fixed=a)}return e.flipped}flipAction(){if(!this.action)return!1;const{target:e,fixed:a,values:t}=this.action,r=e.valueAsNumber!==a.valueAsNumber;return e.valueAsNumber=a.valueAsNumber,a.valueAsNumber=t.get(a),r}clampAction(){if(!this.needsClamping()||!this.action)return!1;const{target:e,fixed:a}=this.action;return e.valueAsNumber=a.valueAsNumber,!0}handleInput(e){if(this.isRedispatchingEvent)return;let a=!1,t=!1;this.range&&(this.isActionFlipped()&&(a=!0,t=this.flipAction()),this.clampAction()&&(a=!0,t=!1));const r=e.target;this.updateOnTop(r),this.range?(this.valueStart=this.inputStart.valueAsNumber,this.valueEnd=this.inputEnd.valueAsNumber):this.value=this.inputEnd.valueAsNumber,a&&e.stopPropagation(),t&&(this.isRedispatchingEvent=!0,(0,u.e)(r,e),this.isRedispatchingEvent=!1)}handleChange(e){var a;const t=e.target,{target:r,values:i}=null!==(a=this.action)&&void 0!==a?a:{};r&&r.valueAsNumber===i.get(t)||(0,u.e)(this,e),this.finishAction(e)}[m.$u](){if(this.range){const e=new FormData;return e.append(this.nameStart,String(this.valueStart)),e.append(this.nameEnd,String(this.valueEnd)),e}return String(this.value)}formResetCallback(){if(this.range){const e=this.getAttribute("value-start");this.valueStart=null!==e?Number(e):void 0;const a=this.getAttribute("value-end");return void(this.valueEnd=null!==a?Number(a):void 0)}const e=this.getAttribute("value");this.value=null!==e?Number(e):void 0}formStateRestoreCallback(e){if(Array.isArray(e)){const[[,a],[,t]]=e;return this.valueStart=Number(a),this.valueEnd=Number(t),void(this.range=!0)}this.value=Number(e),this.range=!1}}function z({x:e,y:a},t){if(!t)return!1;const{top:r,left:i,bottom:n,right:s}=t.getBoundingClientRect();return e>=i&&e<=s&&a>=r&&a<=n}E.shadowRootOptions=Object.assign(Object.assign({},n.oi.shadowRootOptions),{},{delegatesFocus:!0}),(0,r.__decorate)([(0,i.Cb)({type:Number})],E.prototype,"min",void 0),(0,r.__decorate)([(0,i.Cb)({type:Number})],E.prototype,"max",void 0),(0,r.__decorate)([(0,i.Cb)({type:Number})],E.prototype,"value",void 0),(0,r.__decorate)([(0,i.Cb)({type:Number,attribute:"value-start"})],E.prototype,"valueStart",void 0),(0,r.__decorate)([(0,i.Cb)({type:Number,attribute:"value-end"})],E.prototype,"valueEnd",void 0),(0,r.__decorate)([(0,i.Cb)({attribute:"value-label"})],E.prototype,"valueLabel",void 0),(0,r.__decorate)([(0,i.Cb)({attribute:"value-label-start"})],E.prototype,"valueLabelStart",void 0),(0,r.__decorate)([(0,i.Cb)({attribute:"value-label-end"})],E.prototype,"valueLabelEnd",void 0),(0,r.__decorate)([(0,i.Cb)({attribute:"aria-label-start"})],E.prototype,"ariaLabelStart",void 0),(0,r.__decorate)([(0,i.Cb)({attribute:"aria-valuetext-start"})],E.prototype,"ariaValueTextStart",void 0),(0,r.__decorate)([(0,i.Cb)({attribute:"aria-label-end"})],E.prototype,"ariaLabelEnd",void 0),(0,r.__decorate)([(0,i.Cb)({attribute:"aria-valuetext-end"})],E.prototype,"ariaValueTextEnd",void 0),(0,r.__decorate)([(0,i.Cb)({type:Number})],E.prototype,"step",void 0),(0,r.__decorate)([(0,i.Cb)({type:Boolean})],E.prototype,"ticks",void 0),(0,r.__decorate)([(0,i.Cb)({type:Boolean})],E.prototype,"labeled",void 0),(0,r.__decorate)([(0,i.Cb)({type:Boolean})],E.prototype,"range",void 0),(0,r.__decorate)([(0,i.IO)("input.start")],E.prototype,"inputStart",void 0),(0,r.__decorate)([(0,i.IO)(".handle.start")],E.prototype,"handleStart",void 0),(0,r.__decorate)([(0,i.GC)("md-ripple.start")],E.prototype,"rippleStart",void 0),(0,r.__decorate)([(0,i.IO)("input.end")],E.prototype,"inputEnd",void 0),(0,r.__decorate)([(0,i.IO)(".handle.end")],E.prototype,"handleEnd",void 0),(0,r.__decorate)([(0,i.GC)("md-ripple.end")],E.prototype,"rippleEnd",void 0),(0,r.__decorate)([(0,i.SB)()],E.prototype,"handleStartHover",void 0),(0,r.__decorate)([(0,i.SB)()],E.prototype,"handleEndHover",void 0),(0,r.__decorate)([(0,i.SB)()],E.prototype,"startOnTop",void 0),(0,r.__decorate)([(0,i.SB)()],E.prototype,"handlesOverlapping",void 0),(0,r.__decorate)([(0,i.SB)()],E.prototype,"renderValueStart",void 0),(0,r.__decorate)([(0,i.SB)()],E.prototype,"renderValueEnd",void 0);let C;const A=(0,n.iv)(C||(C=(e=>e)`:host{--_active-track-color:var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height:var(--md-slider-active-track-height, 4px);--_active-track-shape:var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color:var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity:var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color:var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation:var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color:var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity:var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color:var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color:var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation:var(--md-slider-handle-elevation, 1);--_handle-height:var(--md-slider-handle-height, 20px);--_handle-shadow-color:var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape:var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width:var(--md-slider-handle-width, 20px);--_hover-handle-color:var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color:var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity:var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color:var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height:var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape:var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color:var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height:var(--md-slider-label-container-height, 28px);--_pressed-handle-color:var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color:var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity:var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size:var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color:var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width:var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color:var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size:var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color:var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color:var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color:var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font:var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height:var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size:var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight:var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction:0;--_end-fraction:0;--_tick-count:0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level:var(--_handle-elevation);--md-elevation-shadow-color:var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level:var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.tickmarks,.track{position:absolute;inset:0;display:flex;align-items:center}.tickmarks::after,.tickmarks::before,.track::after,.track::before{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/ var(--_tick-count)) 100%}.tickmarks::before,.track::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-inactive-container-color) 0,var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.tickmarks::after,.track::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-active-container-color) 0,var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-container-color) 0,var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/ 2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/ 2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full,9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform .1s cubic-bezier(.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}.handleContainer.hover .label,:host(:focus-within) .label,:where(:has(input:active)) .label{transform:scale(1)}.label::after,.label::before{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:transparent;position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:0}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding:calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate:calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding:calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate:calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color:var(--_hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)}`));let N=class extends E{};N.styles=[A,l],N=(0,r.__decorate)([(0,i.Mo)("md-slider")],N)}}]); //# sourceMappingURL=92139.7facea9a97a57f36.js.map