UNPKG

@sorion/windmill-vue

Version:

Vue 3 UI component library built with Tailwind CSS, inspired by @windmill/react-ui

2 lines (1 loc) 23.5 kB
var hn=Object.defineProperty,kn=Object.defineProperties;var bn=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var Bn=Object.prototype.hasOwnProperty,gn=Object.prototype.propertyIsEnumerable;var X=(d,e,s)=>e in d?hn(d,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):d[e]=s,I=(d,e)=>{for(var s in e||(e={}))Bn.call(e,s)&&X(d,s,e[s]);if(G)for(var s of G(e))gn.call(e,s)&&X(d,s,e[s]);return d},y=(d,e)=>kn(d,bn(e));(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d["windmill-vue"]={},d.Vue))})(this,function(d,e){"use strict";var s=(t,n)=>{const a=t.__vccOpts||t;for(const[o,r]of n)a[o]=r;return a};const J={},K={fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",stroke:"currentColor"},Q=[e.createElementVNode("path",{d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function Y(t,n){return e.openBlock(),e.createElementBlock("svg",K,Q)}var Z=s(J,[["render",Y]]);const x={},ee={fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",stroke:"currentColor"},te=[e.createElementVNode("path",{d:"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function ne(t,n){return e.openBlock(),e.createElementBlock("svg",ee,te)}var ae=s(x,[["render",ne]]);const oe={},le={fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",stroke:"currentColor"},re=[e.createElementVNode("path",{d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function se(t,n){return e.openBlock(),e.createElementBlock("svg",le,re)}var de=s(oe,[["render",se]]);const ce={},ie={fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",stroke:"currentColor"},_e=[e.createElementVNode("path",{d:"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function pe(t,n){return e.openBlock(),e.createElementBlock("svg",ie,_e)}var me=s(ce,[["render",pe]]);const ue=e.defineComponent({name:"NeutralIcon"}),fe={fill:"none",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",stroke:"currentColor"},$e=[e.createElementVNode("path",{d:"M8 12h.01M12 12h.01M16 12h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)];function Ie(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("svg",fe,$e)}var h=s(ue,[["render",Ie]]);const ye={},he={"aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},ke=[e.createElementVNode("path",{d:"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",clipRule:"evenodd",fillRule:"evenodd"},null,-1)];function be(t,n){return e.openBlock(),e.createElementBlock("svg",he,ke)}var Be=s(ye,[["render",be]]);const ge={},Ue={"aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},Ce=[e.createElementVNode("path",{d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd",fillRule:"evenodd"},null,-1)];function Ee(t,n){return e.openBlock(),e.createElementBlock("svg",Ue,Ce)}var Ne=s(ge,[["render",Ee]]),Tn="";const Se=e.defineComponent({name:"UIAlert",props:{type:{type:String,default:"neutral"},onClose:{type:Function,required:!1}},setup(t){const n=()=>{t.onClose&&t.onClose()},a=e.computed(()=>({neutral:t.type==="neutral",success:t.type==="success",danger:t.type==="danger",warning:t.type==="warning",info:t.type==="info"})),o=e.computed(()=>{let r=h;switch(t.type){case"neutral":r=h;break;case"success":r=de;break;case"danger":r=ae;break;case"warning":r=me;break;case"info":r=Z;break}return r});return{className:a,iconComponent:o,handleClose:n}}}),ve=[(t=>(e.pushScopeId("data-v-659c766f"),t=t(),e.popScopeId(),t))(()=>e.createElementVNode("path",{d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd",fillRule:"evenodd"},null,-1))];function we(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["alert",t.className]),role:"alert"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.iconComponent),{class:e.normalizeClass(["icon",t.className])},null,8,["class"])),e.renderSlot(t.$slots,"default",{},void 0,!0),t.onClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["button-close",t.className]),onClick:n[0]||(n[0]=(...c)=>t.handleClose&&t.handleClose(...c))},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(["h-5 w-5",t.className]),fill:"currentColor",viewBox:"0 0 20 20",role:"img","aria-hidden":"true"},ve,2))],2)):e.createCommentVNode("",!0)],2)}var k=s(Se,[["render",we],["__scopeId","data-v-659c766f"]]),Ln="";const Te=e.defineComponent({name:"UIAvatar",props:{size:{type:String,default:"regular"},src:{type:String,required:!0},alt:{type:String,required:!0}},setup(t){return{classSize:e.computed(()=>({large:t.size==="large",regular:t.size==="regular",small:t.size==="small"}))}}}),Ve=t=>(e.pushScopeId("data-v-bc2a87b4"),t=t(),e.popScopeId(),t),ze=["src","alt"],Le=Ve(()=>e.createElementVNode("div",{class:"absolute inset-0 rounded-full shadow-inner"},null,-1));function Me(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["avatar",t.classSize])},[e.createElementVNode("img",{class:"image",src:t.src,alt:t.alt},null,8,ze),Le],2)}var b=s(Te,[["render",Me],["__scopeId","data-v-bc2a87b4"]]),Mn="";const Pe=e.defineComponent({name:"UIBackdrop"}),Ae={class:"force-margin fixed inset-0 z-40 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center"};function qe(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",Ae,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var f=s(Pe,[["render",qe],["__scopeId","data-v-66350b34"]]),Pn="";const Re=e.defineComponent({name:"UIBadge",props:{type:{type:String,default:"primary"}},setup(t){return{className:e.computed(()=>({primary:t.type==="primary",neutral:t.type==="neutral",success:t.type==="success",danger:t.type==="danger",warning:t.type==="warning"}))}}});function Oe(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["badge",t.className])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2)}var B=s(Re,[["render",Oe],["__scopeId","data-v-189a79c8"]]),An="";const De=e.defineComponent({name:"UIButton",props:{layout:{type:String,default:"primary"},size:{type:String,default:"regular"},disabled:{type:Boolean,default:!1},block:{type:Boolean},icon:{type:Object,required:!1,default:null},leftIcon:{type:Object,required:!1,default:null},rightIcon:{type:Object,required:!1,default:null}},setup(t,n){const a=e.computed(()=>n.slots.default!==void 0),o=e.computed(()=>t.layout==="__dropdownItem"?"button-item":{"button-base":!0,primary:t.layout==="primary","outline-style":t.layout==="outline",link:t.layout==="link",active:!t.disabled,disabled:t.disabled,larger:t.size==="larger",large:t.size==="large",regular:t.size==="regular",small:t.size==="small",pagination:t.size==="pagination",icon:!a.value,block:t.block}),r=e.computed(()=>({"icon-larger":t.size==="larger","icon-large":t.size==="large","icon-regular":t.size==="regular","icon-small":t.size==="small"})),l=e.computed(()=>t.leftIcon||t.icon);return{className:o,iconClassName:r,iconOnLeft:l,hasSlot:a}}}),je=["disabled"];function Fe(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(t.className),disabled:t.disabled},[t.iconOnLeft!==null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.iconOnLeft),{key:0,class:e.normalizeClass(y(I({},t.iconClassName),{"icon-left":t.hasSlot}))},null,8,["class"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},void 0,!0),t.rightIcon!==null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.rightIcon),{key:1,class:e.normalizeClass(y(I({},t.iconClassName),{"icon-right":t.hasSlot}))},null,8,["class"])):e.createCommentVNode("",!0)],10,je)}var u=s(De,[["render",Fe],["__scopeId","data-v-5d032650"]]),qn="";const He=e.defineComponent({name:"UICard",props:{colored:{type:Boolean,default:!1}}});function We(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card",{default:!t.colored}])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2)}var g=s(He,[["render",We],["__scopeId","data-v-31cfbb3d"]]);const Ge=e.defineComponent({name:"UICardBody"}),Xe={class:"p-4"};function Je(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(t.$slots,"default")])}var U=s(Ge,[["render",Je]]),Rn="";const Ke=e.defineComponent({name:"UIDropdown",props:{isOpen:{type:Boolean,required:!0},align:{type:String,required:!1,default:"left"}},emits:["close"],setup(t,n){const a=e.ref(null),o=e.computed(()=>({"left-0":t.align==="left","right-0":t.align==="right"})),r=()=>{n.emit("close")},l=i=>{(i.key==="Esc"||i.key==="Escape")&&r()},c=i=>{const m=a.value;m&&!m.contains(i.target)&&r()};return e.watch(()=>t.isOpen,i=>{i?(document.addEventListener("click",c,{capture:!0}),document.addEventListener("keydown",l,{capture:!0})):(document.removeEventListener("click",c),document.removeEventListener("keydown",l))},{flush:"post"}),{leftRightClass:o,dropdownRef:a}}}),Qe={key:0};function Ye(t,n,a,o,r,l){return e.openBlock(),e.createBlock(e.Transition,{name:"slide-fade"},{default:e.withCtx(()=>[t.isOpen?(e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("ul",{ref:"dropdownRef",class:e.normalizeClass(["dropdown-container",t.leftRightClass]),"aria-label":"submenu"},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2)])):e.createCommentVNode("",!0)]),_:3})}var C=s(Ke,[["render",Ye],["__scopeId","data-v-0fb45fda"]]);const Ze=e.defineComponent({name:"UIDropdownItem",components:{UIButton:u},props:{className:{type:String,required:!1,default:""}}}),xe={class:"mb-2 last:mb-0"};function et(t,n,a,o,r,l){const c=e.resolveComponent("UIButton");return e.openBlock(),e.createElementBlock("li",xe,[e.createVNode(c,{layout:"__dropdownItem",class:e.normalizeClass(t.className)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"])])}var E=s(Ze,[["render",et]]),On="";const tt=e.defineComponent({name:"UIHelperText",props:{valid:{type:Boolean,required:!1,default:void 0}},setup(t){return{className:e.computed(()=>t.valid===void 0?{}:{valid:t.valid,invalid:!t.valid&&t.valid!==void 0})}}});function nt(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["helper-text",t.className])},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2)}var N=s(tt,[["render",nt],["__scopeId","data-v-32c64746"]]),Dn="";const at=e.defineComponent({name:"UIInput",props:{modelValue:{type:[String,Number,Boolean,Array],required:!0},valid:{type:Boolean,default:null},disabled:{type:Boolean,default:!1},type:{type:String,default:"text"}},emits:["update:modelValue"],setup(t,n){const a=()=>t.valid!==null,o=e.computed({get:()=>t.modelValue,set:l=>{n.emit("update:modelValue",l)}});return{baseClassName:e.computed(()=>({"radio-style":t.type==="radio","checkbox-style":t.type==="checkbox","input-base":t.type==="text"||t.type==="email"||t.type==="password",active:!a()&&!t.disabled,disabled:!a()&&t.disabled,valid:a()&&t.valid===!0,invalid:a()&&t.valid===!1})),update:o}}}),ot=["type","disabled"];function lt(t,n,a,o,r,l){return e.withDirectives((e.openBlock(),e.createElementBlock("input",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.update=c),class:e.normalizeClass(t.baseClassName),type:t.type,disabled:t.disabled},null,10,ot)),[[e.vModelDynamic,t.update]])}var S=s(at,[["render",lt],["__scopeId","data-v-fb7dedb4"]]),jn="";const rt=e.defineComponent({name:"UILabel",props:{check:{type:Boolean,default:!1},radio:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(t){return{className:e.computed(()=>({"label-base":!0,check:t.check||t.radio,disabled:t.disabled}))}}});function st(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(t.className)},[e.renderSlot(t.$slots,"default",{},void 0,!0)],2)}var v=s(rt,[["render",st],["__scopeId","data-v-5df0b398"]]),Fn="";const dt=e.defineComponent({name:"UIModal",components:{UIBackdrop:f},props:{isOpen:{type:Boolean,required:!0}},emits:["close"],setup(t,n){const a=e.ref(!1),o=e.ref(!1),r=()=>{n.emit("close")},l=()=>{a.value=!1},c=()=>{a.value=!0,o.value=!0},i=e.computed(()=>t.isOpen?!0:!!o.value);e.watch(()=>t.isOpen,_=>{!_&&o&&l()});const m=_=>{(_.key==="Esc"||_.key==="Escape")&&l()};return e.onUpdated(()=>{t.isOpen?document.addEventListener("keydown",m,{capture:!0}):document.removeEventListener("keydown",m)}),{emitClose:r,handleClose:l,handleOpen:c,childOpen:a,blockClose:o,enabled:i}}}),ct={key:0,class:"base-modal",role:"dialog"},it={class:"flex justify-end"},_t=[e.createElementVNode("svg",{className:"w-4 h-4",fill:"currentColor",viewBox:"0 0 20 20",role:"img","aria-hidden":"true"},[e.createElementVNode("path",{d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd",fillRule:"evenodd"})],-1)];function pt(t,n,a,o,r,l){const c=e.resolveComponent("UIBackdrop");return e.openBlock(),e.createBlock(e.Transition,{name:"fade",onAfterEnter:t.handleOpen},{default:e.withCtx(()=>[t.enabled?(e.openBlock(),e.createBlock(c,{key:0},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"translate",onAfterLeave:n[1]||(n[1]=i=>{t.emitClose(),t.blockClose=!1})},{default:e.withCtx(()=>[t.childOpen?(e.openBlock(),e.createElementBlock("div",ct,[e.createElementVNode("header",it,[e.createElementVNode("button",{class:"inline-flex items-center justify-center w-6 h-6 text-gray-400 transition-colors duration-150 rounded dark:hover:text-gray-200 hover: hover:text-gray-700","aria-label":"close",onClick:n[0]||(n[0]=(...i)=>t.handleClose&&t.handleClose(...i))},_t)]),e.renderSlot(t.$slots,"default")])):e.createCommentVNode("",!0)]),_:3})]),_:3})):e.createCommentVNode("",!0)]),_:3},8,["onAfterEnter"])}var w=s(dt,[["render",pt]]),Wn="";const mt=e.defineComponent({name:"UIModalBody"}),ut={class:"modal-body"};function ft(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",ut,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var T=s(mt,[["render",ft],["__scopeId","data-v-fd80b460"]]),Gn="";const $t=e.defineComponent({name:"UIModalFooter"}),It={class:"modal-footer"};function yt(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("footer",It,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var V=s($t,[["render",yt],["__scopeId","data-v-4e889ed9"]]),Xn="";const ht=e.defineComponent({name:"UIModalHeader"}),kt={class:"modal-header"};function bt(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("p",kt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var z=s(ht,[["render",bt],["__scopeId","data-v-ed10a55a"]]);const Bt=e.defineComponent({name:"UINavigationButton",components:{UIButton:u},props:{onClick:{type:Function,required:!0},disabled:{type:Boolean,required:!0},directionIcon:{type:String,required:!0}},setup(t){const n=e.computed(()=>t.directionIcon==="prev"?Be:Ne);return{ariaLabel:e.ref(t.directionIcon==="prev"?"Previous":"Next"),icon:n}}});function gt(t,n,a,o,r,l){const c=e.resolveComponent("UIButton");return e.openBlock(),e.createBlock(c,{size:"small",layout:"link",icon:t.icon,disabled:t.disabled,"aria-label":t.ariaLabel},null,8,["icon","disabled","aria-label"])}var Ut=s(Bt,[["render",gt]]);const Ct=e.defineComponent({name:"UIPageButton",props:{page:{type:[String,Number],required:!0},isActive:{type:Boolean,required:!0}}});function Et(t,n,a,o,r,l){const c=e.resolveComponent("UIButton");return e.openBlock(),e.createBlock(c,{size:"pagination",layout:t.isActive?"primary":"link"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.page),1)]),_:1},8,["layout"])}var Nt=s(Ct,[["render",Et]]);const St={},vt={class:"px-2 py-1"};function wt(t,n){return e.openBlock(),e.createElementBlock("span",vt,"...")}var Tt=s(St,[["render",wt]]),Jn="";const Vt=e.defineComponent({name:"UIPagination",components:{UINavigationButton:Ut,UIPageButton:Nt,UIEmptyButton:Tt},props:{totalResults:{type:Number,required:!0},resultsPerPage:{type:Number,required:!0},onChange:{type:Function,required:!0},label:{type:String,required:!0}},setup(t){const n=1,a=7,o=e.ref(Math.ceil(t.totalResults/t.resultsPerPage)),r=o,l=e.ref(1),c=()=>{l.value=l.value-1},i=()=>{l.value=l.value+1},m=e.computed(()=>{let p=[];return o.value<=a?p=Array.from({length:o.value}).map(($,yn)=>yn+1):l.value<5?p=[1,2,3,4,5,"...",o.value]:l.value>=5&&l.value<o.value-3?p=[1,"...",l.value,l.value+1,"...",o.value]:p=[1,"...",o.value-4,o.value-3,o.value-2,o.value-1,o.value],p}),_=p=>{if(!(p.constructor instanceof String)){const $=p;l.value=$}};return e.onUpdated(()=>{t.onChange(l.value)}),{handlePreviousClick:c,handleNextClick:i,setActivePage:_,activePage:l,pages:m,FIRST_PAGE:n,LAST_PAGE:r}}}),zt={class:"pagination-container"},Lt={class:"pagination-label"},Mt={class:"navigation-container"},Pt=["aria-label"],At={class:"navigation-list"};function qt(t,n,a,o,r,l){const c=e.resolveComponent("UINavigationButton"),i=e.resolveComponent("UIEmptyButton"),m=e.resolveComponent("UIPageButton");return e.openBlock(),e.createElementBlock("div",zt,[e.createElementVNode("span",Lt," Showing "+e.toDisplayString(t.activePage*t.resultsPerPage-t.resultsPerPage-1)+" - "+e.toDisplayString(Math.min(t.activePage*t.resultsPerPage,t.totalResults))+" of "+e.toDisplayString(t.totalResults),1),e.createElementVNode("div",Mt,[e.createElementVNode("nav",{"aria-label":t.label},[e.createElementVNode("ul",At,[e.createElementVNode("li",null,[e.createVNode(c,{"direction-icon":"prev",disabled:t.activePage===t.FIRST_PAGE,"on-click":t.handlePreviousClick},null,8,["disabled","on-click"])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.pages,(_,p)=>(e.openBlock(),e.createElementBlock("li",{key:p},[_==="..."?(e.openBlock(),e.createBlock(i,{key:0})):(e.openBlock(),e.createBlock(m,{key:1,page:_,"is-active":_===t.activePage,onClick:$=>t.setActivePage(_)},null,8,["page","is-active","onClick"]))]))),128)),e.createElementVNode("li",null,[e.createVNode(c,{"direction-icon":"next",disabled:t.activePage===t.LAST_PAGE,"on-click":t.handleNextClick},null,8,["disabled","on-click"])])])],8,Pt)])])}var L=s(Vt,[["render",qt],["__scopeId","data-v-fd697fee"]]),Kn="";const Rt=e.defineComponent({name:"UISelect",props:{disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},valid:{type:Boolean,default:null}},setup(t){const n=()=>t.valid!==null;return{className:e.computed(()=>({"select-base":!0,active:!n()&&!t.disabled,disabled:!n()&&t.disabled,valid:n()&&t.valid===!0,invalid:n()&&t.valid===!1,select:t.multiple}))}}}),Ot=["disabled","multiple"];function Dt(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("select",{class:e.normalizeClass(t.className),disabled:t.disabled,multiple:t.multiple},[e.renderSlot(t.$slots,"default",{},void 0,!0)],10,Ot)}var M=s(Rt,[["render",Dt],["__scopeId","data-v-4f80243f"]]),Qn="";const jt=e.defineComponent({name:"UITableContainer"}),Ft={class:"table-container"};function Ht(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",Ft,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var P=s(jt,[["render",Ht],["__scopeId","data-v-09f4f8b2"]]),Yn="";const Wt=e.defineComponent({name:"UITable"}),Gt={class:"table-wrapper"},Xt={class:"table"};function Jt(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",Gt,[e.createElementVNode("table",Xt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])])}var A=s(Wt,[["render",Jt],["__scopeId","data-v-4dd47a39"]]),Zn="";const Kt=e.defineComponent({name:"UITableHeader"}),Qt={class:"table-header"};function Yt(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("thead",Qt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var q=s(Kt,[["render",Yt],["__scopeId","data-v-ad06d1e2"]]),xn="";const Zt=e.defineComponent({name:"UITableBody"}),xt={class:"table-body"};function en(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("tbody",xt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var R=s(Zt,[["render",en],["__scopeId","data-v-c9555ba0"]]),ea="";const tn=e.defineComponent({name:"UITableRow"}),nn={class:"table-row"};function an(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("tr",nn,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var O=s(tn,[["render",an],["__scopeId","data-v-f6e36bd6"]]),ta="";const on=e.defineComponent({name:"UITableCell"}),ln={class:"table-cell"};function rn(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("td",ln,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var D=s(on,[["render",rn],["__scopeId","data-v-0bf4b56c"]]),na="";const sn=e.defineComponent({name:"UITableFooter"}),dn={class:"table-footer"};function cn(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",dn,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var j=s(sn,[["render",cn],["__scopeId","data-v-1f686e19"]]),aa="";const _n=e.defineComponent({name:"UITextarea",props:{modelValue:{type:String,required:!0},disabled:{type:Boolean,default:!1},valid:{type:Boolean,default:null}},emits:["update:modelValue"],setup(t,n){const a=()=>t.valid!==null,o=e.computed({get:()=>t.modelValue,set:l=>{n.emit("update:modelValue",l)}});return{className:e.computed(()=>({active:!a()&&!t.disabled,disabled:!a()&&t.disabled,valid:a()&&t.valid,invalid:a()&&t.valid===!1})),update:o}}}),pn=["disabled"];function mn(t,n,a,o,r,l){return e.withDirectives((e.openBlock(),e.createElementBlock("textarea",{"onUpdate:modelValue":n[0]||(n[0]=c=>t.update=c),class:e.normalizeClass(["textarea-base",t.className]),disabled:t.disabled}," ",10,pn)),[[e.vModelText,t.update]])}var F=s(_n,[["render",mn],["__scopeId","data-v-afdb7a3a"]]),oa="";const un=e.defineComponent({name:"WApp",props:{dark:{type:Boolean,default:!1},usePreferences:{type:Boolean,default:!1}},setup(t){const n=a=>{a?(document.documentElement.className="",document.documentElement.classList.add("dark")):(document.documentElement.className="",document.documentElement.classList.add())};e.watch(()=>t.dark,a=>{n(a)})}}),fn={id:"app-container"};function $n(t,n,a,o,r,l){return e.openBlock(),e.createElementBlock("div",fn,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}var H=s(un,[["render",$n],["__scopeId","data-v-6b8cb3a5"]]),W=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",UIAlert:k,UIAvatar:b,UIBackdrop:f,UIBadge:B,UIButton:u,UICard:g,UICardBody:U,UIDropdown:C,UIDropdownItem:E,UIHelperText:N,UIInput:S,UILabel:v,UIModal:w,UIModalBody:T,UIModalFooter:V,UIModalHeader:z,UIPagination:L,UISelect:M,UITableContainer:P,UITable:A,UITableHeader:q,UITableBody:R,UITableRow:O,UITableCell:D,UITableFooter:j,UITextarea:F,WApp:H}),la="";const In={install(t){for(const n in W){const a=W[n];t.component(a.name,a)}}};d.UIAlert=k,d.UIAvatar=b,d.UIBackdrop=f,d.UIBadge=B,d.UIButton=u,d.UICard=g,d.UICardBody=U,d.UIDropdown=C,d.UIDropdownItem=E,d.UIHelperText=N,d.UIInput=S,d.UILabel=v,d.UIModal=w,d.UIModalBody=T,d.UIModalFooter=V,d.UIModalHeader=z,d.UIPagination=L,d.UISelect=M,d.UITable=A,d.UITableBody=R,d.UITableCell=D,d.UITableContainer=P,d.UITableFooter=j,d.UITableHeader=q,d.UITableRow=O,d.UITextarea=F,d.WApp=H,d.default=In,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});