civ
113 lines
103 KiB
JavaScript
113 lines
103 KiB
JavaScript
import{Q as D}from"./chunk-BmZ_dvqz.js";import{Q as X}from"./chunk-C2blguT0.js";import{Q as be}from"./chunk-3al9Gynt.js";import{L as P,t as s,g as Te,M as b,_ as de,i as We,p as Ie,m as ge,q as Be,b as he,s as Ve,T as He,v as et,a as Le,w as qe,x as ie,y as Ae,z as De,A as ce}from"./app-CPb3bToC.js";import{l as ae}from"./chunk-CdBlDC8z.js";import{m as pe,a as tt}from"./chunk-GGPowwzA.js";import{m as me}from"./chunk-C_9zYcUo.js";import{P as H}from"./chunk-DKMcZRgE.js";import{ak as Me,Z as fe,D as B,au as Q,as as h,V as r,ab as te,E as G,F as se,ah as re,u as O,an as S,B as Y,q as _,av as Pe,X as U,at as ve,v as je}from"./chunk-DhYw-kuD.js";import{_ as ot}from"./chunk-BBZim7tW.js";import{Q as lt}from"./chunk-XtwhOSeD.js";/* empty css */import{l as it,u as Ue}from"./chunk-D3IYX2LY.js";import{m as Ne}from"./chunk-DtbgphQc.js";import{m as ue}from"./chunk-Cu1W50kf.js";import{Q as ye}from"./chunk-uivpYEJs.js";import{Q as Ge}from"./chunk-DyHcsQzx.js";import{Q as Ce}from"./chunk-fMotqvPG.js";import{Q as ze}from"./chunk-C_4ikhiB.js";import{Q as Fe,a as Qe}from"./chunk-Cetswyy9.js";import{Q as Ye}from"./chunk-CUANlmUG.js";import{C as Se}from"./chunk-CsOl3O8E.js";import"./chunk-8e5kB75k.js";import"./chunk-CusLMHK2.js";import"./chunk-C7mbSHwF.js";import"./chunk-DfTn_VfD.js";import"./chunk-CoZXVP_c.js";import"./chunk-CCQf9h9p.js";import"./chunk-DBKH8df9.js";import"./chunk-xwEmqXCW.js";import"./chunk-D3Pjrapm.js";import"./chunk-DbbZ0htz.js";import"./chunk-GYMadCV3.js";import"./chunk-BoHz2A9L.js";import"./chunk-C6R67zTo.js";import"./chunk-DOJZQpJk.js";import"./chunk-DIiNYqqq.js";import"./chunk-BjYP5sR0.js";import"./chunk-Cp7NrLS3.js";import"./chunk-C64o1gyF.js";import"./chunk-Bzmka5Fh.js";import"./chunk-DizfBsmk.js";import"./chunk-BX7XdaCY.js";const st=["src"],nt=["onPointermove","onPointerdown","onContextmenu","onClick"],rt={props:["light_mode_idx","color"],data(){return{loading:!1,keyboard_wrapper_config:{},keys_local:[],mouse_status:"none",light_many:[],default_color:!1,basic_info:{},light_color:null}},async unmounted(){this.$mitt.off("on_model_update",async l=>{})},async created(){const l=P(s("sync_failed"));this.keyboard_wrapper_config=Te();const t=me();let e=pe();this.keys_local=[];for(let n=0;n<t.keys.length;n++)t.keys[n].layer===0&&this.keys_local.push(JSON.parse(JSON.stringify(t.keys[n])));let o=e.light_mode;for(let n=0;n<e.light_params.length;n++)if(Number(e.light_params[n].light_mode)===Number(o)){let a=e.light_params[n].speed;this.default_color=(a&15)===7,this.light_color=e.light_params[n].color}this.$props.light_mode_idx!==1?this.keys_local.forEach(n=>{n.color={r:255,g:255,b:255,a:0}}):await t.sync_custom_light(),l.close(),this.$mitt.on("on_model_update",async n=>{const a=P();await this.reload(),a.close()})},methods:{async reload(){await this.reload_animation()},async reload_animation(){const l=P(s("sync_failed"));let t=pe(),e=t.light_mode;for(let o=0;o<t.light_params.length;o++)if(Number(t.light_params[o].light_mode)===Number(e)){let n=t.light_params[o].speed;this.default_color=(n&15)===7,this.light_color=t.light_params[o].color}await this.invoke_light_animation(),l.close()},async invoke_light_animation(){switch(this.$props.light_mode_idx){case 0:{for(let l=0;l<this.keys_local.length;l++)this.keys_local[l].color={r:0,g:0,b:0,a:0};return}case 1:{const l=me(),t=P(s("sync_failed"));await H.sync_to_profile(),this.keys_local=[];for(let e=0;e<l.keys.length;e++)Number(l.keys[e].layer)===0&&this.keys_local.push(JSON.parse(JSON.stringify(l.keys[e])));t.close();return}case 2:case 3:case 4:case 5:case 6:case 7:case 8:case 9:case 10:case 11:case 12:case 13:case 14:case 15:for(let l=0;l<this.keys_local.length;l++)this.keys_local[l].color={r:0,g:0,b:0,a:0}}},on_reset_light:ae.debounce(async function(l,t){if(l.preventDefault(),this.loading=!0,this.$props.light_mode_idx!==1){this.loading=!1;return}let e=me();e.set_custom_light(this.keys_local[t].light_pos,{r:0,g:0,b:0,a:0}),await e.sync_custom_light()?(this.keys_local[t].color={r:0,g:0,b:0,a:0},await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed")),this.loading=!1},20),on_key_click:ae.debounce(async function(l){if(this.loading=!0,this.$props.light_mode_idx!==1){this.loading=!1;return}let t={r:this.color.r,g:this.color.g,b:this.color.b,a:1};this.light_many,this.light_many=[];let e=me();e.set_custom_light(this.keys_local[l].light_pos,t),await e.sync_custom_light()?(this.keys_local[l].color=t,await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed")),this.loading=!1},20),on_pointer_move(l,t){if(this.$props.light_mode_idx===1){if(this.mouse_status==="left_button"){let e={r:this.color.r,g:this.color.g,b:this.color.b,a:1};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].light_pos===this.keys_local[t].light_pos){this.light_many[o].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,light_pos:this.keys_local[t].light_pos})}if(this.mouse_status==="right_button"){let e={r:0,g:0,b:0,a:0};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].light_pos===this.keys_local[t].light_pos){this.light_many[o].color=e,this.keys_local[t].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,light_pos:this.keys_local[t].light_pos})}}},on_pointer_down(l){this.$props.light_mode_idx===1&&(this.light_many=[],l.button===0&&(this.mouse_status="left_button"),l.button===2&&(this.mouse_status="right_button"))},on_key_down(l,t){if(this.$props.light_mode_idx===1){if(l.button===0){this.mouse_status="left_button";let e={r:this.color.r,g:this.color.g,b:this.color.b,a:1};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].light_pos===this.keys_local[t].light_pos){this.light_many[o].color=e,this.keys_local[t].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,light_pos:this.keys_local[t].light_pos})}if(l.button===2){this.mouse_status="right_button";let e={r:0,g:0,b:0,a:0};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].light_pos===this.keys_local[t].light_pos){this.light_many[o].color=e,this.keys_local[t].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,light_pos:this.keys_local[t].light_pos})}}},async on_pointer_up(l){if(l.preventDefault(),this.loading=!0,this.mouse_status="none",this.light_many.length===0){this.loading=!1;return}let t=this.light_many;this.light_many=[];let e=me();for(let n=0;n<t.length;n++)e.set_custom_light(t[n].light_pos,t[n].color);await e.sync_custom_light()?(await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed")),this.light_many=[],this.loading=!1},async on_contextmenu(l){l.preventDefault()}},watch:{async light_mode_idx(l,t){l!==t&&await this.reload_animation()}}},at=Object.assign(rt,{__name:"KBLightV2",setup(l){return(t,e)=>{const o=Me("loading");return fe((B(),Q(D,{bordered:"",class:"wrapper-keyboard",onPointerdown:e[0]||(e[0]=n=>t.on_pointer_down(n)),onPointerup:e[1]||(e[1]=n=>t.on_pointer_up(n)),onContextmenu:e[2]||(e[2]=n=>t.on_contextmenu(n))},{default:h(()=>[r("div",{class:"keyboard",id:"content",style:te({position:"absolute",left:t.keyboard_wrapper_config.x,top:t.keyboard_wrapper_config.y,height:t.keyboard_wrapper_config.height,width:t.keyboard_wrapper_config.width})},[r("img",{src:t.keyboard_wrapper_config.backgroundImage,style:te({height:t.keyboard_wrapper_config.height,width:t.keyboard_wrapper_config.width,position:"absolute"}),draggable:"false"},null,12,st),(B(!0),G(se,null,re(t.keys_local,(n,a)=>(B(),G("div",{class:"key",style:te({border:"2px solid rgba("+n.color.r+","+n.color.g+","+n.color.b+","+n.color.a+")",display:n.display?"":"none",width:Number(n.width)+"px",height:Number(n.height)+"px",left:Number(n.x)+"px",top:Number(n.y)+"px"}),onPointermove:v=>t.on_pointer_move(v,a),onPointerdown:v=>t.on_key_down(v,a),onContextmenu:v=>t.on_reset_light(v,a),onClick:v=>t.on_key_click(a)},[r("div",{style:te({color:(O(We)(),"black")})},S(O(s)(n.name)),5)],44,nt))),256))],4)]),_:1})),[[o,t.loading]])}}}),dt=de(at,[["__scopeId","data-v-afc1b70c"]]);function Re(l){let t=Object.assign({container:document.body,theme:"dark",useAlpha:!1,color:{r:255,g:255,b:255}},l),e=this,o={color_wheel:null,brightness_slider:null,tab_selection_buttons:null,red_input:null,green_input:null,blue_input:null,hue_input:null,saturation_input:null,brightness_input:null,hex_input:null,alpha_input:null},n={color_change:null,color_wheel_change:null,brightness_slider_change:null,tab_selection_change:null,hue_input_change:null,saturation_input_change:null,brightness_input_change:null,red_input_change:null,green_input_change:null,blue_input_change:null,alpha_input_change:null,hex_input_change:null},a={hsvToHsl:function(d,i,g){i/=100,g/=100;const p=(2-i)*g/2;return p!==0&&(p===1?i=0:p<.5?i=i*g/(p*2):i=i*g/(2-p*2)),[d,i*100,p*100]},hslToHsv:function(d,i,g){i/=100,g/=100,i*=g<.5?g:1-g;const p=2*i/(g+i)*100,f=(g+i)*100;return[d,isNaN(p)?0:p,f]},hsvToRgb:function(d,i,g){d=d/360*6,i/=100,g/=100;const p=Math.floor(d),f=d-p,m=g*(1-i),u=g*(1-f*i),y=g*(1-(1-f)*i),c=p%6,C=[g,u,m,m,y,g][c],N=[y,g,g,u,m,m][c],q=[m,m,y,g,g,u][c];return[C*255,N*255,q*255]},rgbToHsv:function(d,i,g){d/=255,i/=255,g/=255;const p=Math.min(d,i,g),f=Math.max(d,i,g),m=f-p;let u,y;const c=f;if(m===0)u=y=0;else{y=m/f;const C=((f-d)/6+m/2)/m,N=((f-i)/6+m/2)/m,q=((f-g)/6+m/2)/m;d===f?u=q-N:i===f?u=1/3+C-q:g===f&&(u=2/3+N-C),u<0?u+=1:u>1&&(u-=1)}return[u*360,y*100,c*100]},hsvToHex:function(d,i,g){return a.hsvToRgb(d,i,g).map(p=>Math.round(p).toString(16).padStart(2,"0"))},hexToHsv:function(d){return d=d.trim().toLowerCase().replace(/ /g,"").replace(/[^A-Za-z0-9\s]/g,""),a.rgbToHsv(...d.match(/.{2}/g).map(i=>parseInt(i,16)))},hexToRgb:function(d){let i,g,p;return d=d.trim().toLowerCase().replace(/ /g,"").replace(/[^A-Za-z0-9\s]/g,""),i=d.charAt(0)+""+d.charAt(1),g=d.charAt(2)+""+d.charAt(3),p=d.charAt(4)+""+d.charAt(5),i=parseInt(i,16),g=parseInt(g,16),p=parseInt(p,16),[i,g,p]},getBoundingBox:function(d){let i=d.getBoundingClientRect();return{top:i.top+(window.pageYOffset||document.documentElement.scrollTop),left:i.left+(window.pageXOffset||document.documentElement.scrollLeft),width:i.width,height:i.height}},degreesToRadians:function(d){return d*(Math.PI/180)},countDecimals:function(d){return Math.floor(d.valueOf())===d.valueOf()?0:d.toString().split(".")[1].length||0},round:function(d,i){let g=+(Math.round(d+"e"+i)+"e-"+i);return isNaN(g)?0:g}},v={open:[],change:[],close:[]};this.root=document.createElement("div"),this.container=t.container;let $=!0;Object.defineProperty(e,"isOpen",{get:function(){return $},set:function(d){d!=null&&($=d,e.root.style.visibility=$?"visible":"collapse",L($?"open":"close",e))},enumerable:!0,configurable:!0});let T=new Je().fromRGBa(t.color.r||255,t.color.g||255,t.color.b||255);Object.defineProperty(e,"color",{get:function(){return T},set:function(d){d instanceof Je&&(T.dispose(),T=d,L("change",e.value))},enumerable:!0,configurable:!0});let L=function(d,...i){v[d].forEach(g=>g(...i,e))};this.on=function(d,i){return v[d]=v[d]||[],v[d].push(i),this},this.off=function(d,i){const g=v[d]||[],p=g.indexOf(i);return~p&&g.splice(p,1),this};let J=function(){e.root.innerHTML=`
|
|
<div class="color-picker">
|
|
<div class="color-picker-controls">
|
|
<div class="color-picker-controls-group" style="display: flex; flex-direction: row;height: 160px;">
|
|
<div class="color-picker-wheel-control">
|
|
<canvas id="wheel-canvas" class="wheel-canvas"></canvas>
|
|
<div class="color-picker-wheel-control-thumb" style="top:50%; left: 50%;"></div>
|
|
</div>
|
|
<div class="color-picker-brightness-control">
|
|
<canvas id="brightness-canvas" class="brightness-canvas"></canvas>
|
|
<div class="color-picker-brightness-control-thumb" style="bottom: 0; left: 50%;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="color-picker-controls-group" style="flex: 1; padding-top: 0;">
|
|
<div class="color-picker-input-controls">
|
|
<div class="color-picker-input-controls-tab-headers">
|
|
<button data-tab="hsv">HSV</button>
|
|
<button data-tab="rgb" class="selected">RGB</button>
|
|
<button data-tab="hex">HEX</button>
|
|
</div>
|
|
<div class="color-picker-input-controls-tabs">
|
|
|
|
<div class="color-picker-input-controls-tab" data-tab="hsv">
|
|
<div class="color-picker-hue-input range-input-control" data-value="0" data-step="0.01" data-min="0" data-max="360">
|
|
<div class="range-input-enter-block">
|
|
<input class="range-input" type="number">
|
|
</div>
|
|
<div class="range-input-details-block">
|
|
<span class="range-input-progress"></span>
|
|
<span class="range-input-label">H:</span>
|
|
<span class="range-input-value">0.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="color-picker-saturation-input range-input-control" data-value="0" data-step="0.01" data-min="0" data-max="100">
|
|
<div class="range-input-enter-block">
|
|
<input class="range-input" type="number">
|
|
</div>
|
|
<div class="range-input-details-block">
|
|
<span class="range-input-progress"></span>
|
|
<span class="range-input-label">S:</span>
|
|
<span class="range-input-value">0.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="color-picker-brightness-input range-input-control" data-value="0" data-step="0.01" data-min="0" data-max="100">
|
|
<div class="range-input-enter-block">
|
|
<input class="range-input" type="number">
|
|
</div>
|
|
<div class="range-input-details-block">
|
|
<span class="range-input-progress"></span>
|
|
<span class="range-input-label">V:</span>
|
|
<span class="range-input-value">0.00</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="color-picker-input-controls-tab selected" data-tab="rgb">
|
|
<div class="color-picker-red-input range-input-control" data-value="0" data-step="0.01" data-min="0" data-max="255">
|
|
<div class="range-input-enter-block">
|
|
<input class="range-input" type="number">
|
|
</div>
|
|
<div class="range-input-details-block">
|
|
<span class="range-input-progress"></span>
|
|
<span class="range-input-label">R:</span>
|
|
<span class="range-input-value">0.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="color-picker-green-input range-input-control" data-value="0" data-step="0.01" data-min="0" data-max="255">
|
|
<div class="range-input-enter-block">
|
|
<input class="range-input" type="number">
|
|
</div>
|
|
<div class="range-input-details-block">
|
|
<span class="range-input-progress"></span>
|
|
<span class="range-input-label">G:</span>
|
|
<span class="range-input-value">0.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="color-picker-blue-input range-input-control" data-value="0" data-step="0.01" data-min="0" data-max="255">
|
|
<div class="range-input-enter-block">
|
|
<input class="range-input" type="number">
|
|
</div>
|
|
<div class="range-input-details-block">
|
|
<span class="range-input-progress"></span>
|
|
<span class="range-input-label">B:</span>
|
|
<span class="range-input-value">0.00</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="color-picker-input-controls-tab" data-tab="hex">
|
|
<div class="color-picker-hex-input text-input-control" data-value="000000" data-is-alphanumeric="true">
|
|
<div class="text-input-enter-block">
|
|
<input class="text-input" type="text">
|
|
</div>
|
|
<div class="text-input-details-block">
|
|
<span class="text-input-label">Hex:</span>
|
|
<span class="text-input-value">000000</span>
|
|
</div>
|
|
</div>
|
|
</div>`+(t.useAlpha?`<div class="color-picker-alpha-input range-input-control" data-value="255" data-step="0.01" data-min="0" data-max="255">
|
|
<div class="range-input-enter-block">
|
|
<input class="range-input" type="number">
|
|
</div>
|
|
<div class="range-input-details-block">
|
|
<span class="range-input-progress"></span>
|
|
<span class="range-input-label">A:</span>
|
|
<span class="range-input-value">0.00</span>
|
|
</div>
|
|
</div>`:"")+`</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>`.trim(),e.container.appendChild(e.root),e.root.dataset.theme=t.theme,e.isOpen=t.isOpen,o.color_wheel=new Xe({color_picker:e}),o.color_wheel.values.hue=e.color.h,o.color_wheel.values.saturation=e.color.s,o.brightness_slider=new Ke({color_picker:e}),o.brightness_slider.value=e.color.v,o.tab_selection_buttons=e.root.querySelectorAll(".color-picker-input-controls-tab-headers button"),o.red_input=new _e(e.root.querySelector(".color-picker-red-input")),o.green_input=new _e(e.root.querySelector(".color-picker-green-input")),o.blue_input=new _e(e.root.querySelector(".color-picker-blue-input"));let d=a.hsvToRgb(e.color.h,e.color.s,e.color.v);o.red_input.value=d[0],o.green_input.value=d[1],o.blue_input.value=d[2],o.hue_input=new _e(e.root.querySelector(".color-picker-hue-input")),o.hue_input.value=e.color.h,o.saturation_input=new _e(e.root.querySelector(".color-picker-saturation-input")),o.saturation_input.value=e.color.s,o.brightness_input=new _e(e.root.querySelector(".color-picker-brightness-input")),o.brightness_input.value=e.color.v,o.hex_input=new Ze(e.root.querySelector(".color-picker-hex-input"));let i=a.hsvToHex(e.color.h,e.color.s,e.color.v);o.hex_input.value=i.join("").toUpperCase(),t.useAlpha&&(o.alpha_input=new _e(e.root.querySelector(".color-picker-alpha-input")),o.alpha_input.value=e.color.a),oe()},oe=function(){n.tab_selection_change=function(d){o.tab_selection_buttons.forEach(i=>i.classList.remove("selected")),e.root.querySelectorAll(".color-picker-input-controls-tab").forEach(i=>i.classList.remove("selected")),d.target.classList.add("selected"),e.root.querySelector('.color-picker-input-controls-tab[data-tab="'+d.target.dataset.tab+'"]').classList.add("selected")},o.tab_selection_buttons.forEach(d=>d.addEventListener("click",n.tab_selection_change)),n.color_change=()=>e.update(),e.color.on("change",n.color_change),n.color_wheel_change=function(d){e.color.h=d.hue,e.color.s=d.saturation,e.update(),L("change",e.color)},o.color_wheel.on("change",n.color_wheel_change),n.brightness_slider_change=function(d){e.color.v=d,e.update(),L("change",e.color)},o.brightness_slider.on("change",n.brightness_slider_change),n.hue_input_change=function(d){e.color.h=d,e.update(),L("change",e.color)},o.hue_input.on("change",n.hue_input_change),n.saturation_input_change=function(d){e.color.s=d,e.update(),L("change",e.color)},o.saturation_input.on("change",n.saturation_input_change),n.brightness_input_change=function(d){e.color.v=d,e.update(),L("change",e.color)},o.brightness_input.on("change",n.brightness_input_change),n.red_input_change=function(d){let i=a.rgbToHsv(o.red_input.value,o.green_input.value,o.blue_input.value);e.color.h=i[0],e.color.s=i[1],e.color.v=i[2],e.update(),L("change",e.color)},o.red_input.on("change",n.red_input_change),n.green_input_change=function(d){let i=a.rgbToHsv(o.red_input.value,o.green_input.value,o.blue_input.value);e.color.h=i[0],e.color.s=i[1],e.color.v=i[2],e.update(),L("change",e.color)},o.green_input.on("change",n.green_input_change),n.blue_input_change=function(d){let i=a.rgbToHsv(o.red_input.value,o.green_input.value,o.blue_input.value);e.color.h=i[0],e.color.s=i[1],e.color.v=i[2],e.update(),L("change",e.color)},o.blue_input.on("change",n.blue_input_change),n.hex_input_change=function(d){let i=o.hex_input.value.trim().toLowerCase().replace(/ /g,"").replace(/[^A-Za-z0-9\s]/g,""),g=a.hexToHsv(i.padEnd(6,"0"));e.color.h=g[0]||0,e.color.s=g[1]||0,e.color.v=g[2]||0,e.update(),L("change",e.color)},o.hex_input.on("change",n.hex_input_change),t.useAlpha&&(n.alpha_input_change=function(d){e.color.a=d,e.update(),L("change",e.color)},o.alpha_input.on("change",n.alpha_input_change))},Ee=function(){o.tab_selection_buttons.forEach(d=>d.removeEventListener("click",n.tab_selection_change)),e.color.off("change",n.color_change),o.color_wheel.off("change",n.color_wheel_change),o.brightness_slider.off("change",n.brightness_slider_change),o.hue_input.off("change",n.hue_input_change),o.saturation_input.off("change",n.saturation_input_change),o.brightness_input.off("change",n.brightness_input_change),o.red_input.off("change",n.red_input_change),o.green_input.off("change",n.green_input_change),o.blue_input.off("change",n.blue_input_change),o.hex_input.off("change",n.hex_input_change),t.useAlpha&&o.alpha_input.off("change",n.alpha_input_change)};this.open=()=>this.isOpen=!0,this.close=()=>this.isOpen=!1,this.update=function(){Ee(),o.color_wheel.values.hue=e.color.h,o.color_wheel.values.saturation=e.color.s,o.brightness_slider.value=e.color.v,o.hue_input.value=e.color.h,o.saturation_input.value=e.color.s,o.brightness_input.value=e.color.v;let d=a.hsvToRgb(e.color.h,e.color.s,e.color.v);o.red_input.value=d[0],o.green_input.value=d[1],o.blue_input.value=d[2];let i=a.hsvToHex(e.color.h,e.color.s,e.color.v);o.hex_input.value=i.join("").toUpperCase(),t.useAlpha&&(o.alpha_input.value=e.color.a),oe()},this.dispose=function(){Ee(),this.isOpen=null,$=null,this.color.dispose(),this.color=null,T=null,this.root.parentNode.removeChild(this.root),this.root=null,this.container=null,n.color_change=null,n.tab_selection_change=null,n.color_wheel_change=null,n.brightness_slider_change=null,n.hue_input_change=null,n.saturation_input_change=null,n.brightness_input_change=null,n.red_input_change=null,n.green_input_change=null,n.blue_input_change=null,n.alpha_input_change=null,n.hex_input_change=null,v.open.splice(0,v.open.length),v.open=null,v.change.splice(0,v.change.length),v.change=null,v.close.splice(0,v.close.length),v.close=null,o.color_wheel.dispose(),o.color_wheel=null,o.brightness_slider.dispose(),o.brightness_slider=null,o.tab_selection_buttons=null,o.red_input.dispose(),o.red_input=null,o.green_input.dispose(),o.green_input=null,o.blue_input.dispose(),o.blue_input=null,o.hue_input.dispose(),o.hue_input=null,o.saturation_input.dispose(),o.saturation_input=null,o.brightness_input.dispose(),o.brightness_input=null,o.hex_input.dispose(),o.hex_input=null,t.useAlpha&&o.alpha_input.dispose(),o.alpha_input=null,t=null,e=null,o=null,n=null,v=null,a=null,L=null,J=null,oe=null,Ee=null;for(var d in this)delete this[d]};function Je(d=360,i=0,g=100,p=255){this.h=d,this.s=i,this.v=g,this.a=p;let f={change:[]},m=function(u,...y){f[u].forEach(c=>c(...y,e))};this.on=function(u,y){return f[u]=f[u]||[],f[u].push(y),this},this.off=function(u,y){const c=f[u]||[],C=c.indexOf(y);return~C&&c.splice(C,1),this},this.fromHSVa=function(u=0,y=0,c=0,C=255){return this.h=u,this.s=y,this.v=c,this.a=C,m("change",this),this},this.toHSV=function(){let u=(c,C)=>(N=-1)=>C(~N?c.map(q=>Number(q.toFixed(N))):c),y=[this.h,this.s,this.v];return y.toString=u(y,c=>`hsv(${c[0]}, ${c[1]}%, ${c[2]}%)`),y},this.toHSVa=function(){let u=(c,C)=>(N=-1)=>C(~N?c.map(q=>Number(q.toFixed(N))):c),y=[this.h,this.s,this.v,this.a];return y.toString=u(y,c=>`hsva(${c[0]}, ${c[1]}%, ${c[2]}%, ${this.a})`),y},this.fromHSLa=function(u,y,c,C=255){let N=a.hslToHsv(u,y,c);return N!=null?(this.h=N[0]||0,this.s=N[1]||0,this.v=N[2]||0,this.a=C):console.error("Error while parsing hsl into hsv"),m("change",this),this},this.toHSL=function(){let u=(c,C)=>(N=-1)=>C(~N?c.map(q=>Number(q.toFixed(N))):c),y=[...a.hsvToHsl(this.h,this.s,this.v)];return y.toString=u(y,c=>`hsl(${c[0]}, ${c[1]}%, ${c[2]}%)`),y},this.toHSLa=function(){let u=(c,C)=>(N=-1)=>C(~N?c.map(q=>Number(q.toFixed(N))):c),y=[...a.hsvToHsl(this.h,this.s,this.v),this.a];return y.toString=u(y,c=>`hsla(${c[0]}, ${c[1]}%, ${c[2]}%, ${this.a})`),y},this.fromRGBa=function(u=0,y=0,c=0,C=255){let N=a.rgbToHsv(u,y,c);return N!=null?(this.h=N[0]||0,this.s=N[1]||0,this.v=N[2]||0,this.a=C):console.error("Error while parsing rgb into hsv"),m("change",this),this},this.toRGB=function(){let u=(c,C)=>(N=-1)=>C(~N?c.map(q=>Number(q.toFixed(N))):c),y=[...a.hsvToRgb(this.h,this.s,this.v)];return y.toString=u(y,c=>`rgb(${c[0]}, ${c[1]}, ${c[2]})`),y},this.toRGBa=function(){let u=(c,C)=>(N=-1)=>C(~N?c.map(q=>Number(q.toFixed(N))):c),y=[...a.hsvToRgb(this.h,this.s,this.v),this.a];return y.toString=u(y,c=>`rgba(${c[0]}, ${c[1]}, ${c[2]}, ${this.a})`),y},this.fromHEX=function(u,y=255){u=u.trim().toLowerCase().replace(/ /g,"").replace(/[^A-Za-z0-9\s]/g,"");let c=a.hexToHsv(u.padEnd(6,"0"));return c!=null?(this.h=c[0]||0,this.s=c[1]||0,this.v=c[2]||0,this.a=y):console.error("Error while parsing hex into hsv"),m("change",this),this},this.toHEX=function(){return`#${a.hsvToHex(this.h,this.s,this.v).join("").toUpperCase()}`},this.dispose=function(){f.change.splice(0,f.change.length),f.change=null,m=null;for(var u in this)delete this[u]}}function Xe({color_picker:d=null}){let i=this,g=d.root.querySelector(".color-picker-wheel-control"),p=g.querySelector("canvas"),f=document.createElement("canvas"),m=g.querySelector(".color-picker-wheel-control-thumb"),u,y=!1,c={thumb_mousedown:null,canvas_mousedown:null,document_mousemove:null,document_mouseup:null},C={change:[]};this.values={};let N=d.color.h;Object.defineProperty(this.values,"hue",{get:function(){return N},set:function(x){x!=null&&(x>360&&(x=360),x<0&&(x=0),N=x,i.update())},enumerable:!0,configurable:!0});let q=d.color.s;Object.defineProperty(this.values,"saturation",{get:function(){return q},set:function(x){x!=null&&(x>100&&(x=100),x<0&&(x=0),q=x,i.update())},enumerable:!0,configurable:!0});let R=function(x,...M){C[x].forEach(z=>z(...M,i))};this.on=function(x,M){return C[x]=C[x]||[],C[x].push(M),this},this.off=function(x,M){const z=C[x]||[],k=z.indexOf(M);return~k&&z.splice(k,1),this};let F=async function(){await W(),V(),j(),w()},W=async function(){return new Promise((x,M)=>{let z=document.createElement("canvas");z.width=z.height=512;let k=z.getContext("2d"),E=z.width/2,A=1/E;k.clearRect(0,0,z.width,z.height);let K=E,Z=E;for(let ne=0;ne<360;ne+=A){let ee=ne*(2*Math.PI)/360,we=E*Math.cos(ee),ke=E*Math.sin(ee);k.strokeStyle="hsl("+ne+", 100%, 50%)",k.beginPath(),k.moveTo(E,E),k.lineTo(K+we,Z+ke),k.stroke()}let le=k.createRadialGradient(K,Z,0,K,K,E);le.addColorStop(0,"rgba(255, 255, 255, 1)"),le.addColorStop(1,"rgba(255, 255, 255, 0)"),k.fillStyle=le,k.beginPath(),k.arc(K,Z,E,0,Math.PI*2,!0),k.closePath(),k.fill(),k.beginPath(),k.strokeStyle="rgb(38, 41, 50)",k.arc(K,Z,E,0,Math.PI*2),k.stroke(),u=new Image,u.onload=()=>x(),u.src=z.toDataURL()})},V=function(){let x=a.getBoundingBox(p);p.width=p.height=x.width,f.width=f.height=x.width;let M=p.getContext("2d"),z=f.getContext("2d");M.translate(p.width/2,p.height/2),M.rotate(90*Math.PI/180),M.translate(-p.width/2,-p.height/2),M.beginPath(),M.arc(p.width/2,p.width/2,p.width/2,0,Math.PI*2),M.clip(),M.closePath();let k=document.createElement("canvas"),E=10;k.width=E*2,k.height=E*2;let A=k.getContext("2d"),K="rgba(255, 255, 255, 1)",Z="rgba(205, 205,205, 1)";A.beginPath(),A.fillStyle=K,A.fillRect(0,0,E,E),A.closePath(),A.beginPath(),A.fillStyle=Z,A.fillRect(E,0,E,E),A.closePath(),A.beginPath(),A.fillStyle=Z,A.fillRect(0,E,E,E),A.closePath(),A.beginPath(),A.fillStyle=K,A.fillRect(E,E,E,E),A.closePath();let le=M.createPattern(k,"repeat");M.beginPath(),M.fillStyle=le,M.fillRect(0,0,p.width,p.height),M.closePath(),M.beginPath(),M.strokeStyle="rgb(217, 214, 205)",M.arc(p.width/2,p.width/2,p.width/2,0,Math.PI*2),M.stroke(),M.closePath(),z.drawImage(u,0,0,p.width,p.height),z.fillStyle="rgba(0, 0, 0, "+Math.abs(1-d.color.v/100)+")",z.fillRect(0,0,p.width,p.height),M.globalAlpha=d.color.a/255,M.drawImage(f,0,0,p.width,p.height)},j=function(){let x=a.getBoundingBox(p),M=a.getBoundingBox(m);m.style.backgroundColor=d.color.toRGB().toString(),y||(m.style.left=x.width/2+x.width/2/100*d.color.s*Math.cos(a.degreesToRadians(d.color.h+90))-M.width/2+"px",m.style.top=x.height/2+x.width/2/100*d.color.s*Math.sin(a.degreesToRadians(d.color.h+90))-M.height/2+"px"),m.dataset.value1=d.color.h,m.dataset.value2=d.color.s},w=function(){c.thumb_mousedown=function(x){document.selection?document.selection.empty():window.getSelection().removeAllRanges(),y=!0},m.addEventListener("mousedown",c.thumb_mousedown,{passive:!0}),m.addEventListener("touchstart",c.thumb_mousedown,{passive:!0}),c.canvas_mousedown=function(x){document.selection?document.selection.empty():window.getSelection().removeAllRanges(),y=!0;let M=x.touches?x.touches[0].pageX:x.pageX,z=x.touches?x.touches[0].pageY:x.pageY,k=a.getBoundingBox(p),E=a.getBoundingBox(m),A=k.width/2,K=M,Z=z,le=k.left+k.width/2,ne=k.top+k.height/2,ee=Math.atan2(Z-ne,K-le)*360/(2*Math.PI)-90;ee<0&&(ee+=360),Math.sqrt((K-le)*(K-le)+(Z-ne)*(Z-ne))>A?(m.style.left=k.width/2+A*Math.cos(a.degreesToRadians(ee+90))-E.width/2+"px",m.style.top=k.height/2+A*Math.sin(a.degreesToRadians(ee+90))-E.height/2+"px"):(m.style.left=M-k.left-E.width/2+"px",m.style.top=z-k.top-E.height/2+"px"),k=a.getBoundingBox(p),E=a.getBoundingBox(m);let we=k.left+k.width/2-(E.left+E.width/2),ke=k.top+k.height/2-(E.top+E.height/2),Oe=Math.sqrt(Math.pow(we,2)+Math.pow(ke,2)),xe=ee,$e=Math.min(100,Math.ceil(Oe/A*100));i.values.hue=xe,i.values.saturation=$e,m.dataset.value1=xe,m.dataset.value2=$e,R("change",i.values)},p.addEventListener("mousedown",c.canvas_mousedown,{passive:!0}),p.addEventListener("touchstart",c.canvas_mousedown,{passive:!0}),c.document_mousemove=function(x){if(y){x.preventDefault(),x.stopImmediatePropagation();let M=x.touches?x.touches[0].pageX:x.pageX,z=x.touches?x.touches[0].pageY:x.pageY,k=a.getBoundingBox(p),E=a.getBoundingBox(m),A=k.width/2,K=M,Z=z,le=k.left+k.width/2,ne=k.top+k.height/2,ee=Math.atan2(Z-ne,K-le)*360/(2*Math.PI)-90;ee<0&&(ee+=360),Math.sqrt((K-le)*(K-le)+(Z-ne)*(Z-ne))>A?(m.style.left=k.width/2+A*Math.cos(a.degreesToRadians(ee+90))-E.width/2+"px",m.style.top=k.height/2+A*Math.sin(a.degreesToRadians(ee+90))-E.height/2+"px"):(m.style.left=M-k.left-E.width/2+"px",m.style.top=z-k.top-E.height/2+"px"),k=a.getBoundingBox(p),E=a.getBoundingBox(m);let we=k.left+k.width/2-(E.left+E.width/2),ke=k.top+k.height/2-(E.top+E.height/2),Oe=Math.sqrt(Math.pow(we,2)+Math.pow(ke,2)),xe=ee,$e=Math.min(100,Math.ceil(Oe/A*100));i.values.hue=xe,i.values.saturation=$e,m.dataset.value1=xe,m.dataset.value2=$e,R("change",i.values)}},document.addEventListener("mousemove",c.document_mousemove,!0),document.addEventListener("touchmove",c.document_mousemove,{passive:!1}),c.document_mouseup=function(x){y=!1},document.addEventListener("mouseup",c.document_mouseup,!0),document.addEventListener("touchend",c.document_mouseup,!0)},I=function(){m.removeEventListener("mousedown",c.thumb_mousedown,!1),m.removeEventListener("touchstart",c.thumb_mousedown,!1),p.removeEventListener("mousedown",c.canvas_mousedown,!1),p.removeEventListener("touchstart",c.canvas_mousedown,!1),document.removeEventListener("mousemove",c.document_mousemove,!1),document.removeEventListener("touchmove",c.document_mousemove,!1),document.removeEventListener("mouseup",c.document_mouseup,!1),document.removeEventListener("touchend",c.document_mouseup,!1)};this.update=function(x){V(),j()},this.dispose=function(){I(),this.values=null,N=null,q=null,c.thumb_mousedown=null,c.canvas_mousedown=null,c.document_mousemove=null,c.document_mouseup=null,C.change.splice(0,C.change.length),C.change=null,i=null,g=null,p=null,f=null,m=null,y=null,u=null,c=null,C=null,R=null,F=null,W=null,V=null,j=null,w=null,I=null;for(var x in this)delete this[x]},F()}function Ke({color_picker:d=null}){let i=this,g=d.root.querySelector(".color-picker-brightness-control"),p=g.querySelector("canvas"),f=g.querySelector(".color-picker-brightness-control-thumb"),m=!1,u={thumb_mousedown:null,canvas_mousedown:null,document_mousemove:null,document_mouseup:null},y={change:[]},c=d.color.v;Object.defineProperty(i,"value",{get:function(){return c},set:function(V){V!=null&&(V>100&&(V=100),V<0&&(V=0),c=V,i.update())},enumerable:!0,configurable:!0});let C=function(V,...j){y[V].forEach(w=>w(...j,i))};this.on=function(V,j){return y[V]=y[V]||[],y[V].push(j),this},this.off=function(V,j){const w=y[V]||[],I=w.indexOf(j);return~I&&w.splice(I,1),this};let N=function(){q(),R(),F()},q=function(){let V=a.getBoundingBox(p);p.width=V.width,p.height=V.height;let j=p.getContext("2d").createLinearGradient(0,0,0,p.height),w=a.hsvToRgb(d.color.h,d.color.s,100),I=[0,0,0];j.addColorStop(0,"rgb("+w[0]+","+w[1]+","+w[2]+")"),j.addColorStop(1,"rgb("+I[0]+","+I[1]+","+I[2]+")"),p.getContext("2d").fillStyle=j,p.getContext("2d").fillRect(0,0,p.width,p.height)},R=function(){let V=a.getBoundingBox(p),j=a.getBoundingBox(f);f.style.backgroundColor=d.color.toRGB().toString(),f.style.left=V.width/2-j.width/2+"px",m||(f.style.top=-j.height/2+V.height*((100-i.value)/100)+"px"),f.dataset.value=i.value},F=function(){u.thumb_mousedown=function(V){document.selection?document.selection.empty():window.getSelection().removeAllRanges(),m=!0},f.addEventListener("mousedown",u.thumb_mousedown,{passive:!0}),f.addEventListener("touchstart",u.thumb_mousedown,{passive:!0}),u.canvas_mousedown=function(V){document.selection?document.selection.empty():window.getSelection().removeAllRanges(),m=!0;let j=V.touches?V.touches[0].pageY:V.pageY,w=a.getBoundingBox(p),I=a.getBoundingBox(f);f.style.left=w.width/2-I.width/2+"px",w.top<=j+I.height/2&&j+I.height/2<=w.top+w.height?f.style.top=j-w.top+"px":w.top>j+I.height/2?f.style.top=-I.height/2+"px":f.style.top=w.height-I.height/2+"px",w=a.getBoundingBox(p),I=a.getBoundingBox(f);let x=100-(I.top+I.height/2-w.top)/w.height*100;i.value=x,f.dataset.value=x,C("change",i.value)},p.addEventListener("mousedown",u.canvas_mousedown,{passive:!0}),p.addEventListener("touchstart",u.canvas_mousedown,{passive:!0}),u.document_mousemove=function(V){if(m){V.preventDefault(),V.stopImmediatePropagation();let j=V.touches?V.touches[0].pageY:V.pageY,w=a.getBoundingBox(p),I=a.getBoundingBox(f);f.style.left=w.width/2-I.width/2+"px",w.top<=j+I.height/2&&j+I.height/2<=w.top+w.height?f.style.top=j-w.top+"px":w.top>j+I.height/2?f.style.top=-I.height/2+"px":f.style.top=w.height-I.height/2+"px",w=a.getBoundingBox(p),I=a.getBoundingBox(f);let x=100-(I.top+I.height/2-w.top)/w.height*100;i.value=x,f.dataset.value=x,C("change",i.value)}},document.addEventListener("mousemove",u.document_mousemove,!0),document.addEventListener("touchmove",u.document_mousemove,{passive:!1}),u.document_mouseup=function(V){m=!1},document.addEventListener("mouseup",u.document_mouseup,!0),document.addEventListener("touchend",u.document_mouseup,!0)},W=function(){f.removeEventListener("mousedown",u.thumb_mousedown,!1),f.removeEventListener("touchstart",u.thumb_mousedown,!1),p.removeEventListener("mousedown",u.canvas_mousedown,!1),p.removeEventListener("touchstart",u.canvas_mousedown,!1),document.removeEventListener("mousemove",u.document_mousemove,!1),document.removeEventListener("touchmove",u.document_mousemove,!1),document.removeEventListener("mouseup",u.document_mouseup,!1),document.removeEventListener("touchend",u.document_mouseup,!1)};this.update=function(V){q(),R()},this.dispose=function(){W(),this.value=null,c=null,u.thumb_mousedown=null,u.canvas_mousedown=null,u.document_mousemove=null,u.document_mouseup=null,y.change.splice(0,y.change.length),y.change=null,i=null,g=null,p=null,f=null,m=null,u=null,y=null,C=null,N=null,q=null,R=null,F=null,W=null;for(var V in this)delete this[V]},N()}function _e(d){this.root=d,this.min=Number(d.dataset.min),this.max=Number(d.dataset.max),this.step=Number(d.dataset.step)||1;let i=this,g=d.querySelector(".range-input"),p=d.querySelector(".range-input-progress"),f=d.querySelector(".range-input-value"),m=document.createElement("div"),u=!1,y=!1,c=null,C={root_mousedown:null,input_focusout:null,input_keyup:null},N={focus:[],blur:[],change:[]},q=Number(d.dataset.value)||0;Object.defineProperty(i,"value",{get:function(){return q},set:function(w){w!=null&&(i.max!=null&&w>i.max&&(w=i.max),i.min!=null&&w<i.min&&(w=i.min),q=a.round(Number(w),a.countDecimals(i.step)),g.value=q,f.innerHTML=q,i.max!=null&&(p.style.width=q/i.max*100+"%"),F("change",i.value))},enumerable:!0,configurable:!0});let R=!1;Object.defineProperty(i,"isFocused",{get:function(){return R},set:function(w){w!=null&&(R=w,R?(i.root.classList.add("range-input-control--focused"),F("focus",i)):(F("blur",i),i.root.classList.remove("range-input-control--focused")))},enumerable:!0,configurable:!0});let F=function(w,...I){N[w].forEach(x=>x(...I,i))};this.on=function(w,I){return N[w]=N[w]||[],N[w].push(I),this},this.off=function(w,I){const x=N[w]||[],M=x.indexOf(I);return~M&&x.splice(M,1),this};let W=function(){g.value=i.value,f.innerHTML=Number(i.value).toFixed(a.countDecimals(i.step)),i.max!=null&&(p.style.width=i.value/i.max*100%+"%"),V()},V=function(){C.root_mousedown=function(w){if(w.stopPropagation(),i.root.classList.contains("range-input-control--disabled")||i.root.classList.contains("range-input-control--mouse-move-mode")||i.root.classList.contains("range-input-control--key-input-mode"))return;i.isFocused=!0;let I=w.touches?w.touches[0].pageX:w.pageX;w.touches?w.touches[0].pageY:w.pageY,u=!0,y=!0,c=I,document.body.appendChild(m),m.focus(),i.root.classList.contains("range-input-control--mouse-move-mode")||i.root.classList.add("range-input-control--mouse-move-mode");let x=i.root.getBoundingClientRect(),M=function(k){if(!y)return;u=!1,k.stopPropagation&&k.stopPropagation(),k.preventDefault&&k.preventDefault();let E=k.touches?k.touches[0].pageX:k.pageX;k.touches?k.touches[0].pageY:k.pageY;let A=(E-c)/x.width*(i.max-i.min);E==0?i.value=i.value-i.step:E==window.screen.width-1?i.value=i.value+i.step:i.value=i.value+A,c=E},z=function(k){y&&(y=!1,i.root.classList.contains("range-input-control--mouse-move-mode")&&i.root.classList.remove("range-input-control--mouse-move-mode"),m!=null&&m.parentNode!=null&&document.body.removeChild(m)),u?(i.root.classList.contains("range-input-control--key-input-mode")||i.root.classList.add("range-input-control--key-input-mode"),g.focus(),g.select()):i.isFocused=!1,document.removeEventListener("mouseup",z,!1),document.removeEventListener("touchend",z,!1),document.removeEventListener("mousemove",M,!1),document.removeEventListener("touchmove",M,!1)};document.addEventListener("mouseup",z,{once:!0}),document.addEventListener("touchend",z,{once:!0}),document.addEventListener("mousemove",M,{passive:!1}),document.addEventListener("touchmove",M,{passive:!1})},i.root.addEventListener("mousedown",C.root_mousedown,{passive:!0}),i.root.addEventListener("touchstart",C.root_mousedown,{passive:!0}),C.input_focusout=function(w){i.root.classList.contains("range-input-control--key-input-mode")&&i.root.classList.remove("range-input-control--key-input-mode"),this.value=i.value,i.isFocused=!1},g.addEventListener("focusout",C.input_focusout),C.input_keyup=function(w){w.keyCode===27&&(w.preventDefault(),i.root.classList.contains("range-input-control--key-input-mode")&&i.root.classList.remove("range-input-control--key-input-mode"),this.value=i.value,i.isFocused=!1),w.keyCode===13&&(w.preventDefault(),i.root.classList.contains("range-input-control--key-input-mode")&&i.root.classList.remove("range-input-control--key-input-mode"),i.value=this.value,i.isFocused=!1)},g.addEventListener("keyup",C.input_keyup)},j=function(){i.root.removeEventListener("mousedown",C.root_mousedown,!1),i.root.removeEventListener("touchstart",C.root_mousedown,!1),g.removeEventListener("focusout",C.input_focusout,!1),g.removeEventListener("keyup",C.input_keyup,!1)};this.dispose=function(){j(),this.value=null,q=null,this.isFocused=null,R=null,this.min=null,this.max=null,this.step=null,this.root.parentNode.removeChild(this.root),this.root=null,C.root_mousedown=null,C.input_focusout=null,C.input_keyup=null,N.focus.splice(0,N.focus.length),N.focus=null,N.blur.splice(0,N.blur.length),N.blur=null,N.change.splice(0,N.change.length),N.change=null,N=null,i=null,g=null,p=null,f=null,m=null,u=null,y=null,c=null,C=null,N=null,F=null,W=null,V=null,j=null;for(var w in this)delete this[w]},W()}function Ze(d){this.root=d,this.isAlphanumeric=d.dataset.isAlphanumeric||!1;let i=this,g=d.querySelector(".text-input"),p=d.querySelector(".text-input-value"),f={root_mousedown:null,input_focusout:null,input_keydown:null,input_keyup:null},m={focus:[],blur:[],change:[]},u=d.dataset.value||"";Object.defineProperty(i,"value",{get:function(){return u},set:function(R){R!=null&&(u=R,g.value=u,p.innerHTML=u,c("change",i.value))},enumerable:!0,configurable:!0});let y=!1;Object.defineProperty(i,"isFocused",{get:function(){return y},set:function(R){R!=null&&(y=R,y?(i.root.classList.add("text-input-control--focused"),c("focus",i)):(c("blur",i),i.root.classList.remove("text-input-control--focused")))},enumerable:!0,configurable:!0});let c=function(R,...F){m[R].forEach(W=>W(...F,i))};this.on=function(R,F){return m[R]=m[R]||[],m[R].push(F),this},this.off=function(R,F){const W=m[R]||[],V=W.indexOf(F);return~V&&W.splice(V,1),this};let C=function(){g.value=i.value,p.innerHTML=i.value,N()},N=function(){f.root_mousedown=function(R){if(R.stopPropagation(),i.root.classList.contains("text-input-control--disabled"))return;i.isFocused=!0;let F=function(W){g.focus(),g.select()};document.addEventListener("mouseup",F,{once:!0}),document.addEventListener("touchend",F,{once:!0})},i.root.addEventListener("mousedown",f.root_mousedown,{passive:!0}),i.root.addEventListener("touchstart",f.root_mousedown,{passive:!0}),f.input_focusout=function(R){this.value=i.value,i.isFocused=!1},g.addEventListener("focusout",f.input_focusout,!0),f.input_keydown=function(R){let F=R.keyCode||R.charCode;i.isAlphanumeric&&(!R.key.match(/[a-zA-Z0-9]/)||document.getSelection().toString().length==0&&F!==37&&F!==39&&this.value.length==6&&F!=8&&F!=46)&&R.preventDefault()},g.addEventListener("keydown",f.input_keydown,!0),f.input_keyup=function(R){R.keyCode===27&&(R.preventDefault(),this.value=i.value,i.isFocused=!1),R.keyCode===13&&(R.preventDefault(),i.value=this.value,i.isFocused=!1)},g.addEventListener("keyup",f.input_keyup,!0)},q=function(){i.root.removeEventListener("mousedown",f.root_mousedown,!1),i.root.removeEventListener("touchstart",f.root_mousedown,!1),g.removeEventListener("focusout",f.input_focusout,!1),g.removeEventListener("keydown",f.input_keydown,!1),g.removeEventListener("keyup",f.input_keyup,!1)};this.dispose=function(){q(),this.value=null,u=null,this.isFocused=null,y=null,this.isAlphanumeric=null,this.root.parentNode.removeChild(this.root),this.root=null,f.root_mousedown=null,f.input_focusout=null,f.input_keydown=null,f.input_keyup=null,m.focus.splice(0,m.focus.length),m.focus=null,m.blur.splice(0,m.blur.length),m.blur=null,m.change.splice(0,m.change.length),m.change=null,m=null,i=null,g=null,p=null,f=null,m=null,c=null,C=null,N=null,q=null;for(var R in this)delete this[R]},C()}J()}let ct=[{name:"light_mode_close",icon:"fa-solid fa-circle-xmark",mode:"close",mode_code:0},{name:"light_mode_cl",icon:"fa-solid fa-sun",mode:"mode_1",mode_code:1,offset_color:28,offset_bright:65,offset_speed:66,default_color:!1},{name:"light_mode_custom",icon:"fa-solid fa-pen-to-square",mode:"custom",mode_code:277},{name:"light_mode_hx",icon:"fa-solid fa-lungs",mode:"mode_2",mode_code:2,offset_color:49,offset_bright:67,offset_speed:68,default_color:!1},{name:"light_mode_mhch",icon:"fa-solid fa-rainbow",mode:"mode_3",mode_code:3,offset_color:0,offset_bright:69,offset_speed:70,default_color:!1},{name:"light_mode_ycjf",icon:"fa-solid fa-key",mode:"mode_4",mode_code:4,offset_color:91,offset_bright:71,offset_speed:72,default_color:!1},{name:"light_mode_yzmb",icon:"fa-solid fa-star",mode:"mode_5",mode_code:5,offset_color:112,offset_bright:73,offset_speed:74,default_color:!1},{name:"light_mode_lyks",icon:"fa-regular fa-circle-dot",mode:"mode_7",mode_code:7,offset_color:154,offset_bright:77,offset_speed:78,default_color:!1},{name:"light_mode_fxdd",icon:"fa-solid fa-music",mode:"mode_8",mode_code:8,offset_color:175,offset_bright:79,offset_speed:80,default_color:!1},{name:"light_mode_clbx",icon:"fa-solid fa-cloud-rain",mode:"mode_10",mode_code:10,offset_color:217,offset_bright:83,offset_speed:84,default_color:!1},{name:"light_mode_sbzl",icon:"fa-solid fa-water",mode:"mode_11",mode_code:11,offset_color:238,offset_bright:85,offset_speed:86,default_color:!1},{name:"light_mode_rysx",icon:"fa-solid fa-ghost",mode:"mode_12",mode_code:12,offset_color:259,offset_bright:87,offset_speed:88,default_color:!1},{name:"light_mode_zxgb",icon:"fa-solid fa-wave-square",mode:"mode_13",mode_code:13,offset_color:280,offset_bright:91,offset_speed:92,default_color:!1},{name:"light_mode_xzfc",icon:"fa-solid fa-fan",mode:"mode_15",mode_code:15,offset_color:0,offset_bright:93,offset_speed:94,default_color:!1},{name:"light_mode_qcpb",icon:"fa-solid fa-icicles",mode:"mode_16",mode_code:16,offset_color:0,offset_bright:95,offset_speed:96,default_color:!1},{name:"light_mode_hkfg",icon:"fa-solid fa-circle-dot",mode:"mode_17",mode_code:17,offset_color:0,offset_bright:97,offset_speed:98,default_color:!1}];const _t={class:"flex-col"},ut={class:"flex-row"},ht={class:"light-item-container"},pt={class:"wrapper-container"},mt={class:"wrapper-color-picker"},gt={style:{display:"flex","flex-direction":"row","align-items":"center"}},ft={class:"row",style:{width:"3rem",display:"flex","align-items":"center"}},vt={style:{"margin-left":"0.2rem"}},yt={class:"row",style:{display:"flex","align-items":"center"}},bt={style:{"margin-left":"0.2rem"}},wt={class:"flex-row"},kt={class:"flex-row"},xt={style:{width:"4rem","margin-top":"3px"}},$t={class:"flex-row"},Nt={style:{width:"4rem","margin-top":"3px"}},Ct={data(){return{loading:!0,speed_min:1,speed_max:4,bright_min:1,bright_max:4,speed:0,bright:0,slider_enabled:!1,color_picker:null,color:{r:"",g:"",b:"",a:1},light_mode_idx:0,light_mode_config:[],controller:null,default_color:!0}},async created(){this.light_mode_config=ct;let l=Ie();this.speed_min=l.speed.min,this.speed_max=l.speed.max,this.bright_min=l.bright.min,this.bright_max=l.bright.max,this.bright=l.bright.max,this.speed=l.speed.max;const t=pe();await t.sync(),this.bright=t.get_current_light_params().bright,this.speed=t.get_current_light_params().speed%240>>4;for(let e=0;e<this.light_mode_config.length;e++)if(this.light_mode_config[e].mode_code===t.light_mode){this.light_mode_idx=e,this.slider_enabled=this.light_mode_idx>=2;break}this.$mitt.on("on_model_update",async e=>{const o=P();await this.reload(),o.close()})},unmounted(){this.$mitt.off("on_model_update",async l=>{})},mounted(){this.color_picker=new Re({container:document.querySelector(".color-picker-theme"),theme:"light"});const l=ge();this.on_color_picker_set(l.color.r,l.color.g,l.color.b,1),this.color_picker.on("change",t=>{this.color={r:Math.round(Number(t.toRGBa()[0])),g:Math.round(Number(t.toRGBa()[1])),b:Math.round(Number(t.toRGBa()[2]))};let e=ge();e.color={r:this.color.r,g:this.color.g,b:this.color.b}})},methods:{async reload(){const l=pe();this.bright=l.get_current_light_params().bright,this.speed=l.get_current_light_params().speed%240>>4;for(let t=0;t<this.light_mode_config.length;t++)if(this.light_mode_config[t].mode_code==l.light_mode){this.light_mode_idx=t,this.slider_enabled=this.light_mode_idx>=2;break}Number(l.light_mode)===277&&await me().sync_custom_light()},async sync_light_params(){const l=P(s("sync_failed"));let t=pe(),e=this.default_color?"default":this.color;t.set_light_params(this.light_mode_config[this.light_mode_idx].mode_code,this.bright,this.speed,e),await t.sync()?(await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed")),l.close()},on_color_changed:ae.debounce(async function(){const l=P(s("sync_failed"));this.default_color=!1;let t=pe(),e=this.default_color?"default":this.color;t.set_light_params(this.light_mode_config[this.light_mode_idx].mode_code,this.bright,this.speed,e);let o=await t.sync();if(!o){b.error(s("modify_failed"));return}if(o=await t.sync_light_color(),o){if(await H.sync_to_profile(),this.$refs.keyboard_profile_light)try{await this.$refs.keyboard_profile_light.reload()}catch{}b.success(s("modify_success"))}else b.error(s("modify_failed"));l.close()},200),on_default_color_changed:ae.debounce(async function(){if(this.default_color=!0,await this.sync_light_params(),this.$refs.keyboard_profile_light)try{await this.$refs.keyboard_profile_light.reload()}catch{}},200),on_bright_changed:ae.debounce(async function(){await this.sync_light_params()},200),on_speed_changed:ae.debounce(async function(){await this.sync_light_params()},200),on_color_picker_set(l,t,e){this.color_picker.color.fromRGBa(Math.round(Number(l)),Math.round(Number(t)),Math.round(Number(e)),255),this.color_picker.update(!1),this.color={r:Math.round(Number(l)),g:Math.round(Number(t)),b:Math.round(Number(e))};let o=ge();o.color={r:this.color.r,g:this.color.g,b:this.color.b}},async on_light_config_changed(l){if(Number(this.light_mode_idx)===Number(l))return;const t=P(s("sync_failed"));this.light_mode_idx=l,this.slider_enabled=this.light_mode_idx>=2;let e=pe();e.light_mode=this.light_mode_config[l].mode_code;let o=await e.sync();if(!o){b.error(s("modify_failed")),t.close();return}if(Number(e.light_mode)===277&&(o=await me().sync_custom_light()),!o){b.error(s("modify_failed")),t.close();return}this.bright=e.get_current_light_params().bright,this.speed=e.get_current_light_params().speed%240>>4,b.success(s("modify_success")),await H.sync_to_profile(),t.close()},on_color_picker_set_hex(l){let t=parseInt("0x"+l.slice(1,3)),e=parseInt("0x"+l.slice(3,5)),o=parseInt("0x"+l.slice(5,7));this.on_color_picker_set(t,e,o)}}},St=Object.assign(Ct,{__name:"KBLightV2Wrapper",setup(l){return(t,e)=>{const o=Y("el-card"),n=Y("el-scrollbar"),a=Y("el-slider");return B(),G("div",_t,[_(dt,{light_mode_idx:t.light_mode_idx,color:t.color,ref:"keyboard_profile_light"},null,8,["light_mode_idx","color"]),r("div",ut,[_(D,{bordered:"",class:"wrapper"},{default:h(()=>[_(n,{"max-height":"25rem",class:"wrapper-scroll"},{default:h(()=>[r("div",ht,[(B(!0),G(se,null,re(t.light_mode_config,(v,$)=>(B(),Q(o,{class:"light-item",style:te({outline:$===t.light_mode_idx?"2px solid var(--card-hover-highlight)":""}),onClick:T=>t.on_light_config_changed($)},{default:h(()=>[r("i",{class:Pe(v.icon)},null,2),U(" "+S(O(s)(v.name)),1)]),_:2},1032,["style","onClick"]))),256))])]),_:1})]),_:1}),_(D,{bordered:"",class:"wrapper-card"},{default:h(()=>[r("div",pt,[e[16]||(e[16]=r("div",null,[r("div",{class:"color-picker-theme"})],-1)),r("div",mt,[e[15]||(e[15]=r("div",null,null,-1)),r("div",gt,[_(X,{unelevated:"",style:{"background-color":"var(--background-tertiary)",color:"var(--text-dark)","margin-left":"10px",width:"5rem"},onClick:e[0]||(e[0]=v=>t.on_color_changed())},{default:h(()=>[r("div",ft,[r("div",{style:te([{width:"1rem",height:"1rem","border-radius":"1rem"},{"background-color":"rgba("+t.color.r+","+t.color.g+","+t.color.b+",1)"}])},null,4),r("div",vt,[r("div",null,S(O(s)("single_color")),1)])])]),_:1}),_(X,{unelevated:"",style:{"background-color":"var(--background-tertiary)",color:"var(--text-dark)","margin-left":"10px",width:"5rem"},onClick:e[1]||(e[1]=v=>t.on_default_color_changed())},{default:h(()=>[r("div",yt,[e[14]||(e[14]=r("div",{style:{width:"1rem",height:"1rem"}},[r("img",{style:{width:"100%",height:"100%"},src:"src/assets/img/bg-colorful.png"})],-1)),r("div",bt,S(O(s)("mix_color")),1)])]),_:1})]),_(D,{class:"wrapper-colors"},{default:h(()=>[r("div",wt,[r("div",{style:{"background-color":"#23fe26"},class:"color-dot-item",onClick:e[2]||(e[2]=v=>t.on_color_picker_set_hex("#00fe00"))}),r("div",{style:{"background-color":"#ff4949"},class:"color-dot-item",onClick:e[3]||(e[3]=v=>t.on_color_picker_set_hex("#ff0000"))}),r("div",{style:{"background-color":"#ff7200"},class:"color-dot-item",onClick:e[4]||(e[4]=v=>t.on_color_picker_set_hex("#ff7200"))}),r("div",{style:{"background-color":"#fff005"},class:"color-dot-item",onClick:e[5]||(e[5]=v=>t.on_color_picker_set_hex("#fff000"))}),r("div",{style:{"background-color":"#00d70f"},class:"color-dot-item",onClick:e[6]||(e[6]=v=>t.on_color_picker_set_hex("#0000ff"))}),r("div",{style:{"background-color":"#ee00f0"},class:"color-dot-item",onClick:e[7]||(e[7]=v=>t.on_color_picker_set_hex("#ee00f0"))}),r("div",{style:{"background-color":"#ff008a"},class:"color-dot-item",onClick:e[8]||(e[8]=v=>t.on_color_picker_set_hex("#ff008a"))}),r("div",{style:{"background-color":"#00fefe"},class:"color-dot-item",onClick:e[9]||(e[9]=v=>t.on_color_picker_set_hex("#00fefe"))})])]),_:1}),_(D,{class:"wrapper-params"},{default:h(()=>[r("div",kt,[r("span",xt,S(O(s)("speed")),1),r("div",null,[_(a,{modelValue:t.speed,"onUpdate:modelValue":e[10]||(e[10]=v=>t.speed=v),step:1,max:t.speed_max,min:t.speed_min,"show-tooltip":!1,style:{width:"9rem"},disabled:!t.slider_enabled,onChange:e[11]||(e[11]=v=>t.on_speed_changed()),color:"light-green"},null,8,["modelValue","max","min","disabled"]),_(be,{anchor:"top middle",self:"top middle"},{default:h(()=>[U(S(t.speed),1)]),_:1})])]),r("div",$t,[r("span",Nt,S(O(s)("bright")),1),r("div",null,[_(a,{modelValue:t.bright,"onUpdate:modelValue":e[12]||(e[12]=v=>t.bright=v),step:1,max:t.bright_max,min:t.bright_min,style:{width:"9rem"},disabled:!t.slider_enabled,"show-tooltip":!1,onChange:e[13]||(e[13]=v=>t.on_bright_changed())},null,8,["modelValue","max","min","disabled"]),_(be,{anchor:"top middle",self:"top middle"},{default:h(()=>[U(S(t.bright),1)]),_:1})])])]),_:1})])])]),_:1})])])}}}),Lt=de(St,[["__scopeId","data-v-3519193e"]]),Et={props:["value"],emits:["update:value","change:value"],data(){return{value:0,options:[{label:s("master_light"),value:0},{label:s("edge_light"),value:1}]}},methods:{},watch:{value:function(l,t){this.$emit("update:value",this.value),this.$emit("change:value",this.value),this.value===1&&Be.emit("on_edge_light_update",{})}}};function Ot(l,t,e,o,n,a){return B(),Q(lt,{modelValue:n.value,"onUpdate:modelValue":t[0]||(t[0]=v=>n.value=v),class:"toggle","no-caps":"",size:"small",rounded:"",unelevated:"","toggle-color":"primary",color:"white","text-color":"primary",options:n.options},null,8,["modelValue","options"])}const Bt=de(Et,[["render",Ot]]),Vt=["src"],Mt=["onPointermove","onPointerdown","onContextmenu","onClick"],Pt={key:0},Rt={key:1},Jt={props:["light_mode_idx","slider_toggle_idx"],emits:["change:slider_toggle_idx"],data(){return{slider_toggle_idx:0,color:{r:0,g:0,b:0},kb_wrapper_config:{},light_mode_idx_local:0,keys_local:[],mouse_status:"none",light_many:[],basic_info:{},loading:!1}},async unmounted(){this.$mitt.off("on_model_update",async l=>{})},async created(){const l=P(s("sync_failed"));this.kb_wrapper_config=Te();let t=Ne();const e=he();await e.fetch_light_mode();const o=e.get_current_light();let n=Ve();for(let v=0;v<n.length;v++)if(Number(n[v].light_mode)===Number(o.light_mode)){this.light_mode_idx_local=v;break}this.light_mode_idx_local!==1?this.keys_local.forEach(v=>{v.color={r:255,g:255,b:255}}):await t.fetch_custom_light();let a=t.get_layer_keys(0);this.keys_local=JSON.parse(JSON.stringify(a)),l.close(),this.$mitt.on("on_model_update",async v=>{const $=P();await this.reload(),$.close()}),this.$mitt.on("light_color_change",async v=>{this.color=v.color})},methods:{get_border(l){return this.light_mode_idx_local===1&&(l.color.r!==0||l.color.g!==0||l.color.b!==0)?"2px solid rgba("+l.color.r+","+l.color.g+","+l.color.b+",1)":"2px solid rgba(0,0,0,0)"},on_slider_toggle_idx_changed(l){this.$emit("change:slider_toggle_idx",this.slider_toggle_idx)},async reload(){const l=P(s("sync_failed")),t=he();await t.fetch_light_mode();const e=t.get_current_light();let o=Ve();for(let n=0;n<o.length;n++)if(Number(o[n].light_mode)===Number(e.light_mode)){this.light_mode_idx_local=n;break}if(this.light_mode_idx_local===1){let n=Ne(),a=n.get_layer_keys(0),v=a.reduce(($,T)=>($.push(T.pos),$),[]);await n.fetch_custom_light(v),await H.sync_to_profile(),this.keys_local=JSON.parse(JSON.stringify(a))}l.close()},async on_reset_light(l,t){const e=P(s("sync_failed"));if(l.preventDefault(),this.loading=!0,this.$props.light_mode_idx!==1){this.loading=!1,e.close();return}if(this.light_many.length!==0){this.loading=!1,e.close();return}let o=this.light_many;this.light_many=[];let n=Ne();for(let v=0;v<o.length;v++)n.set_custom_light(this.keys_local[v].pos,{r:0,g:0,b:0});n.set_custom_light(this.keys_local[t].pos,{r:0,g:0,b:0}),await n.sync_custom_light([this.keys_local[t].pos])?(this.keys_local[t].color={r:0,g:0,b:0},await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed")),this.loading=!1,e.close()},on_key_click:ae.debounce(async function(l){if(this.loading=!0,this.light_mode_idx_local!==1){this.loading=!1;return}let t={r:this.color.r,g:this.color.g,b:this.color.b};this.light_many=[];let e=Ne();this.keys_local[l].color=t,e.set_custom_light(this.keys_local[l].pos,t),await e.sync_custom_light([this.keys_local[l].pos])?(this.keys_local[l].color=t,await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed")),this.loading=!1},20),on_pointer_move(l,t){if(this.light_mode_idx_local===1){if(this.mouse_status==="left_button"){let e={r:this.color.r,g:this.color.g,b:this.color.b};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].pos===this.keys_local[t].pos){this.light_many[o].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,pos:this.keys_local[t].pos})}if(this.mouse_status==="right_button"){let e={r:0,g:0,b:0};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].pos===this.keys_local[t].pos){this.light_many[o].color=e,this.keys_local[t].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,pos:this.keys_local[t].pos})}}},on_pointer_down(l){this.light_mode_idx_local===1&&(this.light_many=[],l.button===0&&(this.mouse_status="left_button"),l.button===2&&(this.mouse_status="right_button"))},on_key_down(l,t){if(this.light_mode_idx_local===1){if(l.button===0){this.mouse_status="left_button";let e={r:this.color.r,g:this.color.g,b:this.color.b};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].pos===this.keys_local[t].pos){this.light_many[o].color=e,this.keys_local[t].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,pos:this.keys_local[t].pos})}if(l.button===2){this.mouse_status="right_button";let e={r:0,g:0,b:0};for(let o=0;o<this.light_many.length;o++)if(this.light_many[o].pos===this.keys_local[t].pos){this.light_many[o].color=e,this.keys_local[t].color=e;return}this.keys_local[t].color=e,this.light_many.push({color:e,pos:this.keys_local[t].pos})}}},get_tooltip(l){return l.type===He.MACRO?s("macro")+":"+s(String(l.name)):s("key")+":"+s(String(l.name))+`
|
|
`+s("type")+":"+s(String(l.type))+`
|
|
`+s("value")+":"+l.value},async on_pointer_up(l){if(l.preventDefault(),this.loading=!0,this.mouse_status="none",this.light_many.length===0){this.loading=!1;return}let t=this.light_many;this.light_many=[];let e=Ne(),o=[];for(let a=0;a<t.length;a++)e.set_custom_light(t[a].pos,t[a].color),o.push(t[a].pos);et.warning("sync_custom_light"+JSON.stringify(o)),await e.sync_custom_light(o)?(await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed")),this.light_many=[],this.loading=!1},async on_contextmenu(l){l.preventDefault()}},watch:{async light_mode_idx(l,t){l!==t&&(this.light_mode_idx_local=l,this.light_mode_idx_local===1&&await this.reload())},"$props.color":async function(l,t){l!==t&&(this.color=l)}}},Tt=Object.assign(Jt,{__name:"KBLightV3",setup(l){const t=Le();return(e,o)=>{const n=Me("loading");return fe((B(),Q(D,{bordered:"",class:"wrapper-keyboard","element-loading-background":"rgba(0,0,0,0)",onPointerdown:o[2]||(o[2]=a=>e.on_pointer_down(a)),onPointerup:o[3]||(o[3]=a=>e.on_pointer_up(a)),onContextmenu:o[4]||(o[4]=a=>e.on_contextmenu(a))},{default:h(()=>[r("div",{class:"keyboard",id:"content",style:te({position:"absolute",left:e.kb_wrapper_config.x,top:e.kb_wrapper_config.y})},[r("img",{alt:"bg",src:e.kb_wrapper_config.backgroundImage,style:te({width:e.kb_wrapper_config.width,height:e.kb_wrapper_config.height,position:"absolute"}),draggable:"false"},null,12,Vt),(B(!0),G(se,null,re(e.keys_local,(a,v)=>(B(),G("div",{class:"key",style:te({border:e.get_border(a),display:a.display?"":"none",width:Number(a.width)+"px",height:Number(a.height)+"px",left:Number(a.x)+"px",top:Number(a.y)+"px"}),onPointermove:$=>e.on_pointer_move($,v),onPointerdown:$=>e.on_key_down($,v),onContextmenu:$=>e.on_reset_light($,v),onClick:$=>e.on_key_click(v)},[r("div",null,[a.type===O(He).MACRO?(B(),G("div",Pt,o[5]||(o[5]=[r("img",{alt:"icon",src:ot,style:{width:"1.3rem"}},null,-1)]))):(B(),G("div",Rt,S(O(s)(a.name)),1))])],44,Mt))),256))],4),O(it).has(O(t).current_device.uuid)?ve("",!0):(B(),G("div",{key:0,style:te({position:"absolute",left:e.kb_wrapper_config.x,width:e.kb_wrapper_config.width,bottom:"1rem",display:"flex","justify-content":"center"})},[_(Bt,{value:e.slider_toggle_idx,"onUpdate:value":o[0]||(o[0]=a=>e.slider_toggle_idx=a),"onChange:value":o[1]||(o[1]=a=>{e.on_slider_toggle_idx_changed(a)})},null,8,["value"])],4))]),_:1})),[[n,e.loading]])}}}),It=de(Tt,[["__scopeId","data-v-80461ad1"]]),Ht={class:"flex-col"},qt={class:"row"},At={key:0,class:"rhythm-running-tips"},Dt={class:"light-item-container"},jt={class:"wrapper-container"},Ut={class:"wrapper-color-picker"},Gt={style:{display:"flex","flex-direction":"row","align-items":"center"}},zt={class:"row",style:{width:"3rem",display:"flex","align-items":"center"}},Ft={style:{"margin-left":"0.2rem"}},Qt={class:"row",style:{display:"flex","align-items":"center"}},Yt={style:{"margin-left":"0.2rem"}},Xt={class:"flex-row"},Kt={class:"flex-row"},Zt={style:{width:"4rem","margin-top":"3px"}},Wt={class:"flex-row"},eo={style:{width:"4rem","margin-top":"3px"}},to={emits:["change:light_mode_idx"],data(){return{speed_min:0,speed_max:4,bright_min:0,bright_max:20,speed:3,bright:10,color:{r:"",g:"",b:"",a:1},mix_color:!0,light_mode_idx:0,light_mode_config:[],slider_bright_enabled:!1,slider_speed_enabled:!1,color_picker:null}},async created(){this.light_mode_config=Ve();let l=Ie();this.speed_min=l.speed.min,this.speed_max=l.speed.max,this.bright_min=l.bright.min,this.bright_max=l.bright.max;let t=he();t.setup_light(),await t.fetch_light_mode();let e=t.get_current_light();this.bright=e?e.bright:10,this.speed=e?e.speed:3,this.mix_color=e?e.mix_color:!0;for(let o=0;o<this.light_mode_config.length;o++)if(this.light_mode_config[o].light_mode===t.light_mode){this.light_mode_idx=o,this.slider_bright_enabled=this.light_mode_idx>=1,this.slider_speed_enabled=this.light_mode_idx>=2;break}this.$mitt.on("on_model_update",async o=>{const n=P();await this.reload(),n.close()})},unmounted(){console.log("unmounted"),this.$mitt.off("on_model_update",async l=>{})},async mounted(){this.color_picker=new Re({container:document.querySelector(".color-picker-theme"),theme:"light"});const l=ge();this.on_color_picker_set(l.color.r,l.color.g,l.color.b,1),this.color_picker.on("change",async t=>{this.color={r:Math.round(Number(t.toRGBa()[0])),g:Math.round(Number(t.toRGBa()[1])),b:Math.round(Number(t.toRGBa()[2]))};let e=ge();e.color={r:Number(this.color.r),g:Number(this.color.g),b:Number(this.color.b)},await this.on_color_changed(),this.$mitt.emit("light_color_change",{color:this.color})}),await this.reload()},methods:{async reload(){const l=he();await l.fetch_light_mode(),this.mix_color=l.get_current_light().mix_color,this.color=this.mix_color?this.color:l.get_current_light().color,this.bright=l.get_current_light().bright,this.speed=l.get_current_light().speed;for(let t=0;t<this.light_mode_config.length;t++)if(this.light_mode_config[t].light_mode===l.light_mode){this.light_mode_idx=t,this.slider_bright_enabled=this.light_mode_idx>=1,this.slider_speed_enabled=this.light_mode_idx>=2;break}},async sync_light_params(){const l=P(s("sync_failed"));let t=he();t.set_light(this.light_mode_config[this.light_mode_idx].light_mode,this.bright,this.speed,this.color,this.mix_color),await t.sync_light_mode()?await H.sync_to_profile()||b.success(s("modify_success")):b.error(s("modify_failed")),l.close()},on_color_changed:ae.debounce(async function(){if(this.light_mode_idx===1||this.light_mode_idx===0)return;const l=P(s("sync_failed"));this.mix_color=!1;let t=he();t.set_light(this.light_mode_config[this.light_mode_idx].light_mode,this.bright,this.speed,this.color,this.mix_color);let e=await t.sync_light_mode();if(l.close(),!e){b.error(s("modify_failed"));return}e?(await H.sync_to_profile(),await this.$refs.keyboard_profile_light.reload(),b.success(s("modify_success"))):b.error(s("modify_failed"))},200),on_mix_color_changed:ae.debounce(async function(){this.light_mode_idx===1||this.light_mode_idx===0||(this.mix_color=!0,await this.sync_light_params(),await this.$refs.keyboard_profile_light.reload())},200),async on_bright_changed(){const l=P(s("sync_failed"));await this.sync_light_params(),l.close()},async on_speed_changed(){const l=P(s("sync_failed"));await this.sync_light_params(),l.close()},on_color_picker_set(l,t,e){this.color_picker.color.fromRGBa(Math.round(Number(l)),Math.round(Number(t)),Math.round(Number(e)),255),this.color_picker.update(!1),this.color={r:Math.round(Number(l)),g:Math.round(Number(t)),b:Math.round(Number(e))};let o=ge();o.color={r:Number(this.color.r),g:Number(this.color.g),b:Number(this.color.b)}},async on_light_config_changed(l){if(Number(this.light_mode_idx)===Number(l))return;const t=P(s("sync_failed"));this.light_mode_idx=l,this.$emit("change:light_mode_idx",l),this.slider_bright_enabled=this.light_mode_idx>=1,this.slider_speed_enabled=this.light_mode_idx>=2;let e=he();if(e.light_mode=this.light_mode_config[l].light_mode,this.bright=e.get_mode_light(this.light_mode_config[l].light_mode).bright,this.speed=e.get_mode_light(this.light_mode_config[l].light_mode).speed,e.set_light(e.light_mode,this.bright,this.speed,this.color,this.mix_color),!await e.sync_light_mode()){b.error(s("modify_failed")),t.close();return}this.bright=e.get_current_light().bright,this.speed=e.get_current_light().speed,b.success(s("modify_success")),await H.sync_to_profile(),t.close()},async on_color_picker_set_hex(l){let t=parseInt("0x"+l.slice(1,3)),e=parseInt("0x"+l.slice(3,5)),o=parseInt("0x"+l.slice(5,7));this.on_color_picker_set(t,e,o),await this.on_color_changed(),this.$mitt.emit("light_color_change",{color:this.color})}}},oo=Object.assign(to,{__name:"KBLightV3Master",setup(l){const t=Ue();return(e,o)=>{const n=Y("el-card"),a=Y("el-scrollbar"),v=Y("el-slider");return B(),G("div",Ht,[r("div",qt,[_(D,{bordered:"",class:"wrapper"},{default:h(()=>[O(t).isRunning?(B(),G("div",At,S(O(s)("rhythm_running_tips")),1)):ve("",!0),_(a,{"max-height":"25rem",class:"wrapper-scroll"},{default:h(()=>[r("div",Dt,[(B(!0),G(se,null,re(e.light_mode_config,($,T)=>(B(),Q(n,{class:"light-item",style:te({outline:T===e.light_mode_idx?"2px solid var(--card-hover-highlight)":""}),onClick:L=>e.on_light_config_changed(T)},{default:h(()=>[r("i",{class:Pe($.icon)},null,2),U(" "+S(O(s)($.name)),1)]),_:2},1032,["style","onClick"]))),256))])]),_:1})]),_:1}),_(D,{bordered:"",class:"wrapper-card"},{default:h(()=>[r("div",jt,[o[16]||(o[16]=r("div",null,[r("div",{class:"color-picker-theme"})],-1)),r("div",Ut,[o[15]||(o[15]=r("div",null,null,-1)),r("div",Gt,[_(X,{outline:!e.mix_color,flat:e.mix_color,color:e.mix_color?"":"red",style:{"background-color":"var(--background-tertiary)",color:"var(--text-dark)","margin-left":"10px",width:"5rem"},onClick:o[0]||(o[0]=$=>e.on_color_changed())},{default:h(()=>[r("div",zt,[r("div",{style:te([{width:"1rem",height:"1rem","border-radius":"1rem",border:"1px red solid"},{"background-color":"rgba("+e.color.r+","+e.color.g+","+e.color.b+",1)"}])},null,4),r("div",Ft,[r("div",null,S(O(s)("single_color")),1)])])]),_:1},8,["outline","flat","color"]),_(X,{outline:e.mix_color,flat:!e.mix_color,color:e.mix_color?"red":"",style:{"background-color":"var(--background-tertiary)",color:"var(--text-dark)","margin-left":"10px",width:"5rem"},onClick:o[1]||(o[1]=$=>e.on_mix_color_changed())},{default:h(()=>[r("div",Qt,[o[14]||(o[14]=r("div",{style:{width:"1rem",height:"1rem"}},[r("img",{alt:"bg",style:{width:"100%",height:"100%"},src:"src/assets/img/bg-colorful.png"})],-1)),r("div",Yt,S(O(s)("mix_color")),1)])]),_:1},8,["outline","flat","color"])]),_(D,{class:"wrapper-colors"},{default:h(()=>[r("div",Xt,[r("div",{style:{"background-color":"#00fe00"},class:"color-dot-item",onClick:o[2]||(o[2]=$=>e.on_color_picker_set_hex("#00fe00"))}),r("div",{style:{"background-color":"#ff0000"},class:"color-dot-item",onClick:o[3]||(o[3]=$=>e.on_color_picker_set_hex("#ff0000"))}),r("div",{style:{"background-color":"#ff7200"},class:"color-dot-item",onClick:o[4]||(o[4]=$=>e.on_color_picker_set_hex("#ff7200"))}),r("div",{style:{"background-color":"#fff000"},class:"color-dot-item",onClick:o[5]||(o[5]=$=>e.on_color_picker_set_hex("#fff000"))}),r("div",{style:{"background-color":"#0000ff"},class:"color-dot-item",onClick:o[6]||(o[6]=$=>e.on_color_picker_set_hex("#0000ff"))}),r("div",{style:{"background-color":"#ee00f0"},class:"color-dot-item",onClick:o[7]||(o[7]=$=>e.on_color_picker_set_hex("#ee00f0"))}),r("div",{style:{"background-color":"#ff008a"},class:"color-dot-item",onClick:o[8]||(o[8]=$=>e.on_color_picker_set_hex("#ff008a"))}),r("div",{style:{"background-color":"#00fefe"},class:"color-dot-item",onClick:o[9]||(o[9]=$=>e.on_color_picker_set_hex("#00fefe"))})])]),_:1}),_(D,{class:"wrapper-params"},{default:h(()=>[r("div",Kt,[r("span",Zt,S(O(s)("speed")),1),r("div",null,[_(v,{modelValue:e.speed,"onUpdate:modelValue":o[10]||(o[10]=$=>e.speed=$),step:1,max:e.speed_max,min:e.speed_min,"show-tooltip":!1,style:{width:"9rem"},disabled:!e.slider_speed_enabled,onChange:o[11]||(o[11]=$=>e.on_speed_changed()),color:"light-green"},null,8,["modelValue","max","min","disabled"]),_(be,{anchor:"top middle",self:"top middle"},{default:h(()=>[U(S(e.speed+1),1)]),_:1})])]),r("div",Wt,[r("span",eo,S(O(s)("bright")),1),r("div",null,[_(v,{modelValue:e.bright,"onUpdate:modelValue":o[12]||(o[12]=$=>e.bright=$),step:1,max:e.bright_max,min:e.bright_min,style:{width:"9rem"},disabled:!e.slider_bright_enabled,"show-tooltip":!1,onChange:o[13]||(o[13]=$=>e.on_bright_changed())},null,8,["modelValue","max","min","disabled"]),_(be,{anchor:"top middle",self:"top middle"},{default:h(()=>[U(S(e.bright),1)]),_:1})])])]),_:1})])])]),_:1})])])}}}),lo=de(oo,[["__scopeId","data-v-ecabed65"]]),io=[{name:"light_mode_close",icon:"fa-solid fa-circle-xmark",mode:"mode_0",bright:2,speed:2,light_mode:0,color:{r:255,g:0,b:0},mix_color:!0},{name:"light_mode_cl",icon:"fa-solid fa-sun",mode:"mode_3",bright:2,speed:2,light_mode:3,color:{r:255,g:0,b:0},mix_color:!0},{name:"light_mode_clbx",icon:"fa-solid fa-water",mode:"mode_1",bright:2,speed:2,light_mode:1,color:{r:255,g:0,b:0},mix_color:!0},{name:"light_mode_hx",icon:"fa-solid fa-lungs",mode:"mode_4",bright:2,speed:2,light_mode:4,color:{r:255,g:0,b:0},mix_color:!0},{name:"light_mode_nhms",icon:"fa-solid fa-rainbow",mode:"mode_2",bright:2,speed:2,light_mode:2,color:{r:255,g:0,b:0},mix_color:!0},{name:"light_mode_pmms",icon:"fa-solid fa-horse-head",mode:"mode_5",bright:2,speed:2,light_mode:5,color:{r:255,g:0,b:0},mix_color:!0}];function so(){return io}const no={class:"flex-col"},ro={class:"row"},ao={key:0,class:"rhythm-running-tips"},co={class:"light-item-container"},_o={class:"wrapper-container"},uo={class:"wrapper-color-picker"},ho={style:{display:"flex","flex-direction":"row","align-items":"center"}},po={class:"row",style:{width:"3rem",display:"flex","align-items":"center"}},mo={style:{"margin-left":"0.2rem"}},go={class:"row",style:{display:"flex","align-items":"center"}},fo={style:{"margin-left":"0.2rem"}},vo={class:"flex-row"},yo={class:"flex-row"},bo={style:{width:"4rem","margin-top":"3px"}},wo={class:"flex-row"},ko={style:{width:"4rem","margin-top":"3px"}},xo={data(){return{speed_min:0,speed_max:4,bright_min:0,bright_max:4,speed:2,bright:2,color_picker:null,mix_color:!1,color:{r:0,g:0,b:0,a:1},light_mode_idx:0,light_mode_config:[]}},unmounted(){Be.off("on_edge_light_update",async()=>{})},async created(){const l=P();this.light_mode_config=so(),await this.from_model(),l.close(),Be.on("on_edge_light_update",async()=>{console.log("on_edge_light_update"),await this.from_model()})},mounted(){this.color_picker=new Re({container:document.querySelector(".color-picker-theme"),theme:"light"});let l=ge();this.on_color_picker_set(l.color.r,l.color.g,l.color.b,1),this.color_picker.on("change",async t=>{this.color={r:Math.round(Number(t.toRGBa()[0])),g:Math.round(Number(t.toRGBa()[1])),b:Math.round(Number(t.toRGBa()[2]))},l.color={r:this.color.r,g:this.color.g,b:this.color.b},await this.on_color_changed()})},methods:{async sync_to_model(){let l=ue();l.mode=this.light_mode_config[this.light_mode_idx].light_mode,l.mix_color=this.mix_color,l.color=this.color,l.speed=this.speed,l.bright=this.bright},async from_model(){let l=ue();await l.fetch();for(let t=0;t<this.light_mode_config.length;t++)if(l.mode===this.light_mode_config[t].light_mode){this.light_mode_idx=t;break}this.mix_color=l.mix_color,this.color=this.mix_color?this.color:l.color,this.speed=l.speed,this.bright=l.bright},async on_color_picker_set_hex(l){let t=parseInt("0x"+l.slice(1,3)),e=parseInt("0x"+l.slice(3,5)),o=parseInt("0x"+l.slice(5,7));this.on_color_picker_set(t,e,o),await this.on_color_changed()},async on_default_color_changed(){this.mix_color=!0;const l=P(s("sync_failed"));await this.sync_to_model();let e=await ue().sync();l.close(),e?b.success(s("modify_success")):b.error(s("modify_failed"))},async on_light_config_changed(l){if(Number(this.light_mode_idx)===Number(l))return;const t=P(s("sync_failed"));this.light_mode_idx=l,await this.sync_to_model();let o=await ue().sync();t.close(),o?b.success(s("modify_success")):b.error(s("modify_failed"))},on_color_picker_set(l,t,e){this.color_picker.color.fromRGBa(Math.round(Number(l)),Math.round(Number(t)),Math.round(Number(e)),255),this.color_picker.update(!1),this.color={r:Math.round(Number(l)),g:Math.round(Number(t)),b:Math.round(Number(e))}},on_color_changed:ae.debounce(async function(){const l=P(s("sync_failed"));this.mix_color=!1,await this.sync_to_model();let e=await ue().sync();l.close(),e?b.success(s("modify_success")):b.error(s("modify_failed"))},200),async on_speed_changed(){const l=P(s("sync_failed"));await this.sync_to_model();let e=await ue().sync();l.close(),e?b.success(s("modify_success")):b.error(s("modify_failed"))},async on_bright_changed(){const l=P(s("sync_failed"));await this.sync_to_model();let e=await ue().sync();l.close(),e?b.success(s("modify_success")):b.error(s("modify_failed"))}}},$o=Object.assign(xo,{__name:"KBLightV3Edge",setup(l){const t=Ue();return(e,o)=>{const n=Y("el-card"),a=Y("el-scrollbar"),v=Y("el-slider");return B(),G("div",no,[r("div",ro,[_(D,{bordered:"",class:"wrapper"},{default:h(()=>[O(t).isSideEffectRunning?(B(),G("div",ao,S(O(s)("rhythm_running_tips_2")),1)):ve("",!0),_(a,{"max-height":"25rem",class:"wrapper-scroll"},{default:h(()=>[r("div",co,[(B(!0),G(se,null,re(e.light_mode_config,($,T)=>(B(),Q(n,{class:"light-item",style:te({outline:T===e.light_mode_idx?"2px solid var(--card-hover-highlight)":""}),onClick:L=>e.on_light_config_changed(T)},{default:h(()=>[r("i",{class:Pe($.icon)},null,2),U(" "+S(O(s)($.name)),1)]),_:2},1032,["style","onClick"]))),256))])]),_:1})]),_:1}),_(D,{bordered:"",class:"wrapper-card"},{default:h(()=>[r("div",_o,[o[16]||(o[16]=r("div",null,[r("div",{class:"color-picker-theme"})],-1)),r("div",uo,[o[15]||(o[15]=r("div",null,null,-1)),r("div",ho,[_(X,{outline:!e.mix_color,flat:e.mix_color,color:e.mix_color?"":"red",style:{"background-color":"var(--background-tertiary)",color:"var(--text-dark)","margin-left":"10px",width:"5rem"},onClick:o[0]||(o[0]=$=>e.on_color_changed())},{default:h(()=>[r("div",po,[r("div",{style:te([{width:"1rem",height:"1rem","border-radius":"1rem",border:"1px red solid"},{"background-color":"rgba("+e.color.r+","+e.color.g+","+e.color.b+",1)"}])},null,4),r("div",mo,[r("div",null,S(O(s)("single_color")),1)])])]),_:1},8,["outline","flat","color"]),_(X,{outline:e.mix_color,flat:!e.mix_color,color:e.mix_color?"red":"",style:{"background-color":"var(--background-tertiary)",color:"var(--text-dark)","margin-left":"10px",width:"5rem"},onClick:o[1]||(o[1]=$=>e.on_default_color_changed())},{default:h(()=>[r("div",go,[o[14]||(o[14]=r("div",{style:{width:"1rem",height:"1rem"}},[r("img",{alt:"bg",style:{width:"100%",height:"100%"},src:"src/assets/img/bg-colorful.png"})],-1)),r("div",fo,S(O(s)("mix_color")),1)])]),_:1},8,["outline","flat","color"])]),_(D,{class:"wrapper-colors"},{default:h(()=>[r("div",vo,[r("div",{style:{"background-color":"#23fe26"},class:"color-dot-item",onClick:o[2]||(o[2]=$=>e.on_color_picker_set_hex("#23fe26"))}),r("div",{style:{"background-color":"#ff4949"},class:"color-dot-item",onClick:o[3]||(o[3]=$=>e.on_color_picker_set_hex("#ff4949"))}),r("div",{style:{"background-color":"#ff7200"},class:"color-dot-item",onClick:o[4]||(o[4]=$=>e.on_color_picker_set_hex("#ff7200"))}),r("div",{style:{"background-color":"#fff005"},class:"color-dot-item",onClick:o[5]||(o[5]=$=>e.on_color_picker_set_hex("#fff005"))}),r("div",{style:{"background-color":"#00d70f"},class:"color-dot-item",onClick:o[6]||(o[6]=$=>e.on_color_picker_set_hex("#00d70f"))}),r("div",{style:{"background-color":"#ee00f0"},class:"color-dot-item",onClick:o[7]||(o[7]=$=>e.on_color_picker_set_hex("#ee00f0"))}),r("div",{style:{"background-color":"#ff008a"},class:"color-dot-item",onClick:o[8]||(o[8]=$=>e.on_color_picker_set_hex("#ff008a"))}),r("div",{style:{"background-color":"#00fefe"},class:"color-dot-item",onClick:o[9]||(o[9]=$=>e.on_color_picker_set_hex("#00fefe"))})])]),_:1}),_(D,{class:"wrapper-params"},{default:h(()=>[r("div",yo,[r("span",bo,S(O(s)("speed")),1),r("div",null,[_(v,{modelValue:e.speed,"onUpdate:modelValue":o[10]||(o[10]=$=>e.speed=$),step:1,max:e.speed_max,min:e.speed_min,"show-tooltip":!1,style:{width:"9rem"},onChange:o[11]||(o[11]=$=>e.on_speed_changed()),color:"light-green"},null,8,["modelValue","max","min"]),_(be,{anchor:"top middle",self:"top middle"},{default:h(()=>[U(S(e.speed+1),1)]),_:1})])]),r("div",wo,[r("span",ko,S(O(s)("bright")),1),r("div",null,[_(v,{modelValue:e.bright,"onUpdate:modelValue":o[12]||(o[12]=$=>e.bright=$),step:1,max:e.bright_max,min:e.bright_min,style:{width:"9rem"},"show-tooltip":!1,onChange:o[13]||(o[13]=$=>e.on_bright_changed())},null,8,["modelValue","max","min"]),_(be,{anchor:"top middle",self:"top middle"},{default:h(()=>[U(S(e.bright),1)]),_:1})])])]),_:1})])])]),_:1})])])}}}),No=de($o,[["__scopeId","data-v-05d6c745"]]),Co={class:"flex-col"},So={class:"flex-row"},Lo={key:0},Eo={key:1},Oo={data(){return{slider_toggle_idx:0,light_mode_idx:0}},watch:{slider_toggle_idx(l,t){this.slider_toggle_idx=l}}},Bo=Object.assign(Oo,{__name:"KBLightV3Wrapper",setup(l){return(t,e)=>(B(),G("div",Co,[_(It,{light_mode_idx:t.light_mode_idx,slider_toggle_idx:t.slider_toggle_idx,"onChange:slider_toggle_idx":e[0]||(e[0]=o=>{t.slider_toggle_idx=o}),"onChange:light_mode_idx":e[1]||(e[1]=o=>{t.light_mode_idx=o}),ref:"keyboard_profile_light"},null,8,["light_mode_idx","slider_toggle_idx"]),r("div",So,[t.slider_toggle_idx===0?(B(),G("div",Lo,[_(lo,{light_mode_idx:t.light_mode_idx,"onChange:light_mode_idx":e[2]||(e[2]=o=>{t.light_mode_idx=o})},null,8,["light_mode_idx"])])):t.slider_toggle_idx===1?(B(),G("div",Eo,[_(No)])):ve("",!0)])]))}}),Vo=de(Bo,[["__scopeId","data-v-0fa26507"]]),Mo={data(){return{type_protocol:""}},created(){let l=Le();l.current_device&&(this.type_protocol=l.current_device.type_protocol)}},Po=Object.assign(Mo,{__name:"KBLight",setup(l){return(t,e)=>t.type_protocol==="kb_by_v2_wired"||t.type_protocol==="kb_by_v2_wireless"?(B(),Q(Lt,{key:0})):t.type_protocol==="kb_by_v3_wired"?(B(),Q(Vo,{key:1})):ve("",!0)}}),Ro={class:"flex-row"},Jo={style:{display:"flex","flex-direction":"column"}},To={style:{"font-size":"1.8rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},Io={style:{"font-size":"1rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},Ho={style:{margin:"1rem"}},qo={style:{"font-size":"1.8rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},Ao={style:{"font-size":"1rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},Do={style:{margin:"1rem"}},jo={style:{display:"flex","flex-direction":"row"}},Uo={style:{"font-size":"1.8rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},Go={style:{display:"flex","flex-direction":"row",width:"99%",margin:"1rem 0 0 0rem"}},zo={style:{margin:"auto 0 auto 0",color:"var(--color-60)",width:"12rem",display:"flex","flex-direction":"row","align-items":"center"}},Fo={style:{"margin-left":"3px"}},Qo={style:{display:"flex","flex-direction":"row","justify-content":"center"}},Yo={class:"q-ml-sm"},Xo={data(){return{reset_dpi_confirm:!1,color:{r:0,g:0,b:0},report_rate_options:[],select_report_rate:0,lod_altitude_options:[],select_lod_altitude:1,dpi_level:[],dpi_min:50,dpi_max:26e3,current_dpi_level:0,dpi_level_max:7}},unmounted(){this.$mitt.off("device_status_update",l=>{}),this.$mitt.off("on_model_update",l=>{})},async created(){let l=qe();this.report_rate_options=l.report_rate_options,this.lod_altitude_options=l.lod_altitude_options,this.dpi_min=l.dpi_min,this.dpi_max=l.dpi_max,this.dpi_level_max=l.dpi_level_max;let t=ie();this.select_report_rate=t.xy_report_rate,this.select_lod_altitude=t.lod_altitude,this.dpi_level=t.get_dpi_config(),this.current_dpi_level=t.get_dpi_current_level(),this.$mitt.on("device_status_update",async e=>{if(e.type==="mouse_dpi_changed"){for(let o=0;o<this.dpi_level.length;o++)if(Number(this.dpi_level[o].value)===Number(e.val)&&Number(o)===Number(e.level)){this.current_dpi_level=o,ie().set_dpi_current_level(this.current_dpi_level+1),await H.sync_to_profile();break}}if(e.type==="mouse_report_changed"){for(let o=0;o<this.report_rate_options.length;o++)if(Number(this.report_rate_options[o].value)===Number(e.level)){this.select_report_rate=o;let n=ie();n.xy_report_rate=this.select_report_rate,await H.sync_to_profile();break}}}),this.$mitt.on("on_model_update",async e=>{this.from_model()})},methods:{from_model(){let l=ie();this.select_report_rate=l.xy_report_rate,this.select_lod_altitude=l.lod_altitude,this.dpi_level=l.get_dpi_config(),this.current_dpi_level=l.get_dpi_current_level()},async to_model(){let l=ie();l.set_dpi_config(this.dpi_level),l.set_dpi_current_level(this.current_dpi_level+1),l.xy_report_rate=this.select_report_rate,l.lod_altitude=this.select_lod_altitude,await H.sync_to_profile()},async sync_model(){return await ie().sync()},async on_color_save(l,t){const e=P(s("sync_failed"));l.value=!1;let o=JSON.parse(JSON.stringify(this.dpi_level[t].color)),n=Ae(this.color);this.dpi_level[t].color=JSON.parse(JSON.stringify(n)),await this.to_model();const a=await this.sync_model();e.close(),a?b.success(s("modify_success")):(b.error(s("modify_failed")),this.dpi_level[t].color=JSON.parse(JSON.stringify(o)),await this.to_model()),await H.sync_to_profile()},async on_report_rate_change(l){const t=P(s("sync_failed"));let o=ie().xy_report_rate;await this.to_model();const n=await this.sync_model();t.close(),n?b.success(s("modify_success")):(b.error(s("modify_failed")),this.select_report_rate=o,await this.to_model()),await H.sync_to_profile()},async on_select_lod_altitude(){const l=P(s("sync_failed"));let e=ie().lod_altitude;await this.to_model();const o=await this.sync_model();l.close(),o?b.success(s("modify_success")):(b.error(s("modify_failed")),this.select_lod_altitude=e,await this.to_model()),await H.sync_to_profile()},async on_reset_dpi(){const l=P(s("sync_failed"));let t=ie();t.reset_dpi();const e=await t.sync();l.close();let o=JSON.parse(JSON.stringify(this.dpi_level)),n=JSON.parse(JSON.stringify(this.current_dpi_level));e?(this.dpi_level=JSON.parse(JSON.stringify(t.get_dpi_config())),this.current_dpi_level=t.get_dpi_current_level(),b.success(s("modify_success"))):(b.error(s("modify_failed")),this.current_dpi_level=n,this.dpi_level=JSON.parse(JSON.stringify(o)),await this.to_model()),await H.sync_to_profile()},async on_add(){if(this.dpi_level.length>this.dpi_level_max-1){b.error(s("max_dpi_level"));return}const l=P(s("sync_failed"));let t=ie(),e=JSON.parse(JSON.stringify(t.get_dpi_config())),o=De();this.dpi_level.push({value:1600,color:{r:o.r,g:o.g,b:o.b}}),await this.to_model();const n=await this.sync_model();l.close(),n?b.success(s("modify_success")):(this.dpi_level=JSON.parse(JSON.stringify(e)),await this.to_model(),b.error(s("modify_failed"))),await H.sync_to_profile()},async on_delete(l){if(this.dpi_level.length===1){b.error(s("min_dpi_level"));return}let t=ie(),e=JSON.parse(JSON.stringify(t.get_dpi_config())),o=JSON.parse(JSON.stringify(t.get_dpi_current_level()));this.dpi_level.splice(l,1),(l===this.current_dpi_level&&l!==0||Number(this.current_dpi_level)===Number(this.dpi_level.length))&&(this.current_dpi_level-=1);const n=P(s("sync_failed"));await this.to_model();const a=await this.sync_model();n.close(),a?b.success(s("modify_success")):(this.dpi_level=JSON.parse(JSON.stringify(e)),this.current_dpi_level=JSON.parse(JSON.stringify(o)),b.error(s("modify_failed"))),await H.sync_to_profile()},async on_dpi_level_change(l){let t=ie(),e=JSON.parse(JSON.stringify(t.get_dpi_config()));const o=P(s("sync_failed"));await this.to_model();const n=await this.sync_model();o.close(),n?b.success(s("modify_success")):(this.dpi_level=JSON.parse(JSON.stringify(e)),await this.to_model(),b.error(s("modify_failed"))),await H.sync_to_profile()},async on_current_dpi_level_change(l){let e=ie().get_dpi_current_level();this.current_dpi_level=l;const o=P(s("sync_failed"));await this.to_model();const n=await this.sync_model();o.close(),n?b.success(s("modify_success")):(this.current_dpi_level=e,await this.to_model(),b.error(s("modify_failed"))),await H.sync_to_profile()}}},Ko=Object.assign(Xo,{__name:"sle",setup(l){return(t,e)=>{const o=Y("el-scrollbar"),n=Y("v-slider"),a=Y("v-btn"),v=Y("v-card-actions"),$=Y("v-dialog");return B(),G(se,null,[_(D,{style:{margin:"0.5rem 0.5rem auto 0.5rem",height:"53rem",width:"103rem","background-color":"var(--background-secondary)","user-select":"none"},class:"flex-row"},{default:h(()=>[r("div",Ro,[_(D,{style:{margin:"1rem 0 1rem 1rem",width:"25rem",height:"49rem","background-color":"var(--color-95)"}},{default:h(()=>[r("div",Jo,[_(D,{style:{display:"flex","flex-direction":"column",margin:"1rem","background-color":"var(--color-93)"}},{default:h(()=>[r("div",To,S(O(s)("report_settings")),1),r("div",Io,S(O(s)("report_settings_desc")),1),r("div",Ho,[_(Ge,{style:{height:"5rem",width:"100%"}},{default:h(()=>[(B(!0),G(se,null,re(t.report_rate_options,(T,L)=>(B(),Q(ye,{modelValue:t.select_report_rate,"onUpdate:modelValue":[e[0]||(e[0]=J=>t.select_report_rate=J),e[1]||(e[1]=J=>t.on_report_rate_change(t.val))],val:t.report_rate_options[L].value},{default:h(()=>[U(S(T.name),1)]),_:2},1032,["modelValue","val"]))),256))]),_:1})])]),_:1}),_(D,{style:{display:"flex","flex-direction":"column",margin:"1rem","background-color":"var(--color-93)"}},{default:h(()=>[r("div",qo,S(O(s)("lod_settings")),1),r("div",Ao,S(O(s)("lod_settings_desc")),1),r("div",Do,[_(o,null,{default:h(()=>[(B(!0),G(se,null,re(t.lod_altitude_options,(T,L)=>(B(),Q(ye,{modelValue:t.select_lod_altitude,"onUpdate:modelValue":[e[2]||(e[2]=J=>t.select_lod_altitude=J),e[3]||(e[3]=J=>t.on_select_lod_altitude(t.val))],val:t.lod_altitude_options[L].value},{default:h(()=>[U(S(T.name),1)]),_:2},1032,["modelValue","val"]))),256))]),_:1})])]),_:1})])]),_:1}),_(D,{style:{margin:"1rem 0 1rem 1rem",width:"60rem",height:"49rem","background-color":"var(--color-95)"}},{default:h(()=>[_(D,{style:{display:"flex","flex-direction":"column",margin:"1rem","background-color":"var(--color-93)",height:"95%"}},{default:h(()=>[r("div",jo,[r("div",Uo,S(O(s)("dpi_settings")),1),_(Ce),_(X,{"no-caps":"",style:{"margin-top":"1rem","margin-right":"1.5rem",height:"2rem"},color:"red",onClick:e[4]||(e[4]=T=>t.reset_dpi_confirm=!0)},{default:h(()=>[U(S(O(s)("dpi_reset")),1)]),_:1}),_(X,{"no-caps":"",style:{"margin-top":"1rem","margin-right":"1.5rem",height:"2rem"},color:"green",onClick:e[5]||(e[5]=T=>t.on_add())},{default:h(()=>[U(S(O(s)("add")),1)]),_:1})]),_(o,{style:{"margin-left":"1rem","margin-right":"1rem","margin-top":"1rem"}},{default:h(()=>[(B(!0),G(se,null,re(t.dpi_level,(T,L)=>(B(),G("div",Go,[r("div",zo,[_(ye,{modelValue:t.current_dpi_level,"onUpdate:modelValue":[e[6]||(e[6]=J=>t.current_dpi_level=J),J=>t.on_current_dpi_level_change(L)],val:L},{default:h(()=>[U(S(T.name),1)]),_:2},1032,["modelValue","onUpdate:modelValue","val"]),r("div",Fo,S(Math.round(T.value)),1)]),r("div",null,[_(n,{min:t.dpi_min,max:t.dpi_max,modelValue:t.dpi_level[L].value,"onUpdate:modelValue":J=>t.dpi_level[L].value=J,color:"rgb("+t.dpi_level[L].color.r+","+t.dpi_level[L].color.g+","+t.dpi_level[L].color.b+")",step:50,style:{width:"40rem",margin:"1rem 0 auto 0"},onEnd:J=>t.on_dpi_level_change(L)},null,8,["min","max","modelValue","onUpdate:modelValue","color","onEnd"])]),_($,{style:{width:"20rem"}},{activator:h(({props:J})=>[_(a,je({ref_for:!0},J,{color:"rgb("+t.dpi_level[L].color.r+","+t.dpi_level[L].color.g+","+t.dpi_level[L].color.b+")",style:{margin:"auto 0 auto 12px"},onClick:oe=>t.color="rgb("+this.dpi_level[L].color.r+","+this.dpi_level[L].color.g+","+this.dpi_level[L].color.b+")"}),{default:h(()=>e[10]||(e[10]=[U("RGB ")])),_:2},1040,["color","onClick"])]),default:h(({isActive:J})=>[_(D,{style:{"background-color":"var(--color-93)",width:"19rem"}},{default:h(()=>[r("div",Qo,[_(ze,{modelValue:t.color,"onUpdate:modelValue":e[7]||(e[7]=oe=>t.color=oe),"no-header-tabs":"",style:{width:"18rem","margin-top":"1rem"},"format-model":"rgb"},null,8,["modelValue"])]),_(v,{style:{"margin-top":"1rem"}},{default:h(()=>[_(Ce),_(X,{"no-caps":"",color:"green",onClick:oe=>J.value=!1},{default:h(()=>[U(S(O(s)("cancel")),1)]),_:2},1032,["onClick"]),_(X,{"no-caps":"",color:"red",style:{"margin-left":"4px"},onClick:oe=>t.on_color_save(J,L)},{default:h(()=>[U(S(O(s)("confirm")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1024),_(a,{style:{width:"50px",margin:"auto 0 auto 3px"},color:"red",onClick:J=>t.on_delete(L)},{default:h(()=>e[11]||(e[11]=[r("i",{class:"fa-solid fa-trash"},null,-1)])),_:2},1032,["onClick"])]))),256))]),_:1})]),_:1})]),_:1})])]),_:1}),_(Ye,{modelValue:t.reset_dpi_confirm,"onUpdate:modelValue":e[9]||(e[9]=T=>t.reset_dpi_confirm=T),"backdrop-filter":"blur(4px)",persistent:""},{default:h(()=>[_(D,{class:"dialog-card"},{default:h(()=>[_(Fe,{class:"row items-center"},{default:h(()=>[e[12]||(e[12]=r("i",{color:"red",class:"fa-solid fa-triangle-exclamation"},null,-1)),r("span",Yo,S(O(s)("reset_dpi_confirm_desc")),1)]),_:1}),_(Qe,{align:"right"},{default:h(()=>[fe((B(),Q(X,{"no-caps":"",color:"green"},{default:h(()=>[U(S(O(s)("cancel")),1)]),_:1})),[[Se]]),fe((B(),Q(X,{"no-caps":"",color:"red",onClick:e[8]||(e[8]=T=>t.on_reset_dpi())},{default:h(()=>[U(S(O(s)("confirm")),1)]),_:1})),[[Se]])]),_:1})]),_:1})]),_:1},8,["modelValue"])],64)}}}),Zo=de(Ko,[["__scopeId","data-v-a388bc4b"]]),Wo={class:"row"},el={style:{display:"flex","flex-direction":"column"}},tl={style:{"font-size":"1.8rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},ol={style:{"font-size":"1rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},ll={style:{margin:"1rem"}},il={style:{"font-size":"1.8rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},sl={style:{"font-size":"1rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},nl={style:{margin:"1rem"}},rl={style:{display:"flex","flex-direction":"row"}},al={style:{"font-size":"1.8rem",color:"var(--color-60)","margin-top":"1rem","margin-left":"1rem"}},dl={style:{display:"flex","flex-direction":"row",width:"99%",margin:"1rem 0 0 0rem"}},cl={style:{margin:"auto 0 auto 0",color:"var(--color-60)",width:"12rem",display:"flex","flex-direction":"row","align-items":"center"}},_l={style:{"margin-left":"3px"}},ul={style:{display:"flex","flex-direction":"row","justify-content":"center"}},hl={class:"q-ml-sm"},pl={data(){return{reset_dpi_confirm:!1,color:{r:0,g:0,b:0},report_rate_options:[],select_report_rate:0,lod_altitude_options:[],select_lod_altitude:1,dpi_level:[],current_dpi_level:0,dpi_min:100,dpi_max:26e3,dpi_level_max:7}},unmounted(){this.$mitt.off("device_status_update",l=>{}),this.$mitt.off("on_model_update",l=>{})},async created(){let l=qe();this.lod_altitude_options=l.lod_altitude_options,this.dpi_min=l.dpi_min,this.dpi_max=l.dpi_max,this.dpi_level_max=l.dpi_level_max;const t=P(s("sync_failed"));let e=ce();this.select_report_rate=e.xy_report_rate,this.select_lod_altitude=e.lod_altitude,this.dpi_level=e.get_dpi_config(),this.current_dpi_level=e.get_dpi_current_level();let o=tt();await o.fetch(),this.report_rate_options=l.report_rate_options,Number(o.max_report)===4&&(this.report_rate_options=this.report_rate_options.slice(0,4)),t.close(),this.$mitt.on("device_status_update",async n=>{if(n.type==="mouse_dpi_changed"){for(let a=0;a<this.dpi_level.length;a++)if(Number(this.dpi_level[a].value)===Number(n.val)&&Number(a)===Number(n.level)){this.current_dpi_level=a,ce().set_dpi_current_level(this.current_dpi_level+1),await H.sync_to_profile();break}}if(n.type==="mouse_report_changed"){for(let a=0;a<this.report_rate_options.length;a++)if(Number(this.report_rate_options[a].value)===Number(n.level)){this.select_report_rate=n.level;let v=ce();v.xy_report_rate=this.select_report_rate,await H.sync_to_profile();break}}}),this.$mitt.on("on_model_update",async n=>{const a=P(s("sync_failed"));await this.reload(),a.close()})},methods:{async on_reset_dpi(){const l=P(s("sync_failed"));let t=ce();t.reset_dpi();const e=await t.sync_reset_dpi_factory();l.close();let o=JSON.parse(JSON.stringify(this.dpi_level)),n=JSON.parse(JSON.stringify(this.current_dpi_level));e?(this.dpi_level=JSON.parse(JSON.stringify(t.get_dpi_config())),this.current_dpi_level=t.get_dpi_current_level(),b.success(s("modify_success"))):(b.error(s("modify_failed")),this.current_dpi_level=n,this.dpi_level=JSON.parse(JSON.stringify(o)),t.dpi_profile=this.current_dpi_level,t.set_dpi_config(this.dpi_level)),await H.sync_to_profile()},async reload(){let l=ce();this.select_report_rate=l.xy_report_rate,this.select_lod_altitude=l.lod_altitude,this.dpi_level=l.get_dpi_config(),this.current_dpi_level=l.get_dpi_current_level()},async on_color_save(l,t){const e=P(s("sync_failed"));l.value=!1;let o=JSON.parse(JSON.stringify(this.dpi_level[t].color)),n=Ae(this.color);this.dpi_level[t].color=JSON.parse(JSON.stringify(n));const a=await this.sync_dpi_config(t);e.close(),a?(await H.sync_to_profile(),b.success(s("modify_success"))):(b.error(s("modify_failed")),this.dpi_level[t].color=JSON.parse(JSON.stringify(o)))},on_color_change(l){this.color="rgb("+this.dpi_level[l].color.r+","+this.dpi_level[l].color.g+","+this.dpi_level[l].color.b+")"},async on_report_rate_change(l){const t=P(s("sync_failed"));let e=ce(),o=e.xy_report_rate;e.xy_report_rate=this.select_report_rate;const n=await e.sync_report_rate();t.close(),n?(await H.sync_to_profile(),b.success(s("modify_success"))):(b.error(s("modify_failed")),e.xy_report_rate=o,this.select_report_rate=o)},async on_select_lod_altitude(){const l=P(s("sync_failed"));let t=ce(),e=t.lod_altitude;t.lod_altitude=this.select_lod_altitude;const o=await t.sync_lod_altitude();l.close(),o?(await H.sync_to_profile(),b.success(s("modify_success"))):(b.error(s("modify_failed")),t.lod_altitude=e,this.select_lod_altitude=e)},async on_add(){if(this.dpi_level.length>this.dpi_level_max-1){b.error(s("max_dpi_level"));return}const l=P(s("sync_failed"));let t=De();this.dpi_level.push({value:1600,color:{r:t.r,g:t.g,b:t.b}});const e=await this.sync_dpi_config(this.dpi_level.length-1);l.close(),e?(await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed"))},async on_delete(l){if(this.dpi_level.length===1){b.error(s("min_dpi_level"));return}this.dpi_level.splice(l,1),(l===this.current_dpi_level&&l!==0||Number(this.current_dpi_level)===Number(this.dpi_level.length))&&(this.current_dpi_level-=1);const t=P(s("sync_failed")),e=await this.sync_dpi_config(l);t.close(),e?(await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed"))},async on_dpi_level_change(l){const t=P(s("sync_failed")),e=await this.sync_dpi_config(l);t.close(),e?(await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed"))},async sync_dpi_config(l){let t=ce(),e=t.get_dpi_current_level(),o=this.current_dpi_level;return Number(e)===Number(o)&&Number(e)===Number(l)?(t.set_dpi_config(this.dpi_level),t.set_dpi_current_level(this.current_dpi_level+1),await t.sync_current_dpi()):(t.set_dpi_config(this.dpi_level),t.set_dpi_current_level(this.current_dpi_level+1),await t.sync_batch_dpi_config())},async on_current_dpi_level_change(l){this.current_dpi_level=l;const t=P(s("sync_failed")),e=await this.sync_dpi_config(l);t.close(),e?(await H.sync_to_profile(),b.success(s("modify_success"))):b.error(s("modify_failed"))}}},ml=Object.assign(pl,{__name:"pix",setup(l){return(t,e)=>{const o=Y("el-scrollbar"),n=Y("v-slider"),a=Y("v-btn"),v=Y("v-card-actions"),$=Y("v-dialog");return B(),G(se,null,[_(D,{style:{margin:"0.5rem 0.5rem auto 0.5rem",height:"53rem",width:"103rem",background:"rgba(255, 255, 255, 0.2)","user-select":"none"},class:"row"},{default:h(()=>[r("div",Wo,[_(D,{style:{margin:"1rem 0 1rem 1rem",width:"25rem",height:"49rem",background:"rgba(255, 255, 255, 0.2)"}},{default:h(()=>[r("div",el,[_(D,{style:{display:"flex","flex-direction":"column",margin:"1rem",background:"rgba(255, 255, 255, 0.2)"}},{default:h(()=>[r("div",tl,S(O(s)("report_settings")),1),r("div",ol,S(O(s)("report_settings_desc")),1),r("div",ll,[_(Ge,{style:{height:"7rem",width:"100%"}},{default:h(()=>[(B(!0),G(se,null,re(t.report_rate_options,(T,L)=>(B(),Q(ye,{modelValue:t.select_report_rate,"onUpdate:modelValue":[e[0]||(e[0]=J=>t.select_report_rate=J),e[1]||(e[1]=J=>t.on_report_rate_change(t.val))],val:t.report_rate_options[L].value},{default:h(()=>[U(S(T.name),1)]),_:2},1032,["modelValue","val"]))),256))]),_:1})])]),_:1}),_(D,{style:{display:"flex","flex-direction":"column",margin:"1rem",background:"rgba(255, 255, 255, 0.2)"}},{default:h(()=>[r("div",il,S(O(s)("lod_settings")),1),r("div",sl,S(O(s)("lod_settings_desc")),1),r("div",nl,[_(o,null,{default:h(()=>[(B(!0),G(se,null,re(t.lod_altitude_options,(T,L)=>(B(),Q(ye,{modelValue:t.select_lod_altitude,"onUpdate:modelValue":[e[2]||(e[2]=J=>t.select_lod_altitude=J),e[3]||(e[3]=J=>t.on_select_lod_altitude(t.val))],val:t.lod_altitude_options[L].value},{default:h(()=>[U(S(T.name),1)]),_:2},1032,["modelValue","val"]))),256))]),_:1})])]),_:1})])]),_:1}),_(D,{style:{margin:"1rem 0 1rem 1rem",width:"60rem",height:"49rem",background:"rgba(255, 255, 255, 0.2)"}},{default:h(()=>[_(D,{style:{display:"flex","flex-direction":"column",margin:"1rem",background:"rgba(255, 255, 255, 0.2)",height:"95%"}},{default:h(()=>[r("div",rl,[r("div",al,S(O(s)("dpi_settings")),1),_(Ce),_(X,{"no-caps":"",style:{"margin-top":"1rem","margin-right":"1.5rem",height:"2rem"},color:"red",onClick:e[4]||(e[4]=T=>t.reset_dpi_confirm=!0)},{default:h(()=>[U(S(O(s)("dpi_reset")),1)]),_:1}),_(X,{"no-caps":"",style:{"margin-top":"1rem","margin-right":"1.5rem",height:"2rem"},color:"green",onClick:e[5]||(e[5]=T=>t.on_add())},{default:h(()=>[U(S(O(s)("add")),1)]),_:1})]),_(o,{style:{"margin-left":"1rem","margin-right":"1rem","margin-top":"1rem"}},{default:h(()=>[(B(!0),G(se,null,re(t.dpi_level,(T,L)=>(B(),G("div",dl,[r("div",cl,[_(ye,{modelValue:t.current_dpi_level,"onUpdate:modelValue":[e[6]||(e[6]=J=>t.current_dpi_level=J),J=>t.on_current_dpi_level_change(L)],val:L},{default:h(()=>[U(S(T.name),1)]),_:2},1032,["modelValue","onUpdate:modelValue","val"]),r("div",_l,S(Math.round(T.value)),1)]),r("div",null,[_(n,{min:t.dpi_min,max:t.dpi_max,modelValue:t.dpi_level[L].value,"onUpdate:modelValue":J=>t.dpi_level[L].value=J,color:"rgb("+t.dpi_level[L].color.r+","+t.dpi_level[L].color.g+","+t.dpi_level[L].color.b+")",step:50,style:{width:"40rem",margin:"1rem 0 auto 0"},onEnd:J=>t.on_dpi_level_change(L)},null,8,["min","max","modelValue","onUpdate:modelValue","color","onEnd"])]),_($,{style:{width:"20rem"}},{activator:h(({props:J})=>[_(a,je({ref_for:!0},J,{color:"rgb("+t.dpi_level[L].color.r+","+t.dpi_level[L].color.g+","+t.dpi_level[L].color.b+")",style:{margin:"auto 0 auto 12px"},onClick:oe=>t.on_color_change(L)}),{default:h(()=>e[10]||(e[10]=[U("RGB ")])),_:2},1040,["color","onClick"])]),default:h(({isActive:J})=>[_(D,{style:{"background-color":"var(--color-93)",width:"20rem"}},{default:h(()=>[r("div",ul,[_(ze,{modelValue:t.color,"onUpdate:modelValue":e[7]||(e[7]=oe=>t.color=oe),"no-header-tabs":"",style:{width:"18rem","margin-top":"1rem"},"format-model":"rgb"},null,8,["modelValue"])]),_(v,null,{default:h(()=>[_(Ce),_(X,{"no-caps":"",color:"green",onClick:oe=>J.value=!1},{default:h(()=>[U(S(O(s)("cancel")),1)]),_:2},1032,["onClick"]),_(X,{"no-caps":"",color:"red",style:{"margin-left":"4px"},onClick:oe=>t.on_color_save(J,L)},{default:h(()=>[U(S(O(s)("confirm")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),_:2},1024)]),_:2},1024),_(a,{style:{width:"50px",margin:"auto 0 auto 3px"},color:"red",onClick:J=>t.on_delete(L)},{default:h(()=>e[11]||(e[11]=[r("i",{class:"fa-solid fa-trash"},null,-1)])),_:2},1032,["onClick"])]))),256))]),_:1})]),_:1})]),_:1})])]),_:1}),_(Ye,{modelValue:t.reset_dpi_confirm,"onUpdate:modelValue":e[9]||(e[9]=T=>t.reset_dpi_confirm=T),"backdrop-filter":"blur(4px)",persistent:""},{default:h(()=>[_(D,{class:"dialog-card"},{default:h(()=>[_(Fe,{class:"row items-center"},{default:h(()=>[e[12]||(e[12]=r("i",{color:"red",class:"fa-solid fa-triangle-exclamation"},null,-1)),r("span",hl,S(O(s)("reset_dpi_confirm_desc")),1)]),_:1}),_(Qe,{align:"right"},{default:h(()=>[fe((B(),Q(X,{"no-caps":"",color:"green"},{default:h(()=>[U(S(O(s)("cancel")),1)]),_:1})),[[Se]]),fe((B(),Q(X,{"no-caps":"",color:"red",onClick:e[8]||(e[8]=T=>t.on_reset_dpi())},{default:h(()=>[U(S(O(s)("confirm")),1)]),_:1})),[[Se]])]),_:1})]),_:1})]),_:1},8,["modelValue"])],64)}}}),gl=de(ml,[["__scopeId","data-v-3a88684b"]]),fl={data(){return{type_protocol:""}},created(){let l=Le();l.current_device&&(this.type_protocol=l.current_device.type_protocol)}},vl=Object.assign(fl,{__name:"MSDPI",setup(l){return(t,e)=>t.type_protocol==="ms_pix_v1"?(B(),Q(gl,{key:0})):t.type_protocol==="ms_sle_v1"?(B(),Q(Zo,{key:1})):ve("",!0)}}),yl={class:"flex-col"},bl={data(){return{type_device:""}},created(){const l=Le();l.current_device!==null&&(this.type_device=l.current_device.type_device)}},ci=Object.assign(bl,{__name:"ViewLight",setup(l){return(t,e)=>{const o=Me("loading");return fe((B(),G("div",yl,[t.type_device==="keyboard"?(B(),Q(Po,{key:0})):t.type_device==="mouse"?(B(),Q(vl,{key:1})):ve("",!0)])),[[o,t.page_loading]])}}});export{ci as default};
|