/*! For license information please see 2217.2af96d4563c33401.js.LICENSE.txt */
export const __rspack_esm_id="2217";export const __rspack_esm_ids=["2217"];export const __webpack_modules__={61366(e,t,o){o.a(e,async function(e,t){try{o(18111),o(7588),o(17642),o(58004),o(33853),o(45876),o(32475),o(15024),o(31698);var i=o(96196),r=o(97735),s=o(94333),a=o(32288),n=o(17051),d=o(42462),l=o(28438),h=o(98779),c=o(27259),p=o(984),u=o(53720),v=o(9395),b=o(12754),g=o(40158),y=o(10416),f=e([g]);g=(f.then?(await f)():f)[0];var m=Object.defineProperty,w=Object.getOwnPropertyDescriptor,_=(e,t,o,i)=>{for(var r,s=i>1?void 0:i?w(t,o):t,a=e.length-1;a>=0;a--)(r=e[a])&&(s=(i?r(t,o,s):r(s))||s);return i&&s&&m(t,o,s),s};const k=new Set;let x=class extends b.A{connectedCallback(){super.connectedCallback(),this.id||(this.id=(0,u.N)("wa-popover-")),this.eventController.signal.aborted&&(this.eventController=new AbortController),this.for&&this.anchor&&(this.anchor=null,this.handleForChange())}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleDocumentKeyDown),this.eventController.abort()}firstUpdated(){this.open&&this.handleOpenChange()}updated(e){e.has("open")&&this.customStates.set("open",this.open)}async handleOpenChange(){if(this.open){const e=new h.k;if(this.dispatchEvent(e),e.defaultPrevented)return void(this.open=!1);k.forEach(e=>e.open=!1),document.addEventListener("keydown",this.handleDocumentKeyDown,{signal:this.eventController.signal}),document.addEventListener("click",this.handleDocumentClick,{signal:this.eventController.signal}),this.trapFocus?this.dialog.showModal():this.dialog.show(),this.popup.active=!0,k.add(this),requestAnimationFrame(()=>{const e=this.querySelector("[autofocus]");e&&"function"==typeof e.focus?e.focus():this.dialog.focus()}),this.popup.popup||await this.popup.updateComplete,await(0,c.Ud)(this.popup.popup,"show-with-scale"),this.popup.reposition(),this.dispatchEvent(new d.q)}else{const e=new l.L;if(this.dispatchEvent(e),e.defaultPrevented)return void(this.open=!0);document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("click",this.handleDocumentClick),k.delete(this),await(0,c.Ud)(this.popup.popup,"hide-with-scale"),this.popup.active=!1,this.dialog.close(),this.dispatchEvent(new n.Z)}}handleForChange(){const e=this.getRootNode();if(!e)return;const t=this.for?e.getElementById(this.for):null,o=this.anchor;if(t===o)return;const{signal:i}=this.eventController;t&&t.addEventListener("click",this.handleAnchorClick,{signal:i}),o&&o.removeEventListener("click",this.handleAnchorClick),this.anchor=t,this.for&&!t&&console.warn(`A popover was assigned to an element with an ID of "${this.for}" but the element could not be found.`,this)}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}async show(){if(!this.open)return this.open=!0,(0,p.l)(this,"wa-after-show")}async hide(){if(this.open)return this.open=!1,(0,p.l)(this,"wa-after-hide")}handleDialogCancel(e){e.preventDefault(),this.dialog.classList.contains("hide")||(this.open=!1)}render(){return i.qy` <dialog aria-labelledby="${(0,a.J)(this.ariaLabelledby)}" aria-describedby="${(0,a.J)(this.ariaDescribedby)}" part="dialog" class="dialog" @cancel="${this.handleDialogCancel}"> <wa-popup part="popup" exportparts="
            popup:popup__popup,
            arrow:popup__arrow
          " class="${(0,s.H)({popover:!0,"popover-open":this.open})}" placement="${this.placement}" distance="${this.distance}" skidding="${this.skidding}" flip shift ?arrow="${!this.withoutArrow}" .anchor="${this.anchor}" .autoSize="${this.autoSize}" .autoSizePadding="${this.autoSizePadding}"> <div part="body" class="body" @click="${this.handleBodyClick}"> <slot></slot> </div> </wa-popup> </dialog> `}constructor(){super(...arguments),this.anchor=null,this.placement="top",this.open=!1,this.distance=8,this.skidding=0,this.for=null,this.withoutArrow=!1,this.autoSizePadding=0,this.trapFocus=!1,this.eventController=new AbortController,this.handleAnchorClick=()=>{this.open=!this.open},this.handleBodyClick=e=>{e.stopPropagation();e.target.closest('[data-popover="close"]')&&(this.open=!1)},this.handleDocumentKeyDown=e=>{"Escape"===e.key&&(e.preventDefault(),this.open=!1,this.anchor&&"function"==typeof this.anchor.focus&&this.anchor.focus())},this.handleDocumentClick=e=>{this.anchor&&e.composedPath().includes(this.anchor)||e.composedPath().includes(this)||(this.open=!1)}}};x.css=y.A,x.dependencies={"wa-popup":g.A},_([(0,r.P)("dialog")],x.prototype,"dialog",2),_([(0,r.P)(".body")],x.prototype,"body",2),_([(0,r.P)("wa-popup")],x.prototype,"popup",2),_([(0,r.wk)()],x.prototype,"anchor",2),_([(0,r.MZ)()],x.prototype,"placement",2),_([(0,r.MZ)({type:Boolean,reflect:!0})],x.prototype,"open",2),_([(0,r.MZ)({type:Number})],x.prototype,"distance",2),_([(0,r.MZ)({type:Number})],x.prototype,"skidding",2),_([(0,r.MZ)()],x.prototype,"for",2),_([(0,r.MZ)({attribute:"without-arrow",type:Boolean,reflect:!0})],x.prototype,"withoutArrow",2),_([(0,r.MZ)({attribute:"auto-size"})],x.prototype,"autoSize",2),_([(0,r.MZ)({attribute:"auto-size-padding",type:Number})],x.prototype,"autoSizePadding",2),_([(0,r.MZ)({attribute:"trap-focus",type:Boolean})],x.prototype,"trapFocus",2),_([(0,r.MZ)({attribute:"aria-labelledby"})],x.prototype,"ariaLabelledby",2),_([(0,r.MZ)({attribute:"aria-describedby"})],x.prototype,"ariaDescribedby",2),_([(0,v.w)("open",{waitUntilFirstUpdate:!0})],x.prototype,"handleOpenChange",1),_([(0,v.w)("for")],x.prototype,"handleForChange",1),_([(0,v.w)(["distance","placement","skidding"])],x.prototype,"handleOptionsChange",1),x=_([(0,r.EM)("wa-popover")],x),t()}catch(e){t(e)}})},10416(e,t,o){o.d(t,{A:()=>i});var i=o(96196).AH`:host{--arrow-size:0.375rem;--max-width:25rem;--show-duration:100ms;--hide-duration:100ms;--arrow-diagonal-size:calc((var(--arrow-size) * sin(45deg)));display:contents;font-size:var(--wa-font-size-m);line-height:var(--wa-line-height-normal);text-align:start;white-space:normal}.dialog{display:none;position:fixed;inset:0;width:100%;height:100%;margin:0;padding:0;border:none;background:0 0;overflow:visible;pointer-events:none}.dialog:focus{outline:0}.dialog[open]{display:block}.popover{--arrow-size:inherit;--show-duration:inherit;--hide-duration:inherit;pointer-events:auto}.popover::part(arrow){background-color:var(--wa-color-surface-default);border-top:none;border-left:none;border-bottom:solid var(--wa-panel-border-width) var(--wa-color-surface-border);border-right:solid var(--wa-panel-border-width) var(--wa-color-surface-border);box-shadow:none}.popover[placement^=top]::part(popup){transform-origin:bottom}.popover[placement^=bottom]::part(popup){transform-origin:top}.popover[placement^=left]::part(popup){transform-origin:right}.popover[placement^=right]::part(popup){transform-origin:left}.body{display:flex;flex-direction:column;width:max-content;max-width:var(--max-width);padding:var(--wa-space-l);background-color:var(--wa-color-surface-default);border:var(--wa-panel-border-width) solid var(--wa-color-surface-border);border-radius:var(--wa-panel-border-radius);border-style:var(--wa-panel-border-style);box-shadow:var(--wa-shadow-l);color:var(--wa-color-text-normal);user-select:none;-webkit-user-select:none}`},66655(e,t,o){o.d(t,{K:()=>p});var i=o(62826),r=(o(4469),o(71970),o(96196)),s=o(97735),a=o(94333),n=o(28345),d=o(20618),l=o(19379);function h(e,t=!0){return t&&"rtl"===getComputedStyle(e).getPropertyValue("direction").trim()}const c=(0,d.n)((0,l.o)(r.WF));class p extends c{get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get form(){return this[l.r].form}get labels(){return this[l.r].labels}willUpdate(){this.href&&(this.disabled=!1,this.softDisabled=!1)}render(){const e=this.href?n.eu`div`:n.eu`button`,{ariaLabel:t,ariaHasPopup:o,ariaExpanded:i}=this,s=t&&this.ariaLabelSelected,d=this.toggle?this.selected:r.s6;let l=r.s6;return this.href||(l=s&&this.selected?this.ariaLabelSelected:t),n.qy`<${e}
        class="icon-button ${(0,a.H)(this.getRenderClasses())}"
        id="button"
        aria-label="${l||r.s6}"
        aria-haspopup="${!this.href&&o||r.s6}"
        aria-expanded="${!this.href&&i||r.s6}"
        aria-pressed="${d}"
        aria-disabled=${!this.href&&this.softDisabled||r.s6}
        ?disabled="${!this.href&&this.disabled}"
        @click="${this.handleClickOnChild}">
        ${this.renderFocusRing()}
        ${this.renderRipple()}
        ${this.selected?r.s6:this.renderIcon()}
        ${this.selected?this.renderSelectedIcon():r.s6}
        ${this.href?this.renderLink():this.renderTouchTarget()}
  </${e}>`}renderLink(){const{ariaLabel:e}=this;return r.qy` <a class="link" id="link" href="${this.href}" download="${this.download||r.s6}" target="${this.target||r.s6}" aria-label="${e||r.s6}"> ${this.renderTouchTarget()} </a> `}getRenderClasses(){return{"flip-icon":this.flipIcon,selected:this.toggle&&this.selected}}renderIcon(){return r.qy`<span class="icon"><slot></slot></span>`}renderSelectedIcon(){return r.qy`<span class="icon icon--selected"><slot name="selected"><slot></slot></slot></span>`}renderTouchTarget(){return r.qy`<span class="touch"></span>`}renderFocusRing(){return r.qy`<md-focus-ring part="focus-ring" for="${this.href?"link":"button"}"></md-focus-ring>`}renderRipple(){const e=!this.href&&(this.disabled||this.softDisabled);return r.qy`<md-ripple for="${this.href?"link":r.s6}" ?disabled="${e}"></md-ripple>`}connectedCallback(){this.flipIcon=h(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})))}constructor(){super(),this.disabled=!1,this.softDisabled=!1,this.flipIconInRtl=!1,this.href="",this.download="",this.target="",this.ariaLabelSelected="",this.toggle=!1,this.selected=!1,this.type="submit",this.value="",this.flipIcon=h(this,this.flipIconInRtl),r.S$||this.addEventListener("click",this.handleClick.bind(this))}}var u;u=p,r.S$||u.addInitializer(e=>{const t=e;t.addEventListener("click",async e=>{const{type:o,[l.r]: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()))})}),p.formAssociated=!0,p.shadowRootOptions={mode:"open",delegatesFocus:!0},(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean,attribute:"soft-disabled",reflect:!0})],p.prototype,"softDisabled",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean,attribute:"flip-icon-in-rtl"})],p.prototype,"flipIconInRtl",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"href",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"download",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"target",void 0),(0,i.Cg)([(0,s.MZ)({attribute:"aria-label-selected"})],p.prototype,"ariaLabelSelected",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],p.prototype,"toggle",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],p.prototype,"selected",void 0),(0,i.Cg)([(0,s.MZ)()],p.prototype,"type",void 0),(0,i.Cg)([(0,s.MZ)({reflect:!0})],p.prototype,"value",void 0),(0,i.Cg)([(0,s.wk)()],p.prototype,"flipIcon",void 0)},17008(e,t,o){o.d(t,{R:()=>i});const i=o(96196).AH`: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: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{--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])::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}}`},14613(e,t,o){o.d(t,{R:()=>i});const i=o(96196).AH`: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{display:grid;height:100%;outline:0;place-items:center;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}}`},76074(e,t,o){o(18111),o(7588);var i=o(62826),r=o(96196),s=o(97735);class a extends r.WF{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 r.JW` <g class="${e} handle"> <path id="${e}" class="overflow" d="
          M ${o.x} ${o.y}
          L ${o.x+.001} ${o.y+.001}
          " vector-effect="non-scaling-stroke" stroke="rgba(0,0,0,0)" stroke-width="${4*this.handleSize*this._scale}"/> <path id="${e}" class="handle" d="
          M ${o.x} ${o.y}
          L ${o.x+.001} ${o.y+.001}
          " vector-effect="non-scaling-stroke" stroke-width="${2*this.handleSize*this._scale}" tabindex="0" @focus="${this.dragStart}" @blur="${this.dragEnd}" role="slider" aria-valuemin="${this.min}" aria-valuemax="${this.max}" aria-valuenow="${this[e]}" aria-disabled="${this.disabled}" aria-label="${i||""}"/> </g> `}render(){const e=this._boundaries;return r.qy` <svg @mousedown="${this.dragStart}" @touchstart="${this.dragStart}" xmln="http://www.w3.org/2000/svg" viewBox="${-e.left} ${-e.up} ${e.width} ${e.height}" style="margin:${this.handleSize*this.handleZoom}px" ?disabled="${this.disabled}" focusable="false"> <g class="slider"> <path class="path" d="${this._renderArc(this._start,this._end)}" vector-effect="non-scaling-stroke"/> <g class="bar"> ${null!=this.low&&null!=this.high&&this.outside?r.JW` <path class="bar low" vector-effect="non-scaling-stroke" d="${this._renderArc(this._value2angle(this.min),this._value2angle(this.low))}"/> <path class="bar high" vector-effect="non-scaling-stroke" d="${this._renderArc(this._value2angle(this.high),this._value2angle(this.max))}"/> `:r.JW` <path class="bar" vector-effect="non-scaling-stroke" d="${this._renderArc(this._value2angle(null!=this.low?this.low:this.min),this._value2angle(null!=this.high?this.high:this.value))}"/> `} </g> <path class="shadowpath" d="${this._renderArc(this._start,this._end)}" vector-effect="non-scaling-stroke" stroke="rgba(0,0,0,0)" stroke-width="${3*this.handleSize*this._scale}" stroke-linecap="butt"/> </g> <g class="handles"> ${this._showHandle?null!=this.low?this._reverseOrder?r.JW`${this._renderHandle("high")} ${this._renderHandle("low")}`:r.JW`${this._renderHandle("low")} ${this._renderHandle("high")}`:r.JW`${this._renderHandle("value")}`:""} </g> </svg> `}static get styles(){return r.AH`: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}`}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)}}(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"value",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"high",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"low",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"min",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"max",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"step",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"startAngle",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"arcLength",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"handleSize",void 0),(0,i.Cg)([(0,s.MZ)({type:Number})],a.prototype,"handleZoom",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],a.prototype,"readonly",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],a.prototype,"disabled",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],a.prototype,"dragging",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],a.prototype,"rtl",void 0),(0,i.Cg)([(0,s.MZ)()],a.prototype,"valueLabel",void 0),(0,i.Cg)([(0,s.MZ)()],a.prototype,"lowLabel",void 0),(0,i.Cg)([(0,s.MZ)()],a.prototype,"highLabel",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],a.prototype,"outside",void 0),(0,i.Cg)([(0,s.wk)()],a.prototype,"_scale",void 0),customElements.define("round-slider",a)},92913(e,t,o){o.d(t,{f:()=>s});var i=o(73420),r=o(83504);function s(e,t,o){const s=(0,r.a)(e,o?.in);return isNaN(t)?(0,i.w)(o?.in||e,NaN):t?(s.setDate(s.getDate()+t),s):s}},78733(e,t,o){o.d(t,{z:()=>r});var i=o(83504);function r(e,t,o){const r=(0,i.a)(e,o?.in);return r.setTime(r.getTime()+6e4*t),r}},83339(e,t,o){o.d(t,{b:()=>r});var i=o(83504);function r(e,t){return+(0,i.a)(e)-+(0,i.a)(t)}},96231(e,t,o){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}}o.d(t,{f:()=>i})}};
//# sourceMappingURL=2217.2af96d4563c33401.js.map