7.css-vue
Version:
Vue3 component library for recreating Windows 7 UI
2 lines (1 loc) • 21.6 kB
JavaScript
(function(e,g){typeof exports=="object"&&typeof module<"u"?module.exports=g(require("vue")):typeof define=="function"&&define.amd?define(["vue"],g):(e=typeof globalThis<"u"?globalThis:e||self,e.SevenCssVue=g(e.Vue))})(this,function(e){"use strict";const g=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,o)=>(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))}}),p=(t,n)=>{const o=t.__vccOpts||t;for(const[r,l]of n)o[r]=l;return o},b=p(Object.assign({name:"WinButton"},{__name:"Button",props:{text:{type:String,default:"Button"}},setup(t){return(n,o)=>(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"]]),E=["id","name","disabled","checked"],x=["for"],N=p(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 o=n,r=t,l=e.computed(()=>`${r.name}-checkbox`),i=e.computed(()=>r.trueValue===void 0?r.value:r.trueValue),s=e.computed(()=>r.falseValue===void 0?!1:r.falseValue),a=e.computed(()=>{var c;return Array.isArray(r.modelValue)?(c=r.modelValue)==null?void 0:c.includes(i.value):i.value===r.modelValue});function d(){if(r.disabled)return;if(!Array.isArray(r.modelValue)){o("update:model-value",a.value?s.value:i.value);return}if(a.value){o("update:model-value",r.modelValue.filter(u=>u!==i.value));return}o("update:model-value",[...r.modelValue,i.value])}return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:"winui-checkbox",onClick:e.withModifiers(d,["prevent"])},[e.createElementVNode("input",{id:l.value,name:t.name,disabled:t.disabled,type:"checkbox",checked:a.value},null,8,E),e.createElementVNode("label",{for:l.value},[e.renderSlot(c.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,x)]))}}),[["__scopeId","data-v-faa2a64d"]]);let h=function(){let t=0;return function(n){return n?`${String(n)}-${++t}`:`${++t}`}}();const _=["open"],C={class:"collapse-title"},W={key:0},D=p(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 o=`winui-collapse-${h()}`,r=n,l=t,i=e.computed({get(){return l.open},set(s){r("update:open",s)}});return(s,a)=>{const d=e.resolveComponent("win-icon"),c=e.resolveComponent("WinCollapse");return e.openBlock(),e.createElementBlock("details",{id:o,class:"winui-collapse",open:i.value,onToggle:a[0]||(a[0]=u=>i.value=!i.value)},[e.createElementVNode("summary",C,[e.renderSlot(s.$slots,"title",{},()=>[t.prependIcon?(e.openBlock(),e.createBlock(d,{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 u;return[((u=t.children)==null?void 0:u.length)>0?(e.openBlock(),e.createElementBlock("ul",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,f=>(e.openBlock(),e.createElementBlock("li",{key:f.id},[f.children?(e.openBlock(),e.createBlock(c,{key:0,title:f.title,"prepend-icon":f.prependIcon,children:f.children},null,8,["title","prepend-icon","children"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(f.title),1)],64))]))),128))])):e.createCommentVNode("",!0)]},!0)],40,_)}}}),[["__scopeId","data-v-2917fa65"]]);function j(t,n,o,r){const l=e.ref(n.defaultX),i=e.ref(n.defaultY);let s=0,a=0;const d=e.ref(null),c=e.ref(!1);function u(){o!=null&&o.value||r!=null&&r.value||(document.removeEventListener("mouseup",u),document.removeEventListener("mousemove",f),c.value=!1)}function f(m){if(o!=null&&o.value||r!=null&&r.value)return;m.preventDefault();const k=s-m.clientX,y=a-m.clientY;s=m.clientX,a=m.clientY,i.value=i.value-y,l.value=l.value-k}function S(m){o!=null&&o.value||r!=null&&r.value||(m.preventDefault(),s=m.clientX,a=m.clientY,c.value=!0,document.addEventListener("mousemove",f),document.addEventListener("mouseup",u))}return e.onMounted(()=>{if(!n.draggable)return;const m=document.getElementById(`${t}-header`);if(d.value=document.getElementById(t),!m)throw new Error(`Element with id "${t}" was not found`);m.onmousedown=S}),{parentTarget:d,dragging:c,offsetX:l,offsetY:i}}const O=["id"],M={class:"title-bar-text"},T={class:"title-bar-controls"},I=["aria-label"],A=["aria-label"],L={key:0,class:"status-bar"},$=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"},hasScrollbar:{type:Boolean,default:!1},hasStatus:{type:Boolean,default:!1},statusFields:{type:Array,default:()=>[]},minimizable:{type:Boolean,default:!1},maximizable:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},defaultX:{type:[Number,String],default:0},defaultY:{type:[Number,String],default:0}},emits:["minimize","maximize","close"],setup(t,{emit:n}){const o=`window-${h()}`,r=n,l=t,i=e.ref(!1),s=e.ref(!1),a=e.reactive({x:l.defaultX,y:l.defaultY}),{dragging:d,offsetX:c,offsetY:u}=j(o,l,i,s);function f(){try{if(i.value){c.value=a.x,u.value=a.y,a.x=l.defaultX,a.y=l.defaultY,i.value=!1;return}a.x=c.value,a.y=u.value,c.value=0,u.value=0,i.value=!0}finally{r("maximize")}}function S(){try{if(s.value){u.value=a.y,a.y=l.defaultY,s.value=!1;return}a.y=u.value,u.value=window.innerHeight-35,s.value=!0}finally{r("minimize")}}return(m,k)=>(e.openBlock(),e.createElementBlock("div",{id:o,class:e.normalizeClass(["window glass",{active:t.active,draggable:t.draggable,dragging:e.unref(d),maximized:i.value,minimized:s.value}]),style:e.normalizeStyle({"--window-background-color":t.color,top:`${e.unref(u)}px`,left:`${e.unref(c)}px`})},[e.createElementVNode("div",{id:`${o}-header`,class:"title-bar"},[e.createElementVNode("div",M,e.toDisplayString(t.title),1),e.createElementVNode("div",T,[t.minimizable?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":s.value?"Restore":"Minimize",onClick:S},null,8,I)):e.createCommentVNode("",!0),t.maximizable?(e.openBlock(),e.createElementBlock("button",{key:1,"aria-label":i.value?"Restore":"Maximize",onClick:f},null,8,A)):e.createCommentVNode("",!0),t.closable?(e.openBlock(),e.createElementBlock("button",{key:2,"aria-label":"Close",onClick:k[0]||(k[0]=y=>m.$emit("close"))})):e.createCommentVNode("",!0)])],8,O),e.createElementVNode("div",{class:e.normalizeClass(["window-body has-space",{"has-scrollbar":t.hasScrollbar}]),style:e.normalizeStyle({width:t.width})},[e.renderSlot(m.$slots,"default")],6),t.hasStatus&&t.statusFields.length||m.$slots.status?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(m.$slots,"status",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.statusFields,y=>(e.openBlock(),e.createElementBlock("p",{key:y,class:"status-bar-field"},e.toDisplayString(y),1))),128))])])):e.createCommentVNode("",!0)],6))}}),P={class:"field-row",style:{"padding-top":"1em","justify-content":"flex-end"}},q={key:0,class:"w-full h-full bg-black/20 backdrop-blur-xs fixed top-0 left-0"},F=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"},defaultX:{type:[Number,String],default:()=>window.innerWidth/2-250},defaultY:{type:[Number,String],default:()=>window.innerHeight/2-100},hasStatus:{type:Boolean,default:!1},statusFields:{type:Array,default:()=>[]},permanent:{type:Boolean,default:!1},cancelable:{type:Boolean,default:!0},draggable:{type:Boolean,default:!1}},emits:["accept","cancel","update:model-value"],setup(t,{emit:n}){const o=n,r=t,l=e.computed({get(){return r.modelValue},set(a){o("update:model-value",a)}});function i(){l.value=!1,o("accept")}function s(){l.value=!1,o("cancel")}return(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,null,{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock($,{key:0,active:"",draggable:t.draggable,title:t.title,"default-x":t.defaultX,"default-y":t.defaultY,width:t.width,color:t.color,style:{position:"fixed","z-index":"1000 !important"}},{"status-bar":e.withCtx(()=>[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))])]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("p",null,e.toDisplayString(t.message),1)]),e.createElementVNode("section",P,[e.createVNode(b,{text:"Cancel",onClick:s}),e.createVNode(b,{text:"Accept",class:"default",onClick:i})])]),_:3},8,["draggable","title","default-x","default-y","width","color"])):e.createCommentVNode("",!0)]),_:3}),l.value?(e.openBlock(),e.createElementBlock("div",q)):e.createCommentVNode("",!0)],64))}}),Y={key:0,value:void 0,disabled:"",selected:""},X=["value","disabled","selected"],H=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 o=n,r=t,l=e.computed({get(){return r.modelValue},set(i){o("update:model-value",i)}});return(i,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",{"onUpdate:modelValue":s[0]||(s[0]=a=>l.value=a),class:"winui-dropdown"},[e.renderSlot(i.$slots,"placeholder",{},()=>[t.placeholder?(e.openBlock(),e.createElementBlock("option",Y,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0)]),e.renderSlot(i.$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,X))),128))])],512)),[[e.vModelSelect,l.value]])}}),U={class:"winui-groupbox"},R={key:0},z=Object.assign({name:"WinGroupbox"},{__name:"Groupbox",props:{title:{type:String,default:null}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("fieldset",U,[t.title||n.label?(e.openBlock(),e.createElementBlock("legend",R,e.toDisplayString(t.title||n.label),1)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default")]))}}),G={class:"winui-icon"},K=["width","height"],Z=["d"],B=p(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(o,r)=>(e.openBlock(),e.createElementBlock("span",G,[(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,Z)],8,K))]))}}),[["__scopeId","data-v-08570360"]]),J=["href","target"],Q=p(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,o)=>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(B,{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,J)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1},n.$attrs,{class:"winui-link"}),[t.prependIcon?(e.openBlock(),e.createBlock(B,{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"]]),v={role:"listbox",class:"winui-listbox"},ee=["onClick"],te=p(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 o=n,r=t,l=e.computed({get(){return r.modelValue},set(a){o("update:model-value",a)}});function i(a){return a[r.itemValue]===l.value?{"aria-selected":!0}:{}}function s(a){l.value=a}return(a,d)=>(e.openBlock(),e.createElementBlock("ul",v,[(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},i(c),{role:"option",onClick:u=>s(c[t.itemValue])}),e.toDisplayString(c[t.itemText]),17,ee))),128))]))}}),[["__scopeId","data-v-55547bd9"]]),ne={class:"winui-menu",role:"menu"},V=Object.assign({name:"WinMenu"},{__name:"Menu",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("ul",ne,[e.renderSlot(n.$slots,"default")]))}}),le={class:"winui-menubar",role:"menubar"},ae=Object.assign({name:"WinMenuBar"},{__name:"MenuBar",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("ul",le,[e.renderSlot(n.$slots,"default")]))}}),oe={key:0,class:"winui-menuitem-button"},w=p(Object.assign({name:"WinMenuItem"},{__name:"MenuItem",props:{title:{type:String,default:null},children:{type:Array,default:()=>[]}},setup(t){const n=e.useSlots(),o=e.computed(()=>{const l=n!=null&&n.submenu?n.submenu():[];return(l==null?void 0:l.length)>0}),r=e.computed(()=>o.value?{"aria-haspopup":!0}:{});return(l,i)=>{var s;return e.openBlock(),e.createElementBlock("li",e.mergeProps(r.value,{class:"winui-menuitem",role:"menuitem"}),[e.renderSlot(l.$slots,"default",{},()=>[o.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.title),1)],64)):(e.openBlock(),e.createElementBlock("label",oe,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(V,{key:0},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.children,(d,c)=>(e.openBlock(),e.createBlock(w,{key:c,title:d.title,children:d.children},null,8,["title","children"]))),128))]),_:1})):e.createCommentVNode("",!0)]},!0):e.createCommentVNode("",!0)],16)}}}),[["__scopeId","data-v-21bf0756"]]),re=p(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,o=e.computed(()=>n.indeterminate?{}:{"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":isNaN(n.progress)?Number(n.progress.slice(0,-1)):this.progress});return(r,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(o.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"]]),ie={class:"winui-radio"},se=["id","value","name","disabled"],ce=["for"],de=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 o=n,r=t,l=e.computed({get(){return r.modelValue},set(s){o("update:model-value",s)}}),i=e.computed(()=>`${r.name}-${r.value}-radio`);return(s,a)=>(e.openBlock(),e.createElementBlock("div",ie,[e.withDirectives(e.createElementVNode("input",{id:i.value,"onUpdate:modelValue":a[0]||(a[0]=d=>l.value=d),value:t.value,name:t.name,disabled:t.disabled,type:"radio"},null,8,se),[[e.vModelRadio,l.value]]),e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("label",{for:i.value},e.toDisplayString(t.label),9,ce)])]))}}),ue=["placeholder"],me={key:1,class:"searchbox win-searchbox"},fe=["placeholder"],pe=p(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 o=`searchbox-${h()}`,r=n,l=e.ref();function i(){r("search",l.value)}return(s,a)=>t.instant?e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,id:o,"onUpdate:modelValue":a[0]||(a[0]=d=>l.value=d)},s.$attrs,{type:"search",class:"winui-searchbox",placeholder:t.placeholder,onKeyup:e.withKeys(i,["enter"])}),null,16,ue)),[[e.vModelText,l.value]]):(e.openBlock(),e.createElementBlock("div",me,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[1]||(a[1]=d=>l.value=d),type:"search",placeholder:t.placeholder},null,8,fe),[[e.vModelText,l.value]]),e.createElementVNode("button",{"aria-label":"search",onClick:i})]))}}),[["__scopeId","data-v-030abff4"]]),ge=Object.assign({name:"WinSlider"},{__name:"Slider",props:{modelValue:{type:[String,Number],default:0}},emits:["update:model-value"],setup(t,{emit:n}){const o=n,r=t,l=e.computed({get(){return r.modelValue},set(i){o("update:model-value",i)}});return(i,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({"onUpdate:modelValue":s[0]||(s[0]=a=>l.value=a)},i.$attrs,{type:"range",class:"winui-slider"}),null,16)),[[e.vModelText,l.value]])}}),ye={class:"winui-tabs"},ke=["hidden"],be=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 o=n,r=t,l=e.computed({get(){return r.modelValue},set(i){o("update:model-value",i)}});return(i,s)=>{const a=e.resolveComponent("win-button");return e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("menu",{role:"tablist",class:e.normalizeClass({justified:t.justified})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(d,c)=>(e.openBlock(),e.createBlock(a,{key:c,"aria-selected":l.value===c,role:"tab",onClick:u=>l.value=c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d),1)]),_:2},1032,["aria-selected","onClick"]))),128))],2),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,(d,c)=>(e.openBlock(),e.createElementBlock("article",{key:c,hidden:l.value!==c,role:"tabpanel"},[e.renderSlot(i.$slots,c,e.mergeProps({ref_for:!0},{title:d,tab:c},{hidden:l.value!==c}))],8,ke))),128))])}}}),he=["readonly"],Be=["readonly","type"],Se=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 o=n,r=t,l=e.computed({get(){return r.modelValue},set(i){o("update:model-value",i)}});return(i,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)},i.$attrs,{readonly:t.readonly,class:"winui-textbox"}),null,16,he)),[[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)},i.$attrs,{readonly:t.readonly,type:t.type,class:"winui-textbox"}),null,16,Be)),[[e.vModelDynamic,l.value]])}}),$e={class:"tree-view winui-treeview"},Ve=Object.freeze(Object.defineProperty({__proto__:null,WinBalloon:g,WinButton:b,WinCheckbox:N,WinCollapse:D,WinDialog:F,WinDropdown:H,WinGroupbox:z,WinIcon:B,WinLink:Q,WinListbox:te,WinMenu:V,WinMenubar:ae,WinMenuitem:w,WinProgress:re,WinRadio:de,WinSearchbox:pe,WinSlider:ge,WinTabs:be,WinTextbox:Se,WinTreeview:Object.assign({name:"WinTreeview"},{__name:"Treeview",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("ul",$e,[e.renderSlot(n.$slots,"default")]))}}),WinWindow:$},Symbol.toStringTag,{value:"Module"}));return{install(t){Object.values(Ve).forEach(n=>{t.component(n.name,n)})}}});