3 lines
27 KiB
JavaScript
3 lines
27 KiB
JavaScript
/*! For license information please see 2139.59f1fb21818dd88d.js.LICENSE.txt */
|
|
export const ids=["2139"];export const modules={79679:function(e,t,a){function r(e,t){!t.bubbles||e.shadowRoot&&!t.composed||t.stopPropagation();const a=Reflect.construct(t.constructor,[t.type,t]),r=e.dispatchEvent(a);return r||t.preventDefault(),r}a.d(t,{e:function(){return r}})},61073:function(e,t,a){a.d(t,{N:function(){return n},b:function(){return r}});a(85601);const r=Symbol("internals"),i=Symbol("privateInternals");function n(e){return class extends e{get[r](){return this[i]||(this[i]=this.attachInternals()),this[i]}}}},19484:function(e,t,a){a.d(t,{$u:function(){return s},hz:function(){return o}});var r=a(9065),i=a(50778),n=a(61073);const s=Symbol("getFormValue"),l=Symbol("getFormState");function o(e){class t extends e{get form(){return this[n.b].form}get labels(){return this[n.b].labels}get name(){return this.getAttribute("name")??""}set name(e){this.setAttribute("name",e)}get disabled(){return this.hasAttribute("disabled")}set disabled(e){this.toggleAttribute("disabled",e)}attributeChangedCallback(e,t,a){if("name"!==e&&"disabled"!==e)super.attributeChangedCallback(e,t,a);else{const a="disabled"===e?null!==t:t;this.requestUpdate(e,a)}}requestUpdate(e,t,a){super.requestUpdate(e,t,a),this[n.b].setFormValue(this[s](),this[l]())}[s](){throw new Error("Implement [getFormValue]")}[l](){return this[s]()}formDisabledCallback(e){this.disabled=e}}return t.formAssociated=!0,(0,r.gn)([(0,i.Cb)({noAccessor:!0})],t.prototype,"name",null),(0,r.gn)([(0,i.Cb)({type:Boolean,noAccessor:!0})],t.prototype,"disabled",null),t}},31875:function(e,t,a){a.d(t,{$:()=>y});var r=a("9065"),i=a("50778"),n=a("57243");const s=n.iv`@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")}}`;a("54835"),a("57618"),a("23111");var l=a("35359"),o=a("46799");function d(e,t,a){return e?t():null==a?void 0:a()}var c=a("13823");function h(e){return e.currentTarget===e.target&&(e.composedPath()[0]===e.target&&(!e.target.disabled&&!function(e){const t=v;t&&(e.preventDefault(),e.stopImmediatePropagation());return async function(){v=!0,await null,v=!1}(),t}(e)))}let v=!1;var u=a("79679"),p=a("61073"),b=a("19484");const m=(0,c.T)((0,b.hz)((0,p.N)(n.oi)));class g extends m{get nameStart(){return this.getAttribute("name-start")??this.name}set nameStart(e){this.setAttribute("name-start",e)}get nameEnd(){return this.getAttribute("name-end")??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=>{h(e)&&this.inputEnd&&(this.focus(),function(e){const t=new MouseEvent("click",{bubbles:!0});e.dispatchEvent(t)}(this.inputEnd))}))}focus(){this.inputEnd?.focus()}willUpdate(e){this.renderValueStart=e.has("valueStart")?this.valueStart:this.inputStart?.valueAsNumber;const t=e.has("valueEnd")&&this.range||e.has("value");this.renderValueEnd=t?this.range?this.valueEnd:this.value:this.inputEnd?.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 t=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=t}if(void 0===this.valueEnd){this.inputEnd.valueAsNumber=this.min+2*e;const t=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=t}}else this.value??=this.renderValueEnd;if(e.has("range")||e.has("renderValueStart")||e.has("renderValueEnd")||this.isUpdatePending){const e=this.handleStart?.querySelector(".handleNub"),t=this.handleEnd?.querySelector(".handleNub");this.handlesOverlapping=function(e,t){if(!e||!t)return!1;const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();return!(a.top>r.bottom||a.right<r.left||a.bottom<r.top||a.left>r.right)}(e,t)}this.performUpdate()}render(){const e=0===this.step?1:this.step,t=Math.max(this.max-this.min,e),a=this.range?((this.renderValueStart??this.min)-this.min)/t:0,r=((this.renderValueEnd??this.min)-this.min)/t,i={"--_start-fraction":String(a),"--_end-fraction":String(r),"--_tick-count":String(t/e)},s={ranged:this.range},c=this.valueLabelStart||String(this.renderValueStart),h=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),v={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:this.valueEnd??this.max},u={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range?this.valueStart??this.min:this.min,ariaMax:this.max},p={start:!0,hover:this.handleStartHover,label:c},b={start:!1,hover:this.handleEndHover,label:h},m={hover:this.handleStartHover||this.handleEndHover};return n.dy` <div class="container ${(0,l.$)(s)}" style="${(0,o.V)(i)}"> ${d(this.range,(()=>this.renderInput(v)))} ${this.renderInput(u)} ${this.renderTrack()} <div class="handleContainerPadded"> <div class="handleContainerBlock"> <div class="handleContainer ${(0,l.$)(m)}"> ${d(this.range,(()=>this.renderHandle(p)))} ${this.renderHandle(b)} </div> </div> </div> </div>`}renderTrack(){return n.dy` <div class="track"></div> ${this.ticks?n.dy`<div class="tickmarks"></div>`:n.Ld} `}renderLabel(e){return n.dy`<div class="label" aria-hidden="true"> <span class="labelContent" part="label">${e}</span> </div>`}renderHandle({start:e,hover:t,label:a}){const r=!this.disabled&&e===this.startOnTop,i=!this.disabled&&this.handlesOverlapping,s=e?"start":"end";return n.dy`<div class="handle ${(0,l.$)({[s]:!0,hover:t,onTop:r,isOverlapping:i})}"> <md-focus-ring part="focus-ring" for="${s}"></md-focus-ring> <md-ripple for="${s}" class="${s}" ?disabled="${this.disabled}"></md-ripple> <div class="handleNub"> <md-elevation part="elevation"></md-elevation> </div> ${d(this.labeled,(()=>this.renderLabel(a)))} </div>`}renderInput({start:e,value:t,ariaLabel:a,ariaValueText:r,ariaMin:i,ariaMax:s}){const o=e?"start":"end";return n.dy`<input type="range" class="${(0,l.$)({start:e,end:!e})}" @focus="${this.handleFocus}" @pointerdown="${this.handleDown}" @pointerup="${this.handleUp}" @pointerenter="${this.handleEnter}" @pointermove="${this.handleMove}" @pointerleave="${this.handleLeave}" @keydown="${this.handleKeydown}" @keyup="${this.handleKeyup}" @input="${this.handleInput}" @change="${this.handleChange}" id="${o}" .disabled="${this.disabled}" .min="${String(this.min)}" aria-valuemin="${i}" .max="${String(this.max)}" aria-valuemax="${s}" .step="${String(this.step)}" .value="${String(t)}" .tabIndex="${e?1:0}" aria-label="${a||n.Ld}" aria-valuetext="${r}">`}async toggleRippleHover(e,t){const a=await e;a&&(t?a.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId})):a.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId})))}handleFocus(e){this.updateOnTop(e.target)}startAction(e){const t=e.target,a=t===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:"pointerdown"===e.type,flipped:!1,target:t,fixed:a,values:new Map([[t,t.valueAsNumber],[a,a?.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 t=e.target===this.inputStart;this.handleStartHover=!this.disabled&&t&&Boolean(this.handleStart),this.handleEndHover=!this.disabled&&!t&&Boolean(this.handleEnd)}async handleUp(e){if(!this.action)return;const{target:t,values:a,flipped:r}=this.action;await new Promise(requestAnimationFrame),void 0!==t&&(t.focus(),r&&t.valueAsNumber!==a.get(t)&&t.dispatchEvent(new Event("change",{bubbles:!0}))),this.finishAction(e)}handleMove(e){this.handleStartHover=!this.disabled&&k(e,this.handleStart),this.handleEndHover=!this.disabled&&k(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:t}=this.action;return e===this.inputStart?e.valueAsNumber>t.valueAsNumber:e.valueAsNumber<t.valueAsNumber}isActionFlipped(){const{action:e}=this;if(!e)return!1;const{target:t,fixed:a,values:r}=e;if(e.canFlip){r.get(t)===r.get(a)&&this.needsClamping()&&(e.canFlip=!1,e.flipped=!0,e.target=a,e.fixed=t)}return e.flipped}flipAction(){if(!this.action)return!1;const{target:e,fixed:t,values:a}=this.action,r=e.valueAsNumber!==t.valueAsNumber;return e.valueAsNumber=t.valueAsNumber,t.valueAsNumber=a.get(t),r}clampAction(){if(!this.needsClamping()||!this.action)return!1;const{target:e,fixed:t}=this.action;return e.valueAsNumber=t.valueAsNumber,!0}handleInput(e){if(this.isRedispatchingEvent)return;let t=!1,a=!1;this.range&&(this.isActionFlipped()&&(t=!0,a=this.flipAction()),this.clampAction()&&(t=!0,a=!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,t&&e.stopPropagation(),a&&(this.isRedispatchingEvent=!0,(0,u.e)(r,e),this.isRedispatchingEvent=!1)}handleChange(e){const t=e.target,{target:a,values:r}=this.action??{};a&&a.valueAsNumber===r.get(t)||(0,u.e)(this,e),this.finishAction(e)}[b.$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 t=this.getAttribute("value-end");return void(this.valueEnd=null!==t?Number(t):void 0)}const e=this.getAttribute("value");this.value=null!==e?Number(e):void 0}formStateRestoreCallback(e){if(Array.isArray(e)){const[[,t],[,a]]=e;return this.valueStart=Number(t),this.valueEnd=Number(a),void(this.range=!0)}this.value=Number(e),this.range=!1}}function k({x:e,y:t},a){if(!a)return!1;const{top:r,left:i,bottom:n,right:s}=a.getBoundingClientRect();return e>=i&&e<=s&&t>=r&&t<=n}g.shadowRootOptions={...n.oi.shadowRootOptions,delegatesFocus:!0},(0,r.gn)([(0,i.Cb)({type:Number})],g.prototype,"min",void 0),(0,r.gn)([(0,i.Cb)({type:Number})],g.prototype,"max",void 0),(0,r.gn)([(0,i.Cb)({type:Number})],g.prototype,"value",void 0),(0,r.gn)([(0,i.Cb)({type:Number,attribute:"value-start"})],g.prototype,"valueStart",void 0),(0,r.gn)([(0,i.Cb)({type:Number,attribute:"value-end"})],g.prototype,"valueEnd",void 0),(0,r.gn)([(0,i.Cb)({attribute:"value-label"})],g.prototype,"valueLabel",void 0),(0,r.gn)([(0,i.Cb)({attribute:"value-label-start"})],g.prototype,"valueLabelStart",void 0),(0,r.gn)([(0,i.Cb)({attribute:"value-label-end"})],g.prototype,"valueLabelEnd",void 0),(0,r.gn)([(0,i.Cb)({attribute:"aria-label-start"})],g.prototype,"ariaLabelStart",void 0),(0,r.gn)([(0,i.Cb)({attribute:"aria-valuetext-start"})],g.prototype,"ariaValueTextStart",void 0),(0,r.gn)([(0,i.Cb)({attribute:"aria-label-end"})],g.prototype,"ariaLabelEnd",void 0),(0,r.gn)([(0,i.Cb)({attribute:"aria-valuetext-end"})],g.prototype,"ariaValueTextEnd",void 0),(0,r.gn)([(0,i.Cb)({type:Number})],g.prototype,"step",void 0),(0,r.gn)([(0,i.Cb)({type:Boolean})],g.prototype,"ticks",void 0),(0,r.gn)([(0,i.Cb)({type:Boolean})],g.prototype,"labeled",void 0),(0,r.gn)([(0,i.Cb)({type:Boolean})],g.prototype,"range",void 0),(0,r.gn)([(0,i.IO)("input.start")],g.prototype,"inputStart",void 0),(0,r.gn)([(0,i.IO)(".handle.start")],g.prototype,"handleStart",void 0),(0,r.gn)([(0,i.GC)("md-ripple.start")],g.prototype,"rippleStart",void 0),(0,r.gn)([(0,i.IO)("input.end")],g.prototype,"inputEnd",void 0),(0,r.gn)([(0,i.IO)(".handle.end")],g.prototype,"handleEnd",void 0),(0,r.gn)([(0,i.GC)("md-ripple.end")],g.prototype,"rippleEnd",void 0),(0,r.gn)([(0,i.SB)()],g.prototype,"handleStartHover",void 0),(0,r.gn)([(0,i.SB)()],g.prototype,"handleEndHover",void 0),(0,r.gn)([(0,i.SB)()],g.prototype,"startOnTop",void 0),(0,r.gn)([(0,i.SB)()],g.prototype,"handlesOverlapping",void 0),(0,r.gn)([(0,i.SB)()],g.prototype,"renderValueStart",void 0),(0,r.gn)([(0,i.SB)()],g.prototype,"renderValueEnd",void 0);const f=n.iv`: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 y=class extends g{};y.styles=[f,s],y=(0,r.gn)([(0,i.Mo)("md-slider")],y)}};
|
|
//# sourceMappingURL=2139.59f1fb21818dd88d.js.map
|