7.css-vue
Version:
Vue3 component library for recreating Windows 7 UI
2 lines (1 loc) • 21.4 kB
JavaScript
(function(e,y){typeof exports=="object"&&typeof module<"u"?module.exports=y(require("vue")):typeof define=="function"&&define.amd?define(["vue"],y):(e=typeof globalThis<"u"?globalThis:e||self,e.SevenCssVue=y(e.Vue))})(this,function(e){"use strict";const y=Object.assign({name:"WinBalloon"},{__name:"Balloon",props:{top:{type:Boolean,default:!1},bottom:{type:Boolean,default:!1},left:{type:Boolean,default:!1},right:{type:Boolean,default:!1},caption:{type:String,default:null}},setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("div",{role:"tooltip",class:e.normalizeClass(["winui-balloon",{"is-bottom":t.bottom,"is-top":t.top,"is-left":t.left,"is-right":t.right}])},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.caption),1)])],2))}}),f=(t,n)=>{const r=t.__vccOpts||t;for(const[i,l]of n)r[i]=l;return r},b=f(Object.assign({name:"WinButton"},{__name:"Button",props:{text:{type:String,default:"Button"}},setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(n.$attrs,{class:"winui-button"}),[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)],!0)],16))}}),[["__scopeId","data-v-ca89fdd4"]]),V=["id","name","disabled","checked"],w=["for"],E=f(Object.assign({name:"WinCheckbox"},{__name:"Checkbox",props:{disabled:{type:Boolean,default:!1},falseValue:{type:[Array,Boolean,Number,String,Object],default:void 0},modelValue:{type:[Array,Boolean,Number,String,Object],default:!1},name:{type:String,required:!0},label:{type:String,default:null},trueValue:{type:[Array,Boolean,Number,String,Object],default:void 0},value:{type:[Array,Boolean,Number,String,Object],default:!0}},emits:["update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed(()=>`${i.name}-checkbox`),o=e.computed(()=>i.trueValue===void 0?i.value:i.trueValue),s=e.computed(()=>i.falseValue===void 0?!1:i.falseValue),a=e.computed(()=>{var c;return Array.isArray(i.modelValue)?(c=i.modelValue)==null?void 0:c.includes(o.value):o.value===i.modelValue});function m(){if(i.disabled)return;if(!Array.isArray(i.modelValue)){r("update:model-value",a.value?s.value:o.value);return}if(a.value){r("update:model-value",i.modelValue.filter(d=>d!==o.value));return}r("update:model-value",[...i.modelValue,o.value])}return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:"winui-checkbox",onClick:e.withModifiers(m,["prevent"])},[e.createElementVNode("input",{id:l.value,name:t.name,disabled:t.disabled,type:"checkbox",checked:a.value},null,8,V),e.createElementVNode("label",{for:l.value},[e.renderSlot(c.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,w)]))}}),[["__scopeId","data-v-faa2a64d"]]);let B=function(){let t=0;return function(n){return`${String(n||"")}-${++t}`}};const x=["open"],N={class:"collapse-title"},C={key:0},W=f(Object.assign({name:"WinCollapse"},{__name:"Collapse",props:{open:{type:Boolean,default:!1},title:{type:String,required:!0},prependIcon:{type:String,default:null},children:{type:Array,default:()=>[]}},emits:["update:open"],setup(t,{emit:n}){const r=`winui-collapse-${B()}`,i=n,l=t,o=e.computed({get(){return l.open},set(s){i("update:open",s)}});return(s,a)=>{const m=e.resolveComponent("win-icon"),c=e.resolveComponent("WinCollapse");return e.openBlock(),e.createElementBlock("details",{id:r,class:"winui-collapse",open:o.value,onToggle:a[0]||(a[0]=d=>o.value=!o.value)},[e.createElementVNode("summary",N,[e.renderSlot(s.$slots,"title",{},()=>[t.prependIcon?(e.openBlock(),e.createBlock(m,{key:0,icon:t.prependIcon,size:"16"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.title),1)],!0)]),e.renderSlot(s.$slots,"default",{},()=>{var d;return[((d=t.children)==null?void 0:d.length)>0?(e.openBlock(),e.createElementBlock("ul",C,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,p=>(e.openBlock(),e.createElementBlock("li",{key:p.id},[p.children?(e.openBlock(),e.createBlock(c,{key:0,title:p.title,"prepend-icon":p.prependIcon,children:p.children},null,8,["title","prepend-icon","children"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(p.title),1)],64))]))),128))])):e.createCommentVNode("",!0)]},!0)],40,x)}}}),[["__scopeId","data-v-2917fa65"]]),_={class:"title-bar"},D={class:"title-bar-text"},j={class:"field-row",style:{"justify-content":"flex-end"}},M={key:0,class:"status-bar"},T={key:0,class:"w-full h-full bg-black/20 backdrop-blur-xs fixed top-0 left-0"},O=Object.assign({name:"WinDialog"},{__name:"Dialog",props:{modelValue:{type:Boolean,default:!1},title:{type:String,default:"Window"},message:{type:String,default:null},width:{type:String,default:"400px"},height:{type:String,default:"auto"},color:{type:String,default:"#4580c4"},hasScrollbar:{type:Boolean,default:!1},hasStatus:{type:Boolean,default:!1},statusFields:{type:Array,default:()=>[]},permanent:{type:Boolean,default:!1},cancelable:{type:Boolean,default:!0}},emits:["accept","cancel","update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed({get(){return i.modelValue},set(a){r("update:model-value",a)}});function o(){l.value=!1,r("accept")}function s(){l.value=!1,r("cancel")}return(a,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"window glass active",style:e.normalizeStyle([{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)","z-index":"1000"},{width:t.width,height:t.height,"--window-background-color":t.color}])},[e.createElementVNode("div",_,[e.createElementVNode("div",D,e.toDisplayString(t.title),1)]),e.createElementVNode("div",{class:e.normalizeClass(["window-body has-space",{"has-scrollbar":t.hasScrollbar}])},[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.message),1)]),e.createElementVNode("section",j,[e.createVNode(b,{text:"Cancel",onClick:s}),e.createVNode(b,{text:"Accept",class:"default",onClick:o})])],2),t.hasStatus&&t.statusFields.length||a.$slots.status?(e.openBlock(),e.createElementBlock("div",M,[e.renderSlot(a.$slots,"status",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.statusFields,c=>(e.openBlock(),e.createElementBlock("p",{key:c,class:"status-bar-field"},e.toDisplayString(c),1))),128))])])):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)]),_:3}),l.value?(e.openBlock(),e.createElementBlock("div",T)):e.createCommentVNode("",!0)],64))}}),z={key:0,value:void 0,disabled:"",selected:""},I=["value","disabled","selected"],A=Object.assign({name:"WinDropdown"},{__name:"Dropdown",props:{modelValue:{type:[Number,String],default:null},options:{type:Array,default:()=>[]},placeholder:{type:String,default:null},itemValue:{type:String,default:"id"},itemTitle:{type:String,default:"name"}},emits:["update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed({get(){return i.modelValue},set(o){r("update:model-value",o)}});return(o,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",{"onUpdate:modelValue":s[0]||(s[0]=a=>l.value=a),class:"winui-dropdown"},[e.renderSlot(o.$slots,"placeholder",{},()=>[t.placeholder?(e.openBlock(),e.createElementBlock("option",z,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,"options",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,a=>(e.openBlock(),e.createElementBlock("option",{key:a[t.itemValue],value:a[t.itemValue],disabled:a.disabled,selected:l.value===a[t.itemValue]},e.toDisplayString(a[t.itemTitle]),9,I))),128))])],512)),[[e.vModelSelect,l.value]])}}),L={class:"winui-groupbox"},F={key:0},P=Object.assign({name:"WinGroupbox"},{__name:"Groupbox",props:{title:{type:String,default:null}},setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("fieldset",L,[t.title||n.label?(e.openBlock(),e.createElementBlock("legend",F,e.toDisplayString(t.title||n.label),1)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")]))}}),q={class:"winui-icon"},X=["width","height"],Y=["d"],h=f(Object.assign({name:"WinIcon"},{__name:"Icon",props:{icon:{type:String,required:!0},size:{type:[String,Number],default:24}},setup(t){const n={monitor:"M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z"};return(r,i)=>(e.openBlock(),e.createElementBlock("span",q,[(e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:`${t.size}px`,height:`${t.size}px`},[e.createElementVNode("path",{d:n[t.icon]},null,8,Y)],8,X))]))}}),[["__scopeId","data-v-08570360"]]),H=["href","target"],U=f(Object.assign({name:"WinLink"},{__name:"Link",props:{prependIcon:{type:String,default:null},href:{type:String,default:null},text:{type:String,default:null},to:{type:[String,Object],default:null},target:{type:String,default:null}},setup(t){return(n,r)=>t.href||t.to?(e.openBlock(),e.createElementBlock("a",{key:0,class:"winui-link",href:t.href,target:n.$attrs.target},[t.prependIcon?(e.openBlock(),e.createBlock(h,{key:0,icon:t.prependIcon,size:"16"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.text),1)],!0)],8,H)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1},n.$attrs,{class:"winui-link"}),[t.prependIcon?(e.openBlock(),e.createBlock(h,{key:0,icon:t.prependIcon,size:"16"},null,8,["icon"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(t.text),1)],!0)],16))}}),[["__scopeId","data-v-523d5ff7"]]),R={role:"listbox",class:"winui-listbox"},G=["onClick"],K=f(Object.assign({name:"WinListbox"},{__name:"Listbox",props:{modelValue:{type:[Number,String],required:!0},options:{type:Array,required:!0},itemValue:{type:String,default:"id"},itemText:{type:String,default:"name"}},emits:["update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed({get(){return i.modelValue},set(a){r("update:model-value",a)}});function o(a){return a[i.itemValue]===l.value?{"aria-selected":!0}:{}}function s(a){l.value=a}return(a,m)=>(e.openBlock(),e.createElementBlock("ul",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,c=>(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:c[t.itemValue],ref_for:!0},o(c),{role:"option",onClick:d=>s(c[t.itemValue])}),e.toDisplayString(c[t.itemText]),17,G))),128))]))}}),[["__scopeId","data-v-55547bd9"]]),Z={class:"winui-menu",role:"menu"},S=Object.assign({name:"WinMenu"},{__name:"Menu",setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("ul",Z,[e.renderSlot(n.$slots,"default")]))}}),J={class:"winui-menubar",role:"menubar"},Q=Object.assign({name:"WinMenuBar"},{__name:"MenuBar",setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("ul",J,[e.renderSlot(n.$slots,"default")]))}}),v={key:0,class:"winui-menuitem-button"},$=f(Object.assign({name:"WinMenuItem"},{__name:"MenuItem",props:{title:{type:String,default:null},children:{type:Array,default:()=>[]}},setup(t){const n=e.useSlots(),r=e.computed(()=>{const l=n!=null&&n.submenu?n.submenu():[];return(l==null?void 0:l.length)>0}),i=e.computed(()=>r.value?{"aria-haspopup":!0}:{});return(l,o)=>{var s;return e.openBlock(),e.createElementBlock("li",e.mergeProps(i.value,{class:"winui-menuitem",role:"menuitem"}),[e.renderSlot(l.$slots,"default",{},()=>[r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.title),1)],64)):(e.openBlock(),e.createElementBlock("label",v,e.toDisplayString(t.title),1))],!0),l.$slots.submenu||((s=t.children)==null?void 0:s.length)>0?e.renderSlot(l.$slots,"submenu",{key:0},()=>{var a;return[((a=t.children)==null?void 0:a.length)>0?(e.openBlock(),e.createBlock(S,{key:0},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,(m,c)=>(e.openBlock(),e.createBlock($,{key:c,title:m.title,children:m.children},null,8,["title","children"]))),128))]),_:1})):e.createCommentVNode("",!0)]},!0):e.createCommentVNode("",!0)],16)}}}),[["__scopeId","data-v-21bf0756"]]),ee=f(Object.assign({name:"WinProgress"},{__name:"Progress",props:{variant:{type:String,default:"success"},inert:{type:Boolean,default:!1},transition:{type:[Number,String],default:300},indeterminate:{type:Boolean,default:!1},progress:{type:[Number,String],default:0,validator(t){return isNaN(t)?t==null?void 0:t.endsWith("%"):t>=0&&t<=100}}},setup(t){const n=t,r=e.computed(()=>n.indeterminate?{}:{"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":isNaN(n.progress)?Number(n.progress.slice(0,-1)):this.progress});return(i,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(r.value,{role:"progressbar",class:["winui-progress",{[t.variant]:!0,marquee:t.indeterminate,animate:!t.inert}]}),[t.indeterminate?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({"--progress":isNaN(t.progress)?t.progress:t.progress+"%","--transition":t.transition/1e3+"s"})},null,4))],16))}}),[["__scopeId","data-v-a92a2776"]]),te={class:"winui-radio"},ne=["id","value","name","disabled"],le=["for"],ae=Object.assign({name:"WinRadio"},{__name:"Radio",props:{name:{type:String,required:!0},modelValue:{type:[Number,String,Boolean],default:null},value:{type:[Number,String,Boolean],required:!0},disabled:{type:Boolean,default:!1},label:{type:String,required:!0}},emits:["update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed({get(){return i.modelValue},set(s){r("update:model-value",s)}}),o=e.computed(()=>`${i.name}-${i.value}-radio`);return(s,a)=>(e.openBlock(),e.createElementBlock("div",te,[e.withDirectives(e.createElementVNode("input",{id:o.value,"onUpdate:modelValue":a[0]||(a[0]=m=>l.value=m),value:t.value,name:t.name,disabled:t.disabled,type:"radio"},null,8,ne),[[e.vModelRadio,l.value]]),e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("label",{for:o.value},e.toDisplayString(t.label),9,le)])]))}}),oe=["placeholder"],re={key:1,class:"searchbox win-searchbox"},ie=["placeholder"],se=f(Object.assign({name:"WinSearchbox"},{__name:"Searchbox",props:{instant:{type:Boolean,default:!1},placeholder:{type:String,default:"Search"}},emits:["update:search","search"],setup(t,{emit:n}){const r=`searchbox-${B()}`,i=n,l=e.ref();function o(){i("search",l.value)}return(s,a)=>t.instant?e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,id:r,"onUpdate:modelValue":a[0]||(a[0]=m=>l.value=m)},s.$attrs,{type:"search",class:"winui-searchbox",placeholder:t.placeholder,onKeyup:e.withKeys(o,["enter"])}),null,16,oe)),[[e.vModelText,l.value]]):(e.openBlock(),e.createElementBlock("div",re,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[1]||(a[1]=m=>l.value=m),type:"search",placeholder:t.placeholder},null,8,ie),[[e.vModelText,l.value]]),e.createElementVNode("button",{"aria-label":"search",onClick:o})]))}}),[["__scopeId","data-v-030abff4"]]),ce=Object.assign({name:"WinSlider"},{__name:"Slider",props:{modelValue:{type:[String,Number],default:0}},emits:["update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed({get(){return i.modelValue},set(o){r("update:model-value",o)}});return(o,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({"onUpdate:modelValue":s[0]||(s[0]=a=>l.value=a)},o.$attrs,{type:"range",class:"winui-slider"}),null,16)),[[e.vModelText,l.value]])}}),de={class:"winui-tabs"},me=["hidden"],ue=Object.assign({name:"WinTabs"},{__name:"Tabs",props:{modelValue:{type:String,required:!0},tabs:{type:Object,required:!0},justified:{type:Boolean,default:!1}},emits:["update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed({get(){return i.modelValue},set(o){r("update:model-value",o)}});return(o,s)=>{const a=e.resolveComponent("win-button");return e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("menu",{role:"tablist",class:e.normalizeClass({justified:t.justified})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(m,c)=>(e.openBlock(),e.createBlock(a,{key:c,"aria-selected":l.value===c,role:"tab",onClick:d=>l.value=c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m),1)]),_:2},1032,["aria-selected","onClick"]))),128))],2),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(m,c)=>(e.openBlock(),e.createElementBlock("article",{key:c,hidden:l.value!==c,role:"tabpanel"},[e.renderSlot(o.$slots,c,e.mergeProps({ref_for:!0},{title:m,tab:c},{hidden:l.value!==c}))],8,me))),128))])}}}),fe=["readonly"],pe=["readonly","type"],ge=Object.assign({name:"WinTextbox"},{__name:"Textbox",props:{modelValue:{type:String,required:!0},type:{type:String,default:"text"},readonly:{type:Boolean,default:!1}},emits:["update:model-value"],setup(t,{emit:n}){const r=n,i=t,l=e.computed({get(){return i.modelValue},set(o){r("update:model-value",o)}});return(o,s)=>t.type==="textarea"?e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({key:0,"onUpdate:modelValue":s[0]||(s[0]=a=>l.value=a)},o.$attrs,{readonly:t.readonly,class:"winui-textbox"}),null,16,fe)),[[e.vModelText,l.value]]):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,"onUpdate:modelValue":s[1]||(s[1]=a=>l.value=a)},o.$attrs,{readonly:t.readonly,type:t.type,class:"winui-textbox"}),null,16,pe)),[[e.vModelDynamic,l.value]])}}),ke={class:"tree-view winui-treeview"},ye=Object.assign({name:"WinTreeview"},{__name:"Treeview",setup(t){return(n,r)=>(e.openBlock(),e.createElementBlock("ul",ke,[e.renderSlot(n.$slots,"default")]))}});function be(t,n){const r=e.ref(!1),i=e.ref(t.offsetX),l=e.ref(t.offsetY);let o=t.offsetX,s=t.offsetY;function a(d){t.draggable&&(d.preventDefault(),r.value=!0,o=(n.value||d.target).offsetLeft-d.clientX,s=(n.value||d.target).offsetTop-d.clientY,d.target.onmousemove=m,d.target.onmouseup=c)}function m(d){!t.draggable||!r.value||(d.preventDefault(),i.value=d.clientX+o,l.value=d.clientY+s)}function c(d){t.draggable&&(r.value=!1,d.target.onmouseup=null,d.target.onmousemove=null)}return{dragging:r,offsetX:i,offsetY:l,onMouseDown:a}}const he={class:"title-bar-text"},Be={class:"title-bar-controls"},Se=["aria-label"],$e={key:0,class:"status-bar"},Ve=Object.freeze(Object.defineProperty({__proto__:null,WinBalloon:y,WinButton:b,WinCheckbox:E,WinCollapse:W,WinDialog:O,WinDropdown:A,WinGroupbox:P,WinIcon:h,WinLink:U,WinListbox:K,WinMenu:S,WinMenubar:Q,WinMenuitem:$,WinProgress:ee,WinRadio:ae,WinSearchbox:se,WinSlider:ce,WinTabs:ue,WinTextbox:ge,WinTreeview:ye,WinWindow:Object.assign({name:"WinWindow"},{__name:"Window",props:{active:{type:Boolean,default:!1},title:{type:String,default:"Window"},width:{type:String,default:"auto"},height:{type:String,default:"auto"},color:{type:String,default:"#4580c4"},hasSpace:{type:Boolean,default:!1},hasScrollbar:{type:Boolean,default:!1},hasStatus:{type:Boolean,default:!1},statusFields:{type:Array,default:()=>[]},minimizable:{type:Boolean,default:!0},maximizable:{type:Boolean,default:!0},closable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1},offsetX:{type:Number,default:0},offsetY:{type:Number,default:0}},emits:["minimize","maximize","close"],setup(t,{emit:n}){const r=n,i=t,l=e.useTemplateRef("targetWindow"),o=e.ref(!1),s=e.ref(0),a=e.ref(0),{dragging:m,offsetX:c,offsetY:d,onMouseDown:p}=be(i,l);function we(){try{if(o.value){c.value=s.value,d.value=a.value,s.value=0,a.value=0,o.value=!1;return}s.value=c.value,a.value=d.value,c.value=0,d.value=0,o.value=!0}finally{r("maximize")}}return e.watch(c,(g,u)=>{g!==u&&o.value}),e.watch(d,(g,u)=>{g!==u&&o.value}),(g,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"targetWindow",ref:l,class:e.normalizeClass(["window glass",{active:t.active,draggable:t.draggable,dragging:e.unref(m),maximized:o.value}]),style:e.normalizeStyle({width:t.width,height:t.height,"--window-background-color":t.color,top:`${e.unref(d)}px`,left:`${e.unref(c)}px`})},[e.createElementVNode("div",{ref:"windowTitleBar",class:"title-bar",onMousedown:u[2]||(u[2]=(...k)=>e.unref(p)&&e.unref(p)(...k))},[e.createElementVNode("div",he,e.toDisplayString(t.title),1),e.createElementVNode("div",Be,[t.minimizable?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":"Minimize",onClick:u[0]||(u[0]=k=>r("minimize"))})):e.createCommentVNode("",!0),t.maximizable?(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":o.value?"Restore":"Maximize",onClick:we},null,8,Se)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock("button",{key:2,"aria-label":"Close",onClick:u[1]||(u[1]=k=>g.$emit("close"))})):e.createCommentVNode("",!0)])],544),e.createElementVNode("div",{class:e.normalizeClass(["window-body",{"has-space":t.hasSpace,"has-scrollbar":t.hasScrollbar}])},[e.renderSlot(g.$slots,"default")],2),t.hasStatus&&t.statusFields.length||g.$slots.status?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(g.$slots,"status",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.statusFields,k=>(e.openBlock(),e.createElementBlock("p",{key:k,class:"status-bar-field"},e.toDisplayString(k),1))),128))])])):e.createCommentVNode("",!0)],6))}})},Symbol.toStringTag,{value:"Module"}));return{install(t){Object.values(Ve).forEach(n=>{t.component(n.name,n)})}}});