@vasakgroup/vue-libvasak 0.4.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/vue-libvasak.es.js +608 -526
  2. package/dist/vue-libvasak.umd.js +1 -1
  3. package/package.json +1 -1
package/dist/vue-libvasak.umd.js CHANGED
@@ -1 +1 @@
1
- (function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@tauri-apps/api/event"),require("@vasakgroup/plugin-vicons"),require("@tauri-apps/api/window")):typeof define=="function"&&define.amd?define(["exports","vue","@tauri-apps/api/event","@vasakgroup/plugin-vicons","@tauri-apps/api/window"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f.VueLibVasak={},f.Vue,f.TauriEvent,f.VasakVicons,f.TauriWindow))})(this,(function(f,e,oe,O,ne){"use strict";function ie(t,i){const l=e.ref("");let a=null,n=!1,r=0;async function c(){const s=++r,u=t.value;if(!u){l.value="";return}const b=i.value==="symbol"?await O.getSymbolSource(u):await O.getIconSource(u);s===r&&(l.value=b)}return e.onMounted(async()=>{const s=await oe.listen("vicons:theme-changed",c);if(n){s();return}a=s,await c()}),e.onUnmounted(()=>{n=!0,a?.()}),e.watch(t,c),l}const re=["src","alt"],h=e.defineComponent({__name:"ThemeIcon",props:{name:{},type:{default:"icon"},size:{default:18},alt:{default:""}},setup(t){const i=t,l=ie(e.toRef(i,"name"),e.toRef(i,"type")),a=e.computed(()=>`${i.size}px`);return(n,r)=>e.unref(l)?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(l),alt:t.alt,style:e.normalizeStyle({width:a.value,height:a.value}),class:"shrink-0 object-contain"},null,12,re)):(e.openBlock(),e.createElementBlock("span",{key:1,style:e.normalizeStyle({width:a.value,height:a.value}),class:"shrink-0"},null,4))}}),se={class:"flex flex-col gap-2"},ce=["aria-expanded"],de={key:1,class:"flex flex-col gap-1"},L=e.defineComponent({__name:"SideGroup",props:{title:{},collapsed:{type:Boolean,default:!1},defaultOpen:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(i.defaultOpen);return e.watch(()=>i.collapsed,a=>{a&&(l.value=!0)}),(a,n)=>(e.openBlock(),e.createElementBlock("section",se,[t.collapsed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"group flex w-full items-center justify-between rounded-corner px-2 py-1 text-tx-muted text-xs uppercase tracking-[0.08em] hover:bg-ui-surface/60","aria-expanded":l.value,onClick:n[0]||(n[0]=r=>l.value=!l.value)},[e.createElementVNode("span",null,e.toDisplayString(t.title),1),e.createVNode(h,{name:"pan-down-symbolic",type:"symbol",size:12,class:e.normalizeClass(["transition-transform duration-200",l.value?"":"-rotate-90"])},null,8,["class"])],8,ce)),l.value||t.collapsed?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(a.$slots,"default")])):e.createCommentVNode("",!0)]))}}),me=["title","aria-label","disabled","aria-current"],fe={key:1},ue={key:0,class:"min-w-0 flex-1 truncate font-medium"},be={key:1,class:"rounded-corner bg-ui-surface px-2 py-0.5 font-semibold text-tx-muted text-xs"},D=e.defineComponent({__name:"SideButton",props:{label:{},icon:{default:""},active:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},badge:{default:""}},emits:["click"],setup(t){return(i,l)=>(e.openBlock(),e.createElementBlock("button",{type:"button",title:t.collapsed?t.label:void 0,"aria-label":t.collapsed?t.label:void 0,disabled:t.disabled,"aria-current":t.active?"page":void 0,class:e.normalizeClass(["group relative flex w-full items-center gap-3 rounded-corner border px-3 py-2 text-left text-sm transition-all duration-200",[t.active?"border-secondary bg-primary/15 text-tx-main shadow-sm":"border-transparent bg-transparent hover:border-ui-border hover:bg-ui-surface/70",t.disabled?"cursor-not-allowed opacity-60":"cursor-pointer",t.collapsed?"justify-center px-2":""]]),onClick:l[0]||(l[0]=a=>i.$emit("click"))},[e.createElementVNode("span",{class:e.normalizeClass(["flex h-8 w-8 shrink-0 items-center justify-center rounded-corner font-semibold text-xs uppercase tracking-wide",t.active?"border-secondary bg-primary/20":""]),"aria-hidden":"true"},[t.icon?(e.openBlock(),e.createBlock(h,{key:0,name:t.icon,size:20},null,8,["name"])):(e.openBlock(),e.createElementBlock("span",fe,e.toDisplayString(t.label.charAt(0).toUpperCase()),1))],2),t.collapsed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",ue,e.toDisplayString(t.label),1)),!t.collapsed&&t.badge!==""?(e.openBlock(),e.createElementBlock("span",be,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0)],10,me))}}),pe={key:0,class:"flex flex-col gap-2 border-ui-border border-b p-2"},ke={class:"flex items-center gap-2"},ge=["aria-label","aria-expanded"],he={key:0,class:"min-w-0 flex-1"},ye={key:0,class:"truncate font-semibold text-sm"},Ce={key:1,class:"truncate text-tx-muted text-xs"},xe={key:0},Be={key:1,class:"flex border-ui-border border-b p-2"},we=["aria-label","aria-expanded"],$e={class:"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2"},P="hidden h-8 w-8 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-surface/70 transition-colors hover:bg-ui-surface md:inline-flex",j=767,K=e.defineComponent({__name:"SideBar",props:{title:{default:""},subtitle:{default:""},categories:{default:()=>[]},modelValue:{default:""},collapsed:{type:Boolean,default:void 0},collapseLabel:{default:"Collapse"},expandLabel:{default:"Expand"}},emits:["update:modelValue","update:collapsed","change"],setup(t,{expose:i,emit:l}){const a=t,n=l,r=e.ref(a.collapsed??!1),c=e.ref(!1);let s=null,u=null;const b=e.computed(()=>c.value||r.value),B=e.computed(()=>!!(a.title||a.subtitle));e.computed(()=>a.categories.length>0);function $(){return document.documentElement?.clientWidth||window.innerWidth}function y(){c.value=$()<=j}function C(){r.value=!r.value,n("update:collapsed",r.value)}function E(p){n("update:modelValue",p),n("change",p)}return e.watch(()=>a.collapsed,p=>{p!==void 0&&(r.value=p)}),e.onMounted(()=>{s=window.matchMedia(`(max-width: ${j}px)`),y(),s.addEventListener("change",y),window.addEventListener("resize",y),typeof ResizeObserver<"u"&&document.documentElement&&(u=new ResizeObserver(y),u.observe(document.documentElement))}),e.onBeforeUnmount(()=>{s?.removeEventListener("change",y),window.removeEventListener("resize",y),u?.disconnect(),u=null}),i({collapsed:b}),(p,x)=>(e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-surface/70 transition-all duration-300",["w-[84px]",b.value?"md:w-[84px]":"md:w-72"]])},[B.value||p.$slots.header?(e.openBlock(),e.createElementBlock("header",pe,[e.createElementVNode("div",ke,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(P),"aria-label":b.value?t.expandLabel:t.collapseLabel,"aria-expanded":!b.value,onClick:C},[e.createVNode(h,{name:b.value?"pan-end-symbolic":"pan-start-symbolic",type:"symbol",size:16},null,8,["name"])],8,ge),B.value&&!b.value?(e.openBlock(),e.createElementBlock("div",he,[t.title?(e.openBlock(),e.createElementBlock("p",ye,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.subtitle?(e.openBlock(),e.createElementBlock("p",Ce,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),p.$slots.header&&!b.value?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(p.$slots,"header",{collapsed:b.value})])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(P),"aria-label":b.value?t.expandLabel:t.collapseLabel,"aria-expanded":!b.value,onClick:C},[e.createVNode(h,{name:b.value?"pan-end-symbolic":"pan-start-symbolic",type:"symbol",size:16},null,8,["name"])],8,we)])),e.createElementVNode("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.categories,w=>(e.openBlock(),e.createBlock(L,{key:w.id,title:w.title,collapsed:b.value},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.items,d=>(e.openBlock(),e.createBlock(D,{key:d.id,label:d.label,icon:d.icon,badge:d.badge,disabled:d.disabled,collapsed:b.value,active:t.modelValue===d.id,onClick:o=>E(d.id)},null,8,["label","icon","badge","disabled","collapsed","active","onClick"]))),128))]),_:2},1032,["title","collapsed"]))),128)),e.renderSlot(p.$slots,"default",{collapsed:b.value})])],2))}}),Ee={class:"flex min-w-0 flex-col gap-1"},ze=["for"],Ve={class:"relative flex min-w-0 items-center"},Se=["id"],R=e.defineComponent({inheritAttrs:!1,__name:"SelectField",props:e.mergeModels({label:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const i=t,l=e.useAttrs(),a=e.useId(),n=e.computed(()=>l.id??a),[r,c]=e.useModel(t,"modelValue",{set(s){return c.number?Number(s):s}});return(s,u)=>(e.openBlock(),e.createElementBlock("div",Ee,[i.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.value,class:"text-tx-muted text-xs"},e.toDisplayString(i.label),9,ze)):e.createCommentVNode("",!0),e.createElementVNode("div",Ve,[e.withDirectives(e.createElementVNode("select",e.mergeProps({id:n.value,"onUpdate:modelValue":u[0]||(u[0]=b=>e.isRef(r)?r.value=b:null),class:"min-w-0 flex-1 appearance-none truncate rounded-corner border border-ui-border bg-ui-surface/60 py-1.5 pr-8 pl-2 text-sm text-tx-main"},e.unref(l)),[e.renderSlot(s.$slots,"default")],16,Se),[[e.vModelSelect,e.unref(r)]]),e.createVNode(h,{name:"pan-down-symbolic",type:"symbol",size:14,class:"pointer-events-none absolute right-2"})])]))}}),V=Symbol("barra de vasak");function S(t){return t==="left"||t==="right"?"vertical":"horizontal"}const F=["top","bottom","left","right"];function W(t){return typeof t=="string"&&F.includes(t)}function z(){const t=e.inject(V,null);if(t)return t;const i=e.ref("top");return{posicion:i,orientacion:e.computed(()=>S(i.value)),vertical:e.computed(()=>S(i.value)==="vertical")}}const Ne="window",Le="barPosition";function U(t){const l=t?.[Ne]?.[Le];return W(l)?l:null}function q(t="top"){const i=e.ref(t);let l=null,a=!1;async function n(){try{const{readConfig:r}=await import("@vasakgroup/plugin-config-manager"),c=await r();i.value=U(c)??t}catch{}}return e.onMounted(async()=>{await n();try{const{listen:r}=await import("@tauri-apps/api/event"),c=await r("config-changed",()=>{n()});if(a){c();return}l=c}catch{}}),e.onBeforeUnmount(()=>{a=!0,l?.(),l=null}),i}const De=["title","aria-label"],Me=["title","aria-label"],Ae=["title","aria-label"],M="flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors",A=e.defineComponent({__name:"WindowControls",props:{minimizeLabel:{default:"Minimize"},maximizeLabel:{default:"Maximize"},closeLabel:{default:"Close"}},setup(t){const{vertical:i}=z();function l(){return ne.getCurrentWindow()}return(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex shrink-0 gap-1",e.unref(i)?"flex-col":""]),"data-tauri-drag-region":""},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([M,"hover:bg-status-success"]),title:t.minimizeLabel,"aria-label":t.minimizeLabel,onClick:n[0]||(n[0]=r=>l().minimize())},[e.createVNode(h,{name:"window-minimize",size:24})],10,De),e.createElementVNode("button",{type:"button",class:e.normalizeClass([M,"hover:bg-status-warning"]),title:t.maximizeLabel,"aria-label":t.maximizeLabel,onClick:n[1]||(n[1]=r=>l().toggleMaximize())},[e.createVNode(h,{name:"window-maximize",size:24})],10,Me),e.createElementVNode("button",{type:"button",class:e.normalizeClass([M,"hover:bg-status-error"]),title:t.closeLabel,"aria-label":t.closeLabel,onClick:n[2]||(n[2]=r=>l().close())},[e.createVNode(h,{name:"window-close",size:24})],10,Ae)],2))}}),Te={key:0,class:"flex shrink-0 items-center","data-tauri-drag-region":""},Ie={key:1,class:"min-w-0 shrink truncate text-sm","data-tauri-drag-region":""},T=e.defineComponent({__name:"AppBar",props:{position:{default:null},title:{default:""},minimizeLabel:{default:"Minimize"},maximizeLabel:{default:"Maximize"},closeLabel:{default:"Close"},hideControls:{type:Boolean,default:!1}},setup(t){const i=t,l=z(),a=e.computed(()=>i.position??l.posicion.value),n=e.computed(()=>a.value==="left"||a.value==="right");return e.provide(V,{posicion:a,orientacion:e.computed(()=>n.value?"vertical":"horizontal"),vertical:n}),(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex shrink-0 items-center gap-2 p-1 font-title",n.value?"h-full flex-col":"w-full"]),"data-tauri-drag-region":""},[r.$slots.identidad?(e.openBlock(),e.createElementBlock("div",Te,[e.renderSlot(r.$slots,"identidad")])):e.createCommentVNode("",!0),(r.$slots.titulo||t.title)&&!n.value?(e.openBlock(),e.createElementBlock("p",Ie,[e.renderSlot(r.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto",n.value?"flex-col":""]),"data-tauri-drag-region":""},[e.renderSlot(r.$slots,"default")],2),r.$slots.acciones?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["flex shrink-0 items-center gap-1",n.value?"flex-col":""])},[e.renderSlot(r.$slots,"acciones")],2)):e.createCommentVNode("",!0),t.hideControls?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(A,{key:3,"minimize-label":t.minimizeLabel,"maximize-label":t.maximizeLabel,"close-label":t.closeLabel},null,8,["minimize-label","maximize-label","close-label"]))],2))}}),Oe={class:"flex min-h-0 min-w-0 flex-1"},G=e.defineComponent({__name:"WindowFrame",props:{position:{default:null},title:{default:""},minimizeLabel:{default:"Minimize"},maximizeLabel:{default:"Maximize"},closeLabel:{default:"Close"},hideControls:{type:Boolean,default:!1},hideBar:{type:Boolean,default:!1}},setup(t){const i=t,l=q(),a=e.computed(()=>i.position??l.value),n=e.computed(()=>S(a.value)),r=e.computed(()=>n.value==="vertical");e.provide(V,{posicion:a,orientacion:n,vertical:r});const c={top:"flex-col",bottom:"flex-col-reverse",left:"flex-row",right:"flex-row-reverse"};return(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80",c[a.value]])},[t.hideBar?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(T,{key:0,position:a.value,title:t.title,"minimize-label":t.minimizeLabel,"maximize-label":t.maximizeLabel,"close-label":t.closeLabel,"hide-controls":t.hideControls},e.createSlots({default:e.withCtx(()=>[e.renderSlot(s.$slots,"barra")]),_:2},[s.$slots.identidad?{name:"identidad",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"identidad")]),key:"0"}:void 0,s.$slots.titulo?{name:"titulo",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"titulo")]),key:"1"}:void 0,s.$slots.acciones?{name:"acciones",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"acciones")]),key:"2"}:void 0]),1032,["position","title","minimize-label","maximize-label","close-label","hide-controls"])),e.createElementVNode("div",Oe,[e.renderSlot(s.$slots,"default")])],2))}}),Pe=["aria-selected","title","aria-label","tabindex"],je={class:"min-w-0 flex-1 truncate"},Ke={key:1,class:"size-2 shrink-0 rounded-full bg-current","aria-hidden":"true"},Re=["title","aria-label"],Fe=500,X=8,I=e.defineComponent({__name:"TabItem",props:{tab:{},active:{type:Boolean,default:!1},closeLabel:{default:"Close"},dirtyLabel:{default:"Unsaved changes"},tabindex:{default:0}},emits:["select","close","menu","mover","navegar"],setup(t,{emit:i}){const l=t,a=i,{vertical:n}=z(),r=e.ref(!1);let c=null,s=null;const u=e.computed(()=>l.tab.closable!==!1),b=e.computed(()=>l.tab.tooltip??l.tab.label),B=e.computed(()=>l.tab.dirty?`${l.tab.label} · ${l.dirtyLabel}`:l.tab.label),$=e.computed(()=>!!l.tab.dirty&&!(r.value&&u.value)),y=e.computed(()=>u.value&&(r.value||l.active||!l.tab.dirty));function C(){c!==null&&clearTimeout(c),c=null,s=null}function E(d){d.button===0&&(s={x:d.clientX,y:d.clientY},c=setTimeout(()=>{s&&a("menu",s),C()},Fe))}function p(d){if(!s)return;(Math.abs(d.clientX-s.x)>X||Math.abs(d.clientY-s.y)>X)&&C()}function x(d){d.button===1&&u.value&&(d.preventDefault(),a("close"))}function w(d){d.preventDefault(),a("menu",{x:d.clientX,y:d.clientY})}return e.onBeforeUnmount(C),(d,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border px-3 py-1 text-sm transition-colors",[t.active?"bg-primary font-bold text-tx-on-primary":"bg-ui-bg/80 hover:bg-ui-surface/70",e.unref(n)?"w-full justify-between":"w-34 max-w-34"]]),role:"tab","aria-selected":t.active,title:b.value,"aria-label":B.value,tabindex:t.tabindex,onClick:o[1]||(o[1]=e.withModifiers(m=>a("select"),["stop"])),onKeydown:[o[2]||(o[2]=e.withKeys(e.withModifiers(m=>a("select"),["stop"]),["enter"])),o[3]||(o[3]=e.withKeys(e.withModifiers(m=>a("select"),["prevent","stop"]),["space"])),o[4]||(o[4]=e.withKeys(e.withModifiers(m=>a("navegar","anterior"),["prevent","stop"]),["left"])),o[5]||(o[5]=e.withKeys(e.withModifiers(m=>a("navegar","anterior"),["prevent","stop"]),["up"])),o[6]||(o[6]=e.withKeys(e.withModifiers(m=>a("navegar","siguiente"),["prevent","stop"]),["right"])),o[7]||(o[7]=e.withKeys(e.withModifiers(m=>a("navegar","siguiente"),["prevent","stop"]),["down"])),o[8]||(o[8]=e.withKeys(e.withModifiers(m=>a("navegar","primera"),["prevent","stop"]),["home"])),o[9]||(o[9]=e.withKeys(e.withModifiers(m=>a("navegar","ultima"),["prevent","stop"]),["end"])),o[10]||(o[10]=e.withKeys(e.withModifiers(m=>a("mover",-1),["alt","prevent","stop"]),["left"])),o[11]||(o[11]=e.withKeys(e.withModifiers(m=>a("mover",-1),["alt","prevent","stop"]),["up"])),o[12]||(o[12]=e.withKeys(e.withModifiers(m=>a("mover",1),["alt","prevent","stop"]),["right"])),o[13]||(o[13]=e.withKeys(e.withModifiers(m=>a("mover",1),["alt","prevent","stop"]),["down"]))],onAuxclick:e.withModifiers(x,["stop"]),onContextmenu:w,onPointerdown:E,onPointermove:p,onPointerup:C,onPointerleave:C,onMouseenter:o[14]||(o[14]=m=>r.value=!0),onMouseleave:o[15]||(o[15]=m=>r.value=!1)},[t.tab.icon?(e.openBlock(),e.createBlock(h,{key:0,name:t.tab.icon,size:16,class:"shrink-0"},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",je,e.toDisplayString(t.tab.label),1),$.value?(e.openBlock(),e.createElementBlock("span",Ke)):y.value?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",class:"flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",title:t.closeLabel,"aria-label":`${t.closeLabel}: ${B.value}`,onClick:o[0]||(o[0]=e.withModifiers(m=>a("close"),["stop"]))},[e.createVNode(h,{name:"gtk-close",type:"symbol",size:12})],8,Re)):e.createCommentVNode("",!0)],42,Pe))}}),We=["aria-orientation"],Ue=["draggable","onDragstart","onDragover","onDrop"],qe=["title","aria-label"],Y=e.defineComponent({__name:"TabBar",props:{tabs:{},modelValue:{default:""},newLabel:{default:""},closeLabel:{default:"Close"},dirtyLabel:{default:"Unsaved changes"},fixedOrder:{type:Boolean,default:!1}},emits:["update:modelValue","select","close","new","reorder","menu"],setup(t,{emit:i}){const l=t,a=i,{vertical:n}=z(),r=e.ref(null),c=e.ref(0),s=e.ref(null),u=e.ref(null);function b(d){a("update:modelValue",d),a("select",d)}async function B(d,o){const m=l.tabs.length-1;if(m<0)return;const k=o==="primera"?0:o==="ultima"?m:o==="anterior"?(d-1+l.tabs.length)%l.tabs.length:(d+1)%l.tabs.length;c.value=k,await e.nextTick(),r.value?.querySelectorAll('[role="tab"]')?.[k]?.focus()}function $(d,o){if(l.fixedOrder)return;const m=d+o;if(m<0||m>=l.tabs.length)return;const k=[...l.tabs],[g]=k.splice(d,1);g&&(k.splice(m,0,g),c.value=m,a("reorder",k))}function y(d){const o=r.value;if(!o)return;const m=d.deltaY||d.deltaX||0,k=n.value?o.scrollTop:o.scrollLeft;n.value?o.scrollTop+=m:o.scrollLeft+=m,(n.value?o.scrollTop:o.scrollLeft)!==k&&d.preventDefault()}function C(d,o){l.fixedOrder||(s.value=d,o.dataTransfer?.setData("text/plain",String(d)),o.dataTransfer&&(o.dataTransfer.effectAllowed="move"))}function E(d,o){l.fixedOrder||s.value===null||(o.preventDefault(),u.value=d,o.dataTransfer&&(o.dataTransfer.dropEffect="move"))}function p(d){const o=s.value;if(x(),l.fixedOrder||o===null||o===d)return;const m=[...l.tabs],[k]=m.splice(o,1);k&&(m.splice(d,0,k),a("reorder",m))}function x(){s.value=null,u.value=null}const w=e.computed(()=>n.value?"flex h-full w-full flex-col items-stretch gap-1 overflow-y-auto overflow-x-hidden":"flex items-center gap-1 overflow-x-auto overflow-y-hidden");return(d,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex min-h-0 min-w-0 items-center gap-1",e.unref(n)?"w-full flex-col":"h-full"]),role:"tablist","aria-orientation":e.unref(n)?"vertical":"horizontal"},[e.createElementVNode("div",{ref_key:"carril",ref:r,class:e.normalizeClass(w.value),onWheel:y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(m,k)=>(e.openBlock(),e.createElementBlock("div",{key:m.id,class:e.normalizeClass(["transition-opacity",[s.value===k?"opacity-40":"",u.value===k&&s.value!==k?"ring-2 ring-secondary rounded-corner":""]]),draggable:!t.fixedOrder,onDragstart:g=>C(k,g),onDragover:g=>E(k,g),onDrop:e.withModifiers(g=>p(k),["prevent"]),onDragend:x},[e.createVNode(I,{tab:m,active:m.id===t.modelValue,"close-label":t.closeLabel,"dirty-label":t.dirtyLabel,tabindex:k===c.value?0:-1,onSelect:g=>b(m.id),onClose:g=>a("close",m.id),onMenu:g=>a("menu",{id:m.id,...g}),onNavegar:g=>B(k,g),onMover:g=>$(k,g)},null,8,["tab","active","close-label","dirty-label","tabindex","onSelect","onClose","onMenu","onNavegar","onMover"])],42,Ue))),128))],34),t.newLabel?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"flex size-7 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",title:t.newLabel,"aria-label":t.newLabel,onClick:o[0]||(o[0]=m=>a("new"))},[e.createVNode(h,{name:"gtk-add",type:"symbol",size:14})],8,qe)):e.createCommentVNode("",!0)],10,We))}}),Ge={class:"relative flex shrink-0 items-center"},Xe=["title","aria-label","aria-expanded"],Ye=["value","placeholder","aria-label"],H=e.defineComponent({__name:"BarSearch",props:{modelValue:{default:""},placeholder:{default:""},label:{default:"Search"},collapsed:{type:Boolean,default:!1}},emits:["update:modelValue","search","open","close"],setup(t,{emit:i}){const l=t,a=i,{vertical:n,posicion:r}=z(),c=e.ref(!1),s=e.ref(null),u=e.computed(()=>n.value||l.collapsed),b=e.computed(()=>!u.value||c.value),B=e.computed(()=>{if(!u.value)return"";const p="absolute z-40 w-64 rounded-corner border border-ui-border bg-ui-surface/95 p-1 shadow-lg";return r.value==="left"?`${p} left-full top-0 ml-1`:r.value==="right"?`${p} right-full top-0 mr-1`:r.value==="bottom"?`${p} bottom-full right-0 mb-1`:`${p} top-full right-0 mt-1`});async function $(){c.value=!0,a("open"),await e.nextTick(),s.value?.focus()}function y(){c.value&&(c.value=!1,a("close"))}function C(p){a("update:modelValue",p.target.value)}function E(){a("search",l.modelValue)}return(p,x)=>(e.openBlock(),e.createElementBlock("div",Ge,[u.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"flex size-7 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",title:t.label,"aria-label":t.label,"aria-expanded":c.value,onMousedown:x[0]||(x[0]=e.withModifiers(()=>{},["prevent"])),onClick:x[1]||(x[1]=w=>c.value?y():$())},[e.createVNode(h,{name:"system-search",type:"symbol",size:14})],40,Xe)):e.createCommentVNode("",!0),b.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(B.value)},[e.createElementVNode("input",{ref_key:"campo",ref:s,type:"search",class:e.normalizeClass(["w-full rounded-corner border border-ui-border bg-ui-bg/80 px-2 py-1 text-sm outline-none focus:border-ui-border-strong",u.value?"":"w-48"]),value:t.modelValue,placeholder:t.placeholder||t.label,"aria-label":t.label,onInput:C,onKeydown:[e.withKeys(E,["enter"]),e.withKeys(y,["esc"])],onBlur:y},null,42,Ye)],2)):e.createCommentVNode("",!0)]))}}),He=["type","disabled"],Je={key:0,class:"w-4 h-4 animate-spin rounded-full border-2 border-current border-t-transparent"},Qe=["src","alt"],Ze={key:2},ve=["src","alt"],_e=e.defineComponent({__name:"ActionButton",props:{label:{},disabled:{type:Boolean,default:!1},variant:{default:"primary"},loading:{type:Boolean,default:!1},customClass:{default:()=>({})},size:{default:"md"},fullWidth:{type:Boolean,default:!1},iconSrc:{default:""},iconAlt:{default:""},iconRight:{type:Boolean,default:!1},type:{default:"button"},stopPropagation:{type:Boolean,default:!1},preventDefault:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:i}){const l=t,a=i,n={primary:"bg-primary dark:bg-primary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-primary/90 dark:hover:bg-primary-dark/90",secondary:"bg-secondary dark:bg-secondary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-secondary/80 dark:hover:bg-secondary-dark/80",danger:"bg-status-error dark:bg-status-error-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-status-error/90 dark:hover:bg-status-error-dark/90"},r={sm:"px-2 py-1 text-xs",md:"px-3 py-1 text-sm",lg:"px-4 py-2 text-base"},c=s=>{l.stopPropagation&&s.stopPropagation(),l.preventDefault&&s.preventDefault(),!l.disabled&&!l.loading&&a("click")};return(s,u)=>(e.openBlock(),e.createElementBlock("button",{type:l.type,onClick:c,class:e.normalizeClass(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2",[n[l.variant],r[l.size],l.fullWidth?"w-full":"",l.iconSrc&&!l.label?"px-2 py-2":"",t.customClass]]),disabled:l.disabled||l.loading},[t.loading?(e.openBlock(),e.createElementBlock("span",Je)):e.createCommentVNode("",!0),l.iconSrc&&!l.iconRight?(e.openBlock(),e.createElementBlock("img",{key:1,src:l.iconSrc,alt:l.iconAlt||l.label,class:"w-4 h-4"},null,8,Qe)):e.createCommentVNode("",!0),l.label?(e.openBlock(),e.createElementBlock("span",Ze,e.toDisplayString(l.label),1)):e.createCommentVNode("",!0),l.iconSrc&&l.iconRight?(e.openBlock(),e.createElementBlock("img",{key:3,src:l.iconSrc,alt:l.iconAlt||l.label,class:"w-4 h-4"},null,8,ve)):e.createCommentVNode("",!0)],10,He))}}),N=(t,i)=>{const l=t.__vccOpts||t;for(const[a,n]of i)l[a]=n;return l},J=N(_e,[["__scopeId","data-v-2eaf6e27"]]),et={class:"text-base font-semibold m-0 text-primary dark:text-primary-dark"},Q=N(e.defineComponent({__name:"ConfigSection",props:{title:{},icon:{default:""},customClass:{default:()=>({})}},setup(t){return(i,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col gap-4 p-4 background rounded-corner",t.customClass])},[e.createElementVNode("h3",et,e.toDisplayString(t.icon?`${t.icon} ${t.title}`:t.title),1),e.renderSlot(i.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-45bd4eab"]]),tt={class:"flex items-center gap-3 flex-1 min-w-0"},lt=["src","alt"],at={class:"min-w-0"},ot={class:"font-semibold truncate"},nt={key:0,class:"text-xs text-gray-400 truncate"},it={key:1,class:"text-xs text-gray-400 truncate"},rt={key:2,class:"text-xs text-gray-400 flex gap-2 mt-1"},st={key:1,class:"w-2 h-2 rounded-full bg-green-500"},Z=e.defineComponent({__name:"DeviceCard",props:{icon:{},title:{},subtitle:{default:""},metadata:{default:""},extraInfo:{default:()=>[]},isConnected:{type:Boolean,default:!1},showActionButton:{type:Boolean,default:!0},actionLabel:{default:"Conectar"},showStatusIndicator:{type:Boolean,default:!1},customClass:{default:""},clickable:{type:Boolean,default:!1}},emits:["action","click"],setup(t,{emit:i}){const l=i,a=()=>{l("action")},n=()=>{l("click")};return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4",[{"border-l-4 border-green-500":t.isConnected},t.customClass]]),onClick:n},[e.createElementVNode("div",tt,[e.createElementVNode("img",{src:t.icon,alt:t.title,class:"h-7 w-7 shrink-0"},null,8,lt),e.createElementVNode("div",at,[e.createElementVNode("div",ot,e.toDisplayString(t.title),1),t.subtitle?(e.openBlock(),e.createElementBlock("div",nt,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0),t.metadata?(e.openBlock(),e.createElementBlock("div",it,e.toDisplayString(t.metadata),1)):e.createCommentVNode("",!0),t.extraInfo&&t.extraInfo.length>0?(e.openBlock(),e.createElementBlock("div",rt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.extraInfo,(s,u)=>(e.openBlock(),e.createElementBlock("span",{key:u},e.toDisplayString(s),1))),128))])):e.createCommentVNode("",!0)])]),t.showActionButton?(e.openBlock(),e.createElementBlock("button",{key:0,class:"bg-vsk-primary rounded-vsk px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70",onClick:e.withModifiers(a,["stop"])},e.toDisplayString(t.actionLabel),1)):e.createCommentVNode("",!0),t.showStatusIndicator&&t.isConnected?(e.openBlock(),e.createElementBlock("div",st)):e.createCommentVNode("",!0)],2))}}),ct=["for"],v=N(e.defineComponent({__name:"FormGroup",props:{label:{},htmlFor:{default:""},customClass:{default:()=>({})},labelClass:{default:()=>({})}},setup(t){return(i,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col gap-2",t.customClass])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.htmlFor,class:e.normalizeClass(["text-sm font-medium text-primary dark:text-primary-dark",t.labelClass])},e.toDisplayString(t.label),11,ct)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-c0d9d9cb"]]),_=N(e.defineComponent({__name:"ListCard",props:{clickable:{type:Boolean,default:!1},customClass:{default:()=>({})}},emits:["click"],setup(t,{emit:i}){const l=t,a=i,n=()=>{l.clickable&&a("click")};return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center justify-between background p-3 rounded-vsk border border-vsk-primary/70 transition-colors duration-200",{"hover:bg-vsk-primary/5 cursor-pointer":l.clickable},t.customClass]),onClick:n},[e.renderSlot(r.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-f86d47da"]]),dt={class:"background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80"},mt=["src","alt","title"],ft={key:1,class:"w-8 h-8 flex items-center justify-center"},ut=["src","alt"],bt=["min","max","value"],ee=e.defineComponent({__name:"SliderControl",props:{icon:{},alt:{default:""},tooltip:{default:""},modelValue:{},min:{default:0},max:{default:100},showButton:{type:Boolean,default:!1},iconClass:{default:()=>({})},getPercentageClass:{type:Function,default:()=>""}},emits:["update:modelValue","buttonClick"],setup(t,{emit:i}){const l=t,a=i,n=e.computed(()=>{if(l.max<=l.min)return 0;const u=l.max-l.min,b=l.modelValue-l.min;return Math.round(b/u*100)}),r=e.computed(()=>l.getPercentageClass?l.getPercentageClass(n.value):""),c=u=>{const b=u.target;a("update:modelValue",Number(b.value))},s=()=>{a("buttonClick")};return(u,b)=>(e.openBlock(),e.createElementBlock("div",dt,[t.showButton?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:s,class:"w-8 h-8 flex items-center justify-center rounded-corner transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80 hover:scale-110 active:scale-95"},[e.createElementVNode("img",{src:t.icon,alt:t.alt,title:t.tooltip,class:e.normalizeClass(["w-6 h-6 transition-all duration-200",t.iconClass])},null,10,mt)])):(e.openBlock(),e.createElementBlock("div",ft,[e.createElementVNode("img",{src:t.icon,alt:t.alt,class:"w-6 h-6 transition-all duration-200"},null,8,ut)])),e.createElementVNode("input",{type:"range",min:t.min,max:t.max,value:t.modelValue,onInput:c,class:"flex-1 transition-all duration-200 hover:scale-105"},null,40,bt),e.createElementVNode("span",{class:e.normalizeClass(["w-12 text-right transition-all duration-200 font-medium",r.value])},e.toDisplayString(n.value)+"% ",3)]))}}),pt=["disabled"],te=e.defineComponent({__name:"SwitchToggle",props:{isOn:{type:Boolean},disabled:{type:Boolean,default:!1},size:{default:"small"},activeClass:{default:"bg-primary dark:bg-primary-dark"},inactiveClass:{default:"background"},customClass:{default:""}},emits:["toggle"],setup(t,{emit:i}){const l=t,a=i,n=()=>{a("toggle",!l.isOn)};return(r,c)=>(e.openBlock(),e.createElementBlock("button",{type:"button",onClick:n,disabled:t.disabled,class:e.normalizeClass(["relative inline-flex items-center rounded-full transition-colors",t.size==="small"?"h-6 w-11":"h-7 w-12",t.isOn?t.activeClass:t.inactiveClass,t.disabled?"opacity-50 cursor-not-allowed":"cursor-pointer",t.customClass])},[e.createElementVNode("span",{class:e.normalizeClass(["inline-block transform rounded-full bg-white shadow transition-transform",t.size==="small"?"h-4 w-4":"h-6 w-6",t.isOn?t.size==="small"?"translate-x-6":"translate-x-5":"translate-x-1"])},null,2)],10,pt))}}),kt=["disabled"],gt=["src","alt","title"],le=e.defineComponent({__name:"ToggleControl",props:{icon:{},alt:{default:""},tooltip:{default:""},isActive:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},iconClass:{default:()=>({})},customClass:{default:()=>({})}},emits:["click"],setup(t,{emit:i}){const l=i,a=()=>{l("click")};return(n,r)=>(e.openBlock(),e.createElementBlock("button",{onClick:a,class:e.normalizeClass(["p-2 rounded-corner background hover:opacity-50 transition-all duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95",{"animate-pulse":t.isLoading,"ring-2 ring-primary dark:ring-primary-dark":t.isActive,"opacity-60":!t.isActive,...t.customClass}]),disabled:t.isLoading},[e.createElementVNode("img",{src:t.icon,alt:t.alt,title:t.tooltip,class:e.normalizeClass(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10",{"animate-spin":t.isLoading,"filter brightness-75":!t.isActive,"drop-shadow-lg":t.isActive,...t.iconClass}])},null,10,gt)],10,kt))}}),ht=["title"],yt=["src","alt"],Ct={key:0,class:"absolute bottom-1 right-1 bg-primary dark:bg-primary-dark text-white text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"},ae=e.defineComponent({__name:"TrayIconButton",props:{icon:{},alt:{default:""},tooltip:{default:""},badge:{default:null},iconClass:{default:()=>({})},customClass:{default:""},tooltipClass:{default:""},showCustomTooltip:{type:Boolean,default:!1},customTooltipText:{default:""}},emits:["click"],setup(t,{emit:i}){const l=i,a=e.ref(!1),n=()=>{l("click")};return(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300",t.customClass]),title:t.tooltip,onClick:n,onMouseenter:c[0]||(c[0]=s=>a.value=!0),onMouseleave:c[1]||(c[1]=s=>a.value=!1)},[e.createElementVNode("img",{src:t.icon,alt:t.alt,class:e.normalizeClass(["m-auto h-5.5 w-auto transition-all duration-300",t.iconClass])},null,10,yt),t.badge!==null&&t.badge>0?(e.openBlock(),e.createElementBlock("div",Ct,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0),t.showCustomTooltip&&t.customTooltipText?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-all duration-300 pointer-events-none background",[t.tooltipClass,{"opacity-0 -translate-y-2":!a.value,"opacity-100 translate-y-0":a.value}]])},e.toDisplayString(t.customTooltipText),3)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")],42,ht))}}),xt=[K,D,L,R,h,G,T,A,Y,I,H,J,Q,Z,v,_,ee,te,le,ae],Bt={install(t){xt.forEach(i=>{t.component(i.name,i)})}};f.ActionButton=J,f.AppBar=T,f.BarSearch=H,f.CLAVE_DE_LA_BARRA=V,f.ConfigSection=Q,f.DeviceCard=Z,f.FormGroup=v,f.ListCard=_,f.POSICIONES=F,f.SelectField=R,f.SideBar=K,f.SideButton=D,f.SideGroup=L,f.SliderControl=ee,f.SwitchToggle=te,f.TabBar=Y,f.TabItem=I,f.ThemeIcon=h,f.ToggleControl=le,f.TrayIconButton=ae,f.WindowControls=A,f.WindowFrame=G,f.default=Bt,f.esPosicion=W,f.orientacionDe=S,f.posicionDe=U,f.usarLaBarra=z,f.usarLaPosicionDeLaBarra=q,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
1
+ (function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@tauri-apps/api/event"),require("@vasakgroup/plugin-vicons"),require("@tauri-apps/api/window")):typeof define=="function"&&define.amd?define(["exports","vue","@tauri-apps/api/event","@vasakgroup/plugin-vicons","@tauri-apps/api/window"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.VueLibVasak={},d.Vue,d.TauriEvent,d.VasakVicons,d.TauriWindow))})(this,(function(d,e,de,F,me){"use strict";function fe(t,n){const l=e.ref("");let a=null,o=!1,i=0;async function c(){const s=++i,m=t.value;if(!m){l.value="";return}const u=n.value==="symbol"?await F.getSymbolSource(m):await F.getIconSource(m);s===i&&(l.value=u)}return e.onMounted(async()=>{const s=await de.listen("vicons:theme-changed",c);if(o){s();return}a=s,await c()}),e.onUnmounted(()=>{o=!0,a?.()}),e.watch(t,c),l}const ue=["src","alt"],B=e.defineComponent({__name:"ThemeIcon",props:{name:{},type:{default:"icon"},size:{default:18},alt:{default:""}},setup(t){const n=t,l=fe(e.toRef(n,"name"),e.toRef(n,"type")),a=e.computed(()=>`${n.size}px`);return(o,i)=>e.unref(l)?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(l),alt:t.alt,style:e.normalizeStyle({width:a.value,height:a.value}),class:"shrink-0 object-contain"},null,12,ue)):(e.openBlock(),e.createElementBlock("span",{key:1,style:e.normalizeStyle({width:a.value,height:a.value}),class:"shrink-0"},null,4))}}),be={class:"flex flex-col gap-2"},pe=["aria-expanded"],ke={key:1,class:"flex flex-col gap-1"},T=e.defineComponent({__name:"SideGroup",props:{title:{},collapsed:{type:Boolean,default:!1},defaultOpen:{type:Boolean,default:!0}},setup(t){const n=t,l=e.ref(n.defaultOpen);return e.watch(()=>n.collapsed,a=>{a&&(l.value=!0)}),(a,o)=>(e.openBlock(),e.createElementBlock("section",be,[t.collapsed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"group flex w-full items-center justify-between rounded-corner px-2 py-1 text-tx-muted text-xs uppercase tracking-[0.08em] hover:bg-ui-surface/60","aria-expanded":l.value,onClick:o[0]||(o[0]=i=>l.value=!l.value)},[e.createElementVNode("span",null,e.toDisplayString(t.title),1),e.createVNode(B,{name:"pan-down-symbolic",type:"symbol",size:12,class:e.normalizeClass(["transition-transform duration-200",l.value?"":"-rotate-90"])},null,8,["class"])],8,pe)),l.value||t.collapsed?(e.openBlock(),e.createElementBlock("div",ke,[e.renderSlot(a.$slots,"default")])):e.createCommentVNode("",!0)]))}}),ge=["title","aria-label","disabled","aria-current"],ye={key:1},he={key:0,class:"min-w-0 flex-1 truncate font-medium"},Ce={key:1,class:"rounded-corner bg-ui-surface px-2 py-0.5 font-semibold text-tx-muted text-xs"},I=e.defineComponent({__name:"SideButton",props:{label:{},icon:{default:""},active:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},badge:{default:""}},emits:["click"],setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("button",{type:"button",title:t.collapsed?t.label:void 0,"aria-label":t.collapsed?t.label:void 0,disabled:t.disabled,"aria-current":t.active?"page":void 0,class:e.normalizeClass(["group relative flex w-full items-center gap-3 rounded-corner border px-3 py-2 text-left text-sm transition-all duration-200",[t.active?"border-secondary bg-primary/15 text-tx-main shadow-sm":"border-transparent bg-transparent hover:border-ui-border hover:bg-ui-surface/70",t.disabled?"cursor-not-allowed opacity-60":"cursor-pointer",t.collapsed?"justify-center px-2":""]]),onClick:l[0]||(l[0]=a=>n.$emit("click"))},[e.createElementVNode("span",{class:e.normalizeClass(["flex h-8 w-8 shrink-0 items-center justify-center rounded-corner font-semibold text-xs uppercase tracking-wide",t.active?"border-secondary bg-primary/20":""]),"aria-hidden":"true"},[t.icon?(e.openBlock(),e.createBlock(B,{key:0,name:t.icon,size:20},null,8,["name"])):(e.openBlock(),e.createElementBlock("span",ye,e.toDisplayString(t.label.charAt(0).toUpperCase()),1))],2),t.collapsed?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",he,e.toDisplayString(t.label),1)),!t.collapsed&&t.badge!==""?(e.openBlock(),e.createElementBlock("span",Ce,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0)],10,ge))}}),xe={key:0,class:"flex flex-col gap-2 border-ui-border border-b p-2"},Be={class:"flex items-center gap-2"},we=["aria-label","aria-expanded"],$e={key:0,class:"min-w-0 flex-1"},Ee={key:0,class:"truncate font-semibold text-sm"},ze={key:1,class:"truncate text-tx-muted text-xs"},Ve={key:0},Se={key:1,class:"flex border-ui-border border-b p-2"},Ne=["aria-label","aria-expanded"],Le={class:"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-2"},K="hidden h-8 w-8 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-surface/70 transition-colors hover:bg-ui-surface md:inline-flex",W=767,U=e.defineComponent({__name:"SideBar",props:{title:{default:""},subtitle:{default:""},categories:{default:()=>[]},modelValue:{default:""},collapsed:{type:Boolean,default:void 0},collapseLabel:{default:"Collapse"},expandLabel:{default:"Expand"}},emits:["update:modelValue","update:collapsed","change"],setup(t,{expose:n,emit:l}){const a=t,o=l,i=e.ref(a.collapsed??!1),c=e.ref(!1);let s=null,m=null;const u=e.computed(()=>c.value||i.value),$=e.computed(()=>!!(a.title||a.subtitle));e.computed(()=>a.categories.length>0);function V(){return document.documentElement?.clientWidth||window.innerWidth}function x(){c.value=V()<=W}function w(){i.value=!i.value,o("update:collapsed",i.value)}function z(g){o("update:modelValue",g),o("change",g)}return e.watch(()=>a.collapsed,g=>{g!==void 0&&(i.value=g)}),e.onMounted(()=>{s=window.matchMedia(`(max-width: ${W}px)`),x(),s.addEventListener("change",x),window.addEventListener("resize",x),typeof ResizeObserver<"u"&&document.documentElement&&(m=new ResizeObserver(x),m.observe(document.documentElement))}),e.onBeforeUnmount(()=>{s?.removeEventListener("change",x),window.removeEventListener("resize",x),m?.disconnect(),m=null}),n({collapsed:u}),(g,E)=>(e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(["relative z-30 flex h-full shrink-0 flex-col rounded-corner border border-ui-border bg-ui-surface/70 transition-all duration-300",["w-[84px]",u.value?"md:w-[84px]":"md:w-72"]])},[$.value||g.$slots.header?(e.openBlock(),e.createElementBlock("header",xe,[e.createElementVNode("div",Be,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(K),"aria-label":u.value?t.expandLabel:t.collapseLabel,"aria-expanded":!u.value,onClick:w},[e.createVNode(B,{name:u.value?"pan-end-symbolic":"pan-start-symbolic",type:"symbol",size:16},null,8,["name"])],8,we),$.value&&!u.value?(e.openBlock(),e.createElementBlock("div",$e,[t.title?(e.openBlock(),e.createElementBlock("p",Ee,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.subtitle?(e.openBlock(),e.createElementBlock("p",ze,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),g.$slots.header&&!u.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(g.$slots,"header",{collapsed:u.value})])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(K),"aria-label":u.value?t.expandLabel:t.collapseLabel,"aria-expanded":!u.value,onClick:w},[e.createVNode(B,{name:u.value?"pan-end-symbolic":"pan-start-symbolic",type:"symbol",size:16},null,8,["name"])],8,Ne)])),e.createElementVNode("div",Le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.categories,S=>(e.openBlock(),e.createBlock(T,{key:S.id,title:S.title,collapsed:u.value},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.items,f=>(e.openBlock(),e.createBlock(I,{key:f.id,label:f.label,icon:f.icon,badge:f.badge,disabled:f.disabled,collapsed:u.value,active:t.modelValue===f.id,onClick:b=>z(f.id)},null,8,["label","icon","badge","disabled","collapsed","active","onClick"]))),128))]),_:2},1032,["title","collapsed"]))),128)),e.renderSlot(g.$slots,"default",{collapsed:u.value})])],2))}}),De={class:"flex min-w-0 flex-col gap-1"},Me=["for"],Ae={class:"relative flex min-w-0 items-center"},Te=["id"],q=e.defineComponent({inheritAttrs:!1,__name:"SelectField",props:e.mergeModels({label:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const n=t,l=e.useAttrs(),a=e.useId(),o=e.computed(()=>l.id??a),[i,c]=e.useModel(t,"modelValue",{set(s){return c.number?Number(s):s}});return(s,m)=>(e.openBlock(),e.createElementBlock("div",De,[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.value,class:"text-tx-muted text-xs"},e.toDisplayString(n.label),9,Me)):e.createCommentVNode("",!0),e.createElementVNode("div",Ae,[e.withDirectives(e.createElementVNode("select",e.mergeProps({id:o.value,"onUpdate:modelValue":m[0]||(m[0]=u=>e.isRef(i)?i.value=u:null),class:"min-w-0 flex-1 appearance-none truncate rounded-corner border border-ui-border bg-ui-surface/60 py-1.5 pr-8 pl-2 text-sm text-tx-main"},e.unref(l)),[e.renderSlot(s.$slots,"default")],16,Te),[[e.vModelSelect,e.unref(i)]]),e.createVNode(B,{name:"pan-down-symbolic",type:"symbol",size:14,class:"pointer-events-none absolute right-2"})])]))}}),D=Symbol("barra de vasak");function M(t){return t==="left"||t==="right"?"vertical":"horizontal"}const G=["top","bottom","left","right"];function X(t){return typeof t=="string"&&G.includes(t)}function N(){const t=e.inject(D,null);if(t)return t;const n=e.ref("top");return{posicion:n,orientacion:e.computed(()=>M(n.value)),vertical:e.computed(()=>M(n.value)==="vertical")}}const Ie="window",Pe="barPosition";function Y(t){const l=t?.[Ie]?.[Pe];return X(l)?l:null}function H(t="top"){const n=e.ref(t);let l=null,a=!1;async function o(){try{const{readConfig:i}=await import("@vasakgroup/plugin-config-manager"),c=await i();n.value=Y(c)??t}catch{}}return e.onMounted(async()=>{await o();try{const{listen:i}=await import("@tauri-apps/api/event"),c=await i("config-changed",()=>{o()});if(a){c();return}l=c}catch{}}),e.onBeforeUnmount(()=>{a=!0,l?.(),l=null}),n}const Oe=["title","aria-label"],je=["title","aria-label"],Re=["title","aria-label"],P="flex items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 p-1 transition-colors",O=e.defineComponent({__name:"WindowControls",props:{minimizeLabel:{default:"Minimize"},maximizeLabel:{default:"Maximize"},closeLabel:{default:"Close"}},setup(t){const{vertical:n}=N();function l(){return me.getCurrentWindow()}return(a,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex shrink-0 gap-1",e.unref(n)?"flex-col":""]),"data-tauri-drag-region":""},[e.createElementVNode("button",{type:"button",class:e.normalizeClass([P,"hover:bg-status-success"]),title:t.minimizeLabel,"aria-label":t.minimizeLabel,onClick:o[0]||(o[0]=i=>l().minimize())},[e.createVNode(B,{name:"window-minimize",size:24})],10,Oe),e.createElementVNode("button",{type:"button",class:e.normalizeClass([P,"hover:bg-status-warning"]),title:t.maximizeLabel,"aria-label":t.maximizeLabel,onClick:o[1]||(o[1]=i=>l().toggleMaximize())},[e.createVNode(B,{name:"window-maximize",size:24})],10,je),e.createElementVNode("button",{type:"button",class:e.normalizeClass([P,"hover:bg-status-error"]),title:t.closeLabel,"aria-label":t.closeLabel,onClick:o[2]||(o[2]=i=>l().close())},[e.createVNode(B,{name:"window-close",size:24})],10,Re)],2))}}),Fe={key:0,class:"flex shrink-0 items-center","data-tauri-drag-region":""},Ke={key:1,class:"min-w-0 shrink truncate text-sm","data-tauri-drag-region":""},j=e.defineComponent({__name:"AppBar",props:{position:{default:null},title:{default:""},minimizeLabel:{default:"Minimize"},maximizeLabel:{default:"Maximize"},closeLabel:{default:"Close"},hideControls:{type:Boolean,default:!1}},setup(t){const n=t,l=N(),a=e.computed(()=>n.position??l.posicion.value),o=e.computed(()=>a.value==="left"||a.value==="right");return e.provide(D,{posicion:a,orientacion:e.computed(()=>o.value?"vertical":"horizontal"),vertical:o}),(i,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex shrink-0 items-center gap-2 p-1 font-title",o.value?"h-full flex-col":"w-full"]),"data-tauri-drag-region":""},[i.$slots.identidad?(e.openBlock(),e.createElementBlock("div",Fe,[e.renderSlot(i.$slots,"identidad")])):e.createCommentVNode("",!0),(i.$slots.titulo||t.title)&&!o.value?(e.openBlock(),e.createElementBlock("p",Ke,[e.renderSlot(i.$slots,"titulo",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex min-h-0 min-w-0 flex-1 items-center gap-2 overflow-auto",o.value?"flex-col":""]),"data-tauri-drag-region":""},[e.renderSlot(i.$slots,"default")],2),i.$slots.acciones?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["flex shrink-0 items-center gap-1",o.value?"flex-col":""])},[e.renderSlot(i.$slots,"acciones")],2)):e.createCommentVNode("",!0),t.hideControls?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:3,"minimize-label":t.minimizeLabel,"maximize-label":t.maximizeLabel,"close-label":t.closeLabel},null,8,["minimize-label","maximize-label","close-label"]))],2))}}),We={class:"flex min-h-0 min-w-0 flex-1"},J=e.defineComponent({__name:"WindowFrame",props:{position:{default:null},title:{default:""},minimizeLabel:{default:"Minimize"},maximizeLabel:{default:"Maximize"},closeLabel:{default:"Close"},hideControls:{type:Boolean,default:!1},hideBar:{type:Boolean,default:!1}},setup(t){const n=t,l=H(),a=e.computed(()=>n.position??l.value),o=e.computed(()=>M(a.value)),i=e.computed(()=>o.value==="vertical");e.provide(D,{posicion:a,orientacion:o,vertical:i});const c={top:"flex-col",bottom:"flex-col-reverse",left:"flex-row",right:"flex-row-reverse"};return(s,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex h-screen w-screen overflow-hidden rounded-corner-window border border-ui-border bg-ui-bg/80",c[a.value]])},[t.hideBar?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j,{key:0,position:a.value,title:t.title,"minimize-label":t.minimizeLabel,"maximize-label":t.maximizeLabel,"close-label":t.closeLabel,"hide-controls":t.hideControls},e.createSlots({default:e.withCtx(()=>[e.renderSlot(s.$slots,"barra")]),_:2},[s.$slots.identidad?{name:"identidad",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"identidad")]),key:"0"}:void 0,s.$slots.titulo?{name:"titulo",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"titulo")]),key:"1"}:void 0,s.$slots.acciones?{name:"acciones",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"acciones")]),key:"2"}:void 0]),1032,["position","title","minimize-label","maximize-label","close-label","hide-controls"])),e.createElementVNode("div",We,[e.renderSlot(s.$slots,"default")])],2))}}),Ue=["aria-selected","title","aria-label","tabindex"],qe={key:1,"aria-hidden":"true"},Ge={key:2,class:"min-w-0 flex-1 truncate"},Xe=["title","aria-label"],Ye={class:"whitespace-nowrap"},He={key:0,class:"size-2 shrink-0 rounded-full bg-current","aria-hidden":"true"},Je=["title","aria-label"],Qe=500,Q=8,Z=6,R=e.defineComponent({__name:"TabItem",props:{tab:{},active:{type:Boolean,default:!1},closeLabel:{default:"Close"},dirtyLabel:{default:"Unsaved changes"},tabindex:{default:0}},emits:["select","close","menu","mover","navegar"],setup(t,{emit:n}){const l=t,a=n,{vertical:o,posicion:i}=N(),c=e.ref(null),s=e.ref(null),m=e.ref(!1),u=e.ref(!1),$=e.ref(!1),V=e.ref({top:0,left:0,right:0});let x=null,w=null;const z=e.computed(()=>l.tab.closable!==!1),g=e.computed(()=>l.tab.tooltip??l.tab.label),E=e.computed(()=>l.tab.dirty?`${l.tab.label} · ${l.dirtyLabel}`:l.tab.label),S=e.computed(()=>l.tab.label.trim().charAt(0).toUpperCase()),f=e.computed(()=>m.value||$.value),b=e.computed(()=>!!l.tab.dirty&&!(f.value&&z.value)),p=e.computed(()=>z.value&&(f.value||l.active||!l.tab.dirty)),k=e.computed(()=>o.value&&(m.value||u.value||$.value)),C=e.computed(()=>{const y={position:"fixed",top:`${V.value.top}px`,zIndex:50};return i.value==="right"?{...y,right:`${V.value.right+Z}px`}:{...y,left:`${V.value.left+Z}px`}});function ce(){const y=c.value;if(!y)return;const r=y.getBoundingClientRect();V.value={top:r.top,left:r.right,right:window.innerWidth-r.left}}function Mt(y){const r=y.relatedTarget;r&&s.value?.contains(r)||($.value=!1)}function At(){m.value=!0,ce()}function Tt(){u.value=!0,ce()}function L(){x!==null&&clearTimeout(x),x=null,w=null}function It(y){y.button===0&&(w={x:y.clientX,y:y.clientY},x=setTimeout(()=>{w&&a("menu",w),L()},Qe))}function Pt(y){if(!w)return;(Math.abs(y.clientX-w.x)>Q||Math.abs(y.clientY-w.y)>Q)&&L()}function Ot(y){y.button===1&&z.value&&(y.preventDefault(),a("close"))}function jt(y){y.preventDefault(),a("menu",{x:y.clientX,y:y.clientY})}return e.onBeforeUnmount(L),(y,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"raiz",ref:c,class:e.normalizeClass(["group relative flex shrink-0 cursor-pointer items-center gap-2 rounded-corner border border-ui-border transition-colors",[t.active?"bg-primary font-bold text-tx-on-primary":"bg-ui-bg/80 hover:bg-ui-surface/70",e.unref(o)?"size-8 justify-center p-0 text-sm":"w-34 max-w-34 px-3 py-1 text-sm"]]),role:"tab","aria-selected":t.active,title:g.value,"aria-label":E.value,tabindex:t.tabindex,onClick:r[5]||(r[5]=e.withModifiers(h=>a("select"),["stop"])),onKeydown:[r[6]||(r[6]=e.withKeys(e.withModifiers(h=>a("select"),["stop"]),["enter"])),r[7]||(r[7]=e.withKeys(e.withModifiers(h=>a("select"),["prevent","stop"]),["space"])),r[8]||(r[8]=e.withKeys(e.withModifiers(h=>a("navegar","anterior"),["prevent","stop"]),["left"])),r[9]||(r[9]=e.withKeys(e.withModifiers(h=>a("navegar","anterior"),["prevent","stop"]),["up"])),r[10]||(r[10]=e.withKeys(e.withModifiers(h=>a("navegar","siguiente"),["prevent","stop"]),["right"])),r[11]||(r[11]=e.withKeys(e.withModifiers(h=>a("navegar","siguiente"),["prevent","stop"]),["down"])),r[12]||(r[12]=e.withKeys(e.withModifiers(h=>a("navegar","primera"),["prevent","stop"]),["home"])),r[13]||(r[13]=e.withKeys(e.withModifiers(h=>a("navegar","ultima"),["prevent","stop"]),["end"])),r[14]||(r[14]=e.withKeys(e.withModifiers(h=>a("mover",-1),["alt","prevent","stop"]),["left"])),r[15]||(r[15]=e.withKeys(e.withModifiers(h=>a("mover",-1),["alt","prevent","stop"]),["up"])),r[16]||(r[16]=e.withKeys(e.withModifiers(h=>a("mover",1),["alt","prevent","stop"]),["right"])),r[17]||(r[17]=e.withKeys(e.withModifiers(h=>a("mover",1),["alt","prevent","stop"]),["down"])),r[18]||(r[18]=e.withKeys(e.withModifiers(h=>z.value&&a("close"),["prevent","stop"]),["delete"]))],onAuxclick:e.withModifiers(Ot,["stop"]),onContextmenu:jt,onPointerdown:It,onPointermove:Pt,onPointerup:L,onPointerleave:L,onMouseenter:At,onMouseleave:r[19]||(r[19]=h=>m.value=!1),onFocus:Tt,onBlur:r[20]||(r[20]=h=>u.value=!1)},[t.tab.icon?(e.openBlock(),e.createBlock(B,{key:0,name:t.tab.icon,size:16,class:"shrink-0"},null,8,["name"])):e.unref(o)?(e.openBlock(),e.createElementBlock("span",qe,e.toDisplayString(S.value),1)):e.createCommentVNode("",!0),e.unref(o)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Ge,e.toDisplayString(t.tab.label),1)),b.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(["size-2 shrink-0 rounded-full bg-current",e.unref(o)?"absolute right-0.5 top-0.5":""]),"aria-hidden":"true"},null,2)):p.value&&!e.unref(o)?(e.openBlock(),e.createElementBlock("button",{key:4,type:"button",class:"flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",title:t.closeLabel,"aria-label":`${t.closeLabel}: ${E.value}`,onClick:r[0]||(r[0]=e.withModifiers(h=>a("close"),["stop"]))},[e.createVNode(B,{name:"gtk-close",type:"symbol",size:12})],8,Xe)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"transition duration-150 ease-out","enter-from-class":"opacity-0 scale-95","leave-active-class":"transition duration-100 ease-in","leave-to-class":"opacity-0 scale-95"},{default:e.withCtx(()=>[k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["flex items-center gap-2 rounded-corner border border-ui-border bg-ui-surface/95 px-3 py-1 text-sm shadow-lg",t.active?"font-bold":""]),ref_key:"desplegadoRef",ref:s,style:e.normalizeStyle(C.value),onMouseenter:r[2]||(r[2]=h=>$.value=!0),onMouseleave:r[3]||(r[3]=h=>$.value=!1),onFocusin:r[4]||(r[4]=h=>$.value=!0),onFocusout:Mt},[e.createElementVNode("span",Ye,e.toDisplayString(t.tab.label),1),t.tab.dirty?(e.openBlock(),e.createElementBlock("span",He)):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"flex size-4 shrink-0 items-center justify-center rounded-corner-sm hover:bg-ui-surface",title:t.closeLabel,"aria-label":`${t.closeLabel}: ${E.value}`,onClick:r[1]||(r[1]=e.withModifiers(h=>a("close"),["stop"]))},[e.createVNode(B,{name:"gtk-close",type:"symbol",size:12})],8,Je)):e.createCommentVNode("",!0)],38)):e.createCommentVNode("",!0)]),_:1})]))],42,Ue))}}),Ze=["aria-orientation"],ve=["draggable","onDragstart","onDragover","onDrop"],_e=["title","aria-label"],v=e.defineComponent({__name:"TabBar",props:{tabs:{},modelValue:{default:""},newLabel:{default:""},closeLabel:{default:"Close"},dirtyLabel:{default:"Unsaved changes"},fixedOrder:{type:Boolean,default:!1}},emits:["update:modelValue","select","close","new","reorder","menu"],setup(t,{emit:n}){const l=t,a=n,{vertical:o}=N(),i=e.ref(null),c=e.ref(0),s=e.ref(null),m=e.ref(null);function u(f){a("update:modelValue",f),a("select",f)}async function $(f,b){const p=l.tabs.length-1;if(p<0)return;const k=b==="primera"?0:b==="ultima"?p:b==="anterior"?(f-1+l.tabs.length)%l.tabs.length:(f+1)%l.tabs.length;c.value=k,await e.nextTick(),i.value?.querySelectorAll('[role="tab"]')?.[k]?.focus()}function V(f,b){if(l.fixedOrder)return;const p=f+b;if(p<0||p>=l.tabs.length)return;const k=[...l.tabs],[C]=k.splice(f,1);C&&(k.splice(p,0,C),c.value=p,a("reorder",k))}function x(f){const b=i.value;if(!b)return;const p=f.deltaY||f.deltaX||0,k=o.value?b.scrollTop:b.scrollLeft;o.value?b.scrollTop+=p:b.scrollLeft+=p,(o.value?b.scrollTop:b.scrollLeft)!==k&&f.preventDefault()}function w(f,b){l.fixedOrder||(s.value=f,b.dataTransfer?.setData("text/plain",String(f)),b.dataTransfer&&(b.dataTransfer.effectAllowed="move"))}function z(f,b){l.fixedOrder||s.value===null||(b.preventDefault(),m.value=f,b.dataTransfer&&(b.dataTransfer.dropEffect="move"))}function g(f){const b=s.value;if(E(),l.fixedOrder||b===null||b===f)return;const p=[...l.tabs],[k]=p.splice(b,1);k&&(p.splice(f,0,k),a("reorder",p))}function E(){s.value=null,m.value=null}const S=e.computed(()=>o.value?"flex h-full flex-col items-center gap-1 overflow-y-auto overflow-x-hidden":"flex items-center gap-1 overflow-x-auto overflow-y-hidden");return(f,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex min-h-0 min-w-0 items-center gap-1",e.unref(o)?"w-full flex-col":"h-full"]),role:"tablist","aria-orientation":e.unref(o)?"vertical":"horizontal"},[e.createElementVNode("div",{ref_key:"carril",ref:i,class:e.normalizeClass(S.value),onWheel:x},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(p,k)=>(e.openBlock(),e.createElementBlock("div",{key:p.id,class:e.normalizeClass(["transition-opacity",[s.value===k?"opacity-40":"",m.value===k&&s.value!==k?"ring-2 ring-secondary rounded-corner":""]]),draggable:!t.fixedOrder,onDragstart:C=>w(k,C),onDragover:C=>z(k,C),onDrop:e.withModifiers(C=>g(k),["prevent"]),onDragend:E},[e.createVNode(R,{tab:p,active:p.id===t.modelValue,"close-label":t.closeLabel,"dirty-label":t.dirtyLabel,tabindex:k===c.value?0:-1,onSelect:C=>u(p.id),onClose:C=>a("close",p.id),onMenu:C=>a("menu",{id:p.id,...C}),onNavegar:C=>$(k,C),onMover:C=>V(k,C)},null,8,["tab","active","close-label","dirty-label","tabindex","onSelect","onClose","onMenu","onNavegar","onMover"])],42,ve))),128))],34),t.newLabel?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"flex size-7 shrink-0 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",title:t.newLabel,"aria-label":t.newLabel,onClick:b[0]||(b[0]=p=>a("new"))},[e.createVNode(B,{name:"gtk-add",type:"symbol",size:14})],8,_e)):e.createCommentVNode("",!0)],10,Ze))}}),et={class:"relative flex shrink-0 items-center"},tt=["title","aria-label","aria-expanded"],lt=["value","placeholder","aria-label"],_=e.defineComponent({__name:"BarSearch",props:{modelValue:{default:""},placeholder:{default:""},label:{default:"Search"},collapsed:{type:Boolean,default:!1}},emits:["update:modelValue","search","open","close"],setup(t,{emit:n}){const l=t,a=n,{vertical:o,posicion:i}=N(),c=e.ref(!1),s=e.ref(null),m=e.computed(()=>o.value||l.collapsed),u=e.computed(()=>!m.value||c.value),$=e.computed(()=>{if(!m.value)return"";const g="absolute z-40 w-64 rounded-corner border border-ui-border bg-ui-surface/95 p-1 shadow-lg";return i.value==="left"?`${g} left-full top-0 ml-1`:i.value==="right"?`${g} right-full top-0 mr-1`:i.value==="bottom"?`${g} bottom-full right-0 mb-1`:`${g} top-full right-0 mt-1`});async function V(){c.value=!0,a("open"),await e.nextTick(),s.value?.focus()}function x(){c.value&&(c.value=!1,a("close"))}function w(g){a("update:modelValue",g.target.value)}function z(){a("search",l.modelValue)}return(g,E)=>(e.openBlock(),e.createElementBlock("div",et,[m.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"flex size-7 items-center justify-center rounded-corner border border-ui-border bg-ui-bg/80 hover:bg-ui-surface/70",title:t.label,"aria-label":t.label,"aria-expanded":c.value,onMousedown:E[0]||(E[0]=e.withModifiers(()=>{},["prevent"])),onClick:E[1]||(E[1]=S=>c.value?x():V())},[e.createVNode(B,{name:"system-search",type:"symbol",size:14})],40,tt)):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass($.value)},[e.createElementVNode("input",{ref_key:"campo",ref:s,type:"search",class:e.normalizeClass(["w-full rounded-corner border border-ui-border bg-ui-bg/80 px-2 py-1 text-sm outline-none focus:border-ui-border-strong",m.value?"":"w-48"]),value:t.modelValue,placeholder:t.placeholder||t.label,"aria-label":t.label,onInput:w,onKeydown:[e.withKeys(z,["enter"]),e.withKeys(x,["esc"])],onBlur:x},null,42,lt)],2)):e.createCommentVNode("",!0)]))}}),at=["type","disabled"],ot={key:0,class:"w-4 h-4 animate-spin rounded-full border-2 border-current border-t-transparent"},nt=["src","alt"],it={key:2},rt=["src","alt"],st=e.defineComponent({__name:"ActionButton",props:{label:{},disabled:{type:Boolean,default:!1},variant:{default:"primary"},loading:{type:Boolean,default:!1},customClass:{default:()=>({})},size:{default:"md"},fullWidth:{type:Boolean,default:!1},iconSrc:{default:""},iconAlt:{default:""},iconRight:{type:Boolean,default:!1},type:{default:"button"},stopPropagation:{type:Boolean,default:!1},preventDefault:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:n}){const l=t,a=n,o={primary:"bg-primary dark:bg-primary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-primary/90 dark:hover:bg-primary-dark/90",secondary:"bg-secondary dark:bg-secondary-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-secondary/80 dark:hover:bg-secondary-dark/80",danger:"bg-status-error dark:bg-status-error-dark text-tx-on-primary dark:text-tx-on-primary-dark hover:bg-status-error/90 dark:hover:bg-status-error-dark/90"},i={sm:"px-2 py-1 text-xs",md:"px-3 py-1 text-sm",lg:"px-4 py-2 text-base"},c=s=>{l.stopPropagation&&s.stopPropagation(),l.preventDefault&&s.preventDefault(),!l.disabled&&!l.loading&&a("click")};return(s,m)=>(e.openBlock(),e.createElementBlock("button",{type:l.type,onClick:c,class:e.normalizeClass(["rounded-corner transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2",[o[l.variant],i[l.size],l.fullWidth?"w-full":"",l.iconSrc&&!l.label?"px-2 py-2":"",t.customClass]]),disabled:l.disabled||l.loading},[t.loading?(e.openBlock(),e.createElementBlock("span",ot)):e.createCommentVNode("",!0),l.iconSrc&&!l.iconRight?(e.openBlock(),e.createElementBlock("img",{key:1,src:l.iconSrc,alt:l.iconAlt||l.label,class:"w-4 h-4"},null,8,nt)):e.createCommentVNode("",!0),l.label?(e.openBlock(),e.createElementBlock("span",it,e.toDisplayString(l.label),1)):e.createCommentVNode("",!0),l.iconSrc&&l.iconRight?(e.openBlock(),e.createElementBlock("img",{key:3,src:l.iconSrc,alt:l.iconAlt||l.label,class:"w-4 h-4"},null,8,rt)):e.createCommentVNode("",!0)],10,at))}}),A=(t,n)=>{const l=t.__vccOpts||t;for(const[a,o]of n)l[a]=o;return l},ee=A(st,[["__scopeId","data-v-2eaf6e27"]]),ct={class:"text-base font-semibold m-0 text-primary dark:text-primary-dark"},te=A(e.defineComponent({__name:"ConfigSection",props:{title:{},icon:{default:""},customClass:{default:()=>({})}},setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col gap-4 p-4 background rounded-corner",t.customClass])},[e.createElementVNode("h3",ct,e.toDisplayString(t.icon?`${t.icon} ${t.title}`:t.title),1),e.renderSlot(n.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-45bd4eab"]]),dt={class:"flex items-center gap-3 flex-1 min-w-0"},mt=["src","alt"],ft={class:"min-w-0"},ut={class:"font-semibold truncate"},bt={key:0,class:"text-xs text-gray-400 truncate"},pt={key:1,class:"text-xs text-gray-400 truncate"},kt={key:2,class:"text-xs text-gray-400 flex gap-2 mt-1"},gt={key:1,class:"w-2 h-2 rounded-full bg-green-500"},le=e.defineComponent({__name:"DeviceCard",props:{icon:{},title:{},subtitle:{default:""},metadata:{default:""},extraInfo:{default:()=>[]},isConnected:{type:Boolean,default:!1},showActionButton:{type:Boolean,default:!0},actionLabel:{default:"Conectar"},showStatusIndicator:{type:Boolean,default:!1},customClass:{default:""},clickable:{type:Boolean,default:!1}},emits:["action","click"],setup(t,{emit:n}){const l=n,a=()=>{l("action")},o=()=>{l("click")};return(i,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center justify-between background rounded-vsk px-6 py-3 mb-4",[{"border-l-4 border-green-500":t.isConnected},t.customClass]]),onClick:o},[e.createElementVNode("div",dt,[e.createElementVNode("img",{src:t.icon,alt:t.title,class:"h-7 w-7 shrink-0"},null,8,mt),e.createElementVNode("div",ft,[e.createElementVNode("div",ut,e.toDisplayString(t.title),1),t.subtitle?(e.openBlock(),e.createElementBlock("div",bt,e.toDisplayString(t.subtitle),1)):e.createCommentVNode("",!0),t.metadata?(e.openBlock(),e.createElementBlock("div",pt,e.toDisplayString(t.metadata),1)):e.createCommentVNode("",!0),t.extraInfo&&t.extraInfo.length>0?(e.openBlock(),e.createElementBlock("div",kt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.extraInfo,(s,m)=>(e.openBlock(),e.createElementBlock("span",{key:m},e.toDisplayString(s),1))),128))])):e.createCommentVNode("",!0)])]),t.showActionButton?(e.openBlock(),e.createElementBlock("button",{key:0,class:"bg-vsk-primary rounded-vsk px-4 py-2 text-sm font-semibold cursor-pointer hover:opacity-70",onClick:e.withModifiers(a,["stop"])},e.toDisplayString(t.actionLabel),1)):e.createCommentVNode("",!0),t.showStatusIndicator&&t.isConnected?(e.openBlock(),e.createElementBlock("div",gt)):e.createCommentVNode("",!0)],2))}}),yt=["for"],ae=A(e.defineComponent({__name:"FormGroup",props:{label:{},htmlFor:{default:""},customClass:{default:()=>({})},labelClass:{default:()=>({})}},setup(t){return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex flex-col gap-2",t.customClass])},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.htmlFor,class:e.normalizeClass(["text-sm font-medium text-primary dark:text-primary-dark",t.labelClass])},e.toDisplayString(t.label),11,yt)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-c0d9d9cb"]]),oe=A(e.defineComponent({__name:"ListCard",props:{clickable:{type:Boolean,default:!1},customClass:{default:()=>({})}},emits:["click"],setup(t,{emit:n}){const l=t,a=n,o=()=>{l.clickable&&a("click")};return(i,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center justify-between background p-3 rounded-vsk border border-vsk-primary/70 transition-colors duration-200",{"hover:bg-vsk-primary/5 cursor-pointer":l.clickable},t.customClass]),onClick:o},[e.renderSlot(i.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-f86d47da"]]),ht={class:"background rounded-corner flex flex-row items-center gap-2 justify-between w-full h-auto p-4 transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80"},Ct=["src","alt","title"],xt={key:1,class:"w-8 h-8 flex items-center justify-center"},Bt=["src","alt"],wt=["min","max","value"],ne=e.defineComponent({__name:"SliderControl",props:{icon:{},alt:{default:""},tooltip:{default:""},modelValue:{},min:{default:0},max:{default:100},showButton:{type:Boolean,default:!1},iconClass:{default:()=>({})},getPercentageClass:{type:Function,default:()=>""}},emits:["update:modelValue","buttonClick"],setup(t,{emit:n}){const l=t,a=n,o=e.computed(()=>{if(l.max<=l.min)return 0;const m=l.max-l.min,u=l.modelValue-l.min;return Math.round(u/m*100)}),i=e.computed(()=>l.getPercentageClass?l.getPercentageClass(o.value):""),c=m=>{const u=m.target;a("update:modelValue",Number(u.value))},s=()=>{a("buttonClick")};return(m,u)=>(e.openBlock(),e.createElementBlock("div",ht,[t.showButton?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:s,class:"w-8 h-8 flex items-center justify-center rounded-corner transition-all duration-200 hover:bg-ui-surface/80 dark:hover:bg-ui-surface-dark/80 hover:scale-110 active:scale-95"},[e.createElementVNode("img",{src:t.icon,alt:t.alt,title:t.tooltip,class:e.normalizeClass(["w-6 h-6 transition-all duration-200",t.iconClass])},null,10,Ct)])):(e.openBlock(),e.createElementBlock("div",xt,[e.createElementVNode("img",{src:t.icon,alt:t.alt,class:"w-6 h-6 transition-all duration-200"},null,8,Bt)])),e.createElementVNode("input",{type:"range",min:t.min,max:t.max,value:t.modelValue,onInput:c,class:"flex-1 transition-all duration-200 hover:scale-105"},null,40,wt),e.createElementVNode("span",{class:e.normalizeClass(["w-12 text-right transition-all duration-200 font-medium",i.value])},e.toDisplayString(o.value)+"% ",3)]))}}),$t=["disabled"],ie=e.defineComponent({__name:"SwitchToggle",props:{isOn:{type:Boolean},disabled:{type:Boolean,default:!1},size:{default:"small"},activeClass:{default:"bg-primary dark:bg-primary-dark"},inactiveClass:{default:"background"},customClass:{default:""}},emits:["toggle"],setup(t,{emit:n}){const l=t,a=n,o=()=>{a("toggle",!l.isOn)};return(i,c)=>(e.openBlock(),e.createElementBlock("button",{type:"button",onClick:o,disabled:t.disabled,class:e.normalizeClass(["relative inline-flex items-center rounded-full transition-colors",t.size==="small"?"h-6 w-11":"h-7 w-12",t.isOn?t.activeClass:t.inactiveClass,t.disabled?"opacity-50 cursor-not-allowed":"cursor-pointer",t.customClass])},[e.createElementVNode("span",{class:e.normalizeClass(["inline-block transform rounded-full bg-white shadow transition-transform",t.size==="small"?"h-4 w-4":"h-6 w-6",t.isOn?t.size==="small"?"translate-x-6":"translate-x-5":"translate-x-1"])},null,2)],10,$t))}}),Et=["disabled"],zt=["src","alt","title"],re=e.defineComponent({__name:"ToggleControl",props:{icon:{},alt:{default:""},tooltip:{default:""},isActive:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},iconClass:{default:()=>({})},customClass:{default:()=>({})}},emits:["click"],setup(t,{emit:n}){const l=n,a=()=>{l("click")};return(o,i)=>(e.openBlock(),e.createElementBlock("button",{onClick:a,class:e.normalizeClass(["p-2 rounded-corner background hover:opacity-50 transition-all duration-300 h-17.5 w-17.5 group relative overflow-hidden hover:scale-105 hover:shadow-lg active:scale-95",{"animate-pulse":t.isLoading,"ring-2 ring-primary dark:ring-primary-dark":t.isActive,"opacity-60":!t.isActive,...t.customClass}]),disabled:t.isLoading},[e.createElementVNode("img",{src:t.icon,alt:t.alt,title:t.tooltip,class:e.normalizeClass(["m-auto w-12.5 h-12.5 transition-all duration-300 group-hover:scale-110 relative z-10",{"animate-spin":t.isLoading,"filter brightness-75":!t.isActive,"drop-shadow-lg":t.isActive,...t.iconClass}])},null,10,zt)],10,Et))}}),Vt=["title"],St=["src","alt"],Nt={key:0,class:"absolute bottom-1 right-1 bg-primary dark:bg-primary-dark text-white text-xs rounded-full w-4 h-4 flex items-center justify-center font-bold animate-bounce"},se=e.defineComponent({__name:"TrayIconButton",props:{icon:{},alt:{default:""},tooltip:{default:""},badge:{default:null},iconClass:{default:()=>({})},customClass:{default:""},tooltipClass:{default:""},showCustomTooltip:{type:Boolean,default:!1},customTooltipText:{default:""}},emits:["click"],setup(t,{emit:n}){const l=n,a=e.ref(!1),o=()=>{l("click")};return(i,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["p-1 rounded-corner relative hover:bg-primary dark:hover:bg-primary-dark group transition-all duration-300",t.customClass]),title:t.tooltip,onClick:o,onMouseenter:c[0]||(c[0]=s=>a.value=!0),onMouseleave:c[1]||(c[1]=s=>a.value=!1)},[e.createElementVNode("img",{src:t.icon,alt:t.alt,class:e.normalizeClass(["m-auto h-5.5 w-auto transition-all duration-300",t.iconClass])},null,10,St),t.badge!==null&&t.badge>0?(e.openBlock(),e.createElementBlock("div",Nt,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0),t.showCustomTooltip&&t.customTooltipText?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["absolute top-1 left-1/2 transform -translate-x-1/2 text-xs font-semibold p-1 rounded-corner transition-all duration-300 pointer-events-none background",[t.tooltipClass,{"opacity-0 -translate-y-2":!a.value,"opacity-100 translate-y-0":a.value}]])},e.toDisplayString(t.customTooltipText),3)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default")],42,Vt))}}),Lt=[U,I,T,q,B,J,j,O,v,R,_,ee,te,le,ae,oe,ne,ie,re,se],Dt={install(t){Lt.forEach(n=>{t.component(n.name,n)})}};d.ActionButton=ee,d.AppBar=j,d.BarSearch=_,d.CLAVE_DE_LA_BARRA=D,d.ConfigSection=te,d.DeviceCard=le,d.FormGroup=ae,d.ListCard=oe,d.POSICIONES=G,d.SelectField=q,d.SideBar=U,d.SideButton=I,d.SideGroup=T,d.SliderControl=ne,d.SwitchToggle=ie,d.TabBar=v,d.TabItem=R,d.ThemeIcon=B,d.ToggleControl=re,d.TrayIconButton=se,d.WindowControls=O,d.WindowFrame=J,d.default=Dt,d.esPosicion=X,d.orientacionDe=M,d.posicionDe=Y,d.usarLaBarra=N,d.usarLaPosicionDeLaBarra=H,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vasakgroup/vue-libvasak",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "Vue componenets for VSK Applications",
5
5
  "main": "./dist/vue-libvasak.umd.js",
6
6
  "module": "./dist/vue-libvasak.es.js",