import{be as m,bm as p,c as u,o as l,b3 as r,i as d,h as c,t as f}from"./B7uMD7bG.js";var v={root:function(a){var i=a.props;return["p-knob p-component",{"p-disabled":i.disabled}]},range:"p-knob-range",value:"p-knob-value",label:"p-knob-text"},b=m.extend({name:"knob",classes:v}),y={name:"BaseKnob",extends:p,props:{modelValue:{type:Number,default:null},size:{type:Number,default:100},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},step:{type:Number,default:1},min:{type:Number,default:0},max:{type:Number,default:100},valueColor:{type:String,default:"var(--primary-color, Black)"},rangeColor:{type:String,default:"var(--surface-border, LightGray)"},textColor:{type:String,default:"var(--text-color-secondary, Black)"},strokeWidth:{type:Number,default:14},showValue:{type:Boolean,default:!0},valueTemplate:{type:[String,Function],default:"{value}"},tabindex:{type:Number,default:0},ariaLabelledby:{type:String,default:null},ariaLabel:{type:String,default:null}},style:b,provide:function(){return{$parentInstance:this}}},o=3.14159265358979,g={name:"Knob",extends:y,inheritAttrs:!1,emits:["update:modelValue","change"],data:function(){return{radius:40,midX:50,midY:50,minRadians:4*o/3,maxRadians:-o/3}},methods:{updateValue:function(a,i){var n=a-this.size/2,s=this.size/2-i,t=Math.atan2(s,n),h=-o/2-o/6;this.updateModel(t,h)},updateModel:function(a,i){var n;if(a>this.maxRadians)n=this.mapRange(a,this.minRadians,this.maxRadians,this.min,this.max);else if(a<i)n=this.maprange(a+2*o,this.minradians,this.maxradians,this.min,this.max);else return;var s=Math.round((n-this.min)/this.step)*this.step+this.min;this.$emit("update:modelValue",s),this.$emit("change",s)},updateModelValue:function(a){a>this.max?this.$emit("update:modelValue",this.max):a<this.min?this.$emit("update:modelvalue",this.min):this.$emit("update:modelvalue",a)},maprange:function(a,i,n,s,t){return(a-i)*(t-s)/(n-i)+s},onclick:function(a){!this.disabled&&!this.readonly&&this.updatevalue(a.offsetx,a.offsety)},onmousedown:function(a){!this.disabled&&!this.readonly&&(window.addeventlistener("mousemove",this.onmousemove),window.addeventlistener("mouseup",this.onmouseup),a.preventdefault())},onmouseup:function(a){!this.disabled&&!this.readonly&&(window.removeeventlistener("mousemove",this.onmousemove),window.removeeventlistener("mouseup",this.onmouseup),a.preventdefault())},ontouchstart:function(a){!this.disabled&&!this.readonly&&(window.addeventlistener("touchmove",this.ontouchmove),window.addeventlistener("touchend",this.ontouchend),a.preventdefault())},ontouchend:function(a){!this.disabled&&!this.readonly&&(window.removeeventlistener("touchmove",this.ontouchmove),window.removeeventlistener("touchend",this.ontouchend),a.preventdefault())},onmousemove:function(a){!this.disabled&&!this.readonly&&(this.updatevalue(a.offsetx,a.offsety),a.preventdefault())},ontouchmove:function(a){if(!this.disabled&&!this.readonly&&a.touches.length==1){var i=this.$el.getBoundingClientRect(),n=a.targetTouches.item(0),s=n.clientX-i.left,t=n.clientY-i.top;this.updateValue(s,t)}},onKeyDown:function(a){if(!this.disabled&&!this.readonly)switch(a.code){case"ArrowRight":case"ArrowUp":{a.preventDefault(),this.updateModelValue(this.modelValue+this.step);break}case"ArrowLeft":case"ArrowDown":{a.preventDefault(),this.updateModelValue(this.modelValue-this.step);break}case"Home":{a.preventDefault(),this.$emit("update:modelValue",this.min);break}case"End":{a.preventDefault(),this.$emit("update:modelValue",this.max);break}case"PageUp":{a.preventDefault(),this.updateModelValue(this.modelValue+10);break}case"PageDown":{a.preventDefault(),this.updateModelValue(this.modelValue-10);break}}}},computed:{rangePath:function(){return"M ".concat(this.minX," ").concat(this.minY," A ").concat(this.radius," ").concat(this.radius," 0 1 1 ").concat(this.maxX," ").concat(this.maxY)},valuePath:function(){return"M ".concat(this.zeroX," ").concat(this.zeroY," A ").concat(this.radius," ").concat(this.radius," 0 ").concat(this.largeArc," ").concat(this.sweep," ").concat(this.valueX," ").concat(this.valueY)},zeroRadians:function(){return this.min>0&&this.max>0?this.mapRange(this.min,this.min,this.max,this.minRadians,this.maxRadians):this.mapRange(0,this.min,this.max,this.minRadians,this.maxRadians)},valueRadians:function(){return this.mapRange(this.modelValue,this.min,this.max,this.minRadians,this.maxRadians)},minX:function(){return this.midX+Math.cos(this.minRadians)*this.radius},minY:function(){return this.midY-Math.sin(this.minRadians)*this.radius},maxX:function(){return this.midX+Math.cos(this.maxRadians)*this.radius},maxY:function(){return this.midY-Math.sin(this.maxRadians)*this.radius},zeroX:function(){return this.midX+Math.cos(this.zeroRadians)*this.radius},zeroY:function(){return this.midY-Math.sin(this.zeroRadians)*this.radius},valueX:function(){return this.midX+Math.cos(this.valueRadians)*this.radius},valueY:function(){return this.midY-Math.sin(this.valueRadians)*this.radius},largeArc:function(){return Math.abs(this.zeroRadians-this.valueRadians)<o?0:1},sweep:function(){return this.valueRadians>this.zeroRadians?0:1},valueToDisplay:function(){return typeof this.valueTemplate=="string"?this.valueTemplate.replace(/{value}/g,this.modelValue):this.valueTemplate(this.modelValue)}}},w=["width","height","tabindex","aria-valuemin","aria-valuemax","aria-valuenow","aria-labelledby","aria-label"],M=["d","stroke-width","stroke"],R=["d","stroke-width","stroke"],k=["fill"];function V(e,a,i,n,s,t){return l(),u("div",r({class:e.cx("root")},e.ptmi("root")),[(l(),u("svg",r({viewBox:"0 0 100 100",role:"slider",width:e.size,height:e.size,tabindex:e.readonly&#124;&#124;e.disabled?-1:e.tabindex,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":e.modelValue,"aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel,onClick:a[0]&#124;&#124;(a[0]=function(){return t.onClick&&t.onClick.apply(t,arguments)}),onKeydown:a[1]&#124;&#124;(a[1]=function(){return t.onKeyDown&&t.onKeyDown.apply(t,arguments)}),onMousedown:a[2]&#124;&#124;(a[2]=function(){return t.onMouseDown&&t.onMouseDown.apply(t,arguments)}),onMouseup:a[3]&#124;&#124;(a[3]=function(){return t.onMouseUp&&t.onMouseUp.apply(t,arguments)}),onTouchstartPassive:a[4]&#124;&#124;(a[4]=function(){return t.onTouchStart&&t.onTouchStart.apply(t,arguments)}),onTouchend:a[5]&#124;&#124;(a[5]=function(){return t.onTouchEnd&&t.onTouchEnd.apply(t,arguments)})},e.ptm("svg")),[d("path",r({d:t.rangePath,"stroke-width":e.strokeWidth,stroke:e.rangeColor,class:e.cx("range")},e.ptm("range")),null,16,M),d("path",r({d:t.valuePath,"stroke-width":e.strokeWidth,stroke:e.valueColor,class:e.cx("value")},e.ptm("value")),null,16,R),e.showValue?(l(),u("text",r({key:0,x:50,y:57,"text-anchor":"middle",fill:e.textColor,class:e.cx("label")},e.ptm("label")),f(t.valueToDisplay),17,k)):c("",!0)],16,w))],16)}g.render=V;export{g as default};
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.esmo.org/_nuxt/yzwQkI4P.js">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.esmo.org/_nuxt/yzwQkI4P.js" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>