1import{d as f,L as v,bM as h,b as k,o as t,f as o,k as a,w as l,i as n,t as s,a7 as b,F as g,h as x,g as C,V as K,c as B,l as N}from"./index-ed3bd4ad.js";import{_ as V}from"./InputCopyable.vue_vue_type_script_setup_true_lang-bb524c20.js";import{_ as w}from"./InputGroupLabel-c9e3fe2a.js";import{_ as L}from"./InputGroup-ffd6e8aa.js";const S={key:0,"mb-2":"","text-3xl":""},M=C("span",{"lh-1":"","op-70":""}," Press the key on your keyboard you want to get info about this key ",-1),T=f({__name:"keycode-info",setup(E){const e=v();h(document,"keydown",r=>{e.value=r});const u=k(()=>e.value?[{label:"Key :",value:e.value.key,placeholder:"Key name..."},{label:"Keycode :",value:String(e.value.keyCode),placeholder:"Keycode..."},{label:"Code :",value:e.value.code,placeholder:"Code..."},{label:"Location :",value:String(e.value.location),placeholder:"Code..."},{label:"Modifiers :",value:[e.value.metaKey&&"Meta",e.value.shiftKey&&"Shift",e.value.ctrlKey&&"Ctrl",e.value.altKey&&"Alt"].filter(Boolean).join(" + "),placeholder:"None"}]:[]);return(r,F)=>{const c=K,_=w,i=L;return t(),o("div",null,[a(c,{"mb-5":"","text-center":"","important:py-12":""},{default:l(()=>[n(e)?(t(),o("div",S,s(n(e).key),1)):b("",!0),M]),_:1}),(t(!0),o(g,null,x(n(u),({label:d,value:p,placeholder:m},y)=>(t(),B(i,{key:y,style:{"margin-bottom":"5px"}},{default:l(()=>[a(_,{style:{flex:"0 0 150px"}},{default:l(()=>[N(s(d),1)]),_:2},1024),a(V,{value:p,readonly:"",placeholder:m},null,8,["value","placeholder"])]),_:2},1024))),128))])}}});export{T as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.