iobroker.lovelace/hass_frontend/frontend_es5/31241.d913ccaf17371e2e.js

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

/*! For license information please see 31241.d913ccaf17371e2e.js.LICENSE.txt */
"use strict";(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["31241"],{6442:function(e,t,o){o.d(t,{Y:()=>E});o(19423);var i=o(9065),r=o(50778),s=(o(40251),o(57618),o(23111),o(57243)),a=o(35359),n=o(79840),d=o(13823),l=o(61073);o(81804);function c(e,t=!0){return t&&"rtl"===getComputedStyle(e).getPropertyValue("direction").trim()}let h,u,p,b,v,_,g,y,f,m=e=>e;const w=(0,d.T)((0,l.N)(s.oi));class x extends w{get name(){var e;return null!==(e=this.getAttribute("name"))&&void 0!==e?e:""}set name(e){this.setAttribute("name",e)}get form(){return this[l.b].form}get labels(){return this[l.b].labels}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.flipIconInRtl=!1,this.href="",this.target="",this.ariaLabelSelected="",this.toggle=!1,this.selected=!1,this.type="submit",this.value="",this.flipIcon=c(this,this.flipIconInRtl),s.sk||this.addEventListener("click",this.handleClick.bind(this))}willUpdate(){this.href&&(this.disabled=!1,this.softDisabled=!1)}render(){const e=this.href?(0,n.i0)(h||(h=m`div`)):(0,n.i0)(u||(u=m`button`)),{ariaLabel:t,ariaHasPopup:o,ariaExpanded:i}=this,r=t&&this.ariaLabelSelected,d=this.toggle?this.selected:s.Ld;let l=s.Ld;return this.href||(l=r&&this.selected?this.ariaLabelSelected:t),(0,n.dy)(p||(p=m`<${0}
        class="icon-button ${0}"
        id="button"
        aria-label="${0}"
        aria-haspopup="${0}"
        aria-expanded="${0}"
        aria-pressed="${0}"
        aria-disabled=${0}
        ?disabled="${0}"
        @click="${0}">
        ${0}
        ${0}
        ${0}
        ${0}
        ${0}
        ${0}
  </${0}>`),e,(0,a.$)(this.getRenderClasses()),l||s.Ld,!this.href&&o||s.Ld,!this.href&&i||s.Ld,d,!this.href&&this.softDisabled||s.Ld,!this.href&&this.disabled,this.handleClickOnChild,this.renderFocusRing(),this.renderRipple(),this.selected?s.Ld:this.renderIcon(),this.selected?this.renderSelectedIcon():s.Ld,this.renderTouchTarget(),this.href&&this.renderLink(),e)}renderLink(){const{ariaLabel:e}=this;return(0,s.dy)(b||(b=m` <a class="link" id="link" href="${0}" target="${0}" aria-label="${0}"></a> `),this.href,this.target||s.Ld,e||s.Ld)}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return(0,s.dy)(v||(v=m`<span class="icon"><slot></slot></span>`))}renderSelectedIcon(){return(0,s.dy)(_||(_=m`<span class="icon icon--selected"><slot name="selected"><slot></slot></slot></span>`))}renderTouchTarget(){return(0,s.dy)(g||(g=m`<span class="touch"></span>`))}renderFocusRing(){return(0,s.dy)(y||(y=m`<md-focus-ring part="focus-ring" for="${0}"></md-focus-ring>`),this.href?"link":"button")}renderRipple(){const e=!this.href&&(this.disabled||this.softDisabled);return(0,s.dy)(f||(f=m`<md-ripple for="${0}" ?disabled="${0}"></md-ripple>`),this.href?"link":s.Ld,e)}connectedCallback(){this.flipIcon=c(this,this.flipIconInRtl),super.connectedCallback()}handleClick(e){if(!this.href&&this.softDisabled)return e.stopImmediatePropagation(),void e.preventDefault()}async handleClickOnChild(e){await 0,!this.toggle||this.disabled||this.softDisabled||e.defaultPrevented||(this.selected=!this.selected,this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0})))}}var k;k=x,s.sk||k.addInitializer((e=>{const t=e;t.addEventListener("click",(async e=>{const{type:o,[l.b]:i}=t,{form:r}=i;r&&"button"!==o&&(await new Promise((e=>{setTimeout(e)})),e.defaultPrevented||("reset"!==o?(r.addEventListener("submit",(e=>{Object.defineProperty(e,"submitter",{configurable:!0,enumerable:!0,get:()=>t})}),{capture:!0,once:!0}),i.setFormValue(t.value),r.requestSubmit()):r.reset()))}))})),x.formAssociated=!0,x.shadowRootOptions={mode:"open",delegatesFocus:!0},(0,i.__decorate)([(0,r.Cb)({type:Boolean,reflect:!0})],x.prototype,"disabled",void 0),(0,i.__decorate)([(0,r.Cb)({type:Boolean,attribute:"soft-disabled",reflect:!0})],x.prototype,"softDisabled",void 0),(0,i.__decorate)([(0,r.Cb)({type:Boolean,attribute:"flip-icon-in-rtl"})],x.prototype,"flipIconInRtl",void 0),(0,i.__decorate)([(0,r.Cb)()],x.prototype,"href",void 0),(0,i.__decorate)([(0,r.Cb)()],x.prototype,"target",void 0),(0,i.__decorate)([(0,r.Cb)({attribute:"aria-label-selected"})],x.prototype,"ariaLabelSelected",void 0),(0,i.__decorate)([(0,r.Cb)({type:Boolean})],x.prototype,"toggle",void 0),(0,i.__decorate)([(0,r.Cb)({type:Boolean,reflect:!0})],x.prototype,"selected",void 0),(0,i.__decorate)([(0,r.Cb)()],x.prototype,"type",void 0),(0,i.__decorate)([(0,r.Cb)({reflect:!0})],x.prototype,"value",void 0),(0,i.__decorate)([(0,r.SB)()],x.prototype,"flipIcon",void 0);let $;const C=(0,s.iv)($||($=(e=>e)`:host{--_container-height:var(--md-outlined-icon-button-container-height, 40px);--_container-width:var(--md-outlined-icon-button-container-width, 40px);--_disabled-icon-color:var(--md-outlined-icon-button-disabled-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-icon-opacity:var(--md-outlined-icon-button-disabled-icon-opacity, 0.38);--_disabled-selected-container-color:var(--md-outlined-icon-button-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity:var(--md-outlined-icon-button-disabled-selected-container-opacity, 0.12);--_hover-state-layer-opacity:var(--md-outlined-icon-button-hover-state-layer-opacity, 0.08);--_icon-size:var(--md-outlined-icon-button-icon-size, 24px);--_pressed-state-layer-opacity:var(--md-outlined-icon-button-pressed-state-layer-opacity, 0.12);--_selected-container-color:var(--md-outlined-icon-button-selected-container-color, var(--md-sys-color-inverse-surface, #322f35));--_selected-focus-icon-color:var(--md-outlined-icon-button-selected-focus-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-icon-color:var(--md-outlined-icon-button-selected-hover-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-hover-state-layer-color:var(--md-outlined-icon-button-selected-hover-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-icon-color:var(--md-outlined-icon-button-selected-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-icon-color:var(--md-outlined-icon-button-selected-pressed-icon-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_selected-pressed-state-layer-color:var(--md-outlined-icon-button-selected-pressed-state-layer-color, var(--md-sys-color-inverse-on-surface, #f5eff7));--_disabled-outline-color:var(--md-outlined-icon-button-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity:var(--md-outlined-icon-button-disabled-outline-opacity, 0.12);--_focus-icon-color:var(--md-outlined-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-icon-color:var(--md-outlined-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color:var(--md-outlined-icon-button-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_icon-color:var(--md-outlined-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color:var(--md-outlined-icon-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width:var(--md-outlined-icon-button-outline-width, 1px);--_pressed-icon-color:var(--md-outlined-icon-button-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_pressed-state-layer-color:var(--md-outlined-icon-button-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_container-shape-start-start:var(--md-outlined-icon-button-container-shape-start-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-start-end:var(--md-outlined-icon-button-container-shape-start-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-end:var(--md-outlined-icon-button-container-shape-end-end, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)));--_container-shape-end-start:var(--md-outlined-icon-button-container-shape-end-start, var(--md-outlined-icon-button-container-shape, var(--md-sys-shape-corner-full, 9999px)))}.outlined{background-color:rgba(0,0,0,0);color:var(--_icon-color);--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)}.outlined::before{border-color:var(--_outline-color);border-width:var(--_outline-width)}.outlined:hover{color:var(--_hover-icon-color)}.outlined:focus{color:var(--_focus-icon-color)}.outlined:active{color:var(--_pressed-icon-color)}.outlined:is(:disabled,[aria-disabled=true]){color:var(--_disabled-icon-color)}.outlined:is(:disabled,[aria-disabled=true])::before{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}.outlined:is(:disabled,[aria-disabled=true]) .icon{opacity:var(--_disabled-icon-opacity)}.outlined::before{block-size:100%;border-style:solid;border-radius:inherit;box-sizing:border-box;content:"";inline-size:100%;inset:0;pointer-events:none;position:absolute;z-index:-1}.outlined.selected::before{border-width:0}.selected{--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_pressed-state-layer-opacity)}.selected:not(:disabled,[aria-disabled=true]){color:var(--_selected-icon-color)}.selected:not(:disabled,[aria-disabled=true]):hover{color:var(--_selected-hover-icon-color)}.selected:not(:disabled,[aria-disabled=true]):focus{color:var(--_selected-focus-icon-color)}.selected:not(:disabled,[aria-disabled=true]):active{color:var(--_selected-pressed-icon-color)}.selected:not(:disabled,[aria-disabled=true])::before{background-color:var(--_selected-container-color)}.selected:is(:disabled,[aria-disabled=true])::before{background-color:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}@media(forced-colors:active){:host(:is([disabled],[soft-disabled])){--_disabled-outline-opacity:1}.selected::before{border-color:CanvasText;border-width:var(--_outline-width)}.selected:is(:disabled,[aria-disabled=true])::before{border-color:GrayText;opacity:1}}`));let L;const S=(0,s.iv)(L||(L=(e=>e)`:host{display:inline-flex;outline:0;-webkit-tap-highlight-color:transparent;height:var(--_container-height);width:var(--_container-width);justify-content:center}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--_container-height))/2) max(0px,(48px - var(--_container-width))/2)}md-focus-ring{--md-focus-ring-shape-start-start:var(--_container-shape-start-start);--md-focus-ring-shape-start-end:var(--_container-shape-start-end);--md-focus-ring-shape-end-end:var(--_container-shape-end-end);--md-focus-ring-shape-end-start:var(--_container-shape-end-start)}:host(:is([disabled],[soft-disabled])){pointer-events:none}.icon-button{place-items:center;background:0 0;border:none;box-sizing:border-box;cursor:pointer;display:flex;place-content:center;outline:0;padding:0;position:relative;text-decoration:none;user-select:none;z-index:0;flex:1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.icon ::slotted(*){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size);font-weight:inherit}md-ripple{z-index:-1;border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end)}.flip-icon .icon{transform:scaleX(-1)}.icon{display:inline-flex}.link{height:100%;outline:0;position:absolute;width:100%}.touch{position:absolute;height:max(48px,100%);width:max(48px,100%)}:host([touch-target=none]) .touch{display:none}@media(forced-colors:active){:host(:is([disabled],[soft-disabled])){--_disabled-icon-color:GrayText;--_disabled-icon-opacity:1}}`));let E=class extends x{getRenderClasses(){return Object.assign(Object.assign({},super.getRenderClasses()),{},{outlined:!0})}};E.styles=[S,C],E=(0,i.__decorate)([(0,r.Mo)("md-outlined-icon-button")],E)},89149:function(e,t,o){o(9359),o(31526),o(95078),o(88044);var i=o(9065),r=o(57243),s=o(50778);let a,n,d,l,c,h,u,p,b=e=>e;class v extends r.oi{constructor(){super(),this.min=0,this.max=100,this.step=1,this.startAngle=135,this.arcLength=270,this.handleSize=6,this.handleZoom=1.5,this.readonly=!1,this.disabled=!1,this.dragging=!1,this.rtl=!1,this.outside=!1,this._scale=1,this.dragEnd=this.dragEnd.bind(this),this.drag=this.drag.bind(this),this._keyStep=this._keyStep.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("mouseup",this.dragEnd),document.addEventListener("touchend",this.dragEnd,{passive:!1}),document.addEventListener("mousemove",this.drag),document.addEventListener("touchmove",this.drag,{passive:!1}),document.addEventListener("keydown",this._keyStep)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mouseup",this.dragEnd),document.removeEventListener("touchend",this.dragEnd),document.removeEventListener("mousemove",this.drag),document.removeEventListener("touchmove",this.drag),document.removeEventListener("keydown",this._keyStep)}get _start(){return this.startAngle*Math.PI/180}get _len(){return Math.min(this.arcLength*Math.PI/180,2*Math.PI-.01)}get _end(){return this._start+this._len}get _showHandle(){return!this.readonly&&(null!=this.value||null!=this.high&&null!=this.low)}_angleInside(e){let t=(this.startAngle+this.arcLength/2-e+180+360)%360-180;return t<this.arcLength/2&&t>-this.arcLength/2}_angle2xy(e){return this.rtl?{x:-Math.cos(e),y:Math.sin(e)}:{x:Math.cos(e),y:Math.sin(e)}}_xy2angle(e,t){return this.rtl&&(e=-e),(Math.atan2(t,e)-this._start+8*Math.PI)%(2*Math.PI)}_value2angle(e){const t=((e=Math.min(this.max,Math.max(this.min,e)))-this.min)/(this.max-this.min);return this._start+t*this._len}_angle2value(e){return Math.round((e/this._len*(this.max-this.min)+this.min)/this.step)*this.step}get _boundaries(){const e=this._angle2xy(this._start),t=this._angle2xy(this._end);let o=1;this._angleInside(270)||(o=Math.max(-e.y,-t.y));let i=1;this._angleInside(90)||(i=Math.max(e.y,t.y));let r=1;this._angleInside(180)||(r=Math.max(-e.x,-t.x));let s=1;return this._angleInside(0)||(s=Math.max(e.x,t.x)),{up:o,down:i,left:r,right:s,height:o+i,width:r+s}}_mouse2value(e){const t=e.type.startsWith("touch")?e.touches[0].clientX:e.clientX,o=e.type.startsWith("touch")?e.touches[0].clientY:e.clientY,i=this.shadowRoot.querySelector("svg").getBoundingClientRect(),r=this._boundaries,s=t-(i.left+r.left*i.width/r.width),a=o-(i.top+r.up*i.height/r.height),n=this._xy2angle(s,a);return this._angle2value(n)}dragStart(e){if(!this._showHandle||this.disabled)return;let t,o=e.target;if(this._rotation&&"focus"!==this._rotation.type)return;if(o.classList.contains("shadowpath"))if("touchstart"===e.type&&(t=window.setTimeout((()=>{this._rotation&&(this._rotation.cooldown=void 0)}),200)),null==this.low)o=this.shadowRoot.querySelector("#value");else{const t=this._mouse2value(e);o=Math.abs(t-this.low)<Math.abs(t-this.high)?this.shadowRoot.querySelector("#low"):this.shadowRoot.querySelector("#high")}if(o.classList.contains("overflow")&&(o=o.nextElementSibling),!o.classList.contains("handle"))return;o.setAttribute("stroke-width",String(2*this.handleSize*this.handleZoom*this._scale));const i="high"===o.id?this.low:this.min,r="low"===o.id?this.high:this.max;this._rotation={handle:o,min:i,max:r,start:this[o.id],type:e.type,cooldown:t},this.dragging=!0}_cleanupRotation(){const e=this._rotation.handle;e.setAttribute("stroke-width",String(2*this.handleSize*this._scale)),this._rotation=void 0,this.dragging=!1,e.blur()}dragEnd(e){if(!this._showHandle||this.disabled)return;if(!this._rotation)return;const t=this._rotation.handle;this._cleanupRotation();let o=new CustomEvent("value-changed",{detail:{[t.id]:this[t.id]},bubbles:!0,composed:!0});this.dispatchEvent(o),this.low&&this.low>=.99*this.max?this._reverseOrder=!0:this._reverseOrder=!1}drag(e){if(!this._showHandle||this.disabled)return;if(!this._rotation)return;if(this._rotation.cooldown)return window.clearTimeout(this._rotation.cooldown),void this._cleanupRotation();if("focus"===this._rotation.type)return;e.preventDefault();const t=this._mouse2value(e);this._dragpos(t)}_dragpos(e){if(e<this._rotation.min||e>this._rotation.max)return;const t=this._rotation.handle;this[t.id]=e;let o=new CustomEvent("value-changing",{detail:{[t.id]:e},bubbles:!0,composed:!0});this.dispatchEvent(o)}_keyStep(e){if(!this._showHandle||this.disabled)return;if(!this._rotation)return;const t=this._rotation.handle;"ArrowLeft"!==e.key&&"ArrowDown"!==e.key||(e.preventDefault(),this.rtl?this._dragpos(this[t.id]+this.step):this._dragpos(this[t.id]-this.step)),"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.rtl?this._dragpos(this[t.id]-this.step):this._dragpos(this[t.id]+this.step)),"Home"===e.key&&(e.preventDefault(),this._dragpos(this.min)),"End"===e.key&&(e.preventDefault(),this._dragpos(this.max))}updated(e){if(this.shadowRoot.querySelector(".slider")){const e=window.getComputedStyle(this.shadowRoot.querySelector(".slider"));if(e&&e.strokeWidth){const t=parseFloat(e.strokeWidth);if(t>this.handleSize*this.handleZoom){const e=this._boundaries,o=`\n          ${t/2*Math.abs(e.up)}px\n          ${t/2*Math.abs(e.right)}px\n          ${t/2*Math.abs(e.down)}px\n          ${t/2*Math.abs(e.left)}px`;this.shadowRoot.querySelector("svg").style.margin=o}}}if(this.shadowRoot.querySelector("svg")&&void 0===this.shadowRoot.querySelector("svg").style.vectorEffect){e.has("_scale")&&1!=this._scale&&this.shadowRoot.querySelector("svg").querySelectorAll("path").forEach((e=>{if(e.getAttribute("stroke-width"))return;const t=parseFloat(getComputedStyle(e).getPropertyValue("stroke-width"));e.style.strokeWidth=t*this._scale+"px"}));const t=this.shadowRoot.querySelector("svg").getBoundingClientRect(),o=Math.max(t.width,t.height);this._scale=2/o}}_renderArc(e,t){const o=t-e,i=this._angle2xy(e),r=this._angle2xy(t+.001);return`\n      M ${i.x} ${i.y}\n      A 1 1,\n        0,\n        ${o>Math.PI?"1":"0"} ${this.rtl?"0":"1"},\n        ${r.x} ${r.y}\n    `}_renderHandle(e){const t=this._value2angle(this[e]),o=this._angle2xy(t),i={value:this.valueLabel,low:this.lowLabel,high:this.highLabel}[e]||"";return(0,r.YP)(a||(a=b` <g class="${0} handle"> <path id="${0}" class="overflow" d="
          M ${0} ${0}
          L ${0} ${0}
          " vector-effect="non-scaling-stroke" stroke="rgba(0,0,0,0)" stroke-width="${0}"/> <path id="${0}" class="handle" d="
          M ${0} ${0}
          L ${0} ${0}
          " vector-effect="non-scaling-stroke" stroke-width="${0}" tabindex="0" @focus="${0}" @blur="${0}" role="slider" aria-valuemin="${0}" aria-valuemax="${0}" aria-valuenow="${0}" aria-disabled="${0}" aria-label="${0}"/> </g> `),e,e,o.x,o.y,o.x+.001,o.y+.001,4*this.handleSize*this._scale,e,o.x,o.y,o.x+.001,o.y+.001,2*this.handleSize*this._scale,this.dragStart,this.dragEnd,this.min,this.max,this[e],this.disabled,i||"")}render(){const e=this._boundaries;return(0,r.dy)(n||(n=b` <svg @mousedown="${0}" @touchstart="${0}" xmln="http://www.w3.org/2000/svg" viewBox="${0} ${0} ${0} ${0}" style="margin:${0}px" ?disabled="${0}" focusable="false"> <g class="slider"> <path class="path" d="${0}" vector-effect="non-scaling-stroke"/> <g class="bar"> ${0} </g> <path class="shadowpath" d="${0}" vector-effect="non-scaling-stroke" stroke="rgba(0,0,0,0)" stroke-width="${0}" stroke-linecap="butt"/> </g> <g class="handles"> ${0} </g> </svg> `),this.dragStart,this.dragStart,-e.left,-e.up,e.width,e.height,this.handleSize*this.handleZoom,this.disabled,this._renderArc(this._start,this._end),null!=this.low&&null!=this.high&&this.outside?(0,r.YP)(d||(d=b` <path class="bar low" vector-effect="non-scaling-stroke" d="${0}"/> <path class="bar high" vector-effect="non-scaling-stroke" d="${0}"/> `),this._renderArc(this._value2angle(this.min),this._value2angle(this.low)),this._renderArc(this._value2angle(this.high),this._value2angle(this.max))):(0,r.YP)(l||(l=b` <path class="bar" vector-effect="non-scaling-stroke" d="${0}"/> `),this._renderArc(this._value2angle(null!=this.low?this.low:this.min),this._value2angle(null!=this.high?this.high:this.value))),this._renderArc(this._start,this._end),3*this.handleSize*this._scale,this._showHandle?null!=this.low?this._reverseOrder?(0,r.YP)(c||(c=b`${0} ${0}`),this._renderHandle("high"),this._renderHandle("low")):(0,r.YP)(h||(h=b`${0} ${0}`),this._renderHandle("low"),this._renderHandle("high")):(0,r.YP)(u||(u=b`${0}`),this._renderHandle("value")):"")}static get styles(){return(0,r.iv)(p||(p=b`:host{display:inline-block;width:100%}svg{overflow:visible;display:block}path{transition:stroke 1s ease-out,stroke-width .2s ease-out}.slider{fill:none;stroke-width:var(--round-slider-path-width,3);stroke-linecap:var(--round-slider-linecap,round)}.path{stroke:var(--round-slider-path-color,lightgray)}g.bar{stroke:var(--round-slider-bar-color,deepskyblue)}.bar.low{stroke:var(--round-slider-low-bar-color)}.bar.high{stroke:var(--round-slider-high-bar-color)}svg[disabled] .bar{stroke:var(--round-slider-disabled-bar-color,darkgray)}g.handles{stroke:var(--round-slider-handle-color,var(--round-slider-bar-color,deepskyblue));stroke-linecap:round;cursor:var(--round-slider-handle-cursor,pointer)}g.low.handle{stroke:var(--round-slider-low-handle-color)}g.high.handle{stroke:var(--round-slider-high-handle-color)}svg[disabled] g.handles{stroke:var(--round-slider-disabled-bar-color,darkgray)}.handle:focus{outline:unset}`))}}(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"value",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"high",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"low",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"min",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"max",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"step",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"startAngle",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"arcLength",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"handleSize",void 0),(0,i.__decorate)([(0,s.Cb)({type:Number})],v.prototype,"handleZoom",void 0),(0,i.__decorate)([(0,s.Cb)({type:Boolean})],v.prototype,"readonly",void 0),(0,i.__decorate)([(0,s.Cb)({type:Boolean})],v.prototype,"disabled",void 0),(0,i.__decorate)([(0,s.Cb)({type:Boolean,reflect:!0})],v.prototype,"dragging",void 0),(0,i.__decorate)([(0,s.Cb)({type:Boolean})],v.prototype,"rtl",void 0),(0,i.__decorate)([(0,s.Cb)()],v.prototype,"valueLabel",void 0),(0,i.__decorate)([(0,s.Cb)()],v.prototype,"lowLabel",void 0),(0,i.__decorate)([(0,s.Cb)()],v.prototype,"highLabel",void 0),(0,i.__decorate)([(0,s.Cb)({type:Boolean})],v.prototype,"outside",void 0),(0,i.__decorate)([(0,s.SB)()],v.prototype,"_scale",void 0),customElements.define("round-slider",v)},9806:function(e,t,o){o.d(t,{v:()=>i});o(71695),o(47021);function*i(e,t){const o="function"==typeof t;if(void 0!==e){let i=-1;for(const r of e)i>-1&&(yield o?t(i):t),i++,yield r}}}}]);
//# sourceMappingURL=31241.d913ccaf17371e2e.js.map