iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
6 lines • 25.9 kB
JavaScript
/*! For license information please see 21543.636d76ca3378b558.js.LICENSE.txt */
;(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[21543],{60346:function(t,e,i){i.a(t,async function(t,a){try{i.d(e,{A:function(){return A}});i(44114),i(27495),i(25440),i(62953);var s=i(5124),n=i(67576),h=i(6412),o=i(89784),r=i(71956),l=i(95010),u=i(40991),m=i(92070),d=i(28225),c=i(24566),p=i(9395),v=i(62676),b=i(15477),g=i(31896),f=i(17060),x=i(52630),w=i(76348),V=t([x,f]);[x,f]=V.then?(await V)():V;let k,M,S,D,R,z,E,F,C=t=>t;var y=Object.defineProperty,T=Object.getOwnPropertyDescriptor,$=(t,e,i,a)=>{for(var s,n=a>1?void 0:a?T(e,i):e,h=t.length-1;h>=0;h--)(s=t[h])&&(n=(a?s(e,i,n):s(n))||n);return a&&n&&y(e,i,n),n};let A=class extends v.q{static get validators(){return[...super.validators,(0,c.Q)()]}get focusableAnchor(){return this.isRange&&this.thumbMin||this.slider}get validationTarget(){return this.focusableAnchor}get value(){var t;if(this.valueHasChanged){var e,i;const t=null!==(e=null!==(i=this._value)&&void 0!==i?i:this.minValue)&&void 0!==e?e:0;return(0,l.q)(t,this.min,this.max)}const a=null!==(t=this._value)&&void 0!==t?t:this.defaultValue;return(0,l.q)(a,this.min,this.max)}set value(t){var e;t=null!==(e=Number(t))&&void 0!==e?e:this.minValue,this._value!==t&&(this.valueHasChanged=!0,this._value=t)}get isRange(){return this.range}handleSizeChange(){(0,u.b)(this.localName,this.size)}firstUpdated(){this.isRange?(this.draggableThumbMin=new r.W(this.thumbMin,{start:()=>{this.activeThumb="min",this.trackBoundingClientRect=this.track.getBoundingClientRect(),this.valueWhenDraggingStarted=this.minValue,this.customStates.set("dragging",!0),this.showRangeTooltips()},move:(t,e)=>{this.setThumbValueFromCoordinates(t,e,"min")},stop:()=>{this.minValue!==this.valueWhenDraggingStarted&&(this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),this.hasInteracted=!0),this.hideRangeTooltips(),this.customStates.set("dragging",!1),this.valueWhenDraggingStarted=void 0,this.activeThumb=null}}),this.draggableThumbMax=new r.W(this.thumbMax,{start:()=>{this.activeThumb="max",this.trackBoundingClientRect=this.track.getBoundingClientRect(),this.valueWhenDraggingStarted=this.maxValue,this.customStates.set("dragging",!0),this.showRangeTooltips()},move:(t,e)=>{this.setThumbValueFromCoordinates(t,e,"max")},stop:()=>{this.maxValue!==this.valueWhenDraggingStarted&&(this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),this.hasInteracted=!0),this.hideRangeTooltips(),this.customStates.set("dragging",!1),this.valueWhenDraggingStarted=void 0,this.activeThumb=null}}),this.draggableTrack=new r.W(this.track,{start:(t,e)=>{if(this.trackBoundingClientRect=this.track.getBoundingClientRect(),this.activeThumb)this.valueWhenDraggingStarted="min"===this.activeThumb?this.minValue:this.maxValue;else{const i=this.getValueFromCoordinates(t,e),a=Math.abs(i-this.minValue),s=Math.abs(i-this.maxValue);if(a===s)if(i>this.maxValue)this.activeThumb="max";else if(i<this.minValue)this.activeThumb="min";else{const i="rtl"===this.localize.dir(),a="vertical"===this.orientation,s=a?e:t,n=this.lastTrackPosition||s;this.lastTrackPosition=s;const h=s>n!==i&&!a||s<n&&a;this.activeThumb=h?"max":"min"}else this.activeThumb=a<=s?"min":"max";this.valueWhenDraggingStarted="min"===this.activeThumb?this.minValue:this.maxValue}this.customStates.set("dragging",!0),this.setThumbValueFromCoordinates(t,e,this.activeThumb),this.showRangeTooltips()},move:(t,e)=>{this.activeThumb&&this.setThumbValueFromCoordinates(t,e,this.activeThumb)},stop:()=>{if(this.activeThumb){("min"===this.activeThumb?this.minValue:this.maxValue)!==this.valueWhenDraggingStarted&&(this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),this.hasInteracted=!0)}this.hideRangeTooltips(),this.customStates.set("dragging",!1),this.valueWhenDraggingStarted=void 0,this.activeThumb=null}})):this.draggableTrack=new r.W(this.slider,{start:(t,e)=>{this.trackBoundingClientRect=this.track.getBoundingClientRect(),this.valueWhenDraggingStarted=this.value,this.customStates.set("dragging",!0),this.setValueFromCoordinates(t,e),this.showTooltip()},move:(t,e)=>{this.setValueFromCoordinates(t,e)},stop:()=>{this.value!==this.valueWhenDraggingStarted&&(this.updateComplete.then(()=>{this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),this.hasInteracted=!0),this.hideTooltip(),this.customStates.set("dragging",!1),this.valueWhenDraggingStarted=void 0}})}willUpdate(t){this.isRange&&(t.has("minValue")||t.has("maxValue")||t.has("min")||t.has("max"))&&(this.minValue=(0,l.q)(this.minValue,this.min,this.maxValue),this.maxValue=(0,l.q)(this.maxValue,this.minValue,this.max)),super.willUpdate(t)}updated(t){if(this.isRange&&(t.has("minValue")||t.has("maxValue"))&&this.updateFormValue(),t.has("disabled")||t.has("readonly")){const t=!(this.disabled||this.readonly);this.isRange&&(this.draggableThumbMin&&this.draggableThumbMin.toggle(t),this.draggableThumbMax&&this.draggableThumbMax.toggle(t)),this.draggableTrack&&this.draggableTrack.toggle(t)}super.updated(t)}formDisabledCallback(t){this.disabled=t}formResetCallback(){var t,e,i,a;this.isRange?(this.minValue=parseFloat(null!==(t=this.getAttribute("min-value"))&&void 0!==t?t:String(this.min)),this.maxValue=parseFloat(null!==(e=this.getAttribute("max-value"))&&void 0!==e?e:String(this.max))):(this._value=null,this.defaultValue=null!==(i=this.defaultValue)&&void 0!==i?i:parseFloat(null!==(a=this.getAttribute("value"))&&void 0!==a?a:String(this.min)));this.valueHasChanged=!1,this.hasInteracted=!1,super.formResetCallback()}clampAndRoundToStep(t){const e=(String(this.step).split(".")[1]||"").replace(/0+$/g,"").length,i=Number(this.step),a=Number(this.min),s=Number(this.max);return t=Math.round(t/i)*i,t=(0,l.q)(t,a,s),parseFloat(t.toFixed(e))}getPercentageFromValue(t){return(t-this.min)/(this.max-this.min)*100}getValueFromCoordinates(t,e){const i="rtl"===this.localize.dir(),a="vertical"===this.orientation,{top:s,right:n,bottom:h,left:o,height:r,width:l}=this.trackBoundingClientRect,u=a?e:t,m=a?{start:s,end:h,size:r}:{start:o,end:n,size:l},d=(a||i?m.end-u:u-m.start)/m.size;return this.clampAndRoundToStep(this.min+(this.max-this.min)*d)}handleBlur(){this.isRange?requestAnimationFrame(()=>{var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.activeElement;e===this.thumbMin||e===this.thumbMax||this.hideRangeTooltips()}):this.hideTooltip(),this.customStates.set("focused",!1),this.dispatchEvent(new FocusEvent("blur",{bubbles:!0,composed:!0}))}handleFocus(t){const e=t.target;this.isRange?(e===this.thumbMin?this.activeThumb="min":e===this.thumbMax&&(this.activeThumb="max"),this.showRangeTooltips()):this.showTooltip(),this.customStates.set("focused",!0),this.dispatchEvent(new FocusEvent("focus",{bubbles:!0,composed:!0}))}handleKeyDown(t){const e="rtl"===this.localize.dir(),i=t.target;if(this.disabled||this.readonly)return;if(this.isRange&&(i===this.thumbMin?this.activeThumb="min":i===this.thumbMax&&(this.activeThumb="max"),!this.activeThumb))return;const a=this.isRange?"min"===this.activeThumb?this.minValue:this.maxValue:this.value;let s=a;switch(t.key){case"ArrowUp":case e?"ArrowLeft":"ArrowRight":t.preventDefault(),s=this.clampAndRoundToStep(a+this.step);break;case"ArrowDown":case e?"ArrowRight":"ArrowLeft":t.preventDefault(),s=this.clampAndRoundToStep(a-this.step);break;case"Home":t.preventDefault(),s=this.isRange&&"min"===this.activeThumb?this.min:this.isRange?this.minValue:this.min;break;case"End":t.preventDefault(),s=this.isRange&&"max"===this.activeThumb?this.max:this.isRange?this.maxValue:this.max;break;case"PageUp":t.preventDefault();const i=Math.max(a+(this.max-this.min)/10,a+this.step);s=this.clampAndRoundToStep(i);break;case"PageDown":t.preventDefault();const n=Math.min(a-(this.max-this.min)/10,a-this.step);s=this.clampAndRoundToStep(n);break;case"Enter":return void(0,d.U)(t,this)}s!==a&&(this.isRange?("min"===this.activeThumb?s>this.maxValue?(this.maxValue=s,this.minValue=s):this.minValue=Math.max(this.min,s):s<this.minValue?(this.minValue=s,this.maxValue=s):this.maxValue=Math.min(this.max,s),this.updateFormValue()):this.value=(0,l.q)(s,this.min,this.max),this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}),this.hasInteracted=!0)}handleLabelPointerDown(t){var e;(t.preventDefault(),this.disabled)||(this.isRange?null===(e=this.thumbMin)||void 0===e||e.focus():this.slider.focus())}setValueFromCoordinates(t,e){const i=this.value;this.value=this.getValueFromCoordinates(t,e),this.value!==i&&this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))})}setThumbValueFromCoordinates(t,e,i){const a=this.getValueFromCoordinates(t,e),s="min"===i?this.minValue:this.maxValue;"min"===i?a>this.maxValue?(this.maxValue=a,this.minValue=a):this.minValue=Math.max(this.min,a):a<this.minValue?(this.minValue=a,this.maxValue=a):this.maxValue=Math.min(this.max,a),s!==("min"===i?this.minValue:this.maxValue)&&(this.updateFormValue(),this.updateComplete.then(()=>{this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}))}showTooltip(){this.withTooltip&&this.tooltip&&(this.tooltip.open=!0)}hideTooltip(){this.withTooltip&&this.tooltip&&(this.tooltip.open=!1)}showRangeTooltips(){var t,e;if(!this.withTooltip)return;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.getElementById("tooltip-thumb-min"),a=null===(e=this.shadowRoot)||void 0===e?void 0:e.getElementById("tooltip-thumb-max");"min"===this.activeThumb?(i&&(i.open=!0),a&&(a.open=!1)):"max"===this.activeThumb&&(a&&(a.open=!0),i&&(i.open=!1))}hideRangeTooltips(){var t,e;if(!this.withTooltip)return;const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.getElementById("tooltip-thumb-min"),a=null===(e=this.shadowRoot)||void 0===e?void 0:e.getElementById("tooltip-thumb-max");i&&(i.open=!1),a&&(a.open=!1)}updateFormValue(){if(this.isRange){const t=new FormData;t.append(this.name||"",String(this.minValue)),t.append(this.name||"",String(this.maxValue)),this.setValue(t)}}focus(){var t;this.isRange?null===(t=this.thumbMin)||void 0===t||t.focus():this.slider.focus()}blur(){this.isRange?document.activeElement===this.thumbMin?this.thumbMin.blur():document.activeElement===this.thumbMax&&this.thumbMax.blur():this.slider.blur()}stepDown(){if(this.isRange){const t=this.clampAndRoundToStep(this.minValue-this.step);this.minValue=(0,l.q)(t,this.min,this.maxValue),this.updateFormValue()}else{const t=this.clampAndRoundToStep(this.value-this.step);this.value=t}}stepUp(){if(this.isRange){const t=this.clampAndRoundToStep(this.maxValue+this.step);this.maxValue=(0,l.q)(t,this.minValue,this.max),this.updateFormValue()}else{const t=this.clampAndRoundToStep(this.value+this.step);this.value=t}}render(){const t=this.hasUpdated?this.hasSlotController.test("label"):this.withLabel,e=this.hasUpdated?this.hasSlotController.test("hint"):this.withHint,i=!!this.label||!!t,a=!!this.hint||!!e,n=this.hasSlotController.test("reference"),r=(0,h.H)({xs:"xs"===this.size,s:"s"===this.size||"small"===this.size,m:"m"===this.size||"medium"===this.size,l:"l"===this.size||"large"===this.size,xl:"xl"===this.size,small:"small"===this.size||"s"===this.size,medium:"medium"===this.size||"m"===this.size,large:"large"===this.size||"l"===this.size,horizontal:"horizontal"===this.orientation,vertical:"vertical"===this.orientation,disabled:this.disabled}),u=[];if(this.withMarkers)for(let s=this.min;s<=this.max;s+=this.step)u.push(this.getPercentageFromValue(s));const m=(0,s.qy)(k||(k=C` <label id="label" part="label" for="${0}" class="${0}" @pointerdown="${0}"> <slot name="label">${0}</slot> </label> `),this.isRange?"thumb-min":"text-box",(0,h.H)({vh:!i,"has-label":i}),this.handleLabelPointerDown,this.label),d=(0,s.qy)(M||(M=C` <div id="hint" part="hint" class="${0}"> <slot name="hint">${0}</slot> </div> `),(0,h.H)({"has-slotted":a}),this.hint),c=this.withMarkers?(0,s.qy)(S||(S=C` <div id="markers" part="markers"> ${0} </div> `),u.map(t=>(0,s.qy)(D||(D=C`<span part="marker" class="marker" style="${0}"></span>`),(0,o.W)({"--position":`${t}%`})))):"",p=n?(0,s.qy)(R||(R=C` <div id="references" part="references" aria-hidden="true"> <slot name="reference"></slot> </div> `)):"",v=(t,e)=>this.withTooltip?(0,s.qy)(z||(z=C` <wa-tooltip id="${0}" part="tooltip" exportparts="
base:tooltip__base,
body:tooltip__body,
arrow:tooltip__arrow
" trigger="manual" distance="${0}" placement="${0}" for="${0}" activation="manual" dir="${0}"> <span aria-hidden="true"> ${0} </span> </wa-tooltip> `),"tooltip"+("thumb"!==t?"-"+t:""),this.tooltipDistance,this.tooltipPlacement,t,this.localize.dir(),"function"==typeof this.valueFormatter?this.valueFormatter(e):this.localize.number(e)):"";if(this.isRange){const t=(0,l.q)(this.getPercentageFromValue(this.minValue),0,100),e=(0,l.q)(this.getPercentageFromValue(this.maxValue),0,100);return(0,s.qy)(E||(E=C` ${0} <div id="slider" part="slider" class="${0}"> <div id="track" part="track"> <div id="indicator" part="indicator" style="${0}"></div> ${0} <span id="thumb-min" part="thumb thumb-min" style="${0}" role="slider" aria-valuemin="${0}" aria-valuenow="${0}" aria-valuetext="${0}" aria-valuemax="${0}" aria-label="${0}" aria-orientation="${0}" aria-disabled="${0}" aria-readonly="${0}" tabindex="${0}" @blur="${0}" @focus="${0}" @keydown="${0}"></span> <span id="thumb-max" part="thumb thumb-max" style="${0}" role="slider" aria-valuemin="${0}" aria-valuenow="${0}" aria-valuetext="${0}" aria-valuemax="${0}" aria-label="${0}" aria-orientation="${0}" aria-disabled="${0}" aria-readonly="${0}" tabindex="${0}" @blur="${0}" @focus="${0}" @keydown="${0}"></span> </div> ${0} ${0} </div> ${0} ${0} `),m,r,(0,o.W)({"--start":`${Math.min(t,e)}%`,"--end":`${Math.max(t,e)}%`}),c,(0,o.W)({"--position":`${t}%`}),this.min,this.minValue,"function"==typeof this.valueFormatter?this.valueFormatter(this.minValue):this.localize.number(this.minValue),this.max,this.label?`${this.label} (minimum value)`:"Minimum value",this.orientation,this.disabled?"true":"false",this.readonly?"true":"false",this.disabled?-1:0,this.handleBlur,this.handleFocus,this.handleKeyDown,(0,o.W)({"--position":`${e}%`}),this.min,this.maxValue,"function"==typeof this.valueFormatter?this.valueFormatter(this.maxValue):this.localize.number(this.maxValue),this.max,this.label?`${this.label} (maximum value)`:"Maximum value",this.orientation,this.disabled?"true":"false",this.readonly?"true":"false",this.disabled?-1:0,this.handleBlur,this.handleFocus,this.handleKeyDown,p,d,v("thumb-min",this.minValue),v("thumb-max",this.maxValue))}{const t=(0,l.q)(this.getPercentageFromValue(this.value),0,100),e=(0,l.q)(this.getPercentageFromValue("number"==typeof this.indicatorOffset?this.indicatorOffset:this.min),0,100);return(0,s.qy)(F||(F=C` ${0} <div id="slider" part="slider" class="${0}" role="slider" aria-disabled="${0}" aria-readonly="${0}" aria-orientation="${0}" aria-valuemin="${0}" aria-valuenow="${0}" aria-valuetext="${0}" aria-valuemax="${0}" aria-labelledby="label" aria-describedby="hint" tabindex="${0}" @blur="${0}" @focus="${0}" @keydown="${0}"> <div id="track" part="track"> <div id="indicator" part="indicator" style="${0}"></div> ${0} <span id="thumb" part="thumb" style="${0}"></span> </div> ${0} ${0} </div> ${0} `),m,r,this.disabled?"true":"false",this.disabled?"true":"false",this.orientation,this.min,this.value,"function"==typeof this.valueFormatter?this.valueFormatter(this.value):this.localize.number(this.value),this.max,this.disabled?-1:0,this.handleBlur,this.handleFocus,this.handleKeyDown,(0,o.W)({"--start":`${e}%`,"--end":`${t}%`}),c,(0,o.W)({"--position":`${t}%`}),p,d,v("thumb",this.value))}}constructor(){super(...arguments),this.draggableThumbMin=null,this.draggableThumbMax=null,this.hasSlotController=new m.X(this,"hint","label"),this.localize=new f.c(this),this.activeThumb=null,this.lastTrackPosition=null,this.label="",this.hint="",this.minValue=0,this.maxValue=50,this.defaultValue=null==this.getAttribute("value")?this.minValue:Number(this.getAttribute("value")),this._value=null,this.range=!1,this.disabled=!1,this.readonly=!1,this.orientation="horizontal",this.size="m",this.min=0,this.max=100,this.step=1,this.tooltipDistance=8,this.tooltipPlacement="top",this.withMarkers=!1,this.withTooltip=!1,this.withLabel=!1,this.withHint=!1}};A.formAssociated=!0,A.observeSlots=!0,A.css=[g.A,b.A,w.A],$([(0,n.P)("#slider")],A.prototype,"slider",2),$([(0,n.P)("#thumb")],A.prototype,"thumb",2),$([(0,n.P)("#thumb-min")],A.prototype,"thumbMin",2),$([(0,n.P)("#thumb-max")],A.prototype,"thumbMax",2),$([(0,n.P)("#track")],A.prototype,"track",2),$([(0,n.P)("#tooltip")],A.prototype,"tooltip",2),$([(0,n.MZ)()],A.prototype,"label",2),$([(0,n.MZ)({attribute:"hint"})],A.prototype,"hint",2),$([(0,n.MZ)({reflect:!0})],A.prototype,"name",2),$([(0,n.MZ)({type:Number,attribute:"min-value"})],A.prototype,"minValue",2),$([(0,n.MZ)({type:Number,attribute:"max-value"})],A.prototype,"maxValue",2),$([(0,n.MZ)({attribute:"value",reflect:!0,type:Number})],A.prototype,"defaultValue",2),$([(0,n.wk)()],A.prototype,"value",1),$([(0,n.MZ)({type:Boolean,reflect:!0})],A.prototype,"range",2),$([(0,n.MZ)({type:Boolean})],A.prototype,"disabled",2),$([(0,n.MZ)({type:Boolean,reflect:!0})],A.prototype,"readonly",2),$([(0,n.MZ)({reflect:!0})],A.prototype,"orientation",2),$([(0,n.MZ)({reflect:!0})],A.prototype,"size",2),$([(0,p.w)("size")],A.prototype,"handleSizeChange",1),$([(0,n.MZ)({attribute:"indicator-offset",type:Number})],A.prototype,"indicatorOffset",2),$([(0,n.MZ)({type:Number})],A.prototype,"min",2),$([(0,n.MZ)({type:Number})],A.prototype,"max",2),$([(0,n.MZ)({type:Number})],A.prototype,"step",2),$([(0,n.MZ)({type:Boolean})],A.prototype,"autofocus",2),$([(0,n.MZ)({attribute:"tooltip-distance",type:Number})],A.prototype,"tooltipDistance",2),$([(0,n.MZ)({attribute:"tooltip-placement",reflect:!0})],A.prototype,"tooltipPlacement",2),$([(0,n.MZ)({attribute:"with-markers",type:Boolean})],A.prototype,"withMarkers",2),$([(0,n.MZ)({attribute:"with-tooltip",type:Boolean})],A.prototype,"withTooltip",2),$([(0,n.MZ)({attribute:"with-label",type:Boolean})],A.prototype,"withLabel",2),$([(0,n.MZ)({attribute:"with-hint",type:Boolean})],A.prototype,"withHint",2),$([(0,n.MZ)({attribute:!1})],A.prototype,"valueFormatter",2),A=$([(0,n.EM)("wa-slider")],A),a()}catch(k){a(k)}})},76348:function(t,e,i){i.d(e,{A:function(){return s}});let a;var s=(0,i(5124).AH)(a||(a=(t=>t)`:host{--track-size:0.5em;--thumb-width:1.4em;--thumb-height:1.4em;--marker-width:0.1875em;--marker-height:0.1875em}:host([orientation=vertical]){width:auto}#label:has(~ .vertical){display:block;order:2;max-width:none;text-align:center}#description:has(~ .vertical){order:3;text-align:center}#label.has-label~#slider.horizontal{margin-block-start:0.5em}#label.has-label~#slider.vertical{margin-block-end:0.5em}#slider{touch-action:none}#slider:focus{outline:0}#slider:focus-visible:not(.disabled) #thumb,#slider:focus-visible:not(.disabled) #thumb-max,#slider:focus-visible:not(.disabled) #thumb-min{outline:var(--wa-focus-ring)}#track{position:relative;border-radius:9999px;background:var(--wa-color-neutral-fill-normal);isolation:isolate}.horizontal #track{height:var(--track-size)}.vertical #track{order:1;width:var(--track-size);height:200px}.disabled #track{cursor:not-allowed;opacity:.5}#indicator{position:absolute;border-radius:inherit;background-color:var(--wa-form-control-activated-color)}#indicator:dir(ltr){right:calc(100% - max(var(--start),var(--end)));left:min(var(--start),var(--end))}#indicator:dir(rtl){right:min(var(--start),var(--end));left:calc(100% - max(var(--start),var(--end)))}.horizontal #indicator{top:0;height:100%}.vertical #indicator{top:calc(100% - var(--end));bottom:var(--start);left:0;width:100%}#thumb,#thumb-max,#thumb-min{z-index:3;position:absolute;width:var(--thumb-width);height:var(--thumb-height);border:solid .125em var(--wa-color-surface-default);border-radius:50%;background-color:var(--wa-form-control-activated-color);cursor:pointer}.disabled #thumb,.disabled #thumb-max,.disabled #thumb-min{cursor:inherit}.horizontal #thumb,.horizontal #thumb-max,.horizontal #thumb-min{top:calc(50% - var(--thumb-height)/ 2)}:is(.horizontal #thumb,.horizontal #thumb-min,.horizontal #thumb-max):dir(ltr){right:auto;left:calc(var(--position) - var(--thumb-width)/ 2)}:is(.horizontal #thumb,.horizontal #thumb-min,.horizontal #thumb-max):dir(rtl){right:calc(var(--position) - var(--thumb-width)/ 2);left:auto}.vertical #thumb,.vertical #thumb-max,.vertical #thumb-min{bottom:calc(var(--position) - var(--thumb-height)/ 2);left:calc(50% - var(--thumb-width)/ 2)}:host([range]) #thumb-max:focus-visible,:host([range]) #thumb-min:focus-visible{z-index:4;outline:var(--wa-focus-ring)}#markers{pointer-events:none}.marker{z-index:2;position:absolute;width:var(--marker-width);height:var(--marker-height);border-radius:50%;background-color:var(--wa-color-surface-default)}.marker:first-of-type,.marker:last-of-type{display:none}.horizontal .marker{top:calc(50% - var(--marker-height)/ 2);left:calc(var(--position) - var(--marker-width)/ 2)}.vertical .marker{top:calc(var(--position) - var(--marker-height)/ 2);left:calc(50% - var(--marker-width)/ 2)}#references{position:relative}#references slot{display:flex;justify-content:space-between;height:100%}#references ::slotted(*){color:var(--wa-color-text-quiet);font-size:.875em;line-height:1}.horizontal #references{margin-block-start:0.5em}.vertical{display:flex;margin-inline:auto}.vertical #track{order:1}.vertical #references{order:2;width:min-content;margin-inline-start:.75em}.vertical #references slot{flex-direction:column}.vertical #references slot{flex-direction:column}`))},71956:function(t,e,i){i.d(e,{W:function(){return s}});const a="undefined"!=typeof window&&"ontouchstart"in window;class s{start(){this.isActive||(this.element.addEventListener("pointerdown",this.handleDragStart),a&&this.element.addEventListener("touchstart",this.handleDragStart),this.isActive=!0)}stop(){document.removeEventListener("pointerup",this.handleDragStop),document.removeEventListener("pointermove",this.handleDragMove),document.removeEventListener("pointercancel",this.handleDragStop),document.removeEventListener("touchend",this.handleDragStop),document.removeEventListener("touchmove",this.handleDragMove),document.removeEventListener("touchcancel",this.handleDragStop),this.element.removeEventListener("pointerdown",this.handleDragStart),a&&this.element.removeEventListener("touchstart",this.handleDragStart),this.isActive=!1,this.isDragging=!1}toggle(t){(void 0!==t?t:!this.isActive)?this.start():this.stop()}constructor(t,e){this.isActive=!1,this.isDragging=!1,this.handleDragStart=t=>{const e="touches"in t?t.touches[0].clientX:t.clientX,i="touches"in t?t.touches[0].clientY:t.clientY;this.isDragging||!a&&t.buttons>1||(this.isDragging=!0,document.addEventListener("pointerup",this.handleDragStop),document.addEventListener("pointermove",this.handleDragMove),document.addEventListener("pointercancel",this.handleDragStop),document.addEventListener("touchend",this.handleDragStop),document.addEventListener("touchmove",this.handleDragMove),document.addEventListener("touchcancel",this.handleDragStop),this.options.start(e,i))},this.handleDragStop=t=>{const e="changedTouches"in t?t.changedTouches[0].clientX:t.clientX,i="changedTouches"in t?t.changedTouches[0].clientY:t.clientY;this.isDragging=!1,document.removeEventListener("pointerup",this.handleDragStop),document.removeEventListener("pointermove",this.handleDragMove),document.removeEventListener("pointercancel",this.handleDragStop),document.removeEventListener("touchend",this.handleDragStop),document.removeEventListener("touchmove",this.handleDragMove),document.removeEventListener("touchcancel",this.handleDragStop),this.options.stop(e,i)},this.handleDragMove=t=>{var e;const i="touches"in t?t.touches[0].clientX:t.clientX,a="touches"in t?t.touches[0].clientY:t.clientY;null===(e=window.getSelection())||void 0===e||e.removeAllRanges(),this.options.move(i,a)},this.element=t,this.options=Object.assign({start:()=>{},stop:()=>{},move:()=>{}},e),this.start()}}},24566:function(t,e,i){i.d(e,{Q:function(){return a}});i(44114);const a=()=>({observedAttributes:["min","max","step"],checkValidity(t){const e={message:"",isValid:!0,invalidKeys:[]},i=(t,e,i,a)=>{const s=document.createElement("input");return s.type="range",s.min=String(e),s.max=String(i),s.step=String(a),s.value=String(t),s.checkValidity(),s.validationMessage};if(t.isRange){const a=t.minValue,s=t.maxValue;if(a<t.min)return e.isValid=!1,e.invalidKeys.push("rangeUnderflow"),e.message=i(a,t.min,t.max,t.step)||`Value must be greater than or equal to ${t.min}.`,e;if(s>t.max)return e.isValid=!1,e.invalidKeys.push("rangeOverflow"),e.message=i(s,t.min,t.max,t.step)||`Value must be less than or equal to ${t.max}.`,e;if(t.step&&1!==t.step){const n=(a-t.min)%t.step!==0,h=(s-t.min)%t.step!==0;if(n||h){e.isValid=!1,e.invalidKeys.push("stepMismatch");const h=n?a:s;return e.message=i(h,t.min,t.max,t.step)||`Value must be a multiple of ${t.step}.`,e}}}else{const a=t.value;if(a<t.min)return e.isValid=!1,e.invalidKeys.push("rangeUnderflow"),e.message=i(a,t.min,t.max,t.step)||`Value must be greater than or equal to ${t.min}.`,e;if(a>t.max)return e.isValid=!1,e.invalidKeys.push("rangeOverflow"),e.message=i(a,t.min,t.max,t.step)||`Value must be less than or equal to ${t.max}.`,e;if(t.step&&1!==t.step&&(a-t.min)%t.step!==0)return e.isValid=!1,e.invalidKeys.push("stepMismatch"),e.message=i(a,t.min,t.max,t.step)||`Value must be a multiple of ${t.step}.`,e}return e}})}}]);